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

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

@@ -6,13 +6,11 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 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 messageScroller = require('../../../../message-scroller-E05PLPmT.cjs');
 const hooks_useMeasuredAutoHeight = require('../../../../hooks/use-measured-auto-height.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 
 const THREAD_TRACE_MESSAGES_TAB = "messages";
-const scrollIntoViewOnMount = (row) => {
-  row?.scrollIntoView({ block: "start" });
-};
 function ThreadTraceRow({ traceId, className, children, ...props }) {
   const root = domains_traces_components_threadTrace_threadTraceContext.useThreadTrace();
   const selectedSpanId = root.selected?.traceId === traceId ? root.selected.spanId : void 0;
@@ -21,7 +19,6 @@ function ThreadTraceRow({ traceId, className, children, ...props }) {
   const isActive = selectedSpanId !== void 0;
   const isCurrent = root.currentTraceId === traceId;
   const isExpanded = root.expandedTraceIds.has(traceId);
-  const isAnchor = root.anchorTraceId === traceId;
   const messages = hooks_useMeasuredAutoHeight.useMeasuredAutoHeight();
   const timeline = hooks_useMeasuredAutoHeight.useMeasuredAutoHeight();
   const detailsHeader = hooks_useMeasuredAutoHeight.useMeasuredAutoHeight();
@@ -45,7 +42,6 @@ function ThreadTraceRow({ traceId, className, children, ...props }) {
       isActive,
       isCurrent,
       isExpanded,
-      isAnchor,
       selectedSpanId,
       featuredSpanIds,
       revealSpanId,
@@ -65,7 +61,6 @@ function ThreadTraceRow({ traceId, className, children, ...props }) {
       isActive,
       isCurrent,
       isExpanded,
-      isAnchor,
       selectedSpanId,
       featuredSpanIds,
       revealSpanId,
@@ -80,7 +75,7 @@ function ThreadTraceRow({ traceId, className, children, ...props }) {
       detailsHeader.height
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_threadTrace_threadTraceRowContext.ThreadTraceRowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_threadTrace_threadTraceRowContext.ThreadTraceRowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(messageScroller.MessageScrollerItem, { messageId: traceId, className: "[content-visibility:visible]", children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "data-slot": "thread-trace-row",
@@ -92,11 +87,10 @@ function ThreadTraceRow({ traceId, className, children, ...props }) {
       ),
       "data-trace-id": traceId,
       "data-active": isActive || void 0,
-      ref: isAnchor ? scrollIntoViewOnMount : void 0,
       ...props,
       children
     }
-  ) });
+  ) }) });
 }
 
 exports.THREAD_TRACE_MESSAGES_TAB = THREAD_TRACE_MESSAGES_TAB;

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

