@mastra/playground-ui 60.0.0 → 60.1.0-alpha.1

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

@@ -1,9 +1,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-C6eUqcPI.js';
+import { B as Button } from '../../../../Button-D43ghVKt.js';
 import { B as ButtonsGroup } from '../../../../buttons-group-DsZgrZBZ.js';
-import { C as CopyButton } from '../../../../copy-button-DbmsTUum.js';
+import { u as useCollapsibleBox, C as CollapsibleBox } from '../../../../use-collapsible-box-CCvsF_a9.js';
+import { C as CopyButton } from '../../../../copy-button-DH8xtrWz.js';
 import { D as DataPanelSectionHeading } from '../../../../data-panel-section-heading-CXD1skJD.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 
@@ -40,6 +42,7 @@ function SpanPayloadSection({
   className
 }) {
   const [view, setView] = useState(defaultView);
+  const box = useCollapsibleBox();
   if (raw == null) return null;
   const hasRich = hasPreview && children != null;
   const showJson = !hasRich || view === "raw";
@@ -53,11 +56,21 @@ function SpanPayloadSection({
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsx(DataPanelSectionHeading, { icon, className: layout === "details" ? "text-meta" : void 0, children: title }),
           /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+            (box.isClipped || box.isExpanded) && /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                icon: box.isExpanded ? /* @__PURE__ */ jsx(Minimize2, {}) : /* @__PURE__ */ jsx(Maximize2, {}),
+                onClick: box.toggleExpanded,
+                children: box.isExpanded ? "Collapse" : "Expand"
+              }
+            ),
             /* @__PURE__ */ jsx(CopyButton, { content: JSON.stringify(raw, null, 2), size: "sm", variant: "ghost" }),
             hasRich && /* @__PURE__ */ jsx(ViewToggle, { view, onChange: setView })
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "min-w-0", children: showJson ? /* @__PURE__ */ jsx(SpanPayloadJson, { value: raw }) : children })
+        /* @__PURE__ */ jsx(CollapsibleBox, { state: box, children: showJson ? /* @__PURE__ */ jsx(SpanPayloadJson, { value: raw }) : children })
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"span-payload-section.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-section.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport { cn } from '@/lib/utils';\n\nexport type SpanPayloadView = 'rich' | 'raw';\n\nexport interface SpanPayloadSectionProps {\n  title: string;\n  icon?: ReactNode;\n  /** The payload as stored; shown as JSON in the Raw view. */\n  raw: unknown;\n  /** Whether a dedicated presentation exists rather than a JSON fallback. */\n  hasPreview?: boolean;\n  /**\n   * The human-readable rendering. `null` when the payload has no rich form\n   * (JSON fallback): the section then shows Raw only and hides the toggle.\n   */\n  children: ReactNode;\n  /** `panel` matches `DataPanel.CodeSection`; `details` matches `DataDetailsPanel.CodeSection`. */\n  layout?: 'panel' | 'details';\n  defaultView?: SpanPayloadView;\n  className?: string;\n}\n\nfunction ViewToggle({ view, onChange }: { view: SpanPayloadView; onChange: (view: SpanPayloadView) => void }) {\n  return (\n    <ButtonsGroup size=\"sm\" aria-label=\"Payload view\" data-slot=\"span-payload-view-toggle\">\n      <Button\n        variant={view === 'rich' ? 'primary' : 'default'}\n        aria-pressed={view === 'rich'}\n        onClick={() => onChange('rich')}\n      >\n        Preview\n      </Button>\n      <Button\n        variant={view === 'raw' ? 'primary' : 'default'}\n        aria-pressed={view === 'raw'}\n        onClick={() => onChange('raw')}\n      >\n        JSON\n      </Button>\n    </ButtonsGroup>\n  );\n}\n\n/**\n * A span payload section with a Preview / JSON button group. All JSON views share\n * the same syntax highlighting while preserving the stored payload.\n */\nexport function SpanPayloadSection({\n  title,\n  icon,\n  raw,\n  hasPreview = true,\n  children,\n  layout = 'panel',\n  defaultView = 'rich',\n  className,\n}: SpanPayloadSectionProps) {\n  const [view, setView] = useState<SpanPayloadView>(defaultView);\n  if (raw == null) return null;\n\n  const hasRich = hasPreview && children != null;\n  const showJson = !hasRich || view === 'raw';\n\n  return (\n    <div\n      data-slot=\"span-payload-section\"\n      data-view={showJson ? 'raw' : 'rich'}\n      className={cn('flex flex-col gap-2', className)}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <DataPanelSectionHeading icon={icon} className={layout === 'details' ? 'text-meta' : undefined}>\n          {title}\n        </DataPanelSectionHeading>\n        <div className=\"ml-auto flex items-center gap-2\">\n          <CopyButton content={JSON.stringify(raw, null, 2)} size=\"sm\" variant=\"ghost\" />\n          {hasRich && <ViewToggle view={view} onChange={setView} />}\n        </div>\n      </div>\n      <div className=\"min-w-0\">{showJson ? <SpanPayloadJson value={raw} /> : children}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AA6BA,SAAS,UAAA,CAAW,EAAE,IAAA,EAAM,QAAA,EAAS,EAAyE;AAC5G,EAAA,4BACG,YAAA,EAAA,EAAa,IAAA,EAAK,MAAK,YAAA,EAAW,cAAA,EAAe,aAAU,0BAAA,EAC1D,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,IAAA,KAAS,MAAA,GAAS,SAAA,GAAY,SAAA;AAAA,QACvC,gBAAc,IAAA,KAAS,MAAA;AAAA,QACvB,OAAA,EAAS,MAAM,QAAA,CAAS,MAAM,CAAA;AAAA,QAC/B,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,IAAA,KAAS,KAAA,GAAQ,SAAA,GAAY,SAAA;AAAA,QACtC,gBAAc,IAAA,KAAS,KAAA;AAAA,QACvB,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,QAC9B,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;AAMO,SAAS,kBAAA,CAAmB;AAAA,EACjC,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,QAAA;AAAA,EACA,MAAA,GAAS,OAAA;AAAA,EACT,WAAA,GAAc,MAAA;AAAA,EACd;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA0B,WAAW,CAAA;AAC7D,EAAA,IAAI,GAAA,IAAO,MAAM,OAAO,IAAA;AAExB,EAAA,MAAM,OAAA,GAAU,cAAc,QAAA,IAAY,IAAA;AAC1C,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,IAAW,IAAA,KAAS,KAAA;AAEtC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,sBAAA;AAAA,MACV,WAAA,EAAW,WAAW,KAAA,GAAQ,MAAA;AAAA,MAC9B,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAE9C,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mDAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,2BAAwB,IAAA,EAAY,SAAA,EAAW,WAAW,SAAA,GAAY,WAAA,GAAc,QAClF,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,IAAA,CAAK,SAAA,CAAU,GAAA,EAAK,IAAA,EAAM,CAAC,CAAA,EAAG,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,CAAA;AAAA,YAC5E,OAAA,oBAAW,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAY,UAAU,OAAA,EAAS;AAAA,WAAA,EACzD;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,QAAA,uBAAY,eAAA,EAAA,EAAgB,KAAA,EAAO,GAAA,EAAK,CAAA,GAAK,QAAA,EAAS;AAAA;AAAA;AAAA,GAClF;AAEJ;;;;"}
+{"version":3,"file":"span-payload-section.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-section.tsx"],"sourcesContent":["import { Maximize2, Minimize2 } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CollapsibleBox, useCollapsibleBox } from '@/ds/components/CollapsibleBox';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport { cn } from '@/lib/utils';\n\nexport type SpanPayloadView = 'rich' | 'raw';\n\nexport interface SpanPayloadSectionProps {\n  title: string;\n  icon?: ReactNode;\n  /** The payload as stored; shown as JSON in the Raw view. */\n  raw: unknown;\n  /** Whether a dedicated presentation exists rather than a JSON fallback. */\n  hasPreview?: boolean;\n  /**\n   * The human-readable rendering. `null` when the payload has no rich form\n   * (JSON fallback): the section then shows Raw only and hides the toggle.\n   */\n  children: ReactNode;\n  /** `panel` matches `DataPanel.CodeSection`; `details` matches `DataDetailsPanel.CodeSection`. */\n  layout?: 'panel' | 'details';\n  defaultView?: SpanPayloadView;\n  className?: string;\n}\n\nfunction ViewToggle({ view, onChange }: { view: SpanPayloadView; onChange: (view: SpanPayloadView) => void }) {\n  return (\n    <ButtonsGroup size=\"sm\" aria-label=\"Payload view\" data-slot=\"span-payload-view-toggle\">\n      <Button\n        variant={view === 'rich' ? 'primary' : 'default'}\n        aria-pressed={view === 'rich'}\n        onClick={() => onChange('rich')}\n      >\n        Preview\n      </Button>\n      <Button\n        variant={view === 'raw' ? 'primary' : 'default'}\n        aria-pressed={view === 'raw'}\n        onClick={() => onChange('raw')}\n      >\n        JSON\n      </Button>\n    </ButtonsGroup>\n  );\n}\n\n/**\n * A span payload section with a Preview / JSON button group. All JSON views share\n * the same syntax highlighting while preserving the stored payload.\n */\nexport function SpanPayloadSection({\n  title,\n  icon,\n  raw,\n  hasPreview = true,\n  children,\n  layout = 'panel',\n  defaultView = 'rich',\n  className,\n}: SpanPayloadSectionProps) {\n  const [view, setView] = useState<SpanPayloadView>(defaultView);\n  const box = useCollapsibleBox();\n  if (raw == null) return null;\n\n  const hasRich = hasPreview && children != null;\n  const showJson = !hasRich || view === 'raw';\n\n  return (\n    <div\n      data-slot=\"span-payload-section\"\n      data-view={showJson ? 'raw' : 'rich'}\n      className={cn('flex flex-col gap-2', className)}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <DataPanelSectionHeading icon={icon} className={layout === 'details' ? 'text-meta' : undefined}>\n          {title}\n        </DataPanelSectionHeading>\n        <div className=\"ml-auto flex items-center gap-2\">\n          {(box.isClipped || box.isExpanded) && (\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              icon={box.isExpanded ? <Minimize2 /> : <Maximize2 />}\n              onClick={box.toggleExpanded}\n            >\n              {box.isExpanded ? 'Collapse' : 'Expand'}\n            </Button>\n          )}\n          <CopyButton content={JSON.stringify(raw, null, 2)} size=\"sm\" variant=\"ghost\" />\n          {hasRich && <ViewToggle view={view} onChange={setView} />}\n        </div>\n      </div>\n      <CollapsibleBox state={box}>{showJson ? <SpanPayloadJson value={raw} /> : children}</CollapsibleBox>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -4,9 +4,9 @@ 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-CbXrqcs-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-D0mhsndj.cjs');
 require('../../../chat/components/badge-wrapper.cjs.js');
-require('../../../../activity-8egTNbaI.cjs');
+require('../../../../activity-CbQG59Oc.cjs');
 require('../../../../tool-presentation-WLS6d1ws.cjs');
 
 

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

@@ -1,7 +1,7 @@
 import 'react/jsx-runtime';
 import './span-payload-json.es.js';
-export { e as SpanPayloadTool } from '../../../../span-payload-primitives-CEflnpwW.js';
+export { e as SpanPayloadTool } from '../../../../span-payload-primitives-DL1Kr0cu.js';
 import '../../../chat/components/badge-wrapper.es.js';
-import '../../../../activity-Duth8KP_.js';
+import '../../../../activity-BoXbE4Kz.js';
 import '../../../../tool-presentation-BXAo24Ir.js';
 //# sourceMappingURL=span-payload-tool.es.js.map

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

@@ -6,11 +6,11 @@ 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-CbXrqcs-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-D0mhsndj.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const Card = require('../../../../Card-BQsKHkyB.cjs');
 const dataKeysAndValues = require('../../../../data-keys-and-values-DnpdW8zx.cjs');
-const Notice = require('../../../../Notice-CEBwitdf.cjs');
+const Notice = require('../../../../Notice-C4Tgmtgb.cjs');
 const Txt = require('../../../../Txt-DPmEpNbp.cjs');
 const utils_duration = require('../../../../utils/duration.cjs.js');
 

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

@@ -2,11 +2,11 @@ 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-CEflnpwW.js';
+import { c as SpanPayloadCollapsible, S as SpanPayloadField } from '../../../../span-payload-primitives-DL1Kr0cu.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
 import { C as Card, a as CardContent } from '../../../../Card-DVy0QS4m.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-DiRlIt-N.js';
-import { N as Notice } from '../../../../Notice-Ce3r5x-7.js';
+import { N as Notice } from '../../../../Notice-B8RIClJD.js';
 import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
 import { formatDuration } from '../../../../utils/duration.es.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-CjvoI_lx.cjs');
