@mastra/playground-ui 66.1.0-alpha.2 → 67.0.0

package/dist/domains/traces/components/traces-explorer/traces-explorer-list-provider.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-list-provider.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list-provider.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceColumn } from '../../trace-list-columns';\nimport { buildTracesLegacyFilters, buildTracesQueryRequest, DEFAULT_TRACES_SORT } from './traces-explorer-actions';\nimport type { TracesSort } from './traces-explorer-actions';\nimport {\n  TracesListContext,\n  TracesListFetchingContext,\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n} from './traces-explorer-context';\nimport type { TracesListContextValue } from './traces-explorer-context';\n\ntype TracesListProviderProps = {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n  children: ReactNode;\n};\n\n/**\n * Owns the list query and its poll clock. Its own memoized component so a poll tick re-renders\n * only list consumers, and a selection change doesn't re-run the list query hooks.\n */\nexport const TracesListProvider = memo(function TracesListProvider({\n  sort: hostSort,\n  onSortChange,\n  children,\n}: TracesListProviderProps) {\n  const { withQueryTrace, withRootDuration, withTimeToFirstChunkSort, withDeltaPolling, isCapabilitiesLoading } =\n    useTracesConfig();\n  const { filters, dateFrom, dateTo } = useTracesFilters();\n  const { displayedPreferences } = useTraceUsageColumns();\n  // A TTFC sort the store can't run, or on a column that isn't shown, lists newest first instead.\n  // The host keeps its raw value, like filters the server can't query.\n  const sortable =\n    hostSort.field !== 'timeToFirstChunkMs' ||\n    (withTimeToFirstChunkSort && hasTraceColumn(displayedPreferences, 'timeToFirstChunk'));\n  const sort = sortable ? hostSort : DEFAULT_TRACES_SORT;\n  const list = useTracesListSource({\n    rolling: !dateTo,\n    query: now => buildTracesQueryRequest({ filters, dateFrom, dateTo, withRootDuration, now }),\n    orderBy: [sort],\n    withQueryTrace,\n    withDeltaPolling,\n    enabled: !isCapabilitiesLoading,\n    legacyFilters: buildTracesLegacyFilters({ filters, dateFrom, dateTo }),\n  });\n\n  const {\n    rows,\n    isLoading,\n    isFetchingNextPage,\n    hasNextPage,\n    setEndOfListElement,\n    error,\n    refetch,\n    isFetching,\n    autoRefetch,\n  } = list;\n  const value = useMemo<TracesListContextValue>(\n    () => ({\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      sort,\n      onSortChange,\n    }),\n    [\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      sort,\n      onSortChange,\n    ],\n  );\n\n  return (\n    <TracesListContext.Provider value={value}>\n      <TracesListFetchingContext.Provider value={isFetching}>{children}</TracesListFetchingContext.Provider>\n    </TracesListContext.Provider>\n  );\n});\n"],"mappings":";;;;;;;;;;;AAyBA,IAAa,qBAAqB,KAAK,SAAS,mBAAmB,EACjE,MAAM,UACN,cACA,YAC0B;CAC1B,MAAM,EAAE,gBAAgB,kBAAkB,0BAA0B,kBAAkB,0BACpF,gBAAgB;CAClB,MAAM,EAAE,SAAS,UAAU,WAAW,iBAAiB;CACvD,MAAM,EAAE,yBAAyB,qBAAqB;CAMtD,MAAM,OAFJ,SAAS,UAAU,wBAClB,4BAA4B,eAAe,sBAAsB,kBAAkB,IAC9D,WAAW;CAWnC,MAAM,EACJ,MACA,WACA,oBACA,aACA,qBACA,OACA,SACA,YACA,gBAnBW,oBAAoB;EAC/B,SAAS,CAAC;EACV,QAAO,QAAO,wBAAwB;GAAE;GAAS;GAAU;GAAQ;GAAkB;EAAI,CAAC;EAC1F,SAAS,CAAC,IAAI;EACd;EACA;EACA,SAAS,CAAC;EACV,eAAe,yBAAyB;GAAE;GAAS;GAAU;EAAO,CAAC;CACvE,CAYI;CACJ,MAAM,QAAQ,eACL;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,oBAAC,kBAAkB,UAAnB;EAAmC;EACjC,UAAA,oBAAC,0BAA0B,UAA3B;GAAoC,OAAO;GAAa;EAA6C,CAAA;CAC3E,CAAA;AAEhC,CAAC"}
+{"version":3,"file":"traces-explorer-list-provider.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list-provider.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceColumn } from '../../trace-list-columns';\nimport { buildTracesLegacyFilters, buildTracesQueryRequest, DEFAULT_TRACES_SORT } from './traces-explorer-actions';\nimport type { TracesSort } from './traces-explorer-actions';\nimport {\n  TracesListContext,\n  TracesListFetchingContext,\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n} from './traces-explorer-context';\nimport type { TracesListContextValue } from './traces-explorer-context';\n\ntype TracesListProviderProps = {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n  children: ReactNode;\n};\n\n/**\n * Owns the list query and its poll clock. Its own memoized component so a poll tick re-renders\n * only list consumers, and a selection change doesn't re-run the list query hooks.\n */\nexport const TracesListProvider = memo(function TracesListProvider({\n  sort: hostSort,\n  onSortChange,\n  children,\n}: TracesListProviderProps) {\n  const {\n    withQueryTrace,\n    withRootDuration,\n    withTimeToFirstChunk,\n    withTimeToFirstToken,\n    withTimeToFirstChunkSort,\n    withTimeToFirstTokenSort,\n    withOutcomeFields,\n    withDeltaPolling,\n    isCapabilitiesLoading,\n  } = useTracesConfig();\n  const { filters, dateFrom, dateTo } = useTracesFilters();\n  const { displayedPreferences } = useTraceUsageColumns();\n  // A TTFC/TTFT sort the store can't run, or on a column that isn't shown, lists newest first instead.\n  // The host keeps its raw value, like filters the server can't query.\n  const sortable =\n    hostSort.field === 'startedAt' ||\n    (hostSort.field === 'timeToFirstChunkMs' &&\n      withTimeToFirstChunkSort &&\n      hasTraceColumn(displayedPreferences, 'timeToFirstChunk')) ||\n    (hostSort.field === 'timeToFirstTokenMs' &&\n      withTimeToFirstTokenSort &&\n      hasTraceColumn(displayedPreferences, 'timeToFirstToken'));\n  const sort = sortable ? hostSort : DEFAULT_TRACES_SORT;\n  const list = useTracesListSource({\n    rolling: !dateTo,\n    query: now =>\n      buildTracesQueryRequest({\n        filters,\n        dateFrom,\n        dateTo,\n        withRootDuration,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n        now,\n      }),\n    orderBy: [sort],\n    withQueryTrace,\n    withDeltaPolling,\n    enabled: !isCapabilitiesLoading,\n    legacyFilters: buildTracesLegacyFilters({ filters, dateFrom, dateTo }),\n  });\n\n  const {\n    rows,\n    isLoading,\n    isFetchingNextPage,\n    hasNextPage,\n    setEndOfListElement,\n    error,\n    refetch,\n    isFetching,\n    autoRefetch,\n  } = list;\n  const value = useMemo<TracesListContextValue>(\n    () => ({\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      sort,\n      onSortChange,\n    }),\n    [\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      sort,\n      onSortChange,\n    ],\n  );\n\n  return (\n    <TracesListContext.Provider value={value}>\n      <TracesListFetchingContext.Provider value={isFetching}>{children}</TracesListFetchingContext.Provider>\n    </TracesListContext.Provider>\n  );\n});\n"],"mappings":";;;;;;;;;;;AAyBA,IAAa,qBAAqB,KAAK,SAAS,mBAAmB,EACjE,MAAM,UACN,cACA,YAC0B;CAC1B,MAAM,EACJ,gBACA,kBACA,sBACA,sBACA,0BACA,0BACA,mBACA,kBACA,0BACE,gBAAgB;CACpB,MAAM,EAAE,SAAS,UAAU,WAAW,iBAAiB;CACvD,MAAM,EAAE,yBAAyB,qBAAqB;CAWtD,MAAM,OAPJ,SAAS,UAAU,eAClB,SAAS,UAAU,wBAClB,4BACA,eAAe,sBAAsB,kBAAkB,KACxD,SAAS,UAAU,wBAClB,4BACA,eAAe,sBAAsB,kBAAkB,IACnC,WAAW;CAqBnC,MAAM,EACJ,MACA,WACA,oBACA,aACA,qBACA,OACA,SACA,YACA,gBA7BW,oBAAoB;EAC/B,SAAS,CAAC;EACV,QAAO,QACL,wBAAwB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EACH,SAAS,CAAC,IAAI;EACd;EACA;EACA,SAAS,CAAC;EACV,eAAe,yBAAyB;GAAE;GAAS;GAAU;EAAO,CAAC;CACvE,CAYI;CACJ,MAAM,QAAQ,eACL;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,oBAAC,kBAAkB,UAAnB;EAAmC;EACjC,UAAA,oBAAC,0BAA0B,UAA3B;GAAoC,OAAO;GAAa;EAA6C,CAAA;CAC3E,CAAA;AAEhC,CAAC"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-list.cjs.js

@@ -6,12 +6,15 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 // src/domains/traces/components/traces-explorer/traces-explorer-list.tsx
 function TracesExplorerList() {
-	const { listId, withTimeToFirstChunkSort } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesConfig();
+	const { listId, withTimeToFirstChunkSort, withTimeToFirstTokenSort } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesConfig();
 	const { rows, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, autoRefetch, sort, onSortChange } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesList();
 	const { filtersApplied } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesFilters();
 	const { onFilterByField } = require_domains_traces_components_traces_explorer_use_traces_filter_bar.useTracesFilterBar();
 	const { selectedTraceId, selectTrace, closeTrace } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesSelection();
 	const { displayedPreferences, usageEnabled } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTraceUsageColumns();
+	const sortableFields = ["startedAt"];
+	if (withTimeToFirstChunkSort) sortableFields.push("timeToFirstChunkMs");
+	if (withTimeToFirstTokenSort) sortableFields.push("timeToFirstTokenMs");
 	const { data: usageByTraceId } = (0, _mastra_react_hooks_traces.useTraceUsage)({
 		traceIds: rows.map((row) => row.traceId),
 		enabled: usageEnabled,
@@ -32,16 +35,9 @@ function TracesExplorerList() {
 		featuredTraceId: selectedTraceId,
 		columnPreferences: displayedPreferences,
 		usageByTraceId,
-		createdSort: sort.field === "startedAt" ? sort.direction : void 0,
-		onSortChange: (direction) => onSortChange({
-			field: "startedAt",
-			direction
-		}),
-		timeToFirstChunkSort: sort.field === "timeToFirstChunkMs" ? sort.direction : void 0,
-		onTimeToFirstChunkSortChange: withTimeToFirstChunkSort ? (direction) => onSortChange({
-			field: "timeToFirstChunkMs",
-			direction
-		}) : void 0,
+		sort,
+		sortableFields,
+		onSortChange,
 		onFilterByField,
 		onTraceClick: handleTraceClick
 	});

package/dist/domains/traces/components/traces-explorer/traces-explorer-list.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-list.cjs.js","names":["useTracesConfig","useTracesList","useTracesFilters","useTracesFilterBar","useTracesSelection","useTraceUsageColumns","useTraceUsage","TracesListView"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list.tsx"],"sourcesContent":["import { useTraceUsage } from '@mastra/react/hooks/traces';\nimport { TracesListView } from '../traces-list-view';\nimport type { TracesListViewTrace } from '../traces-list-view';\nimport {\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesSelection,\n} from './traces-explorer-context';\nimport { useTracesFilterBar } from './use-traces-filter-bar';\n\nexport function TracesExplorerList() {\n  const { listId, withTimeToFirstChunkSort } = useTracesConfig();\n  const { rows, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, autoRefetch, sort, onSortChange } =\n    useTracesList();\n  const { filtersApplied } = useTracesFilters();\n  const { onFilterByField } = useTracesFilterBar();\n  const { selectedTraceId, selectTrace, closeTrace } = useTracesSelection();\n  const { displayedPreferences, usageEnabled } = useTraceUsageColumns();\n\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: rows.map(row => row.traceId),\n    enabled: usageEnabled,\n    autoRefetch,\n  });\n\n  // Clicking the open row closes it; any other row opens.\n  const handleTraceClick = (trace: TracesListViewTrace) => {\n    if (trace.traceId === selectedTraceId) closeTrace();\n    else selectTrace(trace.traceId);\n  };\n\n  return (\n    <TracesListView\n      listId={listId}\n      traces={rows}\n      isLoading={isLoading}\n      isFetchingNextPage={isFetchingNextPage}\n      hasNextPage={hasNextPage}\n      setEndOfListElement={setEndOfListElement}\n      filtersApplied={filtersApplied}\n      featuredTraceId={selectedTraceId}\n      columnPreferences={displayedPreferences}\n      usageByTraceId={usageByTraceId}\n      createdSort={sort.field === 'startedAt' ? sort.direction : undefined}\n      onSortChange={direction => onSortChange({ field: 'startedAt', direction })}\n      timeToFirstChunkSort={sort.field === 'timeToFirstChunkMs' ? sort.direction : undefined}\n      onTimeToFirstChunkSortChange={\n        withTimeToFirstChunkSort ? direction => onSortChange({ field: 'timeToFirstChunkMs', direction }) : undefined\n      }\n      onFilterByField={onFilterByField}\n      onTraceClick={handleTraceClick}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,QAAQ,6BAA6BA,0EAAAA,gBAAgB;CAC7D,MAAM,EAAE,MAAM,WAAW,oBAAoB,aAAa,qBAAqB,aAAa,MAAM,iBAChGC,0EAAAA,cAAc;CAChB,MAAM,EAAE,mBAAmBC,0EAAAA,iBAAiB;CAC5C,MAAM,EAAE,oBAAoBC,wEAAAA,mBAAmB;CAC/C,MAAM,EAAE,iBAAiB,aAAa,eAAeC,0EAAAA,mBAAmB;CACxE,MAAM,EAAE,sBAAsB,iBAAiBC,0EAAAA,qBAAqB;CAEpE,MAAM,EAAE,MAAM,oBAAA,GAAmBC,2BAAAA,cAAAA,CAAc;EAC7C,UAAU,KAAK,KAAI,QAAO,IAAI,OAAO;EACrC,SAAS;EACT;CACF,CAAC;CAGD,MAAM,oBAAoB,UAA+B;EACvD,IAAI,MAAM,YAAY,iBAAiB,WAAW;OAC7C,YAAY,MAAM,OAAO;CAChC;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,gBAAD;EACU;EACR,QAAQ;EACG;EACS;EACP;EACQ;EACL;EAChB,iBAAiB;EACjB,mBAAmB;EACH;EAChB,aAAa,KAAK,UAAU,cAAc,KAAK,YAAY,KAAA;EAC3D,eAAc,cAAa,aAAa;GAAE,OAAO;GAAa;EAAU,CAAC;EACzE,sBAAsB,KAAK,UAAU,uBAAuB,KAAK,YAAY,KAAA;EAC7E,8BACE,4BAA2B,cAAa,aAAa;GAAE,OAAO;GAAsB;EAAU,CAAC,IAAI,KAAA;EAEpF;EACjB,cAAc;CACf,CAAA;AAEL"}
+{"version":3,"file":"traces-explorer-list.cjs.js","names":["useTracesConfig","useTracesList","useTracesFilters","useTracesFilterBar","useTracesSelection","useTraceUsageColumns","useTraceUsage","TracesListView"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list.tsx"],"sourcesContent":["import { useTraceUsage } from '@mastra/react/hooks/traces';\nimport { TracesListView } from '../traces-list-view';\nimport type { TracesListViewTrace } from '../traces-list-view';\nimport type { TracesSortField } from './traces-explorer-actions';\nimport {\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesSelection,\n} from './traces-explorer-context';\nimport { useTracesFilterBar } from './use-traces-filter-bar';\n\nexport function TracesExplorerList() {\n  const { listId, withTimeToFirstChunkSort, withTimeToFirstTokenSort } = useTracesConfig();\n  const { rows, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, autoRefetch, sort, onSortChange } =\n    useTracesList();\n  const { filtersApplied } = useTracesFilters();\n  const { onFilterByField } = useTracesFilterBar();\n  const { selectedTraceId, selectTrace, closeTrace } = useTracesSelection();\n  const { displayedPreferences, usageEnabled } = useTraceUsageColumns();\n  const sortableFields: TracesSortField[] = ['startedAt'];\n  if (withTimeToFirstChunkSort) sortableFields.push('timeToFirstChunkMs');\n  if (withTimeToFirstTokenSort) sortableFields.push('timeToFirstTokenMs');\n\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: rows.map(row => row.traceId),\n    enabled: usageEnabled,\n    autoRefetch,\n  });\n\n  // Clicking the open row closes it; any other row opens.\n  const handleTraceClick = (trace: TracesListViewTrace) => {\n    if (trace.traceId === selectedTraceId) closeTrace();\n    else selectTrace(trace.traceId);\n  };\n\n  return (\n    <TracesListView\n      listId={listId}\n      traces={rows}\n      isLoading={isLoading}\n      isFetchingNextPage={isFetchingNextPage}\n      hasNextPage={hasNextPage}\n      setEndOfListElement={setEndOfListElement}\n      filtersApplied={filtersApplied}\n      featuredTraceId={selectedTraceId}\n      columnPreferences={displayedPreferences}\n      usageByTraceId={usageByTraceId}\n      sort={sort}\n      sortableFields={sortableFields}\n      onSortChange={onSortChange}\n      onFilterByField={onFilterByField}\n      onTraceClick={handleTraceClick}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,QAAQ,0BAA0B,6BAA6BA,0EAAAA,gBAAgB;CACvF,MAAM,EAAE,MAAM,WAAW,oBAAoB,aAAa,qBAAqB,aAAa,MAAM,iBAChGC,0EAAAA,cAAc;CAChB,MAAM,EAAE,mBAAmBC,0EAAAA,iBAAiB;CAC5C,MAAM,EAAE,oBAAoBC,wEAAAA,mBAAmB;CAC/C,MAAM,EAAE,iBAAiB,aAAa,eAAeC,0EAAAA,mBAAmB;CACxE,MAAM,EAAE,sBAAsB,iBAAiBC,0EAAAA,qBAAqB;CACpE,MAAM,iBAAoC,CAAC,WAAW;CACtD,IAAI,0BAA0B,eAAe,KAAK,oBAAoB;CACtE,IAAI,0BAA0B,eAAe,KAAK,oBAAoB;CAEtE,MAAM,EAAE,MAAM,oBAAA,GAAmBC,2BAAAA,cAAAA,CAAc;EAC7C,UAAU,KAAK,KAAI,QAAO,IAAI,OAAO;EACrC,SAAS;EACT;CACF,CAAC;CAGD,MAAM,oBAAoB,UAA+B;EACvD,IAAI,MAAM,YAAY,iBAAiB,WAAW;OAC7C,YAAY,MAAM,OAAO;CAChC;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,gBAAD;EACU;EACR,QAAQ;EACG;EACS;EACP;EACQ;EACL;EAChB,iBAAiB;EACjB,mBAAmB;EACH;EACV;EACU;EACF;EACG;EACjB,cAAc;CACf,CAAA;AAEL"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-list.es.js

@@ -5,12 +5,15 @@ import { jsx } from "react/jsx-runtime";
 import { useTraceUsage } from "@mastra/react/hooks/traces";
 // src/domains/traces/components/traces-explorer/traces-explorer-list.tsx
 function TracesExplorerList() {
-	const { listId, withTimeToFirstChunkSort } = useTracesConfig();
+	const { listId, withTimeToFirstChunkSort, withTimeToFirstTokenSort } = useTracesConfig();
 	const { rows, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, autoRefetch, sort, onSortChange } = useTracesList();
 	const { filtersApplied } = useTracesFilters();
 	const { onFilterByField } = useTracesFilterBar();
 	const { selectedTraceId, selectTrace, closeTrace } = useTracesSelection();
 	const { displayedPreferences, usageEnabled } = useTraceUsageColumns();
+	const sortableFields = ["startedAt"];
+	if (withTimeToFirstChunkSort) sortableFields.push("timeToFirstChunkMs");
+	if (withTimeToFirstTokenSort) sortableFields.push("timeToFirstTokenMs");
 	const { data: usageByTraceId } = useTraceUsage({
 		traceIds: rows.map((row) => row.traceId),
 		enabled: usageEnabled,
@@ -31,16 +34,9 @@ function TracesExplorerList() {
 		featuredTraceId: selectedTraceId,
 		columnPreferences: displayedPreferences,
 		usageByTraceId,
-		createdSort: sort.field === "startedAt" ? sort.direction : void 0,
-		onSortChange: (direction) => onSortChange({
-			field: "startedAt",
-			direction
-		}),
-		timeToFirstChunkSort: sort.field === "timeToFirstChunkMs" ? sort.direction : void 0,
-		onTimeToFirstChunkSortChange: withTimeToFirstChunkSort ? (direction) => onSortChange({
-			field: "timeToFirstChunkMs",
-			direction
-		}) : void 0,
+		sort,
+		sortableFields,
+		onSortChange,
 		onFilterByField,
 		onTraceClick: handleTraceClick
 	});

package/dist/domains/traces/components/traces-explorer/traces-explorer-list.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-list.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list.tsx"],"sourcesContent":["import { useTraceUsage } from '@mastra/react/hooks/traces';\nimport { TracesListView } from '../traces-list-view';\nimport type { TracesListViewTrace } from '../traces-list-view';\nimport {\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesSelection,\n} from './traces-explorer-context';\nimport { useTracesFilterBar } from './use-traces-filter-bar';\n\nexport function TracesExplorerList() {\n  const { listId, withTimeToFirstChunkSort } = useTracesConfig();\n  const { rows, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, autoRefetch, sort, onSortChange } =\n    useTracesList();\n  const { filtersApplied } = useTracesFilters();\n  const { onFilterByField } = useTracesFilterBar();\n  const { selectedTraceId, selectTrace, closeTrace } = useTracesSelection();\n  const { displayedPreferences, usageEnabled } = useTraceUsageColumns();\n\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: rows.map(row => row.traceId),\n    enabled: usageEnabled,\n    autoRefetch,\n  });\n\n  // Clicking the open row closes it; any other row opens.\n  const handleTraceClick = (trace: TracesListViewTrace) => {\n    if (trace.traceId === selectedTraceId) closeTrace();\n    else selectTrace(trace.traceId);\n  };\n\n  return (\n    <TracesListView\n      listId={listId}\n      traces={rows}\n      isLoading={isLoading}\n      isFetchingNextPage={isFetchingNextPage}\n      hasNextPage={hasNextPage}\n      setEndOfListElement={setEndOfListElement}\n      filtersApplied={filtersApplied}\n      featuredTraceId={selectedTraceId}\n      columnPreferences={displayedPreferences}\n      usageByTraceId={usageByTraceId}\n      createdSort={sort.field === 'startedAt' ? sort.direction : undefined}\n      onSortChange={direction => onSortChange({ field: 'startedAt', direction })}\n      timeToFirstChunkSort={sort.field === 'timeToFirstChunkMs' ? sort.direction : undefined}\n      onTimeToFirstChunkSortChange={\n        withTimeToFirstChunkSort ? direction => onSortChange({ field: 'timeToFirstChunkMs', direction }) : undefined\n      }\n      onFilterByField={onFilterByField}\n      onTraceClick={handleTraceClick}\n    />\n  );\n}\n"],"mappings":";;;;;;AAYA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,QAAQ,6BAA6B,gBAAgB;CAC7D,MAAM,EAAE,MAAM,WAAW,oBAAoB,aAAa,qBAAqB,aAAa,MAAM,iBAChG,cAAc;CAChB,MAAM,EAAE,mBAAmB,iBAAiB;CAC5C,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,EAAE,iBAAiB,aAAa,eAAe,mBAAmB;CACxE,MAAM,EAAE,sBAAsB,iBAAiB,qBAAqB;CAEpE,MAAM,EAAE,MAAM,mBAAmB,cAAc;EAC7C,UAAU,KAAK,KAAI,QAAO,IAAI,OAAO;EACrC,SAAS;EACT;CACF,CAAC;CAGD,MAAM,oBAAoB,UAA+B;EACvD,IAAI,MAAM,YAAY,iBAAiB,WAAW;OAC7C,YAAY,MAAM,OAAO;CAChC;CAEA,OACE,oBAAC,gBAAD;EACU;EACR,QAAQ;EACG;EACS;EACP;EACQ;EACL;EAChB,iBAAiB;EACjB,mBAAmB;EACH;EAChB,aAAa,KAAK,UAAU,cAAc,KAAK,YAAY,KAAA;EAC3D,eAAc,cAAa,aAAa;GAAE,OAAO;GAAa;EAAU,CAAC;EACzE,sBAAsB,KAAK,UAAU,uBAAuB,KAAK,YAAY,KAAA;EAC7E,8BACE,4BAA2B,cAAa,aAAa;GAAE,OAAO;GAAsB;EAAU,CAAC,IAAI,KAAA;EAEpF;EACjB,cAAc;CACf,CAAA;AAEL"}
+{"version":3,"file":"traces-explorer-list.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list.tsx"],"sourcesContent":["import { useTraceUsage } from '@mastra/react/hooks/traces';\nimport { TracesListView } from '../traces-list-view';\nimport type { TracesListViewTrace } from '../traces-list-view';\nimport type { TracesSortField } from './traces-explorer-actions';\nimport {\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesSelection,\n} from './traces-explorer-context';\nimport { useTracesFilterBar } from './use-traces-filter-bar';\n\nexport function TracesExplorerList() {\n  const { listId, withTimeToFirstChunkSort, withTimeToFirstTokenSort } = useTracesConfig();\n  const { rows, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, autoRefetch, sort, onSortChange } =\n    useTracesList();\n  const { filtersApplied } = useTracesFilters();\n  const { onFilterByField } = useTracesFilterBar();\n  const { selectedTraceId, selectTrace, closeTrace } = useTracesSelection();\n  const { displayedPreferences, usageEnabled } = useTraceUsageColumns();\n  const sortableFields: TracesSortField[] = ['startedAt'];\n  if (withTimeToFirstChunkSort) sortableFields.push('timeToFirstChunkMs');\n  if (withTimeToFirstTokenSort) sortableFields.push('timeToFirstTokenMs');\n\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: rows.map(row => row.traceId),\n    enabled: usageEnabled,\n    autoRefetch,\n  });\n\n  // Clicking the open row closes it; any other row opens.\n  const handleTraceClick = (trace: TracesListViewTrace) => {\n    if (trace.traceId === selectedTraceId) closeTrace();\n    else selectTrace(trace.traceId);\n  };\n\n  return (\n    <TracesListView\n      listId={listId}\n      traces={rows}\n      isLoading={isLoading}\n      isFetchingNextPage={isFetchingNextPage}\n      hasNextPage={hasNextPage}\n      setEndOfListElement={setEndOfListElement}\n      filtersApplied={filtersApplied}\n      featuredTraceId={selectedTraceId}\n      columnPreferences={displayedPreferences}\n      usageByTraceId={usageByTraceId}\n      sort={sort}\n      sortableFields={sortableFields}\n      onSortChange={onSortChange}\n      onFilterByField={onFilterByField}\n      onTraceClick={handleTraceClick}\n    />\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,QAAQ,0BAA0B,6BAA6B,gBAAgB;CACvF,MAAM,EAAE,MAAM,WAAW,oBAAoB,aAAa,qBAAqB,aAAa,MAAM,iBAChG,cAAc;CAChB,MAAM,EAAE,mBAAmB,iBAAiB;CAC5C,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,EAAE,iBAAiB,aAAa,eAAe,mBAAmB;CACxE,MAAM,EAAE,sBAAsB,iBAAiB,qBAAqB;CACpE,MAAM,iBAAoC,CAAC,WAAW;CACtD,IAAI,0BAA0B,eAAe,KAAK,oBAAoB;CACtE,IAAI,0BAA0B,eAAe,KAAK,oBAAoB;CAEtE,MAAM,EAAE,MAAM,mBAAmB,cAAc;EAC7C,UAAU,KAAK,KAAI,QAAO,IAAI,OAAO;EACrC,SAAS;EACT;CACF,CAAC;CAGD,MAAM,oBAAoB,UAA+B;EACvD,IAAI,MAAM,YAAY,iBAAiB,WAAW;OAC7C,YAAY,MAAM,OAAO;CAChC;CAEA,OACE,oBAAC,gBAAD;EACU;EACR,QAAQ;EACG;EACS;EACP;EACQ;EACL;EAChB,iBAAiB;EACjB,mBAAmB;EACH;EACV;EACU;EACF;EACG;EACjB,cAAc;CACf,CAAA;AAEL"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-panel.cjs.js

@@ -54,7 +54,8 @@ function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerAct
 	const { handlePreviousTrace, handleNextTrace } = require_domains_traces_hooks_use_trace_list_navigation.useTraceListNavigation(rows, traceId, null, selectTrace);
 	const isFullThreadOpen = !!traceId && fullThreadTraceId === traceId;
 	const depth = isFullThreadOpen ? 3 : 2;
-	const entityType = rows.find((row) => row.traceId === traceId)?.entityType ?? anchorSpan?.entityType;
+	const listedRow = rows.find((row) => row.traceId === traceId);
+	const entityType = listedRow?.entityType ?? anchorSpan?.entityType;
 	const isAgent = entityType === _mastra_core_observability.EntityType.AGENT;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_trace_span_panel.TraceSpanPanel, {
@@ -65,6 +66,7 @@ function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerAct
 			anchorSpanId,
 			entityType,
 			usage,
+			rootStreamingTimings: listedRow,
 			isLoadingSpans,
 			selectedSpanId: spanId ?? null,
 			onClose: () => {

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-panel.cjs.js","names":["useTracesConfig","useTracesList","useTracesSelection","useTraceUsageColumns","useState","useTraceFeedback","useSpanFeedback","useTraceOrBranchSpans","useTraceSpanScores","useTraceUsage","useTraceListNavigation","EntityType","_Fragment","TraceSpanPanel","TraceFeedbackTab","TraceScoresList","SpanFeedbackTab","ScoreDataPanel","TraceAsItemDialog"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useSpanFeedback, useTraceFeedback, useTraceOrBranchSpans, useTraceUsage } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useTraceListNavigation } from '../../hooks/use-trace-list-navigation';\nimport { SpanFeedbackTab } from '../span-feedback-tab';\nimport { TraceFeedbackTab } from '../trace-feedback-tab';\nimport { TraceSpanPanel } from '../trace-span-panel';\nimport type { TraceSpanPanelProps } from '../trace-span-panel';\nimport { useTraceUsageColumns, useTracesConfig, useTracesList, useTracesSelection } from './traces-explorer-context';\nimport { TraceAsItemDialog } from '@/domains/observability/components/trace-as-item-dialog';\nimport { ScoreDataPanel, TraceScoresList } from '@/domains/scores';\n\nexport type TracesExplorerPanelProps = {\n  /** Opens a score of one of the full thread's traces (the host owns routing). */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  renderCreateDatasetDialog?: ComponentProps<typeof TraceAsItemDialog>['renderCreateDatasetDialog'];\n  /** Host integration actions rendered alongside the trace controls. */\n  headerActionsSlot?: (args: { traceId: string; spans: TraceSpanPanelProps['spans'] }) => ReactNode;\n  /** Builds the href of the dedicated trace page; without it the drawer offers no \"Open trace page\" link. */\n  traceHref?: (traceId: string) => string;\n  /** Shows the \"Add to dataset\" button next to \"Score trace\". Defaults to `true`. */\n  withAddTraceToDataset?: boolean;\n};\n\ntype DatasetDialogTarget = { traceId: string; rootSpanId: string | undefined };\n\nexport function TracesExplorerPanel({\n  onOpenScore,\n  renderCreateDatasetDialog,\n  headerActionsSlot,\n  traceHref,\n  withAddTraceToDataset = true,\n}: TracesExplorerPanelProps) {\n  const { withQueryTrace, withFeedback } = useTracesConfig();\n  const { rows, autoRefetch, isLoading: isListLoading } = useTracesList();\n  const { selection, selectTrace, closeTrace, selectSpan, setSpanTab, setSpanView, selectScore, highlightSpans } =\n    useTracesSelection();\n  const { usageEnabled } = useTraceUsageColumns();\n  const traceId = selection.traceId;\n  const spanId = selection.spanId;\n\n  const [datasetDialogTarget, setDatasetDialogTarget] = useState<DatasetDialogTarget | null>(null);\n  // Keyed by trace id so selecting another trace (row click, prev/next) falls back to the trace panel.\n  const [fullThreadTraceId, setFullThreadTraceId] = useState<string | null>(null);\n\n  // Tab badge counts; the tab bodies re-use these first-page queries through React Query's cache.\n  const { data: traceFeedbackData } = useTraceFeedback({\n    traceId,\n    queryOptions: { enabled: withFeedback && !!traceId },\n  });\n  const { data: spanFeedbackData } = useSpanFeedback({\n    traceId,\n    spanId,\n    queryOptions: { enabled: withFeedback && !!traceId && !!spanId },\n  });\n\n  const {\n    spans,\n    anchorSpanId,\n    isLoading: isLoadingSpans,\n  } = useTraceOrBranchSpans({ traceId: traceId ?? null, listMode: 'traces', anchorSpanId: null });\n  const anchorSpan = anchorSpanId\n    ? spans?.find(s => s.spanId === anchorSpanId)\n    : spans?.find(s => s.parentSpanId == null);\n\n  const { data: spanScoresData } = useTraceSpanScores({\n    traceId,\n    spanId: anchorSpan?.spanId,\n    queryOptions: { enabled: !!traceId && !!anchorSpan?.spanId },\n  });\n  const featuredScore = selection.scoreId\n    ? spanScoresData?.scores?.find(score => score.id === selection.scoreId)\n    : undefined;\n\n  // Same key as the list's usage query when the trace is listed, so React Query serves it from cache.\n  // Waits for the list so a deep-linked trace doesn't fetch its own usage before the rows arrive.\n  const rowIds = rows.map(row => row.traceId);\n  const isListed = !!traceId && rowIds.includes(traceId);\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: isListed ? rowIds : traceId ? [traceId] : [],\n    enabled: usageEnabled && !isListLoading,\n    autoRefetch,\n  });\n  const usage = traceId ? usageByTraceId?.get(traceId) : undefined;\n\n  const { handlePreviousTrace, handleNextTrace } = useTraceListNavigation(rows, traceId, null, selectTrace);\n\n  const isFullThreadOpen = !!traceId && fullThreadTraceId === traceId;\n  const depth = isFullThreadOpen ? 3 : 2;\n\n  // Only agent traces carry the Messages column, so other traces open the drawer one size\n  // smaller, with or without a span open. The listed row knows the entity on click; the root\n  // span covers deep-linked traces outside the list.\n  const entityType = rows.find(row => row.traceId === traceId)?.entityType ?? anchorSpan?.entityType;\n  const isAgent = entityType === EntityType.AGENT;\n  const panelSize = spanId ? (isAgent ? 'full' : 'wide') : isAgent ? 'wide' : 'half';\n\n  return (\n    <>\n      <TraceSpanPanel\n        title=\"Trace details\"\n        size={panelSize}\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        entityType={entityType}\n        usage={usage}\n        isLoadingSpans={isLoadingSpans}\n        selectedSpanId={spanId ?? null}\n        onClose={() => {\n          setFullThreadTraceId(null);\n          closeTrace();\n        }}\n        isFullThreadOpen={isFullThreadOpen}\n        withQueryTrace={withQueryTrace}\n        withFeedback={withFeedback}\n        onOpenScore={onOpenScore}\n        onFullThreadOpenChange={open => setFullThreadTraceId(open ? (traceId ?? null) : null)}\n        onSpanSelect={id => selectSpan(id ?? null)}\n        onSaveAsDatasetItem={withAddTraceToDataset ? setDatasetDialogTarget : undefined}\n        initialSpanId={spanId}\n        onPrevious={handlePreviousTrace}\n        onNext={handleNextTrace}\n        showPartialThread\n        featuredSpanIds={selection.highlightSpanIds}\n        onHighlightSpans={highlightSpans}\n        feedbackTabBadge={withFeedback ? (traceFeedbackData?.pagination?.total ?? undefined) : undefined}\n        feedbackTabSlot={withFeedback ? ({ traceId: tid }) => <TraceFeedbackTab traceId={tid} /> : undefined}\n        scoresTabBadge={spanScoresData?.pagination?.total ?? undefined}\n        scoresTabSlot={({ traceId: tid, rootSpanId }) =>\n          rootSpanId ? <TraceScoresList traceId={tid} spanId={rootSpanId} onScoreSelect={selectScore} /> : null\n        }\n        spanView={selection.spanView}\n        onSpanViewChange={setSpanView}\n        spanActiveTab={selection.spanTab ?? 'details'}\n        onSpanTabChange={setSpanTab}\n        spanFeedbackTabBadge={withFeedback ? (spanFeedbackData?.pagination?.total ?? undefined) : undefined}\n        spanFeedbackTabSlot={\n          withFeedback\n            ? ({ traceId: tid, spanId: sid }) =>\n                tid && sid ? <SpanFeedbackTab key={`${tid}:${sid}`} traceId={tid} spanId={sid} /> : null\n            : undefined\n        }\n        headerActionsSlot={traceId && headerActionsSlot ? headerActionsSlot({ traceId, spans }) : undefined}\n        traceHref={traceId && traceHref ? traceHref(traceId) : undefined}\n      />\n      <ScoreDataPanel depth={depth} score={featuredScore} onClose={() => selectScore(null)} />\n      {withAddTraceToDataset && (\n        <TraceAsItemDialog\n          rootSpanId={datasetDialogTarget?.rootSpanId}\n          traceId={datasetDialogTarget?.traceId}\n          isOpen={!!datasetDialogTarget}\n          onClose={() => setDatasetDialogTarget(null)}\n          renderCreateDatasetDialog={renderCreateDatasetDialog}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"traces-explorer-panel.cjs.js","names":["useTracesConfig","useTracesList","useTracesSelection","useTraceUsageColumns","useState","useTraceFeedback","useSpanFeedback","useTraceOrBranchSpans","useTraceSpanScores","useTraceUsage","useTraceListNavigation","EntityType","_Fragment","TraceSpanPanel","TraceFeedbackTab","TraceScoresList","SpanFeedbackTab","ScoreDataPanel","TraceAsItemDialog"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useSpanFeedback, useTraceFeedback, useTraceOrBranchSpans, useTraceUsage } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useTraceListNavigation } from '../../hooks/use-trace-list-navigation';\nimport { SpanFeedbackTab } from '../span-feedback-tab';\nimport { TraceFeedbackTab } from '../trace-feedback-tab';\nimport { TraceSpanPanel } from '../trace-span-panel';\nimport type { TraceSpanPanelProps } from '../trace-span-panel';\nimport { useTraceUsageColumns, useTracesConfig, useTracesList, useTracesSelection } from './traces-explorer-context';\nimport { TraceAsItemDialog } from '@/domains/observability/components/trace-as-item-dialog';\nimport { ScoreDataPanel, TraceScoresList } from '@/domains/scores';\n\nexport type TracesExplorerPanelProps = {\n  /** Opens a score of one of the full thread's traces (the host owns routing). */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  renderCreateDatasetDialog?: ComponentProps<typeof TraceAsItemDialog>['renderCreateDatasetDialog'];\n  /** Host integration actions rendered alongside the trace controls. */\n  headerActionsSlot?: (args: { traceId: string; spans: TraceSpanPanelProps['spans'] }) => ReactNode;\n  /** Builds the href of the dedicated trace page; without it the drawer offers no \"Open trace page\" link. */\n  traceHref?: (traceId: string) => string;\n  /** Shows the \"Add to dataset\" button next to \"Score trace\". Defaults to `true`. */\n  withAddTraceToDataset?: boolean;\n};\n\ntype DatasetDialogTarget = { traceId: string; rootSpanId: string | undefined };\n\nexport function TracesExplorerPanel({\n  onOpenScore,\n  renderCreateDatasetDialog,\n  headerActionsSlot,\n  traceHref,\n  withAddTraceToDataset = true,\n}: TracesExplorerPanelProps) {\n  const { withQueryTrace, withFeedback } = useTracesConfig();\n  const { rows, autoRefetch, isLoading: isListLoading } = useTracesList();\n  const { selection, selectTrace, closeTrace, selectSpan, setSpanTab, setSpanView, selectScore, highlightSpans } =\n    useTracesSelection();\n  const { usageEnabled } = useTraceUsageColumns();\n  const traceId = selection.traceId;\n  const spanId = selection.spanId;\n\n  const [datasetDialogTarget, setDatasetDialogTarget] = useState<DatasetDialogTarget | null>(null);\n  // Keyed by trace id so selecting another trace (row click, prev/next) falls back to the trace panel.\n  const [fullThreadTraceId, setFullThreadTraceId] = useState<string | null>(null);\n\n  // Tab badge counts; the tab bodies re-use these first-page queries through React Query's cache.\n  const { data: traceFeedbackData } = useTraceFeedback({\n    traceId,\n    queryOptions: { enabled: withFeedback && !!traceId },\n  });\n  const { data: spanFeedbackData } = useSpanFeedback({\n    traceId,\n    spanId,\n    queryOptions: { enabled: withFeedback && !!traceId && !!spanId },\n  });\n\n  const {\n    spans,\n    anchorSpanId,\n    isLoading: isLoadingSpans,\n  } = useTraceOrBranchSpans({ traceId: traceId ?? null, listMode: 'traces', anchorSpanId: null });\n  const anchorSpan = anchorSpanId\n    ? spans?.find(s => s.spanId === anchorSpanId)\n    : spans?.find(s => s.parentSpanId == null);\n\n  const { data: spanScoresData } = useTraceSpanScores({\n    traceId,\n    spanId: anchorSpan?.spanId,\n    queryOptions: { enabled: !!traceId && !!anchorSpan?.spanId },\n  });\n  const featuredScore = selection.scoreId\n    ? spanScoresData?.scores?.find(score => score.id === selection.scoreId)\n    : undefined;\n\n  // Same key as the list's usage query when the trace is listed, so React Query serves it from cache.\n  // Waits for the list so a deep-linked trace doesn't fetch its own usage before the rows arrive.\n  const rowIds = rows.map(row => row.traceId);\n  const isListed = !!traceId && rowIds.includes(traceId);\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: isListed ? rowIds : traceId ? [traceId] : [],\n    enabled: usageEnabled && !isListLoading,\n    autoRefetch,\n  });\n  const usage = traceId ? usageByTraceId?.get(traceId) : undefined;\n\n  const { handlePreviousTrace, handleNextTrace } = useTraceListNavigation(rows, traceId, null, selectTrace);\n\n  const isFullThreadOpen = !!traceId && fullThreadTraceId === traceId;\n  const depth = isFullThreadOpen ? 3 : 2;\n\n  // Only agent traces carry the Messages column, so other traces open the drawer one size\n  // smaller, with or without a span open. The listed row knows the entity on click; the root\n  // span covers deep-linked traces outside the list.\n  const listedRow = rows.find(row => row.traceId === traceId);\n  const entityType = listedRow?.entityType ?? anchorSpan?.entityType;\n  const isAgent = entityType === EntityType.AGENT;\n  const panelSize = spanId ? (isAgent ? 'full' : 'wide') : isAgent ? 'wide' : 'half';\n\n  return (\n    <>\n      <TraceSpanPanel\n        title=\"Trace details\"\n        size={panelSize}\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        entityType={entityType}\n        usage={usage}\n        rootStreamingTimings={listedRow}\n        isLoadingSpans={isLoadingSpans}\n        selectedSpanId={spanId ?? null}\n        onClose={() => {\n          setFullThreadTraceId(null);\n          closeTrace();\n        }}\n        isFullThreadOpen={isFullThreadOpen}\n        withQueryTrace={withQueryTrace}\n        withFeedback={withFeedback}\n        onOpenScore={onOpenScore}\n        onFullThreadOpenChange={open => setFullThreadTraceId(open ? (traceId ?? null) : null)}\n        onSpanSelect={id => selectSpan(id ?? null)}\n        onSaveAsDatasetItem={withAddTraceToDataset ? setDatasetDialogTarget : undefined}\n        initialSpanId={spanId}\n        onPrevious={handlePreviousTrace}\n        onNext={handleNextTrace}\n        showPartialThread\n        featuredSpanIds={selection.highlightSpanIds}\n        onHighlightSpans={highlightSpans}\n        feedbackTabBadge={withFeedback ? (traceFeedbackData?.pagination?.total ?? undefined) : undefined}\n        feedbackTabSlot={withFeedback ? ({ traceId: tid }) => <TraceFeedbackTab traceId={tid} /> : undefined}\n        scoresTabBadge={spanScoresData?.pagination?.total ?? undefined}\n        scoresTabSlot={({ traceId: tid, rootSpanId }) =>\n          rootSpanId ? <TraceScoresList traceId={tid} spanId={rootSpanId} onScoreSelect={selectScore} /> : null\n        }\n        spanView={selection.spanView}\n        onSpanViewChange={setSpanView}\n        spanActiveTab={selection.spanTab ?? 'details'}\n        onSpanTabChange={setSpanTab}\n        spanFeedbackTabBadge={withFeedback ? (spanFeedbackData?.pagination?.total ?? undefined) : undefined}\n        spanFeedbackTabSlot={\n          withFeedback\n            ? ({ traceId: tid, spanId: sid }) =>\n                tid && sid ? <SpanFeedbackTab key={`${tid}:${sid}`} traceId={tid} spanId={sid} /> : null\n            : undefined\n        }\n        headerActionsSlot={traceId && headerActionsSlot ? headerActionsSlot({ traceId, spans }) : undefined}\n        traceHref={traceId && traceHref ? traceHref(traceId) : undefined}\n      />\n      <ScoreDataPanel depth={depth} score={featuredScore} onClose={() => selectScore(null)} />\n      {withAddTraceToDataset && (\n        <TraceAsItemDialog\n          rootSpanId={datasetDialogTarget?.rootSpanId}\n          traceId={datasetDialogTarget?.traceId}\n          isOpen={!!datasetDialogTarget}\n          onClose={() => setDatasetDialogTarget(null)}\n          renderCreateDatasetDialog={renderCreateDatasetDialog}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-panel.es.js

@@ -53,7 +53,8 @@ function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerAct
 	const { handlePreviousTrace, handleNextTrace } = useTraceListNavigation(rows, traceId, null, selectTrace);
 	const isFullThreadOpen = !!traceId && fullThreadTraceId === traceId;
 	const depth = isFullThreadOpen ? 3 : 2;
-	const entityType = rows.find((row) => row.traceId === traceId)?.entityType ?? anchorSpan?.entityType;
+	const listedRow = rows.find((row) => row.traceId === traceId);
+	const entityType = listedRow?.entityType ?? anchorSpan?.entityType;
 	const isAgent = entityType === EntityType.AGENT;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsx(TraceSpanPanel, {
@@ -64,6 +65,7 @@ function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerAct
 			anchorSpanId,
 			entityType,
 			usage,
+			rootStreamingTimings: listedRow,
 			isLoadingSpans,
 			selectedSpanId: spanId ?? null,
 			onClose: () => {

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-panel.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useSpanFeedback, useTraceFeedback, useTraceOrBranchSpans, useTraceUsage } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useTraceListNavigation } from '../../hooks/use-trace-list-navigation';\nimport { SpanFeedbackTab } from '../span-feedback-tab';\nimport { TraceFeedbackTab } from '../trace-feedback-tab';\nimport { TraceSpanPanel } from '../trace-span-panel';\nimport type { TraceSpanPanelProps } from '../trace-span-panel';\nimport { useTraceUsageColumns, useTracesConfig, useTracesList, useTracesSelection } from './traces-explorer-context';\nimport { TraceAsItemDialog } from '@/domains/observability/components/trace-as-item-dialog';\nimport { ScoreDataPanel, TraceScoresList } from '@/domains/scores';\n\nexport type TracesExplorerPanelProps = {\n  /** Opens a score of one of the full thread's traces (the host owns routing). */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  renderCreateDatasetDialog?: ComponentProps<typeof TraceAsItemDialog>['renderCreateDatasetDialog'];\n  /** Host integration actions rendered alongside the trace controls. */\n  headerActionsSlot?: (args: { traceId: string; spans: TraceSpanPanelProps['spans'] }) => ReactNode;\n  /** Builds the href of the dedicated trace page; without it the drawer offers no \"Open trace page\" link. */\n  traceHref?: (traceId: string) => string;\n  /** Shows the \"Add to dataset\" button next to \"Score trace\". Defaults to `true`. */\n  withAddTraceToDataset?: boolean;\n};\n\ntype DatasetDialogTarget = { traceId: string; rootSpanId: string | undefined };\n\nexport function TracesExplorerPanel({\n  onOpenScore,\n  renderCreateDatasetDialog,\n  headerActionsSlot,\n  traceHref,\n  withAddTraceToDataset = true,\n}: TracesExplorerPanelProps) {\n  const { withQueryTrace, withFeedback } = useTracesConfig();\n  const { rows, autoRefetch, isLoading: isListLoading } = useTracesList();\n  const { selection, selectTrace, closeTrace, selectSpan, setSpanTab, setSpanView, selectScore, highlightSpans } =\n    useTracesSelection();\n  const { usageEnabled } = useTraceUsageColumns();\n  const traceId = selection.traceId;\n  const spanId = selection.spanId;\n\n  const [datasetDialogTarget, setDatasetDialogTarget] = useState<DatasetDialogTarget | null>(null);\n  // Keyed by trace id so selecting another trace (row click, prev/next) falls back to the trace panel.\n  const [fullThreadTraceId, setFullThreadTraceId] = useState<string | null>(null);\n\n  // Tab badge counts; the tab bodies re-use these first-page queries through React Query's cache.\n  const { data: traceFeedbackData } = useTraceFeedback({\n    traceId,\n    queryOptions: { enabled: withFeedback && !!traceId },\n  });\n  const { data: spanFeedbackData } = useSpanFeedback({\n    traceId,\n    spanId,\n    queryOptions: { enabled: withFeedback && !!traceId && !!spanId },\n  });\n\n  const {\n    spans,\n    anchorSpanId,\n    isLoading: isLoadingSpans,\n  } = useTraceOrBranchSpans({ traceId: traceId ?? null, listMode: 'traces', anchorSpanId: null });\n  const anchorSpan = anchorSpanId\n    ? spans?.find(s => s.spanId === anchorSpanId)\n    : spans?.find(s => s.parentSpanId == null);\n\n  const { data: spanScoresData } = useTraceSpanScores({\n    traceId,\n    spanId: anchorSpan?.spanId,\n    queryOptions: { enabled: !!traceId && !!anchorSpan?.spanId },\n  });\n  const featuredScore = selection.scoreId\n    ? spanScoresData?.scores?.find(score => score.id === selection.scoreId)\n    : undefined;\n\n  // Same key as the list's usage query when the trace is listed, so React Query serves it from cache.\n  // Waits for the list so a deep-linked trace doesn't fetch its own usage before the rows arrive.\n  const rowIds = rows.map(row => row.traceId);\n  const isListed = !!traceId && rowIds.includes(traceId);\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: isListed ? rowIds : traceId ? [traceId] : [],\n    enabled: usageEnabled && !isListLoading,\n    autoRefetch,\n  });\n  const usage = traceId ? usageByTraceId?.get(traceId) : undefined;\n\n  const { handlePreviousTrace, handleNextTrace } = useTraceListNavigation(rows, traceId, null, selectTrace);\n\n  const isFullThreadOpen = !!traceId && fullThreadTraceId === traceId;\n  const depth = isFullThreadOpen ? 3 : 2;\n\n  // Only agent traces carry the Messages column, so other traces open the drawer one size\n  // smaller, with or without a span open. The listed row knows the entity on click; the root\n  // span covers deep-linked traces outside the list.\n  const entityType = rows.find(row => row.traceId === traceId)?.entityType ?? anchorSpan?.entityType;\n  const isAgent = entityType === EntityType.AGENT;\n  const panelSize = spanId ? (isAgent ? 'full' : 'wide') : isAgent ? 'wide' : 'half';\n\n  return (\n    <>\n      <TraceSpanPanel\n        title=\"Trace details\"\n        size={panelSize}\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        entityType={entityType}\n        usage={usage}\n        isLoadingSpans={isLoadingSpans}\n        selectedSpanId={spanId ?? null}\n        onClose={() => {\n          setFullThreadTraceId(null);\n          closeTrace();\n        }}\n        isFullThreadOpen={isFullThreadOpen}\n        withQueryTrace={withQueryTrace}\n        withFeedback={withFeedback}\n        onOpenScore={onOpenScore}\n        onFullThreadOpenChange={open => setFullThreadTraceId(open ? (traceId ?? null) : null)}\n        onSpanSelect={id => selectSpan(id ?? null)}\n        onSaveAsDatasetItem={withAddTraceToDataset ? setDatasetDialogTarget : undefined}\n        initialSpanId={spanId}\n        onPrevious={handlePreviousTrace}\n        onNext={handleNextTrace}\n        showPartialThread\n        featuredSpanIds={selection.highlightSpanIds}\n        onHighlightSpans={highlightSpans}\n        feedbackTabBadge={withFeedback ? (traceFeedbackData?.pagination?.total ?? undefined) : undefined}\n        feedbackTabSlot={withFeedback ? ({ traceId: tid }) => <TraceFeedbackTab traceId={tid} /> : undefined}\n        scoresTabBadge={spanScoresData?.pagination?.total ?? undefined}\n        scoresTabSlot={({ traceId: tid, rootSpanId }) =>\n          rootSpanId ? <TraceScoresList traceId={tid} spanId={rootSpanId} onScoreSelect={selectScore} /> : null\n        }\n        spanView={selection.spanView}\n        onSpanViewChange={setSpanView}\n        spanActiveTab={selection.spanTab ?? 'details'}\n        onSpanTabChange={setSpanTab}\n        spanFeedbackTabBadge={withFeedback ? (spanFeedbackData?.pagination?.total ?? undefined) : undefined}\n        spanFeedbackTabSlot={\n          withFeedback\n            ? ({ traceId: tid, spanId: sid }) =>\n                tid && sid ? <SpanFeedbackTab key={`${tid}:${sid}`} traceId={tid} spanId={sid} /> : null\n            : undefined\n        }\n        headerActionsSlot={traceId && headerActionsSlot ? headerActionsSlot({ traceId, spans }) : undefined}\n        traceHref={traceId && traceHref ? traceHref(traceId) : undefined}\n      />\n      <ScoreDataPanel depth={depth} score={featuredScore} onClose={() => selectScore(null)} />\n      {withAddTraceToDataset && (\n        <TraceAsItemDialog\n          rootSpanId={datasetDialogTarget?.rootSpanId}\n          traceId={datasetDialogTarget?.traceId}\n          isOpen={!!datasetDialogTarget}\n          onClose={() => setDatasetDialogTarget(null)}\n          renderCreateDatasetDialog={renderCreateDatasetDialog}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"traces-explorer-panel.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useSpanFeedback, useTraceFeedback, useTraceOrBranchSpans, useTraceUsage } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useTraceListNavigation } from '../../hooks/use-trace-list-navigation';\nimport { SpanFeedbackTab } from '../span-feedback-tab';\nimport { TraceFeedbackTab } from '../trace-feedback-tab';\nimport { TraceSpanPanel } from '../trace-span-panel';\nimport type { TraceSpanPanelProps } from '../trace-span-panel';\nimport { useTraceUsageColumns, useTracesConfig, useTracesList, useTracesSelection } from './traces-explorer-context';\nimport { TraceAsItemDialog } from '@/domains/observability/components/trace-as-item-dialog';\nimport { ScoreDataPanel, TraceScoresList } from '@/domains/scores';\n\nexport type TracesExplorerPanelProps = {\n  /** Opens a score of one of the full thread's traces (the host owns routing). */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  renderCreateDatasetDialog?: ComponentProps<typeof TraceAsItemDialog>['renderCreateDatasetDialog'];\n  /** Host integration actions rendered alongside the trace controls. */\n  headerActionsSlot?: (args: { traceId: string; spans: TraceSpanPanelProps['spans'] }) => ReactNode;\n  /** Builds the href of the dedicated trace page; without it the drawer offers no \"Open trace page\" link. */\n  traceHref?: (traceId: string) => string;\n  /** Shows the \"Add to dataset\" button next to \"Score trace\". Defaults to `true`. */\n  withAddTraceToDataset?: boolean;\n};\n\ntype DatasetDialogTarget = { traceId: string; rootSpanId: string | undefined };\n\nexport function TracesExplorerPanel({\n  onOpenScore,\n  renderCreateDatasetDialog,\n  headerActionsSlot,\n  traceHref,\n  withAddTraceToDataset = true,\n}: TracesExplorerPanelProps) {\n  const { withQueryTrace, withFeedback } = useTracesConfig();\n  const { rows, autoRefetch, isLoading: isListLoading } = useTracesList();\n  const { selection, selectTrace, closeTrace, selectSpan, setSpanTab, setSpanView, selectScore, highlightSpans } =\n    useTracesSelection();\n  const { usageEnabled } = useTraceUsageColumns();\n  const traceId = selection.traceId;\n  const spanId = selection.spanId;\n\n  const [datasetDialogTarget, setDatasetDialogTarget] = useState<DatasetDialogTarget | null>(null);\n  // Keyed by trace id so selecting another trace (row click, prev/next) falls back to the trace panel.\n  const [fullThreadTraceId, setFullThreadTraceId] = useState<string | null>(null);\n\n  // Tab badge counts; the tab bodies re-use these first-page queries through React Query's cache.\n  const { data: traceFeedbackData } = useTraceFeedback({\n    traceId,\n    queryOptions: { enabled: withFeedback && !!traceId },\n  });\n  const { data: spanFeedbackData } = useSpanFeedback({\n    traceId,\n    spanId,\n    queryOptions: { enabled: withFeedback && !!traceId && !!spanId },\n  });\n\n  const {\n    spans,\n    anchorSpanId,\n    isLoading: isLoadingSpans,\n  } = useTraceOrBranchSpans({ traceId: traceId ?? null, listMode: 'traces', anchorSpanId: null });\n  const anchorSpan = anchorSpanId\n    ? spans?.find(s => s.spanId === anchorSpanId)\n    : spans?.find(s => s.parentSpanId == null);\n\n  const { data: spanScoresData } = useTraceSpanScores({\n    traceId,\n    spanId: anchorSpan?.spanId,\n    queryOptions: { enabled: !!traceId && !!anchorSpan?.spanId },\n  });\n  const featuredScore = selection.scoreId\n    ? spanScoresData?.scores?.find(score => score.id === selection.scoreId)\n    : undefined;\n\n  // Same key as the list's usage query when the trace is listed, so React Query serves it from cache.\n  // Waits for the list so a deep-linked trace doesn't fetch its own usage before the rows arrive.\n  const rowIds = rows.map(row => row.traceId);\n  const isListed = !!traceId && rowIds.includes(traceId);\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: isListed ? rowIds : traceId ? [traceId] : [],\n    enabled: usageEnabled && !isListLoading,\n    autoRefetch,\n  });\n  const usage = traceId ? usageByTraceId?.get(traceId) : undefined;\n\n  const { handlePreviousTrace, handleNextTrace } = useTraceListNavigation(rows, traceId, null, selectTrace);\n\n  const isFullThreadOpen = !!traceId && fullThreadTraceId === traceId;\n  const depth = isFullThreadOpen ? 3 : 2;\n\n  // Only agent traces carry the Messages column, so other traces open the drawer one size\n  // smaller, with or without a span open. The listed row knows the entity on click; the root\n  // span covers deep-linked traces outside the list.\n  const listedRow = rows.find(row => row.traceId === traceId);\n  const entityType = listedRow?.entityType ?? anchorSpan?.entityType;\n  const isAgent = entityType === EntityType.AGENT;\n  const panelSize = spanId ? (isAgent ? 'full' : 'wide') : isAgent ? 'wide' : 'half';\n\n  return (\n    <>\n      <TraceSpanPanel\n        title=\"Trace details\"\n        size={panelSize}\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        entityType={entityType}\n        usage={usage}\n        rootStreamingTimings={listedRow}\n        isLoadingSpans={isLoadingSpans}\n        selectedSpanId={spanId ?? null}\n        onClose={() => {\n          setFullThreadTraceId(null);\n          closeTrace();\n        }}\n        isFullThreadOpen={isFullThreadOpen}\n        withQueryTrace={withQueryTrace}\n        withFeedback={withFeedback}\n        onOpenScore={onOpenScore}\n        onFullThreadOpenChange={open => setFullThreadTraceId(open ? (traceId ?? null) : null)}\n        onSpanSelect={id => selectSpan(id ?? null)}\n        onSaveAsDatasetItem={withAddTraceToDataset ? setDatasetDialogTarget : undefined}\n        initialSpanId={spanId}\n        onPrevious={handlePreviousTrace}\n        onNext={handleNextTrace}\n        showPartialThread\n        featuredSpanIds={selection.highlightSpanIds}\n        onHighlightSpans={highlightSpans}\n        feedbackTabBadge={withFeedback ? (traceFeedbackData?.pagination?.total ?? undefined) : undefined}\n        feedbackTabSlot={withFeedback ? ({ traceId: tid }) => <TraceFeedbackTab traceId={tid} /> : undefined}\n        scoresTabBadge={spanScoresData?.pagination?.total ?? undefined}\n        scoresTabSlot={({ traceId: tid, rootSpanId }) =>\n          rootSpanId ? <TraceScoresList traceId={tid} spanId={rootSpanId} onScoreSelect={selectScore} /> : null\n        }\n        spanView={selection.spanView}\n        onSpanViewChange={setSpanView}\n        spanActiveTab={selection.spanTab ?? 'details'}\n        onSpanTabChange={setSpanTab}\n        spanFeedbackTabBadge={withFeedback ? (spanFeedbackData?.pagination?.total ?? undefined) : undefined}\n        spanFeedbackTabSlot={\n          withFeedback\n            ? ({ traceId: tid, spanId: sid }) =>\n                tid && sid ? <SpanFeedbackTab key={`${tid}:${sid}`} traceId={tid} spanId={sid} /> : null\n            : undefined\n        }\n        headerActionsSlot={traceId && headerActionsSlot ? headerActionsSlot({ traceId, spans }) : undefined}\n        traceHref={traceId && traceHref ? traceHref(traceId) : undefined}\n      />\n      <ScoreDataPanel depth={depth} score={featuredScore} onClose={() => selectScore(null)} />\n      {withAddTraceToDataset && (\n        <TraceAsItemDialog\n          rootSpanId={datasetDialogTarget?.rootSpanId}\n          traceId={datasetDialogTarget?.traceId}\n          isOpen={!!datasetDialogTarget}\n          onClose={() => setDatasetDialogTarget(null)}\n          renderCreateDatasetDialog={renderCreateDatasetDialog}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-root.cjs.js

@@ -1,6 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../../trace-filters-BpeBUjCb.cjs");
+const require_trace_filters = require("../../../../trace-filters-BNEZ31HX.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer-actions.cjs.js");
+const require_domains_observability_lib_zoom_memory = require("../../../observability/lib/zoom-memory.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_columns_provider = require("./traces-explorer-columns-provider.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_list_provider = require("./traces-explorer-list-provider.cjs.js");
@@ -30,7 +31,21 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 	const { data: capabilities } = (0, _mastra_react_hooks_capabilities.useObservabilityCapabilities)();
 	const withTimeToFirstChunk = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false);
 	const withTimeToFirstChunkSort = withTimeToFirstChunk && (capabilities?.capabilities.traceQueryTimeToFirstChunkSort ?? false);
-	const filters = (0, react.useMemo)(() => require_domains_traces_components_traces_explorer_traces_explorer_actions.sanitizeTracesFilters(rawFilters, withRootDuration), [rawFilters, withRootDuration]);
+	const withTimeToFirstToken = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstToken ?? false);
+	const withTimeToFirstTokenSort = withTimeToFirstToken && (capabilities?.capabilities.traceQueryTimeToFirstTokenSort ?? false);
+	const withOutcomeFields = withQueryTrace && (capabilities?.capabilities.traceQueryOutcomeFields ?? false);
+	const filters = (0, react.useMemo)(() => require_domains_traces_components_traces_explorer_traces_explorer_actions.sanitizeTracesFilters(rawFilters, {
+		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields
+	}), [
+		rawFilters,
+		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields
+	]);
 	const isScoped = !!scope;
 	const scopedFieldIds = isScoped ? SCOPED_FIELD_IDS : NO_FIELD_IDS;
 	const hiddenFieldIds = isScoped ? HIDDEN_SCOPED_FIELD_IDS : NO_HIDDEN_FIELD_IDS;
@@ -50,6 +65,7 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 	};
 	const latest = (0, react.useRef)(current);
 	latest.current = current;
+	const zoomMemory = (0, react.useRef)(void 0);
 	const { selectionActions, filtersActions, onSortChange } = (0, react.useMemo)(() => {
 		const emit = (next) => {
 			latest.current.selection = next.selection;
@@ -80,15 +96,39 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 			selectScore: (scoreId) => updateSelection(require_domains_traces_components_traces_explorer_traces_explorer_actions.selectScore(latest.current.selection, scoreId)),
 			highlightSpans: (spanIds) => updateSelection(require_domains_traces_components_traces_explorer_traces_explorer_actions.highlightSpans(latest.current.selection, spanIds))
 		};
+		const pickRange = (next) => {
+			zoomMemory.current = void 0;
+			updateFilters(next);
+		};
 		const filtersActions = {
 			setFilterTokens: (tokens, groups) => {
 				const { filters: base, scopedFieldIds: scoped } = latest.current;
 				const scopeTokens = base.tokens.filter((token) => scoped.has(token.fieldId));
 				updateFilters(require_domains_traces_components_traces_explorer_traces_explorer_actions.applyFilterTokens(base, [...scopeTokens, ...tokens], groups));
 			},
-			setDatePreset: (preset) => updateFilters(require_domains_traces_components_traces_explorer_traces_explorer_actions.applyDatePreset(latest.current.filters, preset)),
-			setDate: (value, end) => updateFilters(require_domains_traces_components_traces_explorer_traces_explorer_actions.applyDate(latest.current.filters, value, end)),
-			setDateRange: (from, to) => updateFilters(require_domains_traces_components_traces_explorer_traces_explorer_actions.applyDateRange(latest.current.filters, from, to))
+			setDatePreset: (preset) => pickRange(require_domains_traces_components_traces_explorer_traces_explorer_actions.applyDatePreset(latest.current.filters, preset)),
+			setDate: (value, end) => pickRange(require_domains_traces_components_traces_explorer_traces_explorer_actions.applyDate(latest.current.filters, value, end)),
+			setDateRange: (from, to) => pickRange(require_domains_traces_components_traces_explorer_traces_explorer_actions.applyDateRange(latest.current.filters, from, to)),
+			zoomDateRange: (from, to) => {
+				const base = latest.current.filters;
+				zoomMemory.current = require_domains_observability_lib_zoom_memory.rememberZoom(zoomMemory.current, base, from, to);
+				updateFilters({
+					...base,
+					datePreset: "custom",
+					dateFrom: from,
+					dateTo: to
+				});
+			},
+			resetDateRange: (defaultPreset) => {
+				const base = latest.current.filters;
+				const before = require_domains_observability_lib_zoom_memory.rangeBeforeZoom(zoomMemory.current, base);
+				zoomMemory.current = void 0;
+				updateFilters({
+					tokens: base.tokens,
+					groups: base.groups,
+					...before ?? { datePreset: defaultPreset }
+				});
+			}
 		};
 		const onSortChange = (next) => latest.current.onSortChange(next);
 		return {
@@ -113,8 +153,11 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 		withSpanQuery,
 		withThreadQuery,
 		withRootDuration,
+		withOutcomeFields,
 		withTimeToFirstChunk,
 		withTimeToFirstChunkSort,
+		withTimeToFirstToken,
+		withTimeToFirstTokenSort,
 		withDeltaPolling,
 		withDiscovery,
 		isCapabilitiesLoading: traceQuery.isLoading,
@@ -129,8 +172,11 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 		withSpanQuery,
 		withThreadQuery,
 		withRootDuration,
+		withOutcomeFields,
 		withTimeToFirstChunk,
 		withTimeToFirstChunkSort,
+		withTimeToFirstToken,
+		withTimeToFirstTokenSort,
 		withDeltaPolling,
 		withDiscovery,
 		traceQuery.isLoading,

package/dist/domains/traces/components/traces-explorer/traces-explorer-root.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-root.cjs.js","names":["EntityType","DEFAULT_TRACES_FILTERS","useTraceQueryAvailable","useFeedbackAvailable","useSpanQueryAvailable","useThreadQueryAvailable","useTraceQueryRootDurationAvailable","useTraceQueryDeltaPollingAvailable","useTraceQueryDiscoveryAvailable","useObservabilityCapabilities","useMemo","sanitizeTracesFilters","resolveTracesDateWindow","useRef","isSelectionEmpty","clearSelection","selectTrace","selectSpan","setSpanTab","setSpanView","selectScore","highlightSpans","applyFilterTokens","applyDatePreset","applyDate","applyDateRange","useState","resolveTraceQueryTimeRange","selectsRunningStatus","TracesConfigContext","TracesFiltersContext","TracesSelectionContext","TracesColumnsProvider","TracesListProvider"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-root.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useMemo, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { resolveTraceQueryTimeRange } from '../../trace-query-filters';\nimport {\n  applyDate,\n  applyDatePreset,\n  applyDateRange,\n  applyFilterTokens,\n  clearSelection,\n  DEFAULT_TRACES_FILTERS,\n  highlightSpans,\n  isSelectionEmpty,\n  resolveTracesDateWindow,\n  sanitizeTracesFilters,\n  selectsRunningStatus,\n  selectScore,\n  selectSpan,\n  selectTrace,\n  setSpanTab,\n  setSpanView,\n} from './traces-explorer-actions';\nimport type { TracesExplorerState, TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\nimport { TracesColumnsProvider } from './traces-explorer-columns-provider';\nimport { TracesConfigContext, TracesFiltersContext, TracesSelectionContext } from './traces-explorer-context';\nimport type {\n  TracesConfigContextValue,\n  TracesExplorerFeatures,\n  TracesExplorerScope,\n  TracesFiltersActions,\n  TracesFiltersContextValue,\n  TracesMetricsSupport,\n  TracesSelectionActions,\n  TracesSelectionContextValue,\n} from './traces-explorer-context';\nimport { TracesListProvider } from './traces-explorer-list-provider';\nimport {\n  useFeedbackAvailable,\n  useObservabilityCapabilities,\n  useSpanQueryAvailable,\n  useThreadQueryAvailable,\n  useTraceQueryAvailable,\n  useTraceQueryDeltaPollingAvailable,\n  useTraceQueryDiscoveryAvailable,\n  useTraceQueryRootDurationAvailable,\n} from '@/domains/capabilities';\n\nexport type TracesExplorerRootProps = {\n  selection: TracesSelection;\n  filters: TracesFilters;\n  /** Receives the full next state once per user action, so a filter edit and the selection it clears land together. */\n  onChange: (next: TracesExplorerState) => void;\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n  /** Pins the explorer to one entity: its fields stay in the filters but never surface as chips. */\n  scope?: TracesExplorerScope;\n  /** Resolved by the host, which may know better than the storage capabilities (e.g. hosted deployments). */\n  metricsSupport: TracesMetricsSupport;\n  /** Host switches combined with the server capabilities; a feature runs only when both allow it. */\n  features?: TracesExplorerFeatures;\n  /** The host's default filters. Filters matching them don't count as applied (e.g. in empty states). */\n  initialFilters?: TracesFilters;\n  children: ReactNode;\n};\n\nconst SCOPED_FIELD_IDS: ReadonlySet<string> = new Set(['rootEntityType', 'entityId']);\nconst HIDDEN_SCOPED_FIELD_IDS: readonly string[] = ['rootEntityType', 'entityId', 'entityName'];\nconst NO_FIELD_IDS: ReadonlySet<string> = new Set();\nconst NO_HIDDEN_FIELD_IDS: readonly string[] = [];\n\nconst listIdForScope = (scope?: TracesExplorerScope) =>\n  scope?.entityType === EntityType.AGENT\n    ? 'agent-traces'\n    : scope?.entityType === EntityType.WORKFLOW_RUN\n      ? 'workflows-traces'\n      : 'all-traces';\n\ntype Latest = Pick<TracesExplorerRootProps, 'selection' | 'filters' | 'onChange' | 'onSortChange'> & {\n  scopedFieldIds: ReadonlySet<string>;\n};\n\nexport function TracesExplorerRoot({\n  selection,\n  filters: rawFilters,\n  onChange,\n  sort,\n  onSortChange: onHostSortChange,\n  scope,\n  metricsSupport,\n  features,\n  initialFilters = DEFAULT_TRACES_FILTERS,\n  children,\n}: TracesExplorerRootProps) {\n  // Servers without the trace-query API list through `listTracesLight` and don't expose feedback.\n  const traceQuery = useTraceQueryAvailable();\n  const withQueryTrace = traceQuery.enabled && features?.traceQuery !== false;\n  const withFeedback = useFeedbackAvailable().enabled && features?.feedback !== false;\n  // Opt-in: span queries need both the server capability and the host turning them on.\n  const withSpanQuery = useSpanQueryAvailable().enabled && features?.spanQuery === true;\n  // Opt-in like span queries: thread rows need the server capability and the host turning them on.\n  const withThreadQuery = useThreadQueryAvailable().enabled && features?.threadQuery === true;\n  const { enabled: withRootDuration } = useTraceQueryRootDurationAvailable();\n  const { enabled: withDeltaPolling } = useTraceQueryDeltaPollingAvailable();\n  const withDiscovery = useTraceQueryDiscoveryAvailable().enabled && withQueryTrace;\n  // `listTracesLight` rows never carry it, so it needs the trace query API as well.\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withTimeToFirstChunk = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false);\n  const withTimeToFirstChunkSort =\n    withTimeToFirstChunk && (capabilities?.capabilities.traceQueryTimeToFirstChunkSort ?? false);\n\n  // Entries the server can't query are ignored, never written back: the host keeps its raw value.\n  const filters = useMemo(() => sanitizeTracesFilters(rawFilters, withRootDuration), [rawFilters, withRootDuration]);\n\n  const isScoped = !!scope;\n  const scopedFieldIds = isScoped ? SCOPED_FIELD_IDS : NO_FIELD_IDS;\n  const hiddenFieldIds = isScoped ? HIDDEN_SCOPED_FIELD_IDS : NO_HIDDEN_FIELD_IDS;\n\n  // Rolling presets pin their start when the preset (or custom bound) changes, not on every render.\n  const fromMs = rawFilters.dateFrom?.getTime();\n  const toMs = rawFilters.dateTo?.getTime();\n  const { dateFrom, dateTo } = useMemo(\n    () =>\n      resolveTracesDateWindow(\n        rawFilters.datePreset,\n        fromMs === undefined ? undefined : new Date(fromMs),\n        toMs === undefined ? undefined : new Date(toMs),\n      ),\n    [rawFilters.datePreset, fromMs, toMs],\n  );\n\n  // Actions read the latest props when they run, so the host doesn't need stable callbacks.\n  // `latest` is written as soon as a change is emitted, so a second action in the same tick\n  // (the date picker fires a preset then its dates) builds on the first instead of the stale props.\n  const current: Latest = { selection, filters: rawFilters, onChange, onSortChange: onHostSortChange, scopedFieldIds };\n  const latest = useRef(current);\n  latest.current = current;\n\n  const actions = useMemo(() => {\n    const emit = (next: TracesExplorerState) => {\n      latest.current.selection = next.selection;\n      latest.current.filters = next.filters;\n      latest.current.onChange(next);\n    };\n    const updateSelection = (next: TracesSelection) => {\n      if (next === latest.current.selection) return;\n      emit({ selection: next, filters: latest.current.filters });\n    };\n    // A filter change invalidates whatever is selected: the selected row may no longer be listed.\n    const updateFilters = (next: TracesFilters) => {\n      const { selection: currentSelection, filters: currentFilters } = latest.current;\n      if (next === currentFilters) return;\n      emit({\n        filters: next,\n        selection: isSelectionEmpty(currentSelection) ? currentSelection : clearSelection(currentSelection),\n      });\n    };\n\n    const selectionActions: TracesSelectionActions = {\n      selectTrace: traceId => updateSelection(selectTrace(latest.current.selection, traceId)),\n      closeTrace: () => updateSelection(selectTrace(latest.current.selection, null)),\n      selectSpan: spanId => updateSelection(selectSpan(latest.current.selection, spanId)),\n      setSpanTab: tab => updateSelection(setSpanTab(latest.current.selection, tab)),\n      setSpanView: view => updateSelection(setSpanView(latest.current.selection, view)),\n      selectScore: scoreId => updateSelection(selectScore(latest.current.selection, scoreId)),\n      highlightSpans: spanIds => updateSelection(highlightSpans(latest.current.selection, spanIds)),\n    };\n    const filtersActions: TracesFiltersActions = {\n      // Re-inject the scope tokens so \"Clear filters\" (which drops every removable item) and any\n      // other edit can never drop the scope.\n      setFilterTokens: (tokens, groups) => {\n        const { filters: base, scopedFieldIds: scoped } = latest.current;\n        const scopeTokens = base.tokens.filter(token => scoped.has(token.fieldId));\n        updateFilters(applyFilterTokens(base, [...scopeTokens, ...tokens], groups));\n      },\n      setDatePreset: preset => updateFilters(applyDatePreset(latest.current.filters, preset)),\n      setDate: (value, end) => updateFilters(applyDate(latest.current.filters, value, end)),\n      setDateRange: (from, to) => updateFilters(applyDateRange(latest.current.filters, from, to)),\n    };\n    const onSortChange = (next: TracesSort) => latest.current.onSortChange(next);\n    return { selectionActions, filtersActions, onSortChange };\n  }, []);\n  const { selectionActions, filtersActions, onSortChange } = actions;\n\n  // Discovery is keyed off the date window with a mount-time `now`, not the list's rolling one,\n  // so its query key (and the skeleton) doesn't churn on every auto-refresh tick.\n  const [discoveryNow] = useState(() => new Date());\n  const discoveryTimeRange = useMemo(\n    () => resolveTraceQueryTimeRange(dateFrom, dateTo, discoveryNow),\n    [dateFrom, dateTo, discoveryNow],\n  );\n\n  const listId = listIdForScope(scope);\n  const configValue = useMemo<TracesConfigContextValue>(\n    () => ({\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withDeltaPolling,\n      withDiscovery,\n      isCapabilitiesLoading: traceQuery.isLoading,\n      metricsSupport,\n      discoveryTimeRange,\n    }),\n    [\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withDeltaPolling,\n      withDiscovery,\n      traceQuery.isLoading,\n      metricsSupport,\n      discoveryTimeRange,\n    ],\n  );\n\n  const contentFiltersApplied = filters.tokens.length > 0 || filters.groups.length > 0;\n  const filtersApplied = contentFiltersApplied || filters.datePreset !== initialFilters.datePreset || !!dateTo;\n  const runningSelected = useMemo(() => selectsRunningStatus(rawFilters), [rawFilters]);\n  const filtersValue = useMemo<TracesFiltersContextValue>(\n    () => ({\n      ...filtersActions,\n      filters,\n      dateFrom,\n      dateTo,\n      filtersApplied,\n      contentFiltersApplied,\n      runningSelected,\n    }),\n    [filtersActions, filters, dateFrom, dateTo, filtersApplied, contentFiltersApplied, runningSelected],\n  );\n\n  // Not memoized: the selection consumers (Layout, List, Panel) also re-render on filter and list\n  // changes, which are what re-render Root while the selection stays the same.\n  const selectionValue: TracesSelectionContextValue = {\n    ...selectionActions,\n    selection,\n    selectedTraceId: selection.traceId,\n  };\n\n  return (\n    <TracesConfigContext.Provider value={configValue}>\n      <TracesFiltersContext.Provider value={filtersValue}>\n        <TracesSelectionContext.Provider value={selectionValue}>\n          <TracesColumnsProvider>\n            <TracesListProvider sort={sort} onSortChange={onSortChange}>\n              {children}\n            </TracesListProvider>\n          </TracesColumnsProvider>\n        </TracesSelectionContext.Provider>\n      </TracesFiltersContext.Provider>\n    </TracesConfigContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"traces-explorer-root.cjs.js","names":["EntityType","DEFAULT_TRACES_FILTERS","useTraceQueryAvailable","useFeedbackAvailable","useSpanQueryAvailable","useThreadQueryAvailable","useTraceQueryRootDurationAvailable","useTraceQueryDeltaPollingAvailable","useTraceQueryDiscoveryAvailable","useObservabilityCapabilities","useMemo","sanitizeTracesFilters","resolveTracesDateWindow","useRef","isSelectionEmpty","clearSelection","selectTrace","selectSpan","setSpanTab","setSpanView","selectScore","highlightSpans","applyFilterTokens","applyDatePreset","applyDate","applyDateRange","rememberZoom","rangeBeforeZoom","useState","resolveTraceQueryTimeRange","selectsRunningStatus","TracesConfigContext","TracesFiltersContext","TracesSelectionContext","TracesColumnsProvider","TracesListProvider"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-root.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useMemo, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { resolveTraceQueryTimeRange } from '../../trace-query-filters';\nimport {\n  applyDate,\n  applyDatePreset,\n  applyDateRange,\n  applyFilterTokens,\n  clearSelection,\n  DEFAULT_TRACES_FILTERS,\n  highlightSpans,\n  isSelectionEmpty,\n  resolveTracesDateWindow,\n  sanitizeTracesFilters,\n  selectsRunningStatus,\n  selectScore,\n  selectSpan,\n  selectTrace,\n  setSpanTab,\n  setSpanView,\n} from './traces-explorer-actions';\nimport type { TracesExplorerState, TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\nimport { TracesColumnsProvider } from './traces-explorer-columns-provider';\nimport { TracesConfigContext, TracesFiltersContext, TracesSelectionContext } from './traces-explorer-context';\nimport type {\n  TracesConfigContextValue,\n  TracesExplorerFeatures,\n  TracesExplorerScope,\n  TracesFiltersActions,\n  TracesFiltersContextValue,\n  TracesMetricsSupport,\n  TracesSelectionActions,\n  TracesSelectionContextValue,\n} from './traces-explorer-context';\nimport { TracesListProvider } from './traces-explorer-list-provider';\nimport {\n  useFeedbackAvailable,\n  useObservabilityCapabilities,\n  useSpanQueryAvailable,\n  useThreadQueryAvailable,\n  useTraceQueryAvailable,\n  useTraceQueryDeltaPollingAvailable,\n  useTraceQueryDiscoveryAvailable,\n  useTraceQueryRootDurationAvailable,\n} from '@/domains/capabilities';\nimport { rangeBeforeZoom, rememberZoom } from '@/domains/observability/lib/zoom-memory';\nimport type { ZoomMemory } from '@/domains/observability/lib/zoom-memory';\n\nexport type TracesExplorerRootProps = {\n  selection: TracesSelection;\n  filters: TracesFilters;\n  /** Receives the full next state once per user action, so a filter edit and the selection it clears land together. */\n  onChange: (next: TracesExplorerState) => void;\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n  /** Pins the explorer to one entity: its fields stay in the filters but never surface as chips. */\n  scope?: TracesExplorerScope;\n  /** Resolved by the host, which may know better than the storage capabilities (e.g. hosted deployments). */\n  metricsSupport: TracesMetricsSupport;\n  /** Host switches combined with the server capabilities; a feature runs only when both allow it. */\n  features?: TracesExplorerFeatures;\n  /** The host's default filters. Filters matching them don't count as applied (e.g. in empty states). */\n  initialFilters?: TracesFilters;\n  children: ReactNode;\n};\n\nconst SCOPED_FIELD_IDS: ReadonlySet<string> = new Set(['rootEntityType', 'entityId']);\nconst HIDDEN_SCOPED_FIELD_IDS: readonly string[] = ['rootEntityType', 'entityId', 'entityName'];\nconst NO_FIELD_IDS: ReadonlySet<string> = new Set();\nconst NO_HIDDEN_FIELD_IDS: readonly string[] = [];\n\nconst listIdForScope = (scope?: TracesExplorerScope) =>\n  scope?.entityType === EntityType.AGENT\n    ? 'agent-traces'\n    : scope?.entityType === EntityType.WORKFLOW_RUN\n      ? 'workflows-traces'\n      : 'all-traces';\n\ntype Latest = Pick<TracesExplorerRootProps, 'selection' | 'filters' | 'onChange' | 'onSortChange'> & {\n  scopedFieldIds: ReadonlySet<string>;\n};\n\nexport function TracesExplorerRoot({\n  selection,\n  filters: rawFilters,\n  onChange,\n  sort,\n  onSortChange: onHostSortChange,\n  scope,\n  metricsSupport,\n  features,\n  initialFilters = DEFAULT_TRACES_FILTERS,\n  children,\n}: TracesExplorerRootProps) {\n  // Servers without the trace-query API list through `listTracesLight` and don't expose feedback.\n  const traceQuery = useTraceQueryAvailable();\n  const withQueryTrace = traceQuery.enabled && features?.traceQuery !== false;\n  const withFeedback = useFeedbackAvailable().enabled && features?.feedback !== false;\n  // Opt-in: span queries need both the server capability and the host turning them on.\n  const withSpanQuery = useSpanQueryAvailable().enabled && features?.spanQuery === true;\n  // Opt-in like span queries: thread rows need the server capability and the host turning them on.\n  const withThreadQuery = useThreadQueryAvailable().enabled && features?.threadQuery === true;\n  const { enabled: withRootDuration } = useTraceQueryRootDurationAvailable();\n  const { enabled: withDeltaPolling } = useTraceQueryDeltaPollingAvailable();\n  const withDiscovery = useTraceQueryDiscoveryAvailable().enabled && withQueryTrace;\n  // `listTracesLight` rows never carry it, so it needs the trace query API as well.\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withTimeToFirstChunk = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false);\n  const withTimeToFirstChunkSort =\n    withTimeToFirstChunk && (capabilities?.capabilities.traceQueryTimeToFirstChunkSort ?? false);\n  const withTimeToFirstToken = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstToken ?? false);\n  const withTimeToFirstTokenSort =\n    withTimeToFirstToken && (capabilities?.capabilities.traceQueryTimeToFirstTokenSort ?? false);\n  const withOutcomeFields = withQueryTrace && (capabilities?.capabilities.traceQueryOutcomeFields ?? false);\n\n  // Entries the server can't query are ignored, never written back: the host keeps its raw value.\n  const filters = useMemo(\n    () =>\n      sanitizeTracesFilters(rawFilters, {\n        withRootDuration,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n      }),\n    [rawFilters, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields],\n  );\n\n  const isScoped = !!scope;\n  const scopedFieldIds = isScoped ? SCOPED_FIELD_IDS : NO_FIELD_IDS;\n  const hiddenFieldIds = isScoped ? HIDDEN_SCOPED_FIELD_IDS : NO_HIDDEN_FIELD_IDS;\n\n  // Rolling presets pin their start when the preset (or custom bound) changes, not on every render.\n  const fromMs = rawFilters.dateFrom?.getTime();\n  const toMs = rawFilters.dateTo?.getTime();\n  const { dateFrom, dateTo } = useMemo(\n    () =>\n      resolveTracesDateWindow(\n        rawFilters.datePreset,\n        fromMs === undefined ? undefined : new Date(fromMs),\n        toMs === undefined ? undefined : new Date(toMs),\n      ),\n    [rawFilters.datePreset, fromMs, toMs],\n  );\n\n  // Actions read the latest props when they run, so the host doesn't need stable callbacks.\n  // `latest` is written as soon as a change is emitted, so a second action in the same tick\n  // (the date picker fires a preset then its dates) builds on the first instead of the stale props.\n  const current: Latest = { selection, filters: rawFilters, onChange, onSortChange: onHostSortChange, scopedFieldIds };\n  const latest = useRef(current);\n  latest.current = current;\n  // Not part of the host's filters: a shared or reloaded link has no zoom to undo.\n  const zoomMemory = useRef<ZoomMemory | undefined>(undefined);\n\n  const actions = useMemo(() => {\n    const emit = (next: TracesExplorerState) => {\n      latest.current.selection = next.selection;\n      latest.current.filters = next.filters;\n      latest.current.onChange(next);\n    };\n    const updateSelection = (next: TracesSelection) => {\n      if (next === latest.current.selection) return;\n      emit({ selection: next, filters: latest.current.filters });\n    };\n    // A filter change invalidates whatever is selected: the selected row may no longer be listed.\n    const updateFilters = (next: TracesFilters) => {\n      const { selection: currentSelection, filters: currentFilters } = latest.current;\n      if (next === currentFilters) return;\n      emit({\n        filters: next,\n        selection: isSelectionEmpty(currentSelection) ? currentSelection : clearSelection(currentSelection),\n      });\n    };\n\n    const selectionActions: TracesSelectionActions = {\n      selectTrace: traceId => updateSelection(selectTrace(latest.current.selection, traceId)),\n      closeTrace: () => updateSelection(selectTrace(latest.current.selection, null)),\n      selectSpan: spanId => updateSelection(selectSpan(latest.current.selection, spanId)),\n      setSpanTab: tab => updateSelection(setSpanTab(latest.current.selection, tab)),\n      setSpanView: view => updateSelection(setSpanView(latest.current.selection, view)),\n      selectScore: scoreId => updateSelection(selectScore(latest.current.selection, scoreId)),\n      highlightSpans: spanIds => updateSelection(highlightSpans(latest.current.selection, spanIds)),\n    };\n    // A range picked by hand drops the zoom memory, even one that matches the zoomed bounds.\n    const pickRange = (next: TracesFilters) => {\n      zoomMemory.current = undefined;\n      updateFilters(next);\n    };\n    const filtersActions: TracesFiltersActions = {\n      // Re-inject the scope tokens so \"Clear filters\" (which drops every removable item) and any\n      // other edit can never drop the scope.\n      setFilterTokens: (tokens, groups) => {\n        const { filters: base, scopedFieldIds: scoped } = latest.current;\n        const scopeTokens = base.tokens.filter(token => scoped.has(token.fieldId));\n        updateFilters(applyFilterTokens(base, [...scopeTokens, ...tokens], groups));\n      },\n      setDatePreset: preset => pickRange(applyDatePreset(latest.current.filters, preset)),\n      setDate: (value, end) => pickRange(applyDate(latest.current.filters, value, end)),\n      setDateRange: (from, to) => pickRange(applyDateRange(latest.current.filters, from, to)),\n      zoomDateRange: (from, to) => {\n        const base = latest.current.filters;\n        zoomMemory.current = rememberZoom(zoomMemory.current, base, from, to);\n        updateFilters({ ...base, datePreset: 'custom', dateFrom: from, dateTo: to });\n      },\n      resetDateRange: defaultPreset => {\n        const base = latest.current.filters;\n        const before = rangeBeforeZoom(zoomMemory.current, base);\n        zoomMemory.current = undefined;\n        updateFilters({ tokens: base.tokens, groups: base.groups, ...(before ?? { datePreset: defaultPreset }) });\n      },\n    };\n    const onSortChange = (next: TracesSort) => latest.current.onSortChange(next);\n    return { selectionActions, filtersActions, onSortChange };\n  }, []);\n  const { selectionActions, filtersActions, onSortChange } = actions;\n\n  // Discovery is keyed off the date window with a mount-time `now`, not the list's rolling one,\n  // so its query key (and the skeleton) doesn't churn on every auto-refresh tick.\n  const [discoveryNow] = useState(() => new Date());\n  const discoveryTimeRange = useMemo(\n    () => resolveTraceQueryTimeRange(dateFrom, dateTo, discoveryNow),\n    [dateFrom, dateTo, discoveryNow],\n  );\n\n  const listId = listIdForScope(scope);\n  const configValue = useMemo<TracesConfigContextValue>(\n    () => ({\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\n      withDeltaPolling,\n      withDiscovery,\n      isCapabilitiesLoading: traceQuery.isLoading,\n      metricsSupport,\n      discoveryTimeRange,\n    }),\n    [\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\n      withDeltaPolling,\n      withDiscovery,\n      traceQuery.isLoading,\n      metricsSupport,\n      discoveryTimeRange,\n    ],\n  );\n\n  const contentFiltersApplied = filters.tokens.length > 0 || filters.groups.length > 0;\n  const filtersApplied = contentFiltersApplied || filters.datePreset !== initialFilters.datePreset || !!dateTo;\n  const runningSelected = useMemo(() => selectsRunningStatus(rawFilters), [rawFilters]);\n  const filtersValue = useMemo<TracesFiltersContextValue>(\n    () => ({\n      ...filtersActions,\n      filters,\n      dateFrom,\n      dateTo,\n      filtersApplied,\n      contentFiltersApplied,\n      runningSelected,\n    }),\n    [filtersActions, filters, dateFrom, dateTo, filtersApplied, contentFiltersApplied, runningSelected],\n  );\n\n  // Not memoized: the selection consumers (Layout, List, Panel) also re-render on filter and list\n  // changes, which are what re-render Root while the selection stays the same.\n  const selectionValue: TracesSelectionContextValue = {\n    ...selectionActions,\n    selection,\n    selectedTraceId: selection.traceId,\n  };\n\n  return (\n    <TracesConfigContext.Provider value={configValue}>\n      <TracesFiltersContext.Provider value={filtersValue}>\n        <TracesSelectionContext.Provider value={selectionValue}>\n          <TracesColumnsProvider>\n            <TracesListProvider sort={sort} onSortChange={onSortChange}>\n              {children}\n            </TracesListProvider>\n          </TracesColumnsProvider>\n        </TracesSelectionContext.Provider>\n      </TracesFiltersContext.Provider>\n    </TracesConfigContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-root.es.js

@@ -1,6 +1,7 @@
 import { useFeedbackAvailable, useObservabilityCapabilities, useSpanQueryAvailable, useThreadQueryAvailable, useTraceQueryAvailable, useTraceQueryDeltaPollingAvailable, useTraceQueryDiscoveryAvailable, useTraceQueryRootDurationAvailable } from "../../../capabilities.es.js";
-import { ct as resolveTraceQueryTimeRange } from "../../../../trace-filters-C27yWcan.js";
+import { ft as resolveTraceQueryTimeRange } from "../../../../trace-filters-BJaebsxJ.js";
 import { DEFAULT_TRACES_FILTERS, applyDate, applyDatePreset, applyDateRange, applyFilterTokens, clearSelection, highlightSpans, isSelectionEmpty, resolveTracesDateWindow, sanitizeTracesFilters, selectScore, selectSpan, selectTrace, selectsRunningStatus, setSpanTab, setSpanView } from "./traces-explorer-actions.es.js";
+import { rangeBeforeZoom, rememberZoom } from "../../../observability/lib/zoom-memory.es.js";
 import { TracesConfigContext, TracesFiltersContext, TracesSelectionContext } from "./traces-explorer-context.es.js";
 import { TracesColumnsProvider } from "./traces-explorer-columns-provider.es.js";
 import { TracesListProvider } from "./traces-explorer-list-provider.es.js";
@@ -29,7 +30,21 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 	const { data: capabilities } = useObservabilityCapabilities();
 	const withTimeToFirstChunk = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false);
 	const withTimeToFirstChunkSort = withTimeToFirstChunk && (capabilities?.capabilities.traceQueryTimeToFirstChunkSort ?? false);
-	const filters = useMemo(() => sanitizeTracesFilters(rawFilters, withRootDuration), [rawFilters, withRootDuration]);
+	const withTimeToFirstToken = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstToken ?? false);
+	const withTimeToFirstTokenSort = withTimeToFirstToken && (capabilities?.capabilities.traceQueryTimeToFirstTokenSort ?? false);
+	const withOutcomeFields = withQueryTrace && (capabilities?.capabilities.traceQueryOutcomeFields ?? false);
+	const filters = useMemo(() => sanitizeTracesFilters(rawFilters, {
+		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields
+	}), [
+		rawFilters,
+		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields
+	]);
 	const isScoped = !!scope;
 	const scopedFieldIds = isScoped ? SCOPED_FIELD_IDS : NO_FIELD_IDS;
 	const hiddenFieldIds = isScoped ? HIDDEN_SCOPED_FIELD_IDS : NO_HIDDEN_FIELD_IDS;
@@ -49,6 +64,7 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 	};
 	const latest = useRef(current);
 	latest.current = current;
+	const zoomMemory = useRef(void 0);
 	const { selectionActions, filtersActions, onSortChange } = useMemo(() => {
 		const emit = (next) => {
 			latest.current.selection = next.selection;
@@ -79,15 +95,39 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 			selectScore: (scoreId) => updateSelection(selectScore(latest.current.selection, scoreId)),
 			highlightSpans: (spanIds) => updateSelection(highlightSpans(latest.current.selection, spanIds))
 		};
+		const pickRange = (next) => {
+			zoomMemory.current = void 0;
+			updateFilters(next);
+		};
 		const filtersActions = {
 			setFilterTokens: (tokens, groups) => {
 				const { filters: base, scopedFieldIds: scoped } = latest.current;
 				const scopeTokens = base.tokens.filter((token) => scoped.has(token.fieldId));
 				updateFilters(applyFilterTokens(base, [...scopeTokens, ...tokens], groups));
 			},
-			setDatePreset: (preset) => updateFilters(applyDatePreset(latest.current.filters, preset)),
-			setDate: (value, end) => updateFilters(applyDate(latest.current.filters, value, end)),
-			setDateRange: (from, to) => updateFilters(applyDateRange(latest.current.filters, from, to))
+			setDatePreset: (preset) => pickRange(applyDatePreset(latest.current.filters, preset)),
+			setDate: (value, end) => pickRange(applyDate(latest.current.filters, value, end)),
+			setDateRange: (from, to) => pickRange(applyDateRange(latest.current.filters, from, to)),
+			zoomDateRange: (from, to) => {
+				const base = latest.current.filters;
+				zoomMemory.current = rememberZoom(zoomMemory.current, base, from, to);
+				updateFilters({
+					...base,
+					datePreset: "custom",
+					dateFrom: from,
+					dateTo: to
+				});
+			},
+			resetDateRange: (defaultPreset) => {
+				const base = latest.current.filters;
+				const before = rangeBeforeZoom(zoomMemory.current, base);
+				zoomMemory.current = void 0;
+				updateFilters({
+					tokens: base.tokens,
+					groups: base.groups,
+					...before ?? { datePreset: defaultPreset }
+				});
+			}
 		};
 		const onSortChange = (next) => latest.current.onSortChange(next);
 		return {
@@ -112,8 +152,11 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 		withSpanQuery,
 		withThreadQuery,
 		withRootDuration,
+		withOutcomeFields,
 		withTimeToFirstChunk,
 		withTimeToFirstChunkSort,
+		withTimeToFirstToken,
+		withTimeToFirstTokenSort,
 		withDeltaPolling,
 		withDiscovery,
 		isCapabilitiesLoading: traceQuery.isLoading,
@@ -128,8 +171,11 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 		withSpanQuery,
 		withThreadQuery,
 		withRootDuration,
+		withOutcomeFields,
 		withTimeToFirstChunk,
 		withTimeToFirstChunkSort,
+		withTimeToFirstToken,
+		withTimeToFirstTokenSort,
 		withDeltaPolling,
 		withDiscovery,
 		traceQuery.isLoading,