@@ -1 +1 @@
-{"version":3,"file":"thread-trace-row.cjs.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-row.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { useThreadTrace } from './thread-trace-context';\nimport { ThreadTraceRowContext } from './thread-trace-row-context';\nimport type { ThreadTraceRowContextValue } from './thread-trace-row-context';\nimport { useMeasuredAutoHeight } from '@/hooks/use-measured-auto-height';\nimport { cn } from '@/lib/utils';\n\nexport const THREAD_TRACE_MESSAGES_TAB = 'messages';\n\nexport interface ThreadTraceRowProps extends ComponentProps<'div'> {\n  traceId: string;\n}\n\n// Module-level so the callback ref keeps its identity and React only invokes it on mount/unmount.\nconst scrollIntoViewOnMount = (row: HTMLDivElement | null) => {\n  row?.scrollIntoView({ block: 'start' });\n};\n\n/**\n * One agent turn: the messages column on the left and the details column on the right. The whole\n * row is dimmed unless it is the first one in view, hovered, or its span is open in the side panel,\n * so the reader keeps track of which turn they are on without hovering.\n */\nexport function ThreadTraceRow({ traceId, className, children, ...props }: ThreadTraceRowProps) {\n  const root = useThreadTrace();\n\n  const selectedSpanId = root.selected?.traceId === traceId ? root.selected.spanId : undefined;\n  const featuredSpanIds = root.highlight?.traceId === traceId ? root.highlight.spanIds : undefined;\n  const revealSpanId = featuredSpanIds?.at(-1);\n  const isActive = selectedSpanId !== undefined;\n  const isCurrent = root.currentTraceId === traceId;\n  const isExpanded = root.expandedTraceIds.has(traceId);\n  const isAnchor = root.anchorTraceId === traceId;\n\n  // A long trace is clamped to the real height of its messages column (not a nominal row height),\n  // so the timeline never dwarfs the turn it belongs to. The refs live here because the messages\n  // and the timeline are sibling parts.\n  const messages = useMeasuredAutoHeight<HTMLDivElement>();\n  const timeline = useMeasuredAutoHeight<HTMLDivElement>();\n  const detailsHeader = useMeasuredAutoHeight<HTMLDivElement>();\n\n  // Which view the messages column shows (Messages / Feedback / Scores), one per row.\n  const [tab, setTab] = useState<string>(THREAD_TRACE_MESSAGES_TAB);\n  // The clamp budget is the height of the *Messages* view: a short Feedback or Scores view\n  // must not squash the span tree next to it, so the last Messages height is kept while\n  // another view is showing.\n  const [messagesViewHeight, setMessagesViewHeight] = useState<number | null>(null);\n  if (tab === THREAD_TRACE_MESSAGES_TAB && messages.height !== messagesViewHeight) {\n    setMessagesViewHeight(messages.height);\n  }\n\n  const { highlightSpans: rootHighlightSpans, setTraceExpanded } = root;\n  const highlightSpans = useCallback(\n    (spanIds: string[]) => rootHighlightSpans(traceId, spanIds),\n    [rootHighlightSpans, traceId],\n  );\n  const setExpanded = useCallback(\n    (expanded: boolean) => setTraceExpanded(traceId, expanded),\n    [setTraceExpanded, traceId],\n  );\n\n  const contextValue = useMemo<ThreadTraceRowContextValue>(\n    () => ({\n      traceId,\n      isActive,\n      isCurrent,\n      isExpanded,\n      isAnchor,\n      selectedSpanId,\n      featuredSpanIds,\n      revealSpanId,\n      highlightSpans,\n      setExpanded,\n      tab,\n      setTab,\n      messagesRef: messages.ref,\n      timelineRef: timeline.ref,\n      detailsHeaderRef: detailsHeader.ref,\n      messagesHeight: messagesViewHeight,\n      timelineHeight: timeline.height,\n      detailsHeaderHeight: detailsHeader.height,\n    }),\n    [\n      traceId,\n      isActive,\n      isCurrent,\n      isExpanded,\n      isAnchor,\n      selectedSpanId,\n      featuredSpanIds,\n      revealSpanId,\n      highlightSpans,\n      setExpanded,\n      tab,\n      messages.ref,\n      timeline.ref,\n      detailsHeader.ref,\n      messagesViewHeight,\n      timeline.height,\n      detailsHeader.height,\n    ],\n  );\n\n  return (\n    <ThreadTraceRowContext.Provider value={contextValue}>\n      <div\n        data-slot=\"thread-trace-row\"\n        className={cn(\n          // Same fixed messages width as the trace panel; the details column takes the rest.\n          'group grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] border-b border-border transition-opacity hover:opacity-100',\n          isActive || isCurrent ? 'opacity-100' : 'opacity-50',\n          className,\n        )}\n        data-trace-id={traceId}\n        data-active={isActive || undefined}\n        ref={isAnchor ? scrollIntoViewOnMount : undefined}\n        {...props}\n      >\n        {children}\n      </div>\n    </ThreadTraceRowContext.Provider>\n  );\n}\n"],"names":["useThreadTrace","useMeasuredAutoHeight","useState","useCallback","useMemo","jsx","ThreadTraceRowContext","cn"],"mappings":";;;;;;;;;;;AASO,MAAM,yBAAA,GAA4B;AAOzC,MAAM,qBAAA,GAAwB,CAAC,GAAA,KAA+B;AAC5D,EAAA,GAAA,EAAK,cAAA,CAAe,EAAE,KAAA,EAAO,OAAA,EAAS,CAAA;AACxC,CAAA;AAOO,SAAS,eAAe,EAAE,OAAA,EAAS,WAAW,QAAA,EAAU,GAAG,OAAM,EAAwB;AAC9F,EAAA,MAAM,OAAOA,uEAAA,EAAe;AAE5B,EAAA,MAAM,iBAAiB,IAAA,CAAK,QAAA,EAAU,YAAY,OAAA,GAAU,IAAA,CAAK,SAAS,MAAA,GAAS,MAAA;AACnF,EAAA,MAAM,kBAAkB,IAAA,CAAK,SAAA,EAAW,YAAY,OAAA,GAAU,IAAA,CAAK,UAAU,OAAA,GAAU,MAAA;AACvF,EAAA,MAAM,YAAA,GAAe,eAAA,EAAiB,EAAA,CAAG,EAAE,CAAA;AAC3C,EAAA,MAAM,WAAW,cAAA,KAAmB,MAAA;AACpC,EAAA,MAAM,SAAA,GAAY,KAAK,cAAA,KAAmB,OAAA;AAC1C,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,gBAAA,CAAiB,GAAA,CAAI,OAAO,CAAA;AACpD,EAAA,MAAM,QAAA,GAAW,KAAK,aAAA,KAAkB,OAAA;AAKxC,EAAA,MAAM,WAAWC,iDAAA,EAAsC;AACvD,EAAA,MAAM,WAAWA,iDAAA,EAAsC;AACvD,EAAA,MAAM,gBAAgBA,iDAAA,EAAsC;AAG5D,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAIC,eAAiB,yBAAyB,CAAA;AAIhE,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAIA,eAAwB,IAAI,CAAA;AAChF,EAAA,IAAI,GAAA,KAAQ,yBAAA,IAA6B,QAAA,CAAS,MAAA,KAAW,kBAAA,EAAoB;AAC/E,IAAA,qBAAA,CAAsB,SAAS,MAAM,CAAA;AAAA,EACvC;AAEA,EAAA,MAAM,EAAE,cAAA,EAAgB,kBAAA,EAAoB,gBAAA,EAAiB,GAAI,IAAA;AACjE,EAAA,MAAM,cAAA,GAAiBC,iBAAA;AAAA,IACrB,CAAC,OAAA,KAAsB,kBAAA,CAAmB,OAAA,EAAS,OAAO,CAAA;AAAA,IAC1D,CAAC,oBAAoB,OAAO;AAAA,GAC9B;AACA,EAAA,MAAM,WAAA,GAAcA,iBAAA;AAAA,IAClB,CAAC,QAAA,KAAsB,gBAAA,CAAiB,OAAA,EAAS,QAAQ,CAAA;AAAA,IACzD,CAAC,kBAAkB,OAAO;AAAA,GAC5B;AAEA,EAAA,MAAM,YAAA,GAAeC,aAAA;AAAA,IACnB,OAAO;AAAA,MACL,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,GAAA;AAAA,MACA,MAAA;AAAA,MACA,aAAa,QAAA,CAAS,GAAA;AAAA,MACtB,aAAa,QAAA,CAAS,GAAA;AAAA,MACtB,kBAAkB,aAAA,CAAc,GAAA;AAAA,MAChC,cAAA,EAAgB,kBAAA;AAAA,MAChB,gBAAgB,QAAA,CAAS,MAAA;AAAA,MACzB,qBAAqB,aAAA,CAAc;AAAA,KACrC,CAAA;AAAA,IACA;AAAA,MACE,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,GAAA;AAAA,MACA,QAAA,CAAS,GAAA;AAAA,MACT,QAAA,CAAS,GAAA;AAAA,MACT,aAAA,CAAc,GAAA;AAAA,MACd,kBAAA;AAAA,MACA,QAAA,CAAS,MAAA;AAAA,MACT,aAAA,CAAc;AAAA;AAChB,GACF;AAEA,EAAA,uBACEC,cAAA,CAACC,iFAAA,CAAsB,QAAA,EAAtB,EAA+B,OAAO,YAAA,EACrC,QAAA,kBAAAD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAWE,WAAA;AAAA;AAAA,QAET,gHAAA;AAAA,QACA,QAAA,IAAY,YAAY,aAAA,GAAgB,YAAA;AAAA,QACxC;AAAA,OACF;AAAA,MACA,eAAA,EAAe,OAAA;AAAA,MACf,eAAa,QAAA,IAAY,MAAA;AAAA,MACzB,GAAA,EAAK,WAAW,qBAAA,GAAwB,MAAA;AAAA,MACvC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"thread-trace-row.cjs.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-row.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { useThreadTrace } from './thread-trace-context';\nimport { ThreadTraceRowContext } from './thread-trace-row-context';\nimport type { ThreadTraceRowContextValue } from './thread-trace-row-context';\nimport { MessageScrollerItem } from '@/ds/components/MessageScroller';\nimport { useMeasuredAutoHeight } from '@/hooks/use-measured-auto-height';\nimport { cn } from '@/lib/utils';\n\nexport const THREAD_TRACE_MESSAGES_TAB = 'messages';\n\nexport interface ThreadTraceRowProps extends ComponentProps<'div'> {\n  traceId: string;\n}\n\n/**\n * One agent turn: the messages column on the left and the details column on the right. The whole\n * row is dimmed unless it is the first one in view, hovered, or its span is open in the side panel,\n * so the reader keeps track of which turn they are on without hovering.\n */\nexport function ThreadTraceRow({ traceId, className, children, ...props }: ThreadTraceRowProps) {\n  const root = useThreadTrace();\n\n  const selectedSpanId = root.selected?.traceId === traceId ? root.selected.spanId : undefined;\n  const featuredSpanIds = root.highlight?.traceId === traceId ? root.highlight.spanIds : undefined;\n  const revealSpanId = featuredSpanIds?.at(-1);\n  const isActive = selectedSpanId !== undefined;\n  const isCurrent = root.currentTraceId === traceId;\n  const isExpanded = root.expandedTraceIds.has(traceId);\n\n  // A long trace is clamped to the real height of its messages column (not a nominal row height),\n  // so the timeline never dwarfs the turn it belongs to. The refs live here because the messages\n  // and the timeline are sibling parts.\n  const messages = useMeasuredAutoHeight<HTMLDivElement>();\n  const timeline = useMeasuredAutoHeight<HTMLDivElement>();\n  const detailsHeader = useMeasuredAutoHeight<HTMLDivElement>();\n\n  // Which view the messages column shows (Messages / Feedback / Scores), one per row.\n  const [tab, setTab] = useState<string>(THREAD_TRACE_MESSAGES_TAB);\n  // The clamp budget is the height of the *Messages* view: a short Feedback or Scores view\n  // must not squash the span tree next to it, so the last Messages height is kept while\n  // another view is showing.\n  const [messagesViewHeight, setMessagesViewHeight] = useState<number | null>(null);\n  if (tab === THREAD_TRACE_MESSAGES_TAB && messages.height !== messagesViewHeight) {\n    setMessagesViewHeight(messages.height);\n  }\n\n  const { highlightSpans: rootHighlightSpans, setTraceExpanded } = root;\n  const highlightSpans = useCallback(\n    (spanIds: string[]) => rootHighlightSpans(traceId, spanIds),\n    [rootHighlightSpans, traceId],\n  );\n  const setExpanded = useCallback(\n    (expanded: boolean) => setTraceExpanded(traceId, expanded),\n    [setTraceExpanded, traceId],\n  );\n\n  const contextValue = useMemo<ThreadTraceRowContextValue>(\n    () => ({\n      traceId,\n      isActive,\n      isCurrent,\n      isExpanded,\n      selectedSpanId,\n      featuredSpanIds,\n      revealSpanId,\n      highlightSpans,\n      setExpanded,\n      tab,\n      setTab,\n      messagesRef: messages.ref,\n      timelineRef: timeline.ref,\n      detailsHeaderRef: detailsHeader.ref,\n      messagesHeight: messagesViewHeight,\n      timelineHeight: timeline.height,\n      detailsHeaderHeight: detailsHeader.height,\n    }),\n    [\n      traceId,\n      isActive,\n      isCurrent,\n      isExpanded,\n      selectedSpanId,\n      featuredSpanIds,\n      revealSpanId,\n      highlightSpans,\n      setExpanded,\n      tab,\n      messages.ref,\n      timeline.ref,\n      detailsHeader.ref,\n      messagesViewHeight,\n      timeline.height,\n      detailsHeader.height,\n    ],\n  );\n\n  return (\n    <ThreadTraceRowContext.Provider value={contextValue}>\n      {/* Registers the row with the scroller so prepends of older turns keep the reading position.\n          Rows measure their own columns, so they stay rendered off screen. */}\n      <MessageScrollerItem messageId={traceId} className=\"[content-visibility:visible]\">\n        <div\n          data-slot=\"thread-trace-row\"\n          className={cn(\n            // Same fixed messages width as the trace panel; the details column takes the rest.\n            'group grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] border-b border-border transition-opacity hover:opacity-100',\n            isActive || isCurrent ? 'opacity-100' : 'opacity-50',\n            className,\n          )}\n          data-trace-id={traceId}\n          data-active={isActive || undefined}\n          {...props}\n        >\n          {children}\n        </div>\n      </MessageScrollerItem>\n    </ThreadTraceRowContext.Provider>\n  );\n}\n"],"names":["useThreadTrace","useMeasuredAutoHeight","useState","useCallback","useMemo","jsx","ThreadTraceRowContext","MessageScrollerItem","cn"],"mappings":"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"}

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

@@ -2,13 +2,11 @@ import { jsx } from 'react/jsx-runtime';
 import { useState, useCallback, useMemo } from 'react';
 import { useThreadTrace } from './thread-trace-context.es.js';
 import { ThreadTraceRowContext } from './thread-trace-row-context.es.js';
+import { c as MessageScrollerItem } from '../../../../message-scroller-CiFr8MwT.js';
 import { useMeasuredAutoHeight } from '../../../../hooks/use-measured-auto-height.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 
 const THREAD_TRACE_MESSAGES_TAB = "messages";
-const scrollIntoViewOnMount = (row) => {
-  row?.scrollIntoView({ block: "start" });
-};
 function ThreadTraceRow({ traceId, className, children, ...props }) {
   const root = useThreadTrace();
   const selectedSpanId = root.selected?.traceId === traceId ? root.selected.spanId : void 0;
@@ -17,7 +15,6 @@ function ThreadTraceRow({ traceId, className, children, ...props }) {
   const isActive = selectedSpanId !== void 0;
   const isCurrent = root.currentTraceId === traceId;
   const isExpanded = root.expandedTraceIds.has(traceId);
-  const isAnchor = root.anchorTraceId === traceId;
   const messages = useMeasuredAutoHeight();
   const timeline = useMeasuredAutoHeight();
   const detailsHeader = useMeasuredAutoHeight();
@@ -41,7 +38,6 @@ function ThreadTraceRow({ traceId, className, children, ...props }) {
       isActive,
       isCurrent,
       isExpanded,
-      isAnchor,
       selectedSpanId,
       featuredSpanIds,
       revealSpanId,
@@ -61,7 +57,6 @@ function ThreadTraceRow({ traceId, className, children, ...props }) {
       isActive,
       isCurrent,
       isExpanded,
-      isAnchor,
       selectedSpanId,
       featuredSpanIds,
       revealSpanId,
@@ -76,7 +71,7 @@ function ThreadTraceRow({ traceId, className, children, ...props }) {
       detailsHeader.height
     ]
   );
-  return /* @__PURE__ */ jsx(ThreadTraceRowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ThreadTraceRowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(MessageScrollerItem, { messageId: traceId, className: "[content-visibility:visible]", children: /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "thread-trace-row",
@@ -88,11 +83,10 @@ function ThreadTraceRow({ traceId, className, children, ...props }) {
       ),
       "data-trace-id": traceId,
       "data-active": isActive || void 0,
-      ref: isAnchor ? scrollIntoViewOnMount : void 0,
       ...props,
       children
     }
-  ) });
+  ) }) });
 }
 
 export { THREAD_TRACE_MESSAGES_TAB, ThreadTraceRow };

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