+const dataPanel = require('../../../data-panel-D7Qk4iwZ.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-42fdcagQ.js';
+import { D as DataPanel } from '../../../data-panel-DuLf5j8S.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/span-type-legend.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_shared = require('./shared.cjs.js');
-const Badge = require('../../../Badge-H8K5WrXg.cjs');
+const Badge = require('../../../Badge-D3EctKQo.cjs');
 
 function useUsedSpanTypes(spans) {
   return React.useMemo(() => {

package/dist/domains/traces/components/span-type-legend.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { getSpanTypeUi, spanTypePrefixes } from './shared.es.js';
-import { B as Badge } from '../../../Badge-Q_pCeeGW.js';
+import { B as Badge } from '../../../Badge-DmOqFpXW.js';
 
 function useUsedSpanTypes(spans) {
   return useMemo(() => {

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

@@ -4,7 +4,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 dataPanel = require('../../../../data-panel-CjvoI_lx.cjs');
+const dataPanel = require('../../../../data-panel-D7Qk4iwZ.cjs');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 
 function ThreadTraceDetails({ className, children, ...props }) {

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useThreadTraceRow } from './thread-trace-row-context.es.js';
-import { D as DataPanel } from '../../../../data-panel-42fdcagQ.js';
+import { D as DataPanel } from '../../../../data-panel-DuLf5j8S.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 
 function ThreadTraceDetails({ className, children, ...props }) {

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 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 dataPanel = require('../../../../data-panel-CjvoI_lx.cjs');
-const tabsRoot = require('../../../../tabs-root-BqC8X_h6.cjs');
-const tabsTab = require('../../../../tabs-tab-lm4xyjtD.cjs');
-const tabsContent = require('../../../../tabs-content-DQNRMjup.cjs');
+const dataPanel = require('../../../../data-panel-D7Qk4iwZ.cjs');
+const tabsRoot = require('../../../../tabs-root-C-ePF1y9.cjs');
+const tabsTab = require('../../../../tabs-tab-BmIBFifi.cjs');
+const tabsContent = require('../../../../tabs-content-DnscxcLI.cjs');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 
 function ThreadTraceMessages({ className, innerClassName, children, ...props }) {
@@ -18,7 +18,7 @@ function ThreadTraceMessages({ className, innerClassName, children, ...props })
     "div",
     {
       "data-slot": "thread-trace-messages",
-      className: utils_cn.cn("relative min-w-0 border-r border-border", className),
+      className: utils_cn.cn("relative min-w-0 overflow-x-clip border-r border-border", className),
       ...props,
       style: { minHeight, ...props.style },
       children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -45,7 +45,7 @@ function ThreadTraceTabList({ variant = "pill-ghost", size = "sm", ...props }) {
 }
 const ThreadTraceTab = tabsTab.Tab;
 function ThreadTraceTabContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { className: utils_cn.cn("px-4", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { className: utils_cn.cn("overflow-x-hidden px-4", className), ...props });
 }
 
 exports.ThreadTraceMessages = ThreadTraceMessages;

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

@@ -1 +1 @@
-{"version":3,"file":"thread-trace-messages.cjs.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-messages.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { THREAD_TRACE_MESSAGES_TAB } from './thread-trace-row';\nimport { useThreadTraceRow } from './thread-trace-row-context';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport type { DataPanelHeaderProps } from '@/ds/components/DataPanel';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport type { TabContentProps, TabListProps, TabProps } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\nexport interface ThreadTraceMessagesProps extends ComponentProps<'div'> {\n  /** Class name of the sticky, measured wrapper around the children. */\n  innerClassName?: string;\n}\n\n/**\n * The left column of a row: the same Messages / Feedback / Scores tabs as the trace panel's side\n * column, one set per turn. Children are a `ThreadTrace.MessagesHeader` (holding the\n * `ThreadTrace.TabList`) followed by one `ThreadTrace.TabContent` per view. Like the trace\n * panel's side column it is framed by a left border (closing the rail gutter) and a right border,\n * which every row continues so they read as one line down the thread. Its measured height is the\n * clamp budget of the span tree.\n */\nexport function ThreadTraceMessages({ className, innerClassName, children, ...props }: ThreadTraceMessagesProps) {\n  const { messagesRef, messagesHeight, tab, setTab } = useThreadTraceRow();\n  // A short Feedback / Scores view keeps the row as tall as the Messages view, so the span tree\n  // next to it is not clipped.\n  const minHeight = tab === THREAD_TRACE_MESSAGES_TAB ? undefined : (messagesHeight ?? undefined);\n  return (\n    <div\n      data-slot=\"thread-trace-messages\"\n      className={cn('relative min-w-0 border-r border-border', className)}\n      {...props}\n      style={{ minHeight, ...props.style }}\n    >\n      {/* Sticky within the row, so a long trace on the right never scrolls its messages away. */}\n      <Tabs<string>\n        ref={messagesRef}\n        defaultTab={THREAD_TRACE_MESSAGES_TAB}\n        value={tab}\n        onValueChange={setTab}\n        data-slot=\"thread-trace-messages-inner\"\n        className={cn('sticky top-0', innerClassName)}\n        data-testid=\"trace-row-messages\"\n      >\n        {children}\n      </Tabs>\n    </div>\n  );\n}\n\nexport type ThreadTraceMessagesHeaderProps = DataPanelHeaderProps;\n\n/**\n * The bordered tab row at the top of the messages column, same chrome as the trace panel's side\n * column; its border spans the column and continues into the details header's border as one line.\n */\nexport function ThreadTraceMessagesHeader({ className, ...props }: ThreadTraceMessagesHeaderProps) {\n  return <DataPanel.Header className={cn('border-b border-border', className)} {...props} />;\n}\n\nexport type ThreadTraceTabListProps = Omit<TabListProps, 'variant' | 'size'> & {\n  variant?: TabListProps['variant'];\n  size?: TabListProps['size'];\n};\n\nexport function ThreadTraceTabList({ variant = 'pill-ghost', size = 'sm', ...props }: ThreadTraceTabListProps) {\n  return <TabList variant={variant} size={size} {...props} />;\n}\n\nexport type ThreadTraceTabProps = TabProps;\nexport const ThreadTraceTab = Tab;\n\nexport type ThreadTraceTabContentProps = TabContentProps;\n\n/** One view of the messages column; keeps a gutter before the column's right border. */\nexport function ThreadTraceTabContent({ className, ...props }: ThreadTraceTabContentProps) {\n  return <TabContent className={cn('px-4', className)} {...props} />;\n}\n"],"names":["useThreadTraceRow","THREAD_TRACE_MESSAGES_TAB","jsx","cn","Tabs","DataPanel","TabList","Tab","TabContent"],"mappings":";;;;;;;;;;;;;AAuBO,SAAS,oBAAoB,EAAE,SAAA,EAAW,gBAAgB,QAAA,EAAU,GAAG,OAAM,EAA6B;AAC/G,EAAA,MAAM,EAAE,WAAA,EAAa,cAAA,EAAgB,GAAA,EAAK,MAAA,KAAWA,6EAAA,EAAkB;AAGvE,EAAA,MAAM,SAAA,GAAY,GAAA,KAAQC,8EAAA,GAA4B,MAAA,GAAa,cAAA,IAAkB,MAAA;AACrF,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACV,SAAA,EAAWC,WAAA,CAAG,yCAAA,EAA2C,SAAS,CAAA;AAAA,MACjE,GAAG,KAAA;AAAA,MACJ,KAAA,EAAO,EAAE,SAAA,EAAW,GAAG,MAAM,KAAA,EAAM;AAAA,MAGnC,QAAA,kBAAAD,cAAA;AAAA,QAACE,aAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,WAAA;AAAA,UACL,UAAA,EAAYH,8EAAA;AAAA,UACZ,KAAA,EAAO,GAAA;AAAA,UACP,aAAA,EAAe,MAAA;AAAA,UACf,WAAA,EAAU,6BAAA;AAAA,UACV,SAAA,EAAWE,WAAA,CAAG,cAAA,EAAgB,cAAc,CAAA;AAAA,UAC5C,aAAA,EAAY,oBAAA;AAAA,UAEX;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAQO,SAAS,yBAAA,CAA0B,EAAE,SAAA,EAAW,GAAG,OAAM,EAAmC;AACjG,EAAA,uBAAOD,cAAA,CAACG,mBAAA,CAAU,MAAA,EAAV,EAAiB,SAAA,EAAWF,YAAG,wBAAA,EAA0B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC1F;AAOO,SAAS,kBAAA,CAAmB,EAAE,OAAA,GAAU,YAAA,EAAc,OAAO,IAAA,EAAM,GAAG,OAAM,EAA4B;AAC7G,EAAA,uBAAOD,cAAA,CAACI,gBAAA,EAAA,EAAQ,OAAA,EAAkB,IAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAC3D;AAGO,MAAM,cAAA,GAAiBC;AAKvB,SAAS,qBAAA,CAAsB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA+B;AACzF,EAAA,uBAAOL,cAAA,CAACM,0BAAW,SAAA,EAAWL,WAAA,CAAG,QAAQ,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAClE;;;;;;;;"}
+{"version":3,"file":"thread-trace-messages.cjs.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-messages.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { THREAD_TRACE_MESSAGES_TAB } from './thread-trace-row';\nimport { useThreadTraceRow } from './thread-trace-row-context';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport type { DataPanelHeaderProps } from '@/ds/components/DataPanel';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport type { TabContentProps, TabListProps, TabProps } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\nexport interface ThreadTraceMessagesProps extends ComponentProps<'div'> {\n  /** Class name of the sticky, measured wrapper around the children. */\n  innerClassName?: string;\n}\n\n/**\n * The left column of a row: the same Messages / Feedback / Scores tabs as the trace panel's side\n * column, one set per turn. Children are a `ThreadTrace.MessagesHeader` (holding the\n * `ThreadTrace.TabList`) followed by one `ThreadTrace.TabContent` per view. Like the trace\n * panel's side column it is framed by a left border (closing the rail gutter) and a right border,\n * which every row continues so they read as one line down the thread. Its measured height is the\n * clamp budget of the span tree.\n */\nexport function ThreadTraceMessages({ className, innerClassName, children, ...props }: ThreadTraceMessagesProps) {\n  const { messagesRef, messagesHeight, tab, setTab } = useThreadTraceRow();\n  // A short Feedback / Scores view keeps the row as tall as the Messages view, so the span tree\n  // next to it is not clipped.\n  const minHeight = tab === THREAD_TRACE_MESSAGES_TAB ? undefined : (messagesHeight ?? undefined);\n  return (\n    <div\n      data-slot=\"thread-trace-messages\"\n      className={cn('relative min-w-0 overflow-x-clip border-r border-border', className)}\n      {...props}\n      style={{ minHeight, ...props.style }}\n    >\n      {/* Sticky within the row, so a long trace on the right never scrolls its messages away. */}\n      <Tabs<string>\n        ref={messagesRef}\n        defaultTab={THREAD_TRACE_MESSAGES_TAB}\n        value={tab}\n        onValueChange={setTab}\n        data-slot=\"thread-trace-messages-inner\"\n        className={cn('sticky top-0', innerClassName)}\n        data-testid=\"trace-row-messages\"\n      >\n        {children}\n      </Tabs>\n    </div>\n  );\n}\n\nexport type ThreadTraceMessagesHeaderProps = DataPanelHeaderProps;\n\n/**\n * The bordered tab row at the top of the messages column, same chrome as the trace panel's side\n * column; its border spans the column and continues into the details header's border as one line.\n */\nexport function ThreadTraceMessagesHeader({ className, ...props }: ThreadTraceMessagesHeaderProps) {\n  return <DataPanel.Header className={cn('border-b border-border', className)} {...props} />;\n}\n\nexport type ThreadTraceTabListProps = Omit<TabListProps, 'variant' | 'size'> & {\n  variant?: TabListProps['variant'];\n  size?: TabListProps['size'];\n};\n\nexport function ThreadTraceTabList({ variant = 'pill-ghost', size = 'sm', ...props }: ThreadTraceTabListProps) {\n  return <TabList variant={variant} size={size} {...props} />;\n}\n\nexport type ThreadTraceTabProps = TabProps;\nexport const ThreadTraceTab = Tab;\n\nexport type ThreadTraceTabContentProps = TabContentProps;\n\n/** One view of the messages column; keeps a gutter before the column's right border. */\nexport function ThreadTraceTabContent({ className, ...props }: ThreadTraceTabContentProps) {\n  return <TabContent className={cn('overflow-x-hidden px-4', className)} {...props} />;\n}\n"],"names":["useThreadTraceRow","THREAD_TRACE_MESSAGES_TAB","jsx","cn","Tabs","DataPanel","TabList","Tab","TabContent"],"mappings":";;;;;;;;;;;;;AAuBO,SAAS,oBAAoB,EAAE,SAAA,EAAW,gBAAgB,QAAA,EAAU,GAAG,OAAM,EAA6B;AAC/G,EAAA,MAAM,EAAE,WAAA,EAAa,cAAA,EAAgB,GAAA,EAAK,MAAA,KAAWA,6EAAA,EAAkB;AAGvE,EAAA,MAAM,SAAA,GAAY,GAAA,KAAQC,8EAAA,GAA4B,MAAA,GAAa,cAAA,IAAkB,MAAA;AACrF,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACV,SAAA,EAAWC,WAAA,CAAG,yDAAA,EAA2D,SAAS,CAAA;AAAA,MACjF,GAAG,KAAA;AAAA,MACJ,KAAA,EAAO,EAAE,SAAA,EAAW,GAAG,MAAM,KAAA,EAAM;AAAA,MAGnC,QAAA,kBAAAD,cAAA;AAAA,QAACE,aAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,WAAA;AAAA,UACL,UAAA,EAAYH,8EAAA;AAAA,UACZ,KAAA,EAAO,GAAA;AAAA,UACP,aAAA,EAAe,MAAA;AAAA,UACf,WAAA,EAAU,6BAAA;AAAA,UACV,SAAA,EAAWE,WAAA,CAAG,cAAA,EAAgB,cAAc,CAAA;AAAA,UAC5C,aAAA,EAAY,oBAAA;AAAA,UAEX;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAQO,SAAS,yBAAA,CAA0B,EAAE,SAAA,EAAW,GAAG,OAAM,EAAmC;AACjG,EAAA,uBAAOD,cAAA,CAACG,mBAAA,CAAU,MAAA,EAAV,EAAiB,SAAA,EAAWF,YAAG,wBAAA,EAA0B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC1F;AAOO,SAAS,kBAAA,CAAmB,EAAE,OAAA,GAAU,YAAA,EAAc,OAAO,IAAA,EAAM,GAAG,OAAM,EAA4B;AAC7G,EAAA,uBAAOD,cAAA,CAACI,gBAAA,EAAA,EAAQ,OAAA,EAAkB,IAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAC3D;AAGO,MAAM,cAAA,GAAiBC;AAKvB,SAAS,qBAAA,CAAsB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA+B;AACzF,EAAA,uBAAOL,cAAA,CAACM,0BAAW,SAAA,EAAWL,WAAA,CAAG,0BAA0B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACpF;;;;;;;;"}

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

@@ -1,10 +1,10 @@
 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 { D as DataPanel } from '../../../../data-panel-42fdcagQ.js';
-import { T as TabList, a as Tabs } from '../../../../tabs-root-4vL8SHCO.js';
-import { T as Tab } from '../../../../tabs-tab-7e2as-AV.js';
-import { T as TabContent } from '../../../../tabs-content-h2qqD8t-.js';
+import { D as DataPanel } from '../../../../data-panel-DuLf5j8S.js';
+import { T as TabList, a as Tabs } from '../../../../tabs-root-lrZZ3KwH.js';
+import { T as Tab } from '../../../../tabs-tab-DoPSW-1s.js';
+import { T as TabContent } from '../../../../tabs-content-CwbkTutf.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 
 function ThreadTraceMessages({ className, innerClassName, children, ...props }) {
@@ -14,7 +14,7 @@ function ThreadTraceMessages({ className, innerClassName, children, ...props })
     "div",
     {
       "data-slot": "thread-trace-messages",
-      className: cn("relative min-w-0 border-r border-border", className),
+      className: cn("relative min-w-0 overflow-x-clip border-r border-border", className),
       ...props,
       style: { minHeight, ...props.style },
       children: /* @__PURE__ */ jsx(
@@ -41,7 +41,7 @@ function ThreadTraceTabList({ variant = "pill-ghost", size = "sm", ...props }) {
 }
 const ThreadTraceTab = Tab;
 function ThreadTraceTabContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(TabContent, { className: cn("px-4", className), ...props });
+  return /* @__PURE__ */ jsx(TabContent, { className: cn("overflow-x-hidden px-4", className), ...props });
 }
 
 export { ThreadTraceMessages, ThreadTraceMessagesHeader, ThreadTraceTab, ThreadTraceTabContent, ThreadTraceTabList };

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

@@ -1 +1 @@
-{"version":3,"file":"thread-trace-messages.es.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-messages.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { THREAD_TRACE_MESSAGES_TAB } from './thread-trace-row';\nimport { useThreadTraceRow } from './thread-trace-row-context';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport type { DataPanelHeaderProps } from '@/ds/components/DataPanel';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport type { TabContentProps, TabListProps, TabProps } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\nexport interface ThreadTraceMessagesProps extends ComponentProps<'div'> {\n  /** Class name of the sticky, measured wrapper around the children. */\n  innerClassName?: string;\n}\n\n/**\n * The left column of a row: the same Messages / Feedback / Scores tabs as the trace panel's side\n * column, one set per turn. Children are a `ThreadTrace.MessagesHeader` (holding the\n * `ThreadTrace.TabList`) followed by one `ThreadTrace.TabContent` per view. Like the trace\n * panel's side column it is framed by a left border (closing the rail gutter) and a right border,\n * which every row continues so they read as one line down the thread. Its measured height is the\n * clamp budget of the span tree.\n */\nexport function ThreadTraceMessages({ className, innerClassName, children, ...props }: ThreadTraceMessagesProps) {\n  const { messagesRef, messagesHeight, tab, setTab } = useThreadTraceRow();\n  // A short Feedback / Scores view keeps the row as tall as the Messages view, so the span tree\n  // next to it is not clipped.\n  const minHeight = tab === THREAD_TRACE_MESSAGES_TAB ? undefined : (messagesHeight ?? undefined);\n  return (\n    <div\n      data-slot=\"thread-trace-messages\"\n      className={cn('relative min-w-0 border-r border-border', className)}\n      {...props}\n      style={{ minHeight, ...props.style }}\n    >\n      {/* Sticky within the row, so a long trace on the right never scrolls its messages away. */}\n      <Tabs<string>\n        ref={messagesRef}\n        defaultTab={THREAD_TRACE_MESSAGES_TAB}\n        value={tab}\n        onValueChange={setTab}\n        data-slot=\"thread-trace-messages-inner\"\n        className={cn('sticky top-0', innerClassName)}\n        data-testid=\"trace-row-messages\"\n      >\n        {children}\n      </Tabs>\n    </div>\n  );\n}\n\nexport type ThreadTraceMessagesHeaderProps = DataPanelHeaderProps;\n\n/**\n * The bordered tab row at the top of the messages column, same chrome as the trace panel's side\n * column; its border spans the column and continues into the details header's border as one line.\n */\nexport function ThreadTraceMessagesHeader({ className, ...props }: ThreadTraceMessagesHeaderProps) {\n  return <DataPanel.Header className={cn('border-b border-border', className)} {...props} />;\n}\n\nexport type ThreadTraceTabListProps = Omit<TabListProps, 'variant' | 'size'> & {\n  variant?: TabListProps['variant'];\n  size?: TabListProps['size'];\n};\n\nexport function ThreadTraceTabList({ variant = 'pill-ghost', size = 'sm', ...props }: ThreadTraceTabListProps) {\n  return <TabList variant={variant} size={size} {...props} />;\n}\n\nexport type ThreadTraceTabProps = TabProps;\nexport const ThreadTraceTab = Tab;\n\nexport type ThreadTraceTabContentProps = TabContentProps;\n\n/** One view of the messages column; keeps a gutter before the column's right border. */\nexport function ThreadTraceTabContent({ className, ...props }: ThreadTraceTabContentProps) {\n  return <TabContent className={cn('px-4', className)} {...props} />;\n}\n"],"names":[],"mappings":";;;;;;;;;AAuBO,SAAS,oBAAoB,EAAE,SAAA,EAAW,gBAAgB,QAAA,EAAU,GAAG,OAAM,EAA6B;AAC/G,EAAA,MAAM,EAAE,WAAA,EAAa,cAAA,EAAgB,GAAA,EAAK,MAAA,KAAW,iBAAA,EAAkB;AAGvE,EAAA,MAAM,SAAA,GAAY,GAAA,KAAQ,yBAAA,GAA4B,MAAA,GAAa,cAAA,IAAkB,MAAA;AACrF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,yCAAA,EAA2C,SAAS,CAAA;AAAA,MACjE,GAAG,KAAA;AAAA,MACJ,KAAA,EAAO,EAAE,SAAA,EAAW,GAAG,MAAM,KAAA,EAAM;AAAA,MAGnC,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,WAAA;AAAA,UACL,UAAA,EAAY,yBAAA;AAAA,UACZ,KAAA,EAAO,GAAA;AAAA,UACP,aAAA,EAAe,MAAA;AAAA,UACf,WAAA,EAAU,6BAAA;AAAA,UACV,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,cAAc,CAAA;AAAA,UAC5C,aAAA,EAAY,oBAAA;AAAA,UAEX;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAQO,SAAS,yBAAA,CAA0B,EAAE,SAAA,EAAW,GAAG,OAAM,EAAmC;AACjG,EAAA,uBAAO,GAAA,CAAC,SAAA,CAAU,MAAA,EAAV,EAAiB,SAAA,EAAW,GAAG,wBAAA,EAA0B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC1F;AAOO,SAAS,kBAAA,CAAmB,EAAE,OAAA,GAAU,YAAA,EAAc,OAAO,IAAA,EAAM,GAAG,OAAM,EAA4B;AAC7G,EAAA,uBAAO,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAkB,IAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAC3D;AAGO,MAAM,cAAA,GAAiB;AAKvB,SAAS,qBAAA,CAAsB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA+B;AACzF,EAAA,uBAAO,GAAA,CAAC,cAAW,SAAA,EAAW,EAAA,CAAG,QAAQ,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAClE;;;;"}
+{"version":3,"file":"thread-trace-messages.es.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-messages.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { THREAD_TRACE_MESSAGES_TAB } from './thread-trace-row';\nimport { useThreadTraceRow } from './thread-trace-row-context';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport type { DataPanelHeaderProps } from '@/ds/components/DataPanel';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport type { TabContentProps, TabListProps, TabProps } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\nexport interface ThreadTraceMessagesProps extends ComponentProps<'div'> {\n  /** Class name of the sticky, measured wrapper around the children. */\n  innerClassName?: string;\n}\n\n/**\n * The left column of a row: the same Messages / Feedback / Scores tabs as the trace panel's side\n * column, one set per turn. Children are a `ThreadTrace.MessagesHeader` (holding the\n * `ThreadTrace.TabList`) followed by one `ThreadTrace.TabContent` per view. Like the trace\n * panel's side column it is framed by a left border (closing the rail gutter) and a right border,\n * which every row continues so they read as one line down the thread. Its measured height is the\n * clamp budget of the span tree.\n */\nexport function ThreadTraceMessages({ className, innerClassName, children, ...props }: ThreadTraceMessagesProps) {\n  const { messagesRef, messagesHeight, tab, setTab } = useThreadTraceRow();\n  // A short Feedback / Scores view keeps the row as tall as the Messages view, so the span tree\n  // next to it is not clipped.\n  const minHeight = tab === THREAD_TRACE_MESSAGES_TAB ? undefined : (messagesHeight ?? undefined);\n  return (\n    <div\n      data-slot=\"thread-trace-messages\"\n      className={cn('relative min-w-0 overflow-x-clip border-r border-border', className)}\n      {...props}\n      style={{ minHeight, ...props.style }}\n    >\n      {/* Sticky within the row, so a long trace on the right never scrolls its messages away. */}\n      <Tabs<string>\n        ref={messagesRef}\n        defaultTab={THREAD_TRACE_MESSAGES_TAB}\n        value={tab}\n        onValueChange={setTab}\n        data-slot=\"thread-trace-messages-inner\"\n        className={cn('sticky top-0', innerClassName)}\n        data-testid=\"trace-row-messages\"\n      >\n        {children}\n      </Tabs>\n    </div>\n  );\n}\n\nexport type ThreadTraceMessagesHeaderProps = DataPanelHeaderProps;\n\n/**\n * The bordered tab row at the top of the messages column, same chrome as the trace panel's side\n * column; its border spans the column and continues into the details header's border as one line.\n */\nexport function ThreadTraceMessagesHeader({ className, ...props }: ThreadTraceMessagesHeaderProps) {\n  return <DataPanel.Header className={cn('border-b border-border', className)} {...props} />;\n}\n\nexport type ThreadTraceTabListProps = Omit<TabListProps, 'variant' | 'size'> & {\n  variant?: TabListProps['variant'];\n  size?: TabListProps['size'];\n};\n\nexport function ThreadTraceTabList({ variant = 'pill-ghost', size = 'sm', ...props }: ThreadTraceTabListProps) {\n  return <TabList variant={variant} size={size} {...props} />;\n}\n\nexport type ThreadTraceTabProps = TabProps;\nexport const ThreadTraceTab = Tab;\n\nexport type ThreadTraceTabContentProps = TabContentProps;\n\n/** One view of the messages column; keeps a gutter before the column's right border. */\nexport function ThreadTraceTabContent({ className, ...props }: ThreadTraceTabContentProps) {\n  return <TabContent className={cn('overflow-x-hidden px-4', className)} {...props} />;\n}\n"],"names":[],"mappings":";;;;;;;;;AAuBO,SAAS,oBAAoB,EAAE,SAAA,EAAW,gBAAgB,QAAA,EAAU,GAAG,OAAM,EAA6B;AAC/G,EAAA,MAAM,EAAE,WAAA,EAAa,cAAA,EAAgB,GAAA,EAAK,MAAA,KAAW,iBAAA,EAAkB;AAGvE,EAAA,MAAM,SAAA,GAAY,GAAA,KAAQ,yBAAA,GAA4B,MAAA,GAAa,cAAA,IAAkB,MAAA;AACrF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,yDAAA,EAA2D,SAAS,CAAA;AAAA,MACjF,GAAG,KAAA;AAAA,MACJ,KAAA,EAAO,EAAE,SAAA,EAAW,GAAG,MAAM,KAAA,EAAM;AAAA,MAGnC,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,WAAA;AAAA,UACL,UAAA,EAAY,yBAAA;AAAA,UACZ,KAAA,EAAO,GAAA;AAAA,UACP,aAAA,EAAe,MAAA;AAAA,UACf,WAAA,EAAU,6BAAA;AAAA,UACV,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,cAAc,CAAA;AAAA,UAC5C,aAAA,EAAY,oBAAA;AAAA,UAEX;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAQO,SAAS,yBAAA,CAA0B,EAAE,SAAA,EAAW,GAAG,OAAM,EAAmC;AACjG,EAAA,uBAAO,GAAA,CAAC,SAAA,CAAU,MAAA,EAAV,EAAiB,SAAA,EAAW,GAAG,wBAAA,EAA0B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC1F;AAOO,SAAS,kBAAA,CAAmB,EAAE,OAAA,GAAU,YAAA,EAAc,OAAO,IAAA,EAAM,GAAG,OAAM,EAA4B;AAC7G,EAAA,uBAAO,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAkB,IAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAC3D;AAGO,MAAM,cAAA,GAAiB;AAKvB,SAAS,qBAAA,CAAsB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA+B;AACzF,EAAA,uBAAO,GAAA,CAAC,cAAW,SAAA,EAAW,EAAA,CAAG,0BAA0B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACpF;;;;"}

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

@@ -11,7 +11,7 @@ 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-BnmR2HRc.cjs');
+const Button = require('../../../../Button-CXhSUBxN.cjs');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 
 function ThreadTraceSpans({ className, timelineClassName, ...props }) {

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

@@ -7,7 +7,7 @@ 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-C6eUqcPI.js';
+import { B as Button } from '../../../../Button-D43ghVKt.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 
 function ThreadTraceSpans({ className, timelineClassName, ...props }) {

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

@@ -8,9 +8,10 @@ const React = require('react');
 require('@mastra/react');
 require('@tanstack/react-query');
 require('@base-ui/react/combobox');
+require('../../../toast-nm-fM7BR.cjs');
 const domains_scores_components_traceScoresTab = require('../../scores/components/trace-scores-tab.cjs.js');
 require('@mastra/core/utils/safe-stringify');
-const Button = require('../../../Button-BnmR2HRc.cjs');
+const Button = require('../../../Button-CXhSUBxN.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
 const domains_scores_hooks_useTraceSpanScores = require('../../scores/hooks/use-trace-span-scores.cjs.js');
 const domains_traces_components_threadTrace = require('./thread-trace.cjs.js');
@@ -26,6 +27,7 @@ const icons_Icon = require('../../../icons/Icon.cjs.js');
 const icons_ScorersIcon = require('../../../icons/ScorersIcon.cjs.js');
 const domains_traces_components_threadTrace_threadTraceRowContext = require('./thread-trace/thread-trace-row-context.cjs.js');
 
+const THREAD_WINDOW_MS = 30 * 24 * 60 * 60 * 1e3;
 function ThreadViewByTrace({
   threadId,
   withQueryTrace,
@@ -34,12 +36,17 @@ function ThreadViewByTrace({
   anchorTraceId,
   onOpenScore
 }) {
+  const legacyFilters = React.useMemo(
+    () => ({ threadId, startedAt: { start: new Date(Date.now() - THREAD_WINDOW_MS) } }),
+    [threadId]
+  );
   const { rows, isLoading, setEndOfListElement, error } = domains_traces_hooks_useTracesListSource.useTracesListSource({
     initialAutoRefetch: false,
     withQueryTrace,
+    legacyFilters,
     query: (now) => ({
       timeRange: {
-        from: new Date(now.getTime() - 30 * 24 * 60 * 60 * 1e3).toISOString(),
+        from: new Date(now.getTime() - THREAD_WINDOW_MS).toISOString(),
         to: now.toISOString()
       },
       where: { op: "eq", left: { path: "threadId" }, right: { literal: threadId } },

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

@@ -1 +1 @@
-{"version":3,"file":"thread-view-by-trace.cjs.js","sources":["../../../../src/domains/traces/components/thread-view-by-trace.tsx"],"sourcesContent":["import { ExternalLinkIcon, MessageSquareReplyIcon, MessageSquareTextIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { useTraceSpanScores, TraceScoresTab } from '@/domains/scores';\nimport { ThreadTrace, useThreadTraceRow } from '@/domains/traces/components/thread-trace';\nimport type { ThreadTraceSelectedSpan } from '@/domains/traces/components/thread-trace';\n\nimport { ThreadViewSkeleton } from '@/domains/traces/components/thread-view-skeleton';\nimport { TraceFeedbackTab } from '@/domains/traces/components/trace-feedback-tab';\nimport { TraceThreadItemView } from '@/domains/traces/components/trace-thread-item-view';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { useTraceFeedback } from '@/domains/traces/hooks/use-trace-feedback';\nimport { useTraceSpans } from '@/domains/traces/hooks/use-trace-spans';\nimport { useTracesListSource } from '@/domains/traces/hooks/use-traces-list-source';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface ThreadViewByTraceProps {\n  threadId: string;\n  /** Lists the thread through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Shows the per-trace Feedback tab and fetches its feedback. */\n  withFeedback: boolean;\n  /** Fires when a span detail opens or closes (`null`). */\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  /** Trace to expand and scroll to on mount (first page only). */\n  anchorTraceId?: string;\n  /** Opens a score from a trace's Scores tab; the app owns routing. */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}\n\n/**\n * A memory thread rendered as its traces: one row per agent turn (oldest first), with the\n * reconstructed messages on the left and the span tree on the right. Clicking a span opens\n * its detail panel on the side so the conversation stays readable.\n */\nexport function ThreadViewByTrace({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onSelectedSpanChange,\n  anchorTraceId,\n  onOpenScore,\n}: ThreadViewByTraceProps) {\n  const { rows, isLoading, setEndOfListElement, error } = useTracesListSource({\n    initialAutoRefetch: false,\n    withQueryTrace,\n    query: now => ({\n      timeRange: {\n        from: new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000).toISOString(),\n        to: now.toISOString(),\n      },\n      where: { op: 'eq', left: { path: 'threadId' }, right: { literal: threadId } },\n      orderBy: [{ field: 'startedAt', direction: 'asc' }],\n    }),\n  });\n  const traceIds = rows.map(trace => trace.traceId);\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"traces\" errorTitle=\"Failed to load traces\" />\n      </div>\n    );\n  }\n\n  if (isLoading) return <ThreadViewSkeleton />;\n\n  if (traceIds.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No traces found for this thread.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <LoadedThreadViewByTrace\n      key={threadId}\n      traceIds={traceIds}\n      setEndOfListElement={setEndOfListElement}\n      withFeedback={withFeedback}\n      onSelectedSpanChange={onSelectedSpanChange}\n      anchorTraceId={anchorTraceId}\n      onOpenScore={onOpenScore}\n    />\n  );\n}\n\ninterface LoadedThreadViewByTraceProps {\n  traceIds: string[];\n  setEndOfListElement: (node: HTMLDivElement | null) => void;\n  withFeedback: boolean;\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  anchorTraceId?: string;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}\n\n/** Mounts once the first page is in, so state seeded from `traces` at mount only sees that page. */\nfunction LoadedThreadViewByTrace({\n  traceIds,\n  setEndOfListElement,\n  withFeedback,\n  onSelectedSpanChange,\n  anchorTraceId: requestedAnchorTraceId,\n  onOpenScore,\n}: LoadedThreadViewByTraceProps) {\n  // \"Open full thread\" lands here with the originating trace: that row starts expanded and\n  // scrolls into view when it mounts. Best effort on the first page only: resolved once at mount,\n  // so a row that arrives on a later page is left alone.\n  const [anchorTraceId] = useState(() =>\n    requestedAnchorTraceId && traceIds.includes(requestedAnchorTraceId) ? requestedAnchorTraceId : null,\n  );\n\n  return (\n    <ThreadTrace traceIds={traceIds} anchorTraceId={anchorTraceId} onSelectedSpanChange={onSelectedSpanChange}>\n      <ThreadTrace.List data-testid=\"thread-view-by-trace\">\n        {traceIds.map(traceId => (\n          <ThreadTrace.Row key={traceId} traceId={traceId}>\n            <ThreadTraceRowContent withFeedback={withFeedback} onOpenScore={onOpenScore} />\n          </ThreadTrace.Row>\n        ))}\n        <ThreadTrace.LoadMoreSentinel ref={setEndOfListElement} />\n      </ThreadTrace.List>\n      <ThreadTrace.SpanPanel />\n    </ThreadTrace>\n  );\n}\n\nfunction ThreadTraceRowContent({\n  withFeedback,\n  onOpenScore,\n}: {\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}) {\n  const { traceId, highlightSpans } = useThreadTraceRow();\n  const { Link, paths } = useLinkComponent();\n  const traceHref = paths.traceLink(traceId);\n  // First page only, for the tab badges; the Feedback and Scores bodies own their own pagination\n  // and share these queries through the React Query cache.\n  const { data: feedbackData } = useTraceFeedback({ traceId, enabled: withFeedback });\n  // Same query the span tree observes (passive: the tree drives refetches).\n  const { data: traceData } = useTraceSpans(traceId, { passive: true });\n  const rootSpanId = traceData?.spans.find(span => span.parentSpanId == null)?.spanId;\n  const { data: spanScoresData } = useTraceSpanScores({ traceId, spanId: rootSpanId });\n  const feedbackTotal = feedbackData?.pagination?.total;\n  const scoresTotal = spanScoresData?.pagination?.total;\n\n  return (\n    <>\n      <ThreadTrace.Messages>\n        <ThreadTrace.MessagesHeader>\n          <ThreadTrace.TabList>\n            <ThreadTrace.Tab value=\"messages\">\n              <Icon size=\"xs\">\n                <MessageSquareTextIcon />\n              </Icon>\n              Messages\n            </ThreadTrace.Tab>\n            {withFeedback && (\n              <ThreadTrace.Tab value=\"feedback\">\n                <Icon size=\"xs\">\n                  <MessageSquareReplyIcon />\n                </Icon>\n                Feedback{feedbackTotal != null && <> ({feedbackTotal})</>}\n              </ThreadTrace.Tab>\n            )}\n            <ThreadTrace.Tab value=\"scores\">\n              <Icon size=\"xs\">\n                <ScorersIcon />\n              </Icon>\n              Scores{scoresTotal != null && <> ({scoresTotal})</>}\n            </ThreadTrace.Tab>\n          </ThreadTrace.TabList>\n        </ThreadTrace.MessagesHeader>\n        <ThreadTrace.TabContent value=\"messages\" flush>\n          <TraceThreadItemView traceId={traceId} onHighlightSpans={highlightSpans} />\n        </ThreadTrace.TabContent>\n        {withFeedback && (\n          <ThreadTrace.TabContent value=\"feedback\" className=\"min-h-0 py-3\">\n            <TraceFeedbackTab key={traceId} traceId={traceId} variant=\"thread\" />\n          </ThreadTrace.TabContent>\n        )}\n        <ThreadTrace.TabContent value=\"scores\" className=\"min-h-0 py-3\">\n          {rootSpanId ? (\n            <TraceScoresTab\n              key={traceId}\n              traceId={traceId}\n              spanId={rootSpanId}\n              onScoreSelect={scoreId => onOpenScore(traceId, scoreId)}\n            />\n          ) : null}\n        </ThreadTrace.TabContent>\n      </ThreadTrace.Messages>\n      <ThreadTrace.Details>\n        <ThreadTrace.DetailsHeader>\n          {traceHref && (\n            <ThreadTrace.DetailsActions>\n              <Button render={<Link href={traceHref} />} variant=\"ghost\" size=\"sm\" icon={<ExternalLinkIcon />}>\n                Go to trace\n              </Button>\n            </ThreadTrace.DetailsActions>\n          )}\n        </ThreadTrace.DetailsHeader>\n        <ThreadTrace.Spans />\n      </ThreadTrace.Details>\n    </>\n  );\n}\n"],"names":["useTracesListSource","jsx","TracesErrorContent","ThreadViewSkeleton","Txt","useState","jsxs","ThreadTrace","useThreadTraceRow","useLinkComponent","useTraceFeedback","useTraceSpans","useTraceSpanScores","Fragment","Icon","MessageSquareTextIcon","MessageSquareReplyIcon","ScorersIcon","TraceThreadItemView","TraceFeedbackTab","TraceScoresTab","Button","ExternalLinkIcon"],"mappings":"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"}
+{"version":3,"file":"thread-view-by-trace.cjs.js","sources":["../../../../src/domains/traces/components/thread-view-by-trace.tsx"],"sourcesContent":["import { ExternalLinkIcon, MessageSquareReplyIcon, MessageSquareTextIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { useTraceSpanScores, TraceScoresTab } from '@/domains/scores';\nimport { ThreadTrace, useThreadTraceRow } from '@/domains/traces/components/thread-trace';\nimport type { ThreadTraceSelectedSpan } from '@/domains/traces/components/thread-trace';\n\nimport { ThreadViewSkeleton } from '@/domains/traces/components/thread-view-skeleton';\nimport { TraceFeedbackTab } from '@/domains/traces/components/trace-feedback-tab';\nimport { TraceThreadItemView } from '@/domains/traces/components/trace-thread-item-view';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { useTraceFeedback } from '@/domains/traces/hooks/use-trace-feedback';\nimport { useTraceSpans } from '@/domains/traces/hooks/use-trace-spans';\nimport { useTracesListSource } from '@/domains/traces/hooks/use-traces-list-source';\nimport type { UseTracesListSourceArgs } from '@/domains/traces/hooks/use-traces-list-source';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nconst THREAD_WINDOW_MS = 30 * 24 * 60 * 60 * 1000;\n\nexport interface ThreadViewByTraceProps {\n  threadId: string;\n  /** Lists the thread through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Shows the per-trace Feedback tab and fetches its feedback. */\n  withFeedback: boolean;\n  /** Fires when a span detail opens or closes (`null`). */\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  /** Trace to expand and scroll to on mount (first page only). */\n  anchorTraceId?: string;\n  /** Opens a score from a trace's Scores tab; the app owns routing. */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}\n\n/**\n * A memory thread rendered as its traces: one row per agent turn (oldest first), with the\n * reconstructed messages on the left and the span tree on the right. Clicking a span opens\n * its detail panel on the side so the conversation stays readable.\n */\nexport function ThreadViewByTrace({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onSelectedSpanChange,\n  anchorTraceId,\n  onOpenScore,\n}: ThreadViewByTraceProps) {\n  const legacyFilters = useMemo<UseTracesListSourceArgs['legacyFilters']>(\n    () => ({ threadId, startedAt: { start: new Date(Date.now() - THREAD_WINDOW_MS) } }),\n    [threadId],\n  );\n  const { rows, isLoading, setEndOfListElement, error } = useTracesListSource({\n    initialAutoRefetch: false,\n    withQueryTrace,\n    legacyFilters,\n    query: now => ({\n      timeRange: {\n        from: new Date(now.getTime() - THREAD_WINDOW_MS).toISOString(),\n        to: now.toISOString(),\n      },\n      where: { op: 'eq', left: { path: 'threadId' }, right: { literal: threadId } },\n      orderBy: [{ field: 'startedAt', direction: 'asc' }],\n    }),\n  });\n  const traceIds = rows.map(trace => trace.traceId);\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"traces\" errorTitle=\"Failed to load traces\" />\n      </div>\n    );\n  }\n\n  if (isLoading) return <ThreadViewSkeleton />;\n\n  if (traceIds.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No traces found for this thread.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <LoadedThreadViewByTrace\n      key={threadId}\n      traceIds={traceIds}\n      setEndOfListElement={setEndOfListElement}\n      withFeedback={withFeedback}\n      onSelectedSpanChange={onSelectedSpanChange}\n      anchorTraceId={anchorTraceId}\n      onOpenScore={onOpenScore}\n    />\n  );\n}\n\ninterface LoadedThreadViewByTraceProps {\n  traceIds: string[];\n  setEndOfListElement: (node: HTMLDivElement | null) => void;\n  withFeedback: boolean;\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  anchorTraceId?: string;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}\n\n/** Mounts once the first page is in, so state seeded from `traces` at mount only sees that page. */\nfunction LoadedThreadViewByTrace({\n  traceIds,\n  setEndOfListElement,\n  withFeedback,\n  onSelectedSpanChange,\n  anchorTraceId: requestedAnchorTraceId,\n  onOpenScore,\n}: LoadedThreadViewByTraceProps) {\n  // \"Open full thread\" lands here with the originating trace: that row starts expanded and\n  // scrolls into view when it mounts. Best effort on the first page only: resolved once at mount,\n  // so a row that arrives on a later page is left alone.\n  const [anchorTraceId] = useState(() =>\n    requestedAnchorTraceId && traceIds.includes(requestedAnchorTraceId) ? requestedAnchorTraceId : null,\n  );\n\n  return (\n    <ThreadTrace traceIds={traceIds} anchorTraceId={anchorTraceId} onSelectedSpanChange={onSelectedSpanChange}>\n      <ThreadTrace.List data-testid=\"thread-view-by-trace\">\n        {traceIds.map(traceId => (\n          <ThreadTrace.Row key={traceId} traceId={traceId}>\n            <ThreadTraceRowContent withFeedback={withFeedback} onOpenScore={onOpenScore} />\n          </ThreadTrace.Row>\n        ))}\n        <ThreadTrace.LoadMoreSentinel ref={setEndOfListElement} />\n      </ThreadTrace.List>\n      <ThreadTrace.SpanPanel />\n    </ThreadTrace>\n  );\n}\n\nfunction ThreadTraceRowContent({\n  withFeedback,\n  onOpenScore,\n}: {\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}) {\n  const { traceId, highlightSpans } = useThreadTraceRow();\n  const { Link, paths } = useLinkComponent();\n  const traceHref = paths.traceLink(traceId);\n  // First page only, for the tab badges; the Feedback and Scores bodies own their own pagination\n  // and share these queries through the React Query cache.\n  const { data: feedbackData } = useTraceFeedback({ traceId, enabled: withFeedback });\n  // Same query the span tree observes (passive: the tree drives refetches).\n  const { data: traceData } = useTraceSpans(traceId, { passive: true });\n  const rootSpanId = traceData?.spans.find(span => span.parentSpanId == null)?.spanId;\n  const { data: spanScoresData } = useTraceSpanScores({ traceId, spanId: rootSpanId });\n  const feedbackTotal = feedbackData?.pagination?.total;\n  const scoresTotal = spanScoresData?.pagination?.total;\n\n  return (\n    <>\n      <ThreadTrace.Messages>\n        <ThreadTrace.MessagesHeader>\n          <ThreadTrace.TabList>\n            <ThreadTrace.Tab value=\"messages\">\n              <Icon size=\"xs\">\n                <MessageSquareTextIcon />\n              </Icon>\n              Messages\n            </ThreadTrace.Tab>\n            {withFeedback && (\n              <ThreadTrace.Tab value=\"feedback\">\n                <Icon size=\"xs\">\n                  <MessageSquareReplyIcon />\n                </Icon>\n                Feedback{feedbackTotal != null && <> ({feedbackTotal})</>}\n              </ThreadTrace.Tab>\n            )}\n            <ThreadTrace.Tab value=\"scores\">\n              <Icon size=\"xs\">\n                <ScorersIcon />\n              </Icon>\n              Scores{scoresTotal != null && <> ({scoresTotal})</>}\n            </ThreadTrace.Tab>\n          </ThreadTrace.TabList>\n        </ThreadTrace.MessagesHeader>\n        <ThreadTrace.TabContent value=\"messages\" flush>\n          <TraceThreadItemView traceId={traceId} onHighlightSpans={highlightSpans} />\n        </ThreadTrace.TabContent>\n        {withFeedback && (\n          <ThreadTrace.TabContent value=\"feedback\" className=\"min-h-0 py-3\">\n            <TraceFeedbackTab key={traceId} traceId={traceId} variant=\"thread\" />\n          </ThreadTrace.TabContent>\n        )}\n        <ThreadTrace.TabContent value=\"scores\" className=\"min-h-0 py-3\">\n          {rootSpanId ? (\n            <TraceScoresTab\n              key={traceId}\n              traceId={traceId}\n              spanId={rootSpanId}\n              onScoreSelect={scoreId => onOpenScore(traceId, scoreId)}\n            />\n          ) : null}\n        </ThreadTrace.TabContent>\n      </ThreadTrace.Messages>\n      <ThreadTrace.Details>\n        <ThreadTrace.DetailsHeader>\n          {traceHref && (\n            <ThreadTrace.DetailsActions>\n              <Button render={<Link href={traceHref} />} variant=\"ghost\" size=\"sm\" icon={<ExternalLinkIcon />}>\n                Go to trace\n              </Button>\n            </ThreadTrace.DetailsActions>\n          )}\n        </ThreadTrace.DetailsHeader>\n        <ThreadTrace.Spans />\n      </ThreadTrace.Details>\n    </>\n  );\n}\n"],"names":["useMemo","useTracesListSource","jsx","TracesErrorContent","ThreadViewSkeleton","Txt","useState","jsxs","ThreadTrace","useThreadTraceRow","useLinkComponent","useTraceFeedback","useTraceSpans","useTraceSpanScores","Fragment","Icon","MessageSquareTextIcon","MessageSquareReplyIcon","ScorersIcon","TraceThreadItemView","TraceFeedbackTab","TraceScoresTab","Button","ExternalLinkIcon"],"mappings":"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"}

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

@@ -1,12 +1,13 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { MessageSquareTextIcon, MessageSquareReplyIcon, ExternalLinkIcon } from 'lucide-react';
-import { useState } from 'react';
+import { useMemo, useState } from 'react';
 import '@mastra/react';
 import '@tanstack/react-query';
 import '@base-ui/react/combobox';
+import '../../../toast-c5kCpyWt.js';
 import { TraceScoresTab } from '../../scores/components/trace-scores-tab.es.js';
 import '@mastra/core/utils/safe-stringify';
-import { B as Button } from '../../../Button-C6eUqcPI.js';
+import { B as Button } from '../../../Button-D43ghVKt.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';
 import { useTraceSpanScores } from '../../scores/hooks/use-trace-span-scores.es.js';
 import { ThreadTrace } from './thread-trace.es.js';
@@ -22,6 +23,7 @@ import { Icon } from '../../../icons/Icon.es.js';
 import { ScorersIcon } from '../../../icons/ScorersIcon.es.js';
 import { useThreadTraceRow } from './thread-trace/thread-trace-row-context.es.js';
 
+const THREAD_WINDOW_MS = 30 * 24 * 60 * 60 * 1e3;
 function ThreadViewByTrace({
   threadId,
   withQueryTrace,
@@ -30,12 +32,17 @@ function ThreadViewByTrace({
   anchorTraceId,
   onOpenScore
 }) {
+  const legacyFilters = useMemo(
+    () => ({ threadId, startedAt: { start: new Date(Date.now() - THREAD_WINDOW_MS) } }),
+    [threadId]
+  );
   const { rows, isLoading, setEndOfListElement, error } = useTracesListSource({
     initialAutoRefetch: false,
     withQueryTrace,
+    legacyFilters,
     query: (now) => ({
       timeRange: {
-        from: new Date(now.getTime() - 30 * 24 * 60 * 60 * 1e3).toISOString(),
+        from: new Date(now.getTime() - THREAD_WINDOW_MS).toISOString(),
         to: now.toISOString()
       },
       where: { op: "eq", left: { path: "threadId" }, right: { literal: threadId } },

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

@@ -1 +1 @@
-{"version":3,"file":"thread-view-by-trace.es.js","sources":["../../../../src/domains/traces/components/thread-view-by-trace.tsx"],"sourcesContent":["import { ExternalLinkIcon, MessageSquareReplyIcon, MessageSquareTextIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { useTraceSpanScores, TraceScoresTab } from '@/domains/scores';\nimport { ThreadTrace, useThreadTraceRow } from '@/domains/traces/components/thread-trace';\nimport type { ThreadTraceSelectedSpan } from '@/domains/traces/components/thread-trace';\n\nimport { ThreadViewSkeleton } from '@/domains/traces/components/thread-view-skeleton';\nimport { TraceFeedbackTab } from '@/domains/traces/components/trace-feedback-tab';\nimport { TraceThreadItemView } from '@/domains/traces/components/trace-thread-item-view';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { useTraceFeedback } from '@/domains/traces/hooks/use-trace-feedback';\nimport { useTraceSpans } from '@/domains/traces/hooks/use-trace-spans';\nimport { useTracesListSource } from '@/domains/traces/hooks/use-traces-list-source';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface ThreadViewByTraceProps {\n  threadId: string;\n  /** Lists the thread through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Shows the per-trace Feedback tab and fetches its feedback. */\n  withFeedback: boolean;\n  /** Fires when a span detail opens or closes (`null`). */\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  /** Trace to expand and scroll to on mount (first page only). */\n  anchorTraceId?: string;\n  /** Opens a score from a trace's Scores tab; the app owns routing. */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}\n\n/**\n * A memory thread rendered as its traces: one row per agent turn (oldest first), with the\n * reconstructed messages on the left and the span tree on the right. Clicking a span opens\n * its detail panel on the side so the conversation stays readable.\n */\nexport function ThreadViewByTrace({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onSelectedSpanChange,\n  anchorTraceId,\n  onOpenScore,\n}: ThreadViewByTraceProps) {\n  const { rows, isLoading, setEndOfListElement, error } = useTracesListSource({\n    initialAutoRefetch: false,\n    withQueryTrace,\n    query: now => ({\n      timeRange: {\n        from: new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000).toISOString(),\n        to: now.toISOString(),\n      },\n      where: { op: 'eq', left: { path: 'threadId' }, right: { literal: threadId } },\n      orderBy: [{ field: 'startedAt', direction: 'asc' }],\n    }),\n  });\n  const traceIds = rows.map(trace => trace.traceId);\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"traces\" errorTitle=\"Failed to load traces\" />\n      </div>\n    );\n  }\n\n  if (isLoading) return <ThreadViewSkeleton />;\n\n  if (traceIds.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No traces found for this thread.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <LoadedThreadViewByTrace\n      key={threadId}\n      traceIds={traceIds}\n      setEndOfListElement={setEndOfListElement}\n      withFeedback={withFeedback}\n      onSelectedSpanChange={onSelectedSpanChange}\n      anchorTraceId={anchorTraceId}\n      onOpenScore={onOpenScore}\n    />\n  );\n}\n\ninterface LoadedThreadViewByTraceProps {\n  traceIds: string[];\n  setEndOfListElement: (node: HTMLDivElement | null) => void;\n  withFeedback: boolean;\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  anchorTraceId?: string;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}\n\n/** Mounts once the first page is in, so state seeded from `traces` at mount only sees that page. */\nfunction LoadedThreadViewByTrace({\n  traceIds,\n  setEndOfListElement,\n  withFeedback,\n  onSelectedSpanChange,\n  anchorTraceId: requestedAnchorTraceId,\n  onOpenScore,\n}: LoadedThreadViewByTraceProps) {\n  // \"Open full thread\" lands here with the originating trace: that row starts expanded and\n  // scrolls into view when it mounts. Best effort on the first page only: resolved once at mount,\n  // so a row that arrives on a later page is left alone.\n  const [anchorTraceId] = useState(() =>\n    requestedAnchorTraceId && traceIds.includes(requestedAnchorTraceId) ? requestedAnchorTraceId : null,\n  );\n\n  return (\n    <ThreadTrace traceIds={traceIds} anchorTraceId={anchorTraceId} onSelectedSpanChange={onSelectedSpanChange}>\n      <ThreadTrace.List data-testid=\"thread-view-by-trace\">\n        {traceIds.map(traceId => (\n          <ThreadTrace.Row key={traceId} traceId={traceId}>\n            <ThreadTraceRowContent withFeedback={withFeedback} onOpenScore={onOpenScore} />\n          </ThreadTrace.Row>\n        ))}\n        <ThreadTrace.LoadMoreSentinel ref={setEndOfListElement} />\n      </ThreadTrace.List>\n      <ThreadTrace.SpanPanel />\n    </ThreadTrace>\n  );\n}\n\nfunction ThreadTraceRowContent({\n  withFeedback,\n  onOpenScore,\n}: {\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}) {\n  const { traceId, highlightSpans } = useThreadTraceRow();\n  const { Link, paths } = useLinkComponent();\n  const traceHref = paths.traceLink(traceId);\n  // First page only, for the tab badges; the Feedback and Scores bodies own their own pagination\n  // and share these queries through the React Query cache.\n  const { data: feedbackData } = useTraceFeedback({ traceId, enabled: withFeedback });\n  // Same query the span tree observes (passive: the tree drives refetches).\n  const { data: traceData } = useTraceSpans(traceId, { passive: true });\n  const rootSpanId = traceData?.spans.find(span => span.parentSpanId == null)?.spanId;\n  const { data: spanScoresData } = useTraceSpanScores({ traceId, spanId: rootSpanId });\n  const feedbackTotal = feedbackData?.pagination?.total;\n  const scoresTotal = spanScoresData?.pagination?.total;\n\n  return (\n    <>\n      <ThreadTrace.Messages>\n        <ThreadTrace.MessagesHeader>\n          <ThreadTrace.TabList>\n            <ThreadTrace.Tab value=\"messages\">\n              <Icon size=\"xs\">\n                <MessageSquareTextIcon />\n              </Icon>\n              Messages\n            </ThreadTrace.Tab>\n            {withFeedback && (\n              <ThreadTrace.Tab value=\"feedback\">\n                <Icon size=\"xs\">\n                  <MessageSquareReplyIcon />\n                </Icon>\n                Feedback{feedbackTotal != null && <> ({feedbackTotal})</>}\n              </ThreadTrace.Tab>\n            )}\n            <ThreadTrace.Tab value=\"scores\">\n              <Icon size=\"xs\">\n                <ScorersIcon />\n              </Icon>\n              Scores{scoresTotal != null && <> ({scoresTotal})</>}\n            </ThreadTrace.Tab>\n          </ThreadTrace.TabList>\n        </ThreadTrace.MessagesHeader>\n        <ThreadTrace.TabContent value=\"messages\" flush>\n          <TraceThreadItemView traceId={traceId} onHighlightSpans={highlightSpans} />\n        </ThreadTrace.TabContent>\n        {withFeedback && (\n          <ThreadTrace.TabContent value=\"feedback\" className=\"min-h-0 py-3\">\n            <TraceFeedbackTab key={traceId} traceId={traceId} variant=\"thread\" />\n          </ThreadTrace.TabContent>\n        )}\n        <ThreadTrace.TabContent value=\"scores\" className=\"min-h-0 py-3\">\n          {rootSpanId ? (\n            <TraceScoresTab\n              key={traceId}\n              traceId={traceId}\n              spanId={rootSpanId}\n              onScoreSelect={scoreId => onOpenScore(traceId, scoreId)}\n            />\n          ) : null}\n        </ThreadTrace.TabContent>\n      </ThreadTrace.Messages>\n      <ThreadTrace.Details>\n        <ThreadTrace.DetailsHeader>\n          {traceHref && (\n            <ThreadTrace.DetailsActions>\n              <Button render={<Link href={traceHref} />} variant=\"ghost\" size=\"sm\" icon={<ExternalLinkIcon />}>\n                Go to trace\n              </Button>\n            </ThreadTrace.DetailsActions>\n          )}\n        </ThreadTrace.DetailsHeader>\n        <ThreadTrace.Spans />\n      </ThreadTrace.Details>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"thread-view-by-trace.es.js","sources":["../../../../src/domains/traces/components/thread-view-by-trace.tsx"],"sourcesContent":["import { ExternalLinkIcon, MessageSquareReplyIcon, MessageSquareTextIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { useTraceSpanScores, TraceScoresTab } from '@/domains/scores';\nimport { ThreadTrace, useThreadTraceRow } from '@/domains/traces/components/thread-trace';\nimport type { ThreadTraceSelectedSpan } from '@/domains/traces/components/thread-trace';\n\nimport { ThreadViewSkeleton } from '@/domains/traces/components/thread-view-skeleton';\nimport { TraceFeedbackTab } from '@/domains/traces/components/trace-feedback-tab';\nimport { TraceThreadItemView } from '@/domains/traces/components/trace-thread-item-view';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { useTraceFeedback } from '@/domains/traces/hooks/use-trace-feedback';\nimport { useTraceSpans } from '@/domains/traces/hooks/use-trace-spans';\nimport { useTracesListSource } from '@/domains/traces/hooks/use-traces-list-source';\nimport type { UseTracesListSourceArgs } from '@/domains/traces/hooks/use-traces-list-source';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nconst THREAD_WINDOW_MS = 30 * 24 * 60 * 60 * 1000;\n\nexport interface ThreadViewByTraceProps {\n  threadId: string;\n  /** Lists the thread through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Shows the per-trace Feedback tab and fetches its feedback. */\n  withFeedback: boolean;\n  /** Fires when a span detail opens or closes (`null`). */\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  /** Trace to expand and scroll to on mount (first page only). */\n  anchorTraceId?: string;\n  /** Opens a score from a trace's Scores tab; the app owns routing. */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}\n\n/**\n * A memory thread rendered as its traces: one row per agent turn (oldest first), with the\n * reconstructed messages on the left and the span tree on the right. Clicking a span opens\n * its detail panel on the side so the conversation stays readable.\n */\nexport function ThreadViewByTrace({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onSelectedSpanChange,\n  anchorTraceId,\n  onOpenScore,\n}: ThreadViewByTraceProps) {\n  const legacyFilters = useMemo<UseTracesListSourceArgs['legacyFilters']>(\n    () => ({ threadId, startedAt: { start: new Date(Date.now() - THREAD_WINDOW_MS) } }),\n    [threadId],\n  );\n  const { rows, isLoading, setEndOfListElement, error } = useTracesListSource({\n    initialAutoRefetch: false,\n    withQueryTrace,\n    legacyFilters,\n    query: now => ({\n      timeRange: {\n        from: new Date(now.getTime() - THREAD_WINDOW_MS).toISOString(),\n        to: now.toISOString(),\n      },\n      where: { op: 'eq', left: { path: 'threadId' }, right: { literal: threadId } },\n      orderBy: [{ field: 'startedAt', direction: 'asc' }],\n    }),\n  });\n  const traceIds = rows.map(trace => trace.traceId);\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"traces\" errorTitle=\"Failed to load traces\" />\n      </div>\n    );\n  }\n\n  if (isLoading) return <ThreadViewSkeleton />;\n\n  if (traceIds.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No traces found for this thread.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <LoadedThreadViewByTrace\n      key={threadId}\n      traceIds={traceIds}\n      setEndOfListElement={setEndOfListElement}\n      withFeedback={withFeedback}\n      onSelectedSpanChange={onSelectedSpanChange}\n      anchorTraceId={anchorTraceId}\n      onOpenScore={onOpenScore}\n    />\n  );\n}\n\ninterface LoadedThreadViewByTraceProps {\n  traceIds: string[];\n  setEndOfListElement: (node: HTMLDivElement | null) => void;\n  withFeedback: boolean;\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  anchorTraceId?: string;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}\n\n/** Mounts once the first page is in, so state seeded from `traces` at mount only sees that page. */\nfunction LoadedThreadViewByTrace({\n  traceIds,\n  setEndOfListElement,\n  withFeedback,\n  onSelectedSpanChange,\n  anchorTraceId: requestedAnchorTraceId,\n  onOpenScore,\n}: LoadedThreadViewByTraceProps) {\n  // \"Open full thread\" lands here with the originating trace: that row starts expanded and\n  // scrolls into view when it mounts. Best effort on the first page only: resolved once at mount,\n  // so a row that arrives on a later page is left alone.\n  const [anchorTraceId] = useState(() =>\n    requestedAnchorTraceId && traceIds.includes(requestedAnchorTraceId) ? requestedAnchorTraceId : null,\n  );\n\n  return (\n    <ThreadTrace traceIds={traceIds} anchorTraceId={anchorTraceId} onSelectedSpanChange={onSelectedSpanChange}>\n      <ThreadTrace.List data-testid=\"thread-view-by-trace\">\n        {traceIds.map(traceId => (\n          <ThreadTrace.Row key={traceId} traceId={traceId}>\n            <ThreadTraceRowContent withFeedback={withFeedback} onOpenScore={onOpenScore} />\n          </ThreadTrace.Row>\n        ))}\n        <ThreadTrace.LoadMoreSentinel ref={setEndOfListElement} />\n      </ThreadTrace.List>\n      <ThreadTrace.SpanPanel />\n    </ThreadTrace>\n  );\n}\n\nfunction ThreadTraceRowContent({\n  withFeedback,\n  onOpenScore,\n}: {\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}) {\n  const { traceId, highlightSpans } = useThreadTraceRow();\n  const { Link, paths } = useLinkComponent();\n  const traceHref = paths.traceLink(traceId);\n  // First page only, for the tab badges; the Feedback and Scores bodies own their own pagination\n  // and share these queries through the React Query cache.\n  const { data: feedbackData } = useTraceFeedback({ traceId, enabled: withFeedback });\n  // Same query the span tree observes (passive: the tree drives refetches).\n  const { data: traceData } = useTraceSpans(traceId, { passive: true });\n  const rootSpanId = traceData?.spans.find(span => span.parentSpanId == null)?.spanId;\n  const { data: spanScoresData } = useTraceSpanScores({ traceId, spanId: rootSpanId });\n  const feedbackTotal = feedbackData?.pagination?.total;\n  const scoresTotal = spanScoresData?.pagination?.total;\n\n  return (\n    <>\n      <ThreadTrace.Messages>\n        <ThreadTrace.MessagesHeader>\n          <ThreadTrace.TabList>\n            <ThreadTrace.Tab value=\"messages\">\n              <Icon size=\"xs\">\n                <MessageSquareTextIcon />\n              </Icon>\n              Messages\n            </ThreadTrace.Tab>\n            {withFeedback && (\n              <ThreadTrace.Tab value=\"feedback\">\n                <Icon size=\"xs\">\n                  <MessageSquareReplyIcon />\n                </Icon>\n                Feedback{feedbackTotal != null && <> ({feedbackTotal})</>}\n              </ThreadTrace.Tab>\n            )}\n            <ThreadTrace.Tab value=\"scores\">\n              <Icon size=\"xs\">\n                <ScorersIcon />\n              </Icon>\n              Scores{scoresTotal != null && <> ({scoresTotal})</>}\n            </ThreadTrace.Tab>\n          </ThreadTrace.TabList>\n        </ThreadTrace.MessagesHeader>\n        <ThreadTrace.TabContent value=\"messages\" flush>\n          <TraceThreadItemView traceId={traceId} onHighlightSpans={highlightSpans} />\n        </ThreadTrace.TabContent>\n        {withFeedback && (\n          <ThreadTrace.TabContent value=\"feedback\" className=\"min-h-0 py-3\">\n            <TraceFeedbackTab key={traceId} traceId={traceId} variant=\"thread\" />\n          </ThreadTrace.TabContent>\n        )}\n        <ThreadTrace.TabContent value=\"scores\" className=\"min-h-0 py-3\">\n          {rootSpanId ? (\n            <TraceScoresTab\n              key={traceId}\n              traceId={traceId}\n              spanId={rootSpanId}\n              onScoreSelect={scoreId => onOpenScore(traceId, scoreId)}\n            />\n          ) : null}\n        </ThreadTrace.TabContent>\n      </ThreadTrace.Messages>\n      <ThreadTrace.Details>\n        <ThreadTrace.DetailsHeader>\n          {traceHref && (\n            <ThreadTrace.DetailsActions>\n              <Button render={<Link href={traceHref} />} variant=\"ghost\" size=\"sm\" icon={<ExternalLinkIcon />}>\n                Go to trace\n              </Button>\n            </ThreadTrace.DetailsActions>\n          )}\n        </ThreadTrace.DetailsHeader>\n        <ThreadTrace.Spans />\n      </ThreadTrace.Details>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -6,14 +6,14 @@ 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-BnmR2HRc.cjs');
-const combobox = require('../../../combobox-rKV-Lksj.cjs');
+const Button = require('../../../Button-CXhSUBxN.cjs');
+const combobox = require('../../../combobox-DJ0c4o4S.cjs');
 require('@base-ui/react/combobox');
-const dialog = require('../../../dialog-DYpOpj9s.cjs');
+const dialog = require('../../../dialog-d_AK1NQD.cjs');
 const dropdownMenu = require('../../../dropdown-menu-j2y37TL5.cjs');
-const fieldBlock = require('../../../field-block-BIDi9Bvc.cjs');
+const fieldBlock = require('../../../field-block-DtaPqBa3.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
-const dialogAction = require('../../../dialog-action-B3AHq7mU.cjs');
+const dialogAction = require('../../../dialog-action-C3Tc7ZKI.cjs');
 
 const METADATA_KEY_FIELD_NAME = "trace-metadata-key";
 const EMPTY_KEYS = [];