@@ -1 +1 @@
-{"version":3,"file":"thread-trace-row.es.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-row.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { useThreadTrace } from './thread-trace-context';\nimport { ThreadTraceRowContext } from './thread-trace-row-context';\nimport type { ThreadTraceRowContextValue } from './thread-trace-row-context';\nimport { useMeasuredAutoHeight } from '@/hooks/use-measured-auto-height';\nimport { cn } from '@/lib/utils';\n\nexport const THREAD_TRACE_MESSAGES_TAB = 'messages';\n\nexport interface ThreadTraceRowProps extends ComponentProps<'div'> {\n  traceId: string;\n}\n\n// Module-level so the callback ref keeps its identity and React only invokes it on mount/unmount.\nconst scrollIntoViewOnMount = (row: HTMLDivElement | null) => {\n  row?.scrollIntoView({ block: 'start' });\n};\n\n/**\n * One agent turn: the messages column on the left and the details column on the right. The whole\n * row is dimmed unless it is the first one in view, hovered, or its span is open in the side panel,\n * so the reader keeps track of which turn they are on without hovering.\n */\nexport function ThreadTraceRow({ traceId, className, children, ...props }: ThreadTraceRowProps) {\n  const root = useThreadTrace();\n\n  const selectedSpanId = root.selected?.traceId === traceId ? root.selected.spanId : undefined;\n  const featuredSpanIds = root.highlight?.traceId === traceId ? root.highlight.spanIds : undefined;\n  const revealSpanId = featuredSpanIds?.at(-1);\n  const isActive = selectedSpanId !== undefined;\n  const isCurrent = root.currentTraceId === traceId;\n  const isExpanded = root.expandedTraceIds.has(traceId);\n  const isAnchor = root.anchorTraceId === traceId;\n\n  // A long trace is clamped to the real height of its messages column (not a nominal row height),\n  // so the timeline never dwarfs the turn it belongs to. The refs live here because the messages\n  // and the timeline are sibling parts.\n  const messages = useMeasuredAutoHeight<HTMLDivElement>();\n  const timeline = useMeasuredAutoHeight<HTMLDivElement>();\n  const detailsHeader = useMeasuredAutoHeight<HTMLDivElement>();\n\n  // Which view the messages column shows (Messages / Feedback / Scores), one per row.\n  const [tab, setTab] = useState<string>(THREAD_TRACE_MESSAGES_TAB);\n  // The clamp budget is the height of the *Messages* view: a short Feedback or Scores view\n  // must not squash the span tree next to it, so the last Messages height is kept while\n  // another view is showing.\n  const [messagesViewHeight, setMessagesViewHeight] = useState<number | null>(null);\n  if (tab === THREAD_TRACE_MESSAGES_TAB && messages.height !== messagesViewHeight) {\n    setMessagesViewHeight(messages.height);\n  }\n\n  const { highlightSpans: rootHighlightSpans, setTraceExpanded } = root;\n  const highlightSpans = useCallback(\n    (spanIds: string[]) => rootHighlightSpans(traceId, spanIds),\n    [rootHighlightSpans, traceId],\n  );\n  const setExpanded = useCallback(\n    (expanded: boolean) => setTraceExpanded(traceId, expanded),\n    [setTraceExpanded, traceId],\n  );\n\n  const contextValue = useMemo<ThreadTraceRowContextValue>(\n    () => ({\n      traceId,\n      isActive,\n      isCurrent,\n      isExpanded,\n      isAnchor,\n      selectedSpanId,\n      featuredSpanIds,\n      revealSpanId,\n      highlightSpans,\n      setExpanded,\n      tab,\n      setTab,\n      messagesRef: messages.ref,\n      timelineRef: timeline.ref,\n      detailsHeaderRef: detailsHeader.ref,\n      messagesHeight: messagesViewHeight,\n      timelineHeight: timeline.height,\n      detailsHeaderHeight: detailsHeader.height,\n    }),\n    [\n      traceId,\n      isActive,\n      isCurrent,\n      isExpanded,\n      isAnchor,\n      selectedSpanId,\n      featuredSpanIds,\n      revealSpanId,\n      highlightSpans,\n      setExpanded,\n      tab,\n      messages.ref,\n      timeline.ref,\n      detailsHeader.ref,\n      messagesViewHeight,\n      timeline.height,\n      detailsHeader.height,\n    ],\n  );\n\n  return (\n    <ThreadTraceRowContext.Provider value={contextValue}>\n      <div\n        data-slot=\"thread-trace-row\"\n        className={cn(\n          // Same fixed messages width as the trace panel; the details column takes the rest.\n          'group grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] border-b border-border transition-opacity hover:opacity-100',\n          isActive || isCurrent ? 'opacity-100' : 'opacity-50',\n          className,\n        )}\n        data-trace-id={traceId}\n        data-active={isActive || undefined}\n        ref={isAnchor ? scrollIntoViewOnMount : undefined}\n        {...props}\n      >\n        {children}\n      </div>\n    </ThreadTraceRowContext.Provider>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"thread-trace-row.es.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-row.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { useThreadTrace } from './thread-trace-context';\nimport { ThreadTraceRowContext } from './thread-trace-row-context';\nimport type { ThreadTraceRowContextValue } from './thread-trace-row-context';\nimport { MessageScrollerItem } from '@/ds/components/MessageScroller';\nimport { useMeasuredAutoHeight } from '@/hooks/use-measured-auto-height';\nimport { cn } from '@/lib/utils';\n\nexport const THREAD_TRACE_MESSAGES_TAB = 'messages';\n\nexport interface ThreadTraceRowProps extends ComponentProps<'div'> {\n  traceId: string;\n}\n\n/**\n * One agent turn: the messages column on the left and the details column on the right. The whole\n * row is dimmed unless it is the first one in view, hovered, or its span is open in the side panel,\n * so the reader keeps track of which turn they are on without hovering.\n */\nexport function ThreadTraceRow({ traceId, className, children, ...props }: ThreadTraceRowProps) {\n  const root = useThreadTrace();\n\n  const selectedSpanId = root.selected?.traceId === traceId ? root.selected.spanId : undefined;\n  const featuredSpanIds = root.highlight?.traceId === traceId ? root.highlight.spanIds : undefined;\n  const revealSpanId = featuredSpanIds?.at(-1);\n  const isActive = selectedSpanId !== undefined;\n  const isCurrent = root.currentTraceId === traceId;\n  const isExpanded = root.expandedTraceIds.has(traceId);\n\n  // A long trace is clamped to the real height of its messages column (not a nominal row height),\n  // so the timeline never dwarfs the turn it belongs to. The refs live here because the messages\n  // and the timeline are sibling parts.\n  const messages = useMeasuredAutoHeight<HTMLDivElement>();\n  const timeline = useMeasuredAutoHeight<HTMLDivElement>();\n  const detailsHeader = useMeasuredAutoHeight<HTMLDivElement>();\n\n  // Which view the messages column shows (Messages / Feedback / Scores), one per row.\n  const [tab, setTab] = useState<string>(THREAD_TRACE_MESSAGES_TAB);\n  // The clamp budget is the height of the *Messages* view: a short Feedback or Scores view\n  // must not squash the span tree next to it, so the last Messages height is kept while\n  // another view is showing.\n  const [messagesViewHeight, setMessagesViewHeight] = useState<number | null>(null);\n  if (tab === THREAD_TRACE_MESSAGES_TAB && messages.height !== messagesViewHeight) {\n    setMessagesViewHeight(messages.height);\n  }\n\n  const { highlightSpans: rootHighlightSpans, setTraceExpanded } = root;\n  const highlightSpans = useCallback(\n    (spanIds: string[]) => rootHighlightSpans(traceId, spanIds),\n    [rootHighlightSpans, traceId],\n  );\n  const setExpanded = useCallback(\n    (expanded: boolean) => setTraceExpanded(traceId, expanded),\n    [setTraceExpanded, traceId],\n  );\n\n  const contextValue = useMemo<ThreadTraceRowContextValue>(\n    () => ({\n      traceId,\n      isActive,\n      isCurrent,\n      isExpanded,\n      selectedSpanId,\n      featuredSpanIds,\n      revealSpanId,\n      highlightSpans,\n      setExpanded,\n      tab,\n      setTab,\n      messagesRef: messages.ref,\n      timelineRef: timeline.ref,\n      detailsHeaderRef: detailsHeader.ref,\n      messagesHeight: messagesViewHeight,\n      timelineHeight: timeline.height,\n      detailsHeaderHeight: detailsHeader.height,\n    }),\n    [\n      traceId,\n      isActive,\n      isCurrent,\n      isExpanded,\n      selectedSpanId,\n      featuredSpanIds,\n      revealSpanId,\n      highlightSpans,\n      setExpanded,\n      tab,\n      messages.ref,\n      timeline.ref,\n      detailsHeader.ref,\n      messagesViewHeight,\n      timeline.height,\n      detailsHeader.height,\n    ],\n  );\n\n  return (\n    <ThreadTraceRowContext.Provider value={contextValue}>\n      {/* Registers the row with the scroller so prepends of older turns keep the reading position.\n          Rows measure their own columns, so they stay rendered off screen. */}\n      <MessageScrollerItem messageId={traceId} className=\"[content-visibility:visible]\">\n        <div\n          data-slot=\"thread-trace-row\"\n          className={cn(\n            // Same fixed messages width as the trace panel; the details column takes the rest.\n            'group grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] border-b border-border transition-opacity hover:opacity-100',\n            isActive || isCurrent ? 'opacity-100' : 'opacity-50',\n            className,\n          )}\n          data-trace-id={traceId}\n          data-active={isActive || undefined}\n          {...props}\n        >\n          {children}\n        </div>\n      </MessageScrollerItem>\n    </ThreadTraceRowContext.Provider>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const domains_traces_components_threadTrace_threadTraceDetails = require('./thread-trace/thread-trace-details.cjs.js');
 const domains_traces_components_threadTrace_threadTraceList = require('./thread-trace/thread-trace-list.cjs.js');
-const domains_traces_components_threadTrace_threadTraceLoadMoreSentinel = require('./thread-trace/thread-trace-load-more-sentinel.cjs.js');
 const domains_traces_components_threadTrace_threadTraceMessages = require('./thread-trace/thread-trace-messages.cjs.js');
 const domains_traces_components_threadTrace_threadTraceRoot = require('./thread-trace/thread-trace-root.cjs.js');
 const domains_traces_components_threadTrace_threadTraceRow = require('./thread-trace/thread-trace-row.cjs.js');
@@ -15,7 +14,6 @@ const domains_traces_components_threadTrace_threadTraceRowContext = require('./t
 
 const ThreadTrace = Object.assign(domains_traces_components_threadTrace_threadTraceRoot.ThreadTraceRoot, {
   List: domains_traces_components_threadTrace_threadTraceList.ThreadTraceList,
-  LoadMoreSentinel: domains_traces_components_threadTrace_threadTraceLoadMoreSentinel.ThreadTraceLoadMoreSentinel,
   Row: domains_traces_components_threadTrace_threadTraceRow.ThreadTraceRow,
   Messages: domains_traces_components_threadTrace_threadTraceMessages.ThreadTraceMessages,
   MessagesHeader: domains_traces_components_threadTrace_threadTraceMessages.ThreadTraceMessagesHeader,

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

@@ -1 +1 @@
-{"version":3,"file":"thread-trace.cjs.js","sources":["../../../../src/domains/traces/components/thread-trace/index.ts"],"sourcesContent":["import { ThreadTraceDetails, ThreadTraceDetailsActions, ThreadTraceDetailsHeader } from './thread-trace-details';\nimport { ThreadTraceList } from './thread-trace-list';\nimport { ThreadTraceLoadMoreSentinel } from './thread-trace-load-more-sentinel';\nimport {\n  ThreadTraceMessages,\n  ThreadTraceMessagesHeader,\n  ThreadTraceTab,\n  ThreadTraceTabContent,\n  ThreadTraceTabList,\n} from './thread-trace-messages';\nimport { ThreadTraceRoot } from './thread-trace-root';\nimport { ThreadTraceRow } from './thread-trace-row';\nimport { ThreadTraceSpanPanel } from './thread-trace-span-panel';\nimport { ThreadTraceSpans } from './thread-trace-spans';\n\n/**\n * A memory thread rendered as its traces: one row per agent turn (oldest first), with the\n * messages on the left and the span tree on the right. Clicking a span opens its detail panel on\n * the side so the conversation stays readable. Every part takes `className` and spreads the rest\n * of its props, so the layout can be restyled from the call site.\n *\n * @example\n * <ThreadTrace traceIds={ids} anchorTraceId={anchor}>\n *   <ThreadTrace.List>\n *     <ThreadTrace.LoadMoreSentinel ref={setEndOfListElement} />\n *     {ids.map((traceId, i) => (\n *       <ThreadTrace.Row key={traceId} traceId={traceId}>\n *         <ThreadTrace.Messages>\n *           <ThreadTrace.MessagesHeader>\n *             <ThreadTrace.TabList>\n *               <ThreadTrace.Tab value=\"messages\">Messages</ThreadTrace.Tab>\n *             </ThreadTrace.TabList>\n *           </ThreadTrace.MessagesHeader>\n *           <ThreadTrace.TabContent value=\"messages\">…</ThreadTrace.TabContent>\n *         </ThreadTrace.Messages>\n *         <ThreadTrace.Details>\n *           <ThreadTrace.DetailsHeader>\n *             <ThreadTrace.DetailsActions>…</ThreadTrace.DetailsActions>\n *           </ThreadTrace.DetailsHeader>\n *           <ThreadTrace.Spans />\n *         </ThreadTrace.Details>\n *       </ThreadTrace.Row>\n *     ))}\n *   </ThreadTrace.List>\n *   <ThreadTrace.SpanPanel />\n * </ThreadTrace>\n */\nexport const ThreadTrace = Object.assign(ThreadTraceRoot, {\n  List: ThreadTraceList,\n  LoadMoreSentinel: ThreadTraceLoadMoreSentinel,\n  Row: ThreadTraceRow,\n  Messages: ThreadTraceMessages,\n  MessagesHeader: ThreadTraceMessagesHeader,\n  TabList: ThreadTraceTabList,\n  Tab: ThreadTraceTab,\n  TabContent: ThreadTraceTabContent,\n  Details: ThreadTraceDetails,\n  DetailsHeader: ThreadTraceDetailsHeader,\n  DetailsActions: ThreadTraceDetailsActions,\n  Spans: ThreadTraceSpans,\n  SpanPanel: ThreadTraceSpanPanel,\n});\n\nexport { useThreadTrace } from './thread-trace-context';\nexport type { ThreadTraceContextValue, ThreadTraceHighlight, ThreadTraceSelectedSpan } from './thread-trace-context';\nexport { useThreadTraceRow } from './thread-trace-row-context';\nexport type { ThreadTraceRowContextValue } from './thread-trace-row-context';\nexport { THREAD_TRACE_MESSAGES_TAB } from './thread-trace-row';\nexport type { ThreadTraceRootProps } from './thread-trace-root';\nexport type { ThreadTraceListProps } from './thread-trace-list';\nexport type { ThreadTraceLoadMoreSentinelProps } from './thread-trace-load-more-sentinel';\nexport type { ThreadTraceRowProps } from './thread-trace-row';\nexport type {\n  ThreadTraceMessagesProps,\n  ThreadTraceMessagesHeaderProps,\n  ThreadTraceTabListProps,\n  ThreadTraceTabProps,\n  ThreadTraceTabContentProps,\n} from './thread-trace-messages';\nexport type {\n  ThreadTraceDetailsProps,\n  ThreadTraceDetailsHeaderProps,\n  ThreadTraceDetailsActionsProps,\n} from './thread-trace-details';\nexport type { ThreadTraceSpansProps } from './thread-trace-spans';\nexport type { ThreadTraceSpanPanelProps } from './thread-trace-span-panel';\n"],"names":["ThreadTraceRoot","ThreadTraceList","ThreadTraceLoadMoreSentinel","ThreadTraceRow","ThreadTraceMessages","ThreadTraceMessagesHeader","ThreadTraceTabList","ThreadTraceTab","ThreadTraceTabContent","ThreadTraceDetails","ThreadTraceDetailsHeader","ThreadTraceDetailsActions","ThreadTraceSpans","ThreadTraceSpanPanel"],"mappings":";;;;;;;;;;;;;;;AA+CO,MAAM,WAAA,GAAc,MAAA,CAAO,MAAA,CAAOA,qEAAA,EAAiB;AAAA,EACxD,IAAA,EAAMC,qEAAA;AAAA,EACN,gBAAA,EAAkBC,6FAAA;AAAA,EAClB,GAAA,EAAKC,mEAAA;AAAA,EACL,QAAA,EAAUC,6EAAA;AAAA,EACV,cAAA,EAAgBC,mFAAA;AAAA,EAChB,OAAA,EAASC,4EAAA;AAAA,EACT,GAAA,EAAKC,wEAAA;AAAA,EACL,UAAA,EAAYC,+EAAA;AAAA,EACZ,OAAA,EAASC,2EAAA;AAAA,EACT,aAAA,EAAeC,iFAAA;AAAA,EACf,cAAA,EAAgBC,kFAAA;AAAA,EAChB,KAAA,EAAOC,uEAAA;AAAA,EACP,SAAA,EAAWC;AACb,CAAC;;;;;;;"}
+{"version":3,"file":"thread-trace.cjs.js","sources":["../../../../src/domains/traces/components/thread-trace/index.ts"],"sourcesContent":["import { ThreadTraceDetails, ThreadTraceDetailsActions, ThreadTraceDetailsHeader } from './thread-trace-details';\nimport { ThreadTraceList } from './thread-trace-list';\nimport {\n  ThreadTraceMessages,\n  ThreadTraceMessagesHeader,\n  ThreadTraceTab,\n  ThreadTraceTabContent,\n  ThreadTraceTabList,\n} from './thread-trace-messages';\nimport { ThreadTraceRoot } from './thread-trace-root';\nimport { ThreadTraceRow } from './thread-trace-row';\nimport { ThreadTraceSpanPanel } from './thread-trace-span-panel';\nimport { ThreadTraceSpans } from './thread-trace-spans';\n\n/**\n * A memory thread rendered as its traces: one row per agent turn (oldest first), with the\n * messages on the left and the span tree on the right. Clicking a span opens its detail panel on\n * the side so the conversation stays readable. Every part takes `className` and spreads the rest\n * of its props, so the layout can be restyled from the call site.\n *\n * @example\n * <ThreadTrace traceIds={ids} onLoadOlder={fetchOlderPage}>\n *   <ThreadTrace.List>\n *     {ids.map((traceId, i) => (\n *       <ThreadTrace.Row key={traceId} traceId={traceId}>\n *         <ThreadTrace.Messages>\n *           <ThreadTrace.MessagesHeader>\n *             <ThreadTrace.TabList>\n *               <ThreadTrace.Tab value=\"messages\">Messages</ThreadTrace.Tab>\n *             </ThreadTrace.TabList>\n *           </ThreadTrace.MessagesHeader>\n *           <ThreadTrace.TabContent value=\"messages\">…</ThreadTrace.TabContent>\n *         </ThreadTrace.Messages>\n *         <ThreadTrace.Details>\n *           <ThreadTrace.DetailsHeader>\n *             <ThreadTrace.DetailsActions>…</ThreadTrace.DetailsActions>\n *           </ThreadTrace.DetailsHeader>\n *           <ThreadTrace.Spans />\n *         </ThreadTrace.Details>\n *       </ThreadTrace.Row>\n *     ))}\n *   </ThreadTrace.List>\n *   <ThreadTrace.SpanPanel />\n * </ThreadTrace>\n */\nexport const ThreadTrace = Object.assign(ThreadTraceRoot, {\n  List: ThreadTraceList,\n  Row: ThreadTraceRow,\n  Messages: ThreadTraceMessages,\n  MessagesHeader: ThreadTraceMessagesHeader,\n  TabList: ThreadTraceTabList,\n  Tab: ThreadTraceTab,\n  TabContent: ThreadTraceTabContent,\n  Details: ThreadTraceDetails,\n  DetailsHeader: ThreadTraceDetailsHeader,\n  DetailsActions: ThreadTraceDetailsActions,\n  Spans: ThreadTraceSpans,\n  SpanPanel: ThreadTraceSpanPanel,\n});\n\nexport { useThreadTrace } from './thread-trace-context';\nexport type { ThreadTraceContextValue, ThreadTraceHighlight, ThreadTraceSelectedSpan } from './thread-trace-context';\nexport { useThreadTraceRow } from './thread-trace-row-context';\nexport type { ThreadTraceRowContextValue } from './thread-trace-row-context';\nexport { THREAD_TRACE_MESSAGES_TAB } from './thread-trace-row';\nexport type { ThreadTraceRootProps } from './thread-trace-root';\nexport type { ThreadTraceListProps } from './thread-trace-list';\nexport type { ThreadTraceRowProps } from './thread-trace-row';\nexport type {\n  ThreadTraceMessagesProps,\n  ThreadTraceMessagesHeaderProps,\n  ThreadTraceTabListProps,\n  ThreadTraceTabProps,\n  ThreadTraceTabContentProps,\n} from './thread-trace-messages';\nexport type {\n  ThreadTraceDetailsProps,\n  ThreadTraceDetailsHeaderProps,\n  ThreadTraceDetailsActionsProps,\n} from './thread-trace-details';\nexport type { ThreadTraceSpansProps } from './thread-trace-spans';\nexport type { ThreadTraceSpanPanelProps } from './thread-trace-span-panel';\n"],"names":["ThreadTraceRoot","ThreadTraceList","ThreadTraceRow","ThreadTraceMessages","ThreadTraceMessagesHeader","ThreadTraceTabList","ThreadTraceTab","ThreadTraceTabContent","ThreadTraceDetails","ThreadTraceDetailsHeader","ThreadTraceDetailsActions","ThreadTraceSpans","ThreadTraceSpanPanel"],"mappings":";;;;;;;;;;;;;;AA6CO,MAAM,WAAA,GAAc,MAAA,CAAO,MAAA,CAAOA,qEAAA,EAAiB;AAAA,EACxD,IAAA,EAAMC,qEAAA;AAAA,EACN,GAAA,EAAKC,mEAAA;AAAA,EACL,QAAA,EAAUC,6EAAA;AAAA,EACV,cAAA,EAAgBC,mFAAA;AAAA,EAChB,OAAA,EAASC,4EAAA;AAAA,EACT,GAAA,EAAKC,wEAAA;AAAA,EACL,UAAA,EAAYC,+EAAA;AAAA,EACZ,OAAA,EAASC,2EAAA;AAAA,EACT,aAAA,EAAeC,iFAAA;AAAA,EACf,cAAA,EAAgBC,kFAAA;AAAA,EAChB,KAAA,EAAOC,uEAAA;AAAA,EACP,SAAA,EAAWC;AACb,CAAC;;;;;;;"}

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

@@ -1,6 +1,5 @@
 import { ThreadTraceDetailsActions, ThreadTraceDetailsHeader, ThreadTraceDetails } from './thread-trace/thread-trace-details.es.js';
 import { ThreadTraceList } from './thread-trace/thread-trace-list.es.js';
-import { ThreadTraceLoadMoreSentinel } from './thread-trace/thread-trace-load-more-sentinel.es.js';
 import { ThreadTraceTabContent, ThreadTraceTab, ThreadTraceTabList, ThreadTraceMessagesHeader, ThreadTraceMessages } from './thread-trace/thread-trace-messages.es.js';
 import { ThreadTraceRoot } from './thread-trace/thread-trace-root.es.js';
 import { ThreadTraceRow } from './thread-trace/thread-trace-row.es.js';
@@ -12,7 +11,6 @@ export { useThreadTraceRow } from './thread-trace/thread-trace-row-context.es.js
 
 const ThreadTrace = Object.assign(ThreadTraceRoot, {
   List: ThreadTraceList,
-  LoadMoreSentinel: ThreadTraceLoadMoreSentinel,
   Row: ThreadTraceRow,
   Messages: ThreadTraceMessages,
   MessagesHeader: ThreadTraceMessagesHeader,

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

@@ -1 +1 @@
-{"version":3,"file":"thread-trace.es.js","sources":["../../../../src/domains/traces/components/thread-trace/index.ts"],"sourcesContent":["import { ThreadTraceDetails, ThreadTraceDetailsActions, ThreadTraceDetailsHeader } from './thread-trace-details';\nimport { ThreadTraceList } from './thread-trace-list';\nimport { ThreadTraceLoadMoreSentinel } from './thread-trace-load-more-sentinel';\nimport {\n  ThreadTraceMessages,\n  ThreadTraceMessagesHeader,\n  ThreadTraceTab,\n  ThreadTraceTabContent,\n  ThreadTraceTabList,\n} from './thread-trace-messages';\nimport { ThreadTraceRoot } from './thread-trace-root';\nimport { ThreadTraceRow } from './thread-trace-row';\nimport { ThreadTraceSpanPanel } from './thread-trace-span-panel';\nimport { ThreadTraceSpans } from './thread-trace-spans';\n\n/**\n * A memory thread rendered as its traces: one row per agent turn (oldest first), with the\n * messages on the left and the span tree on the right. Clicking a span opens its detail panel on\n * the side so the conversation stays readable. Every part takes `className` and spreads the rest\n * of its props, so the layout can be restyled from the call site.\n *\n * @example\n * <ThreadTrace traceIds={ids} anchorTraceId={anchor}>\n *   <ThreadTrace.List>\n *     <ThreadTrace.LoadMoreSentinel ref={setEndOfListElement} />\n *     {ids.map((traceId, i) => (\n *       <ThreadTrace.Row key={traceId} traceId={traceId}>\n *         <ThreadTrace.Messages>\n *           <ThreadTrace.MessagesHeader>\n *             <ThreadTrace.TabList>\n *               <ThreadTrace.Tab value=\"messages\">Messages</ThreadTrace.Tab>\n *             </ThreadTrace.TabList>\n *           </ThreadTrace.MessagesHeader>\n *           <ThreadTrace.TabContent value=\"messages\">…</ThreadTrace.TabContent>\n *         </ThreadTrace.Messages>\n *         <ThreadTrace.Details>\n *           <ThreadTrace.DetailsHeader>\n *             <ThreadTrace.DetailsActions>…</ThreadTrace.DetailsActions>\n *           </ThreadTrace.DetailsHeader>\n *           <ThreadTrace.Spans />\n *         </ThreadTrace.Details>\n *       </ThreadTrace.Row>\n *     ))}\n *   </ThreadTrace.List>\n *   <ThreadTrace.SpanPanel />\n * </ThreadTrace>\n */\nexport const ThreadTrace = Object.assign(ThreadTraceRoot, {\n  List: ThreadTraceList,\n  LoadMoreSentinel: ThreadTraceLoadMoreSentinel,\n  Row: ThreadTraceRow,\n  Messages: ThreadTraceMessages,\n  MessagesHeader: ThreadTraceMessagesHeader,\n  TabList: ThreadTraceTabList,\n  Tab: ThreadTraceTab,\n  TabContent: ThreadTraceTabContent,\n  Details: ThreadTraceDetails,\n  DetailsHeader: ThreadTraceDetailsHeader,\n  DetailsActions: ThreadTraceDetailsActions,\n  Spans: ThreadTraceSpans,\n  SpanPanel: ThreadTraceSpanPanel,\n});\n\nexport { useThreadTrace } from './thread-trace-context';\nexport type { ThreadTraceContextValue, ThreadTraceHighlight, ThreadTraceSelectedSpan } from './thread-trace-context';\nexport { useThreadTraceRow } from './thread-trace-row-context';\nexport type { ThreadTraceRowContextValue } from './thread-trace-row-context';\nexport { THREAD_TRACE_MESSAGES_TAB } from './thread-trace-row';\nexport type { ThreadTraceRootProps } from './thread-trace-root';\nexport type { ThreadTraceListProps } from './thread-trace-list';\nexport type { ThreadTraceLoadMoreSentinelProps } from './thread-trace-load-more-sentinel';\nexport type { ThreadTraceRowProps } from './thread-trace-row';\nexport type {\n  ThreadTraceMessagesProps,\n  ThreadTraceMessagesHeaderProps,\n  ThreadTraceTabListProps,\n  ThreadTraceTabProps,\n  ThreadTraceTabContentProps,\n} from './thread-trace-messages';\nexport type {\n  ThreadTraceDetailsProps,\n  ThreadTraceDetailsHeaderProps,\n  ThreadTraceDetailsActionsProps,\n} from './thread-trace-details';\nexport type { ThreadTraceSpansProps } from './thread-trace-spans';\nexport type { ThreadTraceSpanPanelProps } from './thread-trace-span-panel';\n"],"names":[],"mappings":";;;;;;;;;;;;AA+CO,MAAM,WAAA,GAAc,MAAA,CAAO,MAAA,CAAO,eAAA,EAAiB;AAAA,EACxD,IAAA,EAAM,eAAA;AAAA,EACN,gBAAA,EAAkB,2BAAA;AAAA,EAClB,GAAA,EAAK,cAAA;AAAA,EACL,QAAA,EAAU,mBAAA;AAAA,EACV,cAAA,EAAgB,yBAAA;AAAA,EAChB,OAAA,EAAS,kBAAA;AAAA,EACT,GAAA,EAAK,cAAA;AAAA,EACL,UAAA,EAAY,qBAAA;AAAA,EACZ,OAAA,EAAS,kBAAA;AAAA,EACT,aAAA,EAAe,wBAAA;AAAA,EACf,cAAA,EAAgB,yBAAA;AAAA,EAChB,KAAA,EAAO,gBAAA;AAAA,EACP,SAAA,EAAW;AACb,CAAC;;;;"}
+{"version":3,"file":"thread-trace.es.js","sources":["../../../../src/domains/traces/components/thread-trace/index.ts"],"sourcesContent":["import { ThreadTraceDetails, ThreadTraceDetailsActions, ThreadTraceDetailsHeader } from './thread-trace-details';\nimport { ThreadTraceList } from './thread-trace-list';\nimport {\n  ThreadTraceMessages,\n  ThreadTraceMessagesHeader,\n  ThreadTraceTab,\n  ThreadTraceTabContent,\n  ThreadTraceTabList,\n} from './thread-trace-messages';\nimport { ThreadTraceRoot } from './thread-trace-root';\nimport { ThreadTraceRow } from './thread-trace-row';\nimport { ThreadTraceSpanPanel } from './thread-trace-span-panel';\nimport { ThreadTraceSpans } from './thread-trace-spans';\n\n/**\n * A memory thread rendered as its traces: one row per agent turn (oldest first), with the\n * messages on the left and the span tree on the right. Clicking a span opens its detail panel on\n * the side so the conversation stays readable. Every part takes `className` and spreads the rest\n * of its props, so the layout can be restyled from the call site.\n *\n * @example\n * <ThreadTrace traceIds={ids} onLoadOlder={fetchOlderPage}>\n *   <ThreadTrace.List>\n *     {ids.map((traceId, i) => (\n *       <ThreadTrace.Row key={traceId} traceId={traceId}>\n *         <ThreadTrace.Messages>\n *           <ThreadTrace.MessagesHeader>\n *             <ThreadTrace.TabList>\n *               <ThreadTrace.Tab value=\"messages\">Messages</ThreadTrace.Tab>\n *             </ThreadTrace.TabList>\n *           </ThreadTrace.MessagesHeader>\n *           <ThreadTrace.TabContent value=\"messages\">…</ThreadTrace.TabContent>\n *         </ThreadTrace.Messages>\n *         <ThreadTrace.Details>\n *           <ThreadTrace.DetailsHeader>\n *             <ThreadTrace.DetailsActions>…</ThreadTrace.DetailsActions>\n *           </ThreadTrace.DetailsHeader>\n *           <ThreadTrace.Spans />\n *         </ThreadTrace.Details>\n *       </ThreadTrace.Row>\n *     ))}\n *   </ThreadTrace.List>\n *   <ThreadTrace.SpanPanel />\n * </ThreadTrace>\n */\nexport const ThreadTrace = Object.assign(ThreadTraceRoot, {\n  List: ThreadTraceList,\n  Row: ThreadTraceRow,\n  Messages: ThreadTraceMessages,\n  MessagesHeader: ThreadTraceMessagesHeader,\n  TabList: ThreadTraceTabList,\n  Tab: ThreadTraceTab,\n  TabContent: ThreadTraceTabContent,\n  Details: ThreadTraceDetails,\n  DetailsHeader: ThreadTraceDetailsHeader,\n  DetailsActions: ThreadTraceDetailsActions,\n  Spans: ThreadTraceSpans,\n  SpanPanel: ThreadTraceSpanPanel,\n});\n\nexport { useThreadTrace } from './thread-trace-context';\nexport type { ThreadTraceContextValue, ThreadTraceHighlight, ThreadTraceSelectedSpan } from './thread-trace-context';\nexport { useThreadTraceRow } from './thread-trace-row-context';\nexport type { ThreadTraceRowContextValue } from './thread-trace-row-context';\nexport { THREAD_TRACE_MESSAGES_TAB } from './thread-trace-row';\nexport type { ThreadTraceRootProps } from './thread-trace-root';\nexport type { ThreadTraceListProps } from './thread-trace-list';\nexport type { ThreadTraceRowProps } from './thread-trace-row';\nexport type {\n  ThreadTraceMessagesProps,\n  ThreadTraceMessagesHeaderProps,\n  ThreadTraceTabListProps,\n  ThreadTraceTabProps,\n  ThreadTraceTabContentProps,\n} from './thread-trace-messages';\nexport type {\n  ThreadTraceDetailsProps,\n  ThreadTraceDetailsHeaderProps,\n  ThreadTraceDetailsActionsProps,\n} from './thread-trace-details';\nexport type { ThreadTraceSpansProps } from './thread-trace-spans';\nexport type { ThreadTraceSpanPanelProps } from './thread-trace-span-panel';\n"],"names":[],"mappings":";;;;;;;;;;;AA6CO,MAAM,WAAA,GAAc,MAAA,CAAO,MAAA,CAAO,eAAA,EAAiB;AAAA,EACxD,IAAA,EAAM,eAAA;AAAA,EACN,GAAA,EAAK,cAAA;AAAA,EACL,QAAA,EAAU,mBAAA;AAAA,EACV,cAAA,EAAgB,yBAAA;AAAA,EAChB,OAAA,EAAS,kBAAA;AAAA,EACT,GAAA,EAAK,cAAA;AAAA,EACL,UAAA,EAAY,qBAAA;AAAA,EACZ,OAAA,EAAS,kBAAA;AAAA,EACT,aAAA,EAAe,wBAAA;AAAA,EACf,cAAA,EAAgB,yBAAA;AAAA,EAChB,KAAA,EAAO,gBAAA;AAAA,EACP,SAAA,EAAW;AACb,CAAC;;;;"}

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

@@ -11,14 +11,13 @@ require('@base-ui/react/combobox');
 const domains_scores_components_traceScoresTab = require('../../scores/components/trace-scores-tab.cjs.js');
 require('@mastra/core/utils/safe-stringify');
 const Button = require('../../../Button-CXhSUBxN.cjs');
+require('../../../field-control-aria-WzMGs0A4.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');
 const domains_traces_components_threadViewSkeleton = require('./thread-view-skeleton.cjs.js');
 const domains_traces_components_traceFeedbackTab = require('./trace-feedback-tab.cjs.js');
 const domains_traces_components_traceThreadItemView = require('./trace-thread-item-view.cjs.js');
 const domains_traces_components_tracesErrorContent = require('./traces-error-content.cjs.js');
-const domains_traces_hooks_useTraceFeedback = require('../hooks/use-trace-feedback.cjs.js');
 const domains_traces_hooks_useTraceSpans = require('../hooks/use-trace-spans.cjs.js');
 const domains_traces_hooks_useTracesListSource = require('../hooks/use-traces-list-source.cjs.js');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
@@ -26,33 +25,31 @@ 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;
+const THREAD_WINDOW_MS = 31 * 24 * 60 * 60 * 1e3;
 function ThreadViewByTrace({
   threadId,
   withQueryTrace,
   withFeedback,
   onSelectedSpanChange,
-  anchorTraceId,
-  onOpenScore
+  onOpenScore,
+  pageSize = 10
 }) {
-  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({
+  const legacyFilters = React.useMemo(() => ({ threadId }), [threadId]);
+  const { rows, isLoading, error, hasNextPage, isFetchingNextPage, fetchNextPage } = domains_traces_hooks_useTracesListSource.useTracesListSource({
     initialAutoRefetch: false,
     withQueryTrace,
     legacyFilters,
+    limit: pageSize,
     query: (now) => ({
       timeRange: {
         from: new Date(now.getTime() - THREAD_WINDOW_MS).toISOString(),
         to: now.toISOString()
       },
       where: { op: "eq", left: { path: "threadId" }, right: { literal: threadId } },
-      orderBy: [{ field: "startedAt", direction: "asc" }]
+      orderBy: [{ field: "startedAt", direction: "desc" }]
     })
   });
-  const traceIds = rows.map((trace) => trace.traceId);
+  const traceIds = rows.map((trace) => trace.traceId).reverse();
   if (error) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_tracesErrorContent.TracesErrorContent, { error, resource: "traces", errorTitle: "Failed to load traces" }) });
   }
@@ -60,38 +57,22 @@ function ThreadViewByTrace({
   if (traceIds.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "body", tone: "muted", children: "No traces found for this thread." }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    LoadedThreadViewByTrace,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    domains_traces_components_threadTrace.ThreadTrace,
     {
       traceIds,
-      setEndOfListElement,
-      withFeedback,
       onSelectedSpanChange,
-      anchorTraceId,
-      onOpenScore
+      onLoadOlder: () => {
+        if (hasNextPage && !isFetchingNextPage) fetchNextPage();
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_threadTrace.ThreadTrace.List, { "data-testid": "thread-view-by-trace", children: traceIds.map((traceId) => /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_threadTrace.ThreadTrace.Row, { traceId, children: /* @__PURE__ */ jsxRuntime.jsx(ThreadTraceRowContent, { withFeedback, onOpenScore }) }, traceId)) }),
+        /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_threadTrace.ThreadTrace.SpanPanel, {})
+      ]
     },
     threadId
   );
 }
-function LoadedThreadViewByTrace({
-  traceIds,
-  setEndOfListElement,
-  withFeedback,
-  onSelectedSpanChange,
-  anchorTraceId: requestedAnchorTraceId,
-  onOpenScore
-}) {
-  const [anchorTraceId] = React.useState(
-    () => requestedAnchorTraceId && traceIds.includes(requestedAnchorTraceId) ? requestedAnchorTraceId : null
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(domains_traces_components_threadTrace.ThreadTrace, { traceIds, anchorTraceId, onSelectedSpanChange, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(domains_traces_components_threadTrace.ThreadTrace.List, { "data-testid": "thread-view-by-trace", children: [
-      traceIds.map((traceId) => /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_threadTrace.ThreadTrace.Row, { traceId, children: /* @__PURE__ */ jsxRuntime.jsx(ThreadTraceRowContent, { withFeedback, onOpenScore }) }, traceId)),
-      /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_threadTrace.ThreadTrace.LoadMoreSentinel, { ref: setEndOfListElement })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_threadTrace.ThreadTrace.SpanPanel, {})
-  ] });
-}
 function ThreadTraceRowContent({
   withFeedback,
   onOpenScore
@@ -99,12 +80,8 @@ function ThreadTraceRowContent({
   const { traceId, highlightSpans } = domains_traces_components_threadTrace_threadTraceRowContext.useThreadTraceRow();
   const { Link, paths } = lib_framework.useLinkComponent();
   const traceHref = paths.traceLink(traceId);
-  const { data: feedbackData } = domains_traces_hooks_useTraceFeedback.useTraceFeedback({ traceId, enabled: withFeedback });
   const { data: traceData } = domains_traces_hooks_useTraceSpans.useTraceSpans(traceId, { passive: true });
   const rootSpanId = traceData?.spans.find((span) => span.parentSpanId == null)?.spanId;
-  const { data: spanScoresData } = domains_scores_hooks_useTraceSpanScores.useTraceSpanScores({ traceId, spanId: rootSpanId });
-  const feedbackTotal = feedbackData?.pagination?.total;
-  const scoresTotal = spanScoresData?.pagination?.total;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(domains_traces_components_threadTrace.ThreadTrace.Messages, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_threadTrace.ThreadTrace.MessagesHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(domains_traces_components_threadTrace.ThreadTrace.TabList, { children: [
@@ -114,21 +91,11 @@ function ThreadTraceRowContent({
         ] }),
         withFeedback && /* @__PURE__ */ jsxRuntime.jsxs(domains_traces_components_threadTrace.ThreadTrace.Tab, { value: "feedback", children: [
           /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "xs", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquareReplyIcon, {}) }),
-          "Feedback",
-          feedbackTotal != null && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            " (",
-            feedbackTotal,
-            ")"
-          ] })
+          "Feedback"
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(domains_traces_components_threadTrace.ThreadTrace.Tab, { value: "scores", children: [
           /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "xs", children: /* @__PURE__ */ jsxRuntime.jsx(icons_ScorersIcon.ScorersIcon, {}) }),
-          "Scores",
-          scoresTotal != null && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            " (",
-            scoresTotal,
-            ")"
-          ] })
+          "Scores"
         ] })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_threadTrace.ThreadTrace.TabContent, { value: "messages", flush: true, children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_traceThreadItemView.TraceThreadItemView, { traceId, onHighlightSpans: highlightSpans }) }),

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 { 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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"}
+{"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 } from 'react';\nimport { 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 { 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\n// `queryTraces` requires a time range and rejects ranges over 31 days; the legacy endpoint is left unbounded.\nconst THREAD_WINDOW_MS = 31 * 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  /** Opens a score from a trace's Scores tab; the app owns routing. */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Turns loaded per page: the latest ones on open, then older ones as the reader scrolls up. */\n  pageSize?: number;\n}\n\n/**\n * A memory thread rendered as its traces, like a chat: one row per agent turn (oldest at the top),\n * opened on the latest turns, with older turns loaded as the reader scrolls up. Each row shows the\n * reconstructed messages on the left and the span tree on the right. Clicking a span opens its\n * detail panel on the side so the conversation stays readable.\n */\nexport function ThreadViewByTrace({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onSelectedSpanChange,\n  onOpenScore,\n  pageSize = 10,\n}: ThreadViewByTraceProps) {\n  const legacyFilters = useMemo<UseTracesListSourceArgs['legacyFilters']>(() => ({ threadId }), [threadId]);\n  const { rows, isLoading, error, hasNextPage, isFetchingNextPage, fetchNextPage } = useTracesListSource({\n    initialAutoRefetch: false,\n    withQueryTrace,\n    legacyFilters,\n    limit: pageSize,\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: 'desc' }],\n    }),\n  });\n  // Pages come newest first; the conversation reads oldest first.\n  const traceIds = rows.map(trace => trace.traceId).reverse();\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    <ThreadTrace\n      key={threadId}\n      traceIds={traceIds}\n      onSelectedSpanChange={onSelectedSpanChange}\n      onLoadOlder={() => {\n        if (hasNextPage && !isFetchingNextPage) fetchNextPage();\n      }}\n    >\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.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  // 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\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\n              </ThreadTrace.Tab>\n            )}\n            <ThreadTrace.Tab value=\"scores\">\n              <Icon size=\"xs\">\n                <ScorersIcon />\n              </Icon>\n              Scores\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","jsxs","ThreadTrace","useThreadTraceRow","useLinkComponent","useTraceSpans","Fragment","Icon","MessageSquareTextIcon","MessageSquareReplyIcon","ScorersIcon","TraceThreadItemView","TraceFeedbackTab","TraceScoresTab","Button","ExternalLinkIcon"],"mappings":"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"}