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

package/dist/domains/traces/hooks/use-trace-or-branch-spans.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-or-branch-spans.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-or-branch-spans.ts"],"sourcesContent":["import type { TraceListMode } from '../trace-filters';\nimport type { SearchableSpan } from '../types';\nimport { useBranch } from './use-branch';\nimport { useTraceSpans } from './use-trace-spans';\n\nexport interface UseTraceOrBranchSpansArgs {\n  traceId: string | null | undefined;\n  /** Required when `listMode === 'branches'` — the anchor span identifying the displayed\n   *  subtree. The hook fetches `getBranch(traceId, anchorSpanId)`. Intra-panel span selection\n   *  is separate (the caller's `spanIdParam`); the anchor stays put while it changes. */\n  anchorSpanId?: string | null;\n  listMode: TraceListMode;\n  depth?: number;\n}\n\nexport interface UseTraceOrBranchSpansResult {\n  spans: SearchableSpan[] | undefined;\n  /** Set in branches mode; undefined in traces mode (which uses parentSpanId == null). */\n  anchorSpanId: string | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  error: unknown;\n}\n\n/**\n * Unified data source for the trace/span detail panel. Returns trace spans (full tree from the\n * root) in traces mode, or branch spans (subtree rooted at `anchorSpanId`) in branches mode.\n * Only the active query fires; the inactive one is disabled via its `enabled` flag.\n *\n * Both modes carry full span payloads: the panel renders and searches them, so a lightweight\n * projection here would hide content from the reader looking straight at it.\n */\nexport function useTraceOrBranchSpans({\n  traceId,\n  anchorSpanId,\n  listMode,\n  depth,\n}: UseTraceOrBranchSpansArgs): UseTraceOrBranchSpansResult {\n  const isBranches = listMode === 'branches';\n\n  const traceQuery = useTraceSpans(isBranches ? null : traceId);\n  const branchQuery = useBranch({\n    traceId: isBranches ? traceId : null,\n    spanId: isBranches ? anchorSpanId : null,\n    depth,\n  });\n\n  if (isBranches) {\n    return {\n      spans: branchQuery.data?.spans,\n      anchorSpanId: anchorSpanId ?? undefined,\n      isLoading: branchQuery.isLoading,\n      isError: branchQuery.isError,\n      error: branchQuery.error,\n    };\n  }\n\n  return {\n    spans: traceQuery.data?.spans,\n    anchorSpanId: undefined,\n    isLoading: traceQuery.isLoading,\n    isError: traceQuery.isError,\n    error: traceQuery.error,\n  };\n}\n"],"names":[],"mappings":";;;AAgCO,SAAS,qBAAA,CAAsB;AAAA,EACpC,OAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA2D;AACzD,EAAA,MAAM,aAAa,QAAA,KAAa,UAAA;AAEhC,EAAA,MAAM,UAAA,GAAa,aAAA,CAAc,UAAA,GAAa,IAAA,GAAO,OAAO,CAAA;AAC5D,EAAA,MAAM,cAAc,SAAA,CAAU;AAAA,IAC5B,OAAA,EAAS,aAAa,OAAA,GAAU,IAAA;AAAA,IAChC,MAAA,EAAQ,aAAa,YAAA,GAAe,IAAA;AAAA,IACpC;AAAA,GACD,CAAA;AAED,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,YAAY,IAAA,EAAM,KAAA;AAAA,MACzB,cAAc,YAAA,IAAgB,MAAA;AAAA,MAC9B,WAAW,WAAA,CAAY,SAAA;AAAA,MACvB,SAAS,WAAA,CAAY,OAAA;AAAA,MACrB,OAAO,WAAA,CAAY;AAAA,KACrB;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,WAAW,IAAA,EAAM,KAAA;AAAA,IACxB,YAAA,EAAc,MAAA;AAAA,IACd,WAAW,UAAA,CAAW,SAAA;AAAA,IACtB,SAAS,UAAA,CAAW,OAAA;AAAA,IACpB,OAAO,UAAA,CAAW;AAAA,GACpB;AACF;;;;"}
+{"version":3,"file":"use-trace-or-branch-spans.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-or-branch-spans.ts"],"sourcesContent":["import type { TraceListMode } from '../trace-filters';\nimport type { LightSpanRecord } from '../types';\nimport { useBranch } from './use-branch';\nimport { useTraceSpans } from './use-trace-spans';\n\nexport interface UseTraceOrBranchSpansArgs {\n  traceId: string | null | undefined;\n  /** Required when `listMode === 'branches'` — the anchor span identifying the displayed\n   *  subtree. The hook fetches `getBranch(traceId, anchorSpanId)`. Intra-panel span selection\n   *  is separate (the caller's `spanIdParam`); the anchor stays put while it changes. */\n  anchorSpanId?: string | null;\n  listMode: TraceListMode;\n  depth?: number;\n}\n\nexport interface UseTraceOrBranchSpansResult {\n  spans: LightSpanRecord[] | undefined;\n  /** Set in branches mode; undefined in traces mode (which uses parentSpanId == null). */\n  anchorSpanId: string | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  error: unknown;\n}\n\n/**\n * Unified data source for the trace/span detail panel. Returns trace spans (full tree from the\n * root) in traces mode, or branch spans (subtree rooted at `anchorSpanId`) in branches mode.\n * Only the active query fires; the inactive one is disabled via its `enabled` flag.\n *\n * Both modes carry full span payloads: the panel renders and searches them, so a lightweight\n * projection here would hide content from the reader looking straight at it.\n */\nexport function useTraceOrBranchSpans({\n  traceId,\n  anchorSpanId,\n  listMode,\n  depth,\n}: UseTraceOrBranchSpansArgs): UseTraceOrBranchSpansResult {\n  const isBranches = listMode === 'branches';\n\n  const traceQuery = useTraceSpans(isBranches ? null : traceId);\n  const branchQuery = useBranch({\n    traceId: isBranches ? traceId : null,\n    spanId: isBranches ? anchorSpanId : null,\n    depth,\n  });\n\n  if (isBranches) {\n    return {\n      spans: branchQuery.data?.spans,\n      anchorSpanId: anchorSpanId ?? undefined,\n      isLoading: branchQuery.isLoading,\n      isError: branchQuery.isError,\n      error: branchQuery.error,\n    };\n  }\n\n  return {\n    spans: traceQuery.data?.spans,\n    anchorSpanId: undefined,\n    isLoading: traceQuery.isLoading,\n    isError: traceQuery.isError,\n    error: traceQuery.error,\n  };\n}\n"],"names":[],"mappings":";;;AAgCO,SAAS,qBAAA,CAAsB;AAAA,EACpC,OAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA2D;AACzD,EAAA,MAAM,aAAa,QAAA,KAAa,UAAA;AAEhC,EAAA,MAAM,UAAA,GAAa,aAAA,CAAc,UAAA,GAAa,IAAA,GAAO,OAAO,CAAA;AAC5D,EAAA,MAAM,cAAc,SAAA,CAAU;AAAA,IAC5B,OAAA,EAAS,aAAa,OAAA,GAAU,IAAA;AAAA,IAChC,MAAA,EAAQ,aAAa,YAAA,GAAe,IAAA;AAAA,IACpC;AAAA,GACD,CAAA;AAED,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,YAAY,IAAA,EAAM,KAAA;AAAA,MACzB,cAAc,YAAA,IAAgB,MAAA;AAAA,MAC9B,WAAW,WAAA,CAAY,SAAA;AAAA,MACvB,SAAS,WAAA,CAAY,OAAA;AAAA,MACrB,OAAO,WAAA,CAAY;AAAA,KACrB;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,WAAW,IAAA,EAAM,KAAA;AAAA,IACxB,YAAA,EAAc,MAAA;AAAA,IACd,WAAW,UAAA,CAAW,SAAA;AAAA,IACtB,SAAS,UAAA,CAAW,OAAA;AAAA,IACpB,OAAO,UAAA,CAAW;AAAA,GACpB;AACF;;;;"}

package/dist/domains/traces/hooks/use-trace-query.cjs.js

@@ -111,6 +111,7 @@ function useTraceQuery({
     isFetchingNextPage,
     fetchNextPage,
     isLoading,
+    isPlaceholderData,
     isFetching,
     isRefetching,
     fetchStatus,
@@ -130,6 +131,7 @@ function useTraceQuery({
     isFetchingNextPage,
     fetchNextPage,
     isLoading,
+    isPlaceholderData,
     isFetching,
     isRefetching,
     fetchStatus,

package/dist/domains/traces/hooks/use-trace-query.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-query.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-query.ts"],"sourcesContent":["import { MastraClient } from '@mastra/client-js';\nimport type { QueryTracesKeysetInput, TraceQueryKeysetTraceResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { keepPreviousData, skipToken, useInfiniteQuery } from '@tanstack/react-query';\nimport { useEffect } from 'react';\nimport type { buildTraceListFilters } from '../trace-filters';\nimport { useInView } from '@/hooks/use-in-view';\n\nexport const TRACE_QUERY_PER_PAGE = 25;\n\ntype TraceQueryTrace = TraceQueryKeysetTraceResponse['traces'][number];\n\ntype ListTracesArgs = NonNullable<Parameters<MastraClient['listTracesLight']>[0]>;\ntype LegacyTraceListFilters = ReturnType<typeof buildTraceListFilters>;\ntype ListTracesLightResponse = Awaited<ReturnType<MastraClient['listTracesLight']>>;\ntype LightSpanRecord = ListTracesLightResponse['spans'][number];\n\nexport type TraceQueryArgs = Omit<QueryTracesKeysetInput, 'page' | 'pagination'>;\n\nexport interface UseTraceQueryArgs {\n  query: TraceQueryArgs | undefined;\n  limit?: number;\n  enabled?: boolean;\n  refetchInterval?: number | false;\n  refetchOnWindowFocus?: boolean;\n  /** When false, lists traces through the legacy `listTracesLight` endpoint instead of the trace-query API. */\n  withQueryTrace?: boolean;\n  /** Filters for the legacy endpoint, as built by `buildTraceListFilters`. Only read when `withQueryTrace` is false. */\n  legacyFilters?: LegacyTraceListFilters;\n}\n\nexport interface UseTraceQueryReturn {\n  data: TraceQueryTrace[] | undefined;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  fetchNextPage: () => void;\n  isLoading: boolean;\n  isFetching: boolean;\n  isRefetching: boolean;\n  fetchStatus: 'idle' | 'fetching' | 'paused';\n  isError: boolean;\n  error: Error | null;\n  refetch: () => void;\n  setEndOfListElement: (node: HTMLDivElement | null) => void;\n}\n\nexport function getTraceQueryNextPageParam(lastPage: TraceQueryKeysetTraceResponse | undefined): string | undefined {\n  return lastPage?.page.next ?? undefined;\n}\n\nexport function selectTraceQueryTraces(data: { pages: TraceQueryKeysetTraceResponse[] }): TraceQueryTrace[] {\n  const seen = new Set<string>();\n  return data.pages.flatMap(page =>\n    page.traces.filter(trace => {\n      if (seen.has(trace.traceId)) return false;\n      seen.add(trace.traceId);\n      return true;\n    }),\n  );\n}\n\nconst toIsoString = (value: Date | string): string => (typeof value === 'string' ? value : value.toISOString());\n\n/** Maps a legacy light root span to a trace-query row. The light record carries no\n *  environment, so it stays null. Running spans have no `endedAt` and may carry a\n *  status outside the query API's enum; both are kept as-is (the list view handles them), hence the\n *  assertion at this compatibility boundary. */\nexport function lightSpanToTraceQueryTrace(span: LightSpanRecord): TraceQueryTrace {\n  const row = {\n    traceId: span.traceId,\n    rootSpanId: span.spanId,\n    name: span.name,\n    entityId: span.entityId ?? null,\n    parentSpanId: span.parentSpanId ?? null,\n    createdAt: toIsoString(span.createdAt),\n    metadata: span.metadata ?? null,\n    inputPreview: span.inputPreview ?? null,\n    threadId: span.threadId ?? null,\n    resourceId: span.resourceId ?? null,\n    startedAt: toIsoString(span.startedAt),\n    endedAt: span.endedAt == null ? span.endedAt : toIsoString(span.endedAt),\n    entityName: span.entityName ?? null,\n    entityType: span.entityType ?? null,\n    environment: null,\n    status: span.status,\n  };\n  return row as TraceQueryTrace;\n}\n\nexport function selectLegacyTraceQueryTraces(data: { pages: ListTracesLightResponse[] }): TraceQueryTrace[] {\n  const seen = new Set<string>();\n  return data.pages.flatMap(page =>\n    page.spans.flatMap(span => {\n      if (seen.has(span.traceId)) return [];\n      seen.add(span.traceId);\n      return [lightSpanToTraceQueryTrace(span)];\n    }),\n  );\n}\n\nexport function getLegacyTraceQueryNextPageParam(lastPage: ListTracesLightResponse): number | undefined {\n  return lastPage.pagination?.hasMore ? lastPage.pagination.page + 1 : undefined;\n}\n\n/** Queries traces with cursor pagination and viewport-driven loading. */\nexport function useTraceQuery({\n  query,\n  limit = TRACE_QUERY_PER_PAGE,\n  enabled = true,\n  refetchInterval,\n  refetchOnWindowFocus,\n  withQueryTrace = true,\n  legacyFilters,\n}: UseTraceQueryArgs): UseTraceQueryReturn {\n  const client = useMastraClient();\n  const { inView, setRef: setEndOfListElement } = useInView();\n  const queryResult = useInfiniteQuery<\n    TraceQueryKeysetTraceResponse,\n    Error,\n    TraceQueryTrace[],\n    readonly unknown[],\n    string | undefined\n  >({\n    queryKey: ['trace-query', query, limit] as const,\n    queryFn: query\n      ? async ({ pageParam }) => {\n          // Capability failures must reach the fallback without the SDK retrying 501 responses.\n          const queryClient = new MastraClient({ ...client.options, retries: 0 });\n          const response = await queryClient.queryTraces({ ...query, page: { limit, after: pageParam ?? null } });\n          if ('traces' in response && 'page' in response) return response;\n          throw new Error('Expected a cursor-paginated trace query response');\n        }\n      : skipToken,\n    initialPageParam: undefined,\n    getNextPageParam: getTraceQueryNextPageParam,\n    select: selectTraceQueryTraces,\n    retry: false,\n    placeholderData: keepPreviousData,\n    refetchInterval,\n    refetchOnWindowFocus,\n    enabled: enabled && withQueryTrace,\n  });\n  const orderBy = query?.orderBy;\n  const legacyDirection = orderBy?.[0]?.direction === 'asc' ? 'ASC' : 'DESC';\n  const legacyResult = useInfiniteQuery<ListTracesLightResponse, Error, TraceQueryTrace[], readonly unknown[], number>({\n    queryKey: ['trace-query-legacy', legacyFilters, limit, orderBy] as const,\n    queryFn: ({ pageParam }) =>\n      client.listTracesLight({\n        // Core's date-range filter types `start`/`end` loosely; the client param type is stricter.\n        filters: legacyFilters as ListTracesArgs['filters'],\n        pagination: { page: pageParam, perPage: limit },\n        orderBy: { field: 'startedAt', direction: legacyDirection },\n      }),\n    initialPageParam: 0,\n    getNextPageParam: getLegacyTraceQueryNextPageParam,\n    select: selectLegacyTraceQueryTraces,\n    retry: false,\n    placeholderData: keepPreviousData,\n    refetchInterval,\n    refetchOnWindowFocus,\n    enabled: enabled && !withQueryTrace,\n  });\n  const result = withQueryTrace ? queryResult : legacyResult;\n  const {\n    data,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n    isLoading,\n    isFetching,\n    isRefetching,\n    fetchStatus,\n    isError,\n    error,\n    refetch,\n    isFetchNextPageError,\n  } = result;\n\n  useEffect(() => {\n    if (enabled && inView && hasNextPage && !isFetching && !isFetchNextPageError) {\n      void fetchNextPage();\n    }\n  }, [enabled, inView, hasNextPage, isFetching, isFetchNextPageError, fetchNextPage]);\n\n  return {\n    data,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n    isLoading,\n    isFetching,\n    isRefetching,\n    fetchStatus,\n    isError,\n    error,\n    refetch,\n    setEndOfListElement,\n  };\n}\n"],"names":["useMastraClient","useInView","useInfiniteQuery","MastraClient","skipToken","keepPreviousData","useEffect"],"mappings":"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"}
+{"version":3,"file":"use-trace-query.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-query.ts"],"sourcesContent":["import { MastraClient } from '@mastra/client-js';\nimport type { QueryTracesKeysetInput, TraceQueryKeysetTraceResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { keepPreviousData, skipToken, useInfiniteQuery } from '@tanstack/react-query';\nimport { useEffect } from 'react';\nimport type { buildTraceListFilters } from '../trace-filters';\nimport { useInView } from '@/hooks/use-in-view';\n\nexport const TRACE_QUERY_PER_PAGE = 25;\n\ntype TraceQueryTrace = TraceQueryKeysetTraceResponse['traces'][number];\n\ntype ListTracesArgs = NonNullable<Parameters<MastraClient['listTracesLight']>[0]>;\ntype LegacyTraceListFilters = ReturnType<typeof buildTraceListFilters>;\ntype ListTracesLightResponse = Awaited<ReturnType<MastraClient['listTracesLight']>>;\ntype LightSpanRecord = ListTracesLightResponse['spans'][number];\n\nexport type TraceQueryArgs = Omit<QueryTracesKeysetInput, 'page' | 'pagination'>;\n\nexport interface UseTraceQueryArgs {\n  query: TraceQueryArgs | undefined;\n  limit?: number;\n  enabled?: boolean;\n  refetchInterval?: number | false;\n  refetchOnWindowFocus?: boolean;\n  /** When false, lists traces through the legacy `listTracesLight` endpoint instead of the trace-query API. */\n  withQueryTrace?: boolean;\n  /** Filters for the legacy endpoint, as built by `buildTraceListFilters`. Only read when `withQueryTrace` is false. */\n  legacyFilters?: LegacyTraceListFilters;\n}\n\nexport interface UseTraceQueryReturn {\n  data: TraceQueryTrace[] | undefined;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  fetchNextPage: () => void;\n  isLoading: boolean;\n  /** The rows belong to the previous query key (e.g. another thread) while the new one loads. */\n  isPlaceholderData: boolean;\n  isFetching: boolean;\n  isRefetching: boolean;\n  fetchStatus: 'idle' | 'fetching' | 'paused';\n  isError: boolean;\n  error: Error | null;\n  refetch: () => void;\n  setEndOfListElement: (node: HTMLDivElement | null) => void;\n}\n\nexport function getTraceQueryNextPageParam(lastPage: TraceQueryKeysetTraceResponse | undefined): string | undefined {\n  return lastPage?.page.next ?? undefined;\n}\n\nexport function selectTraceQueryTraces(data: { pages: TraceQueryKeysetTraceResponse[] }): TraceQueryTrace[] {\n  const seen = new Set<string>();\n  return data.pages.flatMap(page =>\n    page.traces.filter(trace => {\n      if (seen.has(trace.traceId)) return false;\n      seen.add(trace.traceId);\n      return true;\n    }),\n  );\n}\n\nconst toIsoString = (value: Date | string): string => (typeof value === 'string' ? value : value.toISOString());\n\n/** Maps a legacy light root span to a trace-query row. The light record carries no\n *  environment, so it stays null. Running spans have no `endedAt` and may carry a\n *  status outside the query API's enum; both are kept as-is (the list view handles them), hence the\n *  assertion at this compatibility boundary. */\nexport function lightSpanToTraceQueryTrace(span: LightSpanRecord): TraceQueryTrace {\n  const row = {\n    traceId: span.traceId,\n    rootSpanId: span.spanId,\n    name: span.name,\n    entityId: span.entityId ?? null,\n    parentSpanId: span.parentSpanId ?? null,\n    createdAt: toIsoString(span.createdAt),\n    metadata: span.metadata ?? null,\n    inputPreview: span.inputPreview ?? null,\n    threadId: span.threadId ?? null,\n    resourceId: span.resourceId ?? null,\n    startedAt: toIsoString(span.startedAt),\n    endedAt: span.endedAt == null ? span.endedAt : toIsoString(span.endedAt),\n    entityName: span.entityName ?? null,\n    entityType: span.entityType ?? null,\n    environment: null,\n    status: span.status,\n  };\n  return row as TraceQueryTrace;\n}\n\nexport function selectLegacyTraceQueryTraces(data: { pages: ListTracesLightResponse[] }): TraceQueryTrace[] {\n  const seen = new Set<string>();\n  return data.pages.flatMap(page =>\n    page.spans.flatMap(span => {\n      if (seen.has(span.traceId)) return [];\n      seen.add(span.traceId);\n      return [lightSpanToTraceQueryTrace(span)];\n    }),\n  );\n}\n\nexport function getLegacyTraceQueryNextPageParam(lastPage: ListTracesLightResponse): number | undefined {\n  return lastPage.pagination?.hasMore ? lastPage.pagination.page + 1 : undefined;\n}\n\n/** Queries traces with cursor pagination and viewport-driven loading. */\nexport function useTraceQuery({\n  query,\n  limit = TRACE_QUERY_PER_PAGE,\n  enabled = true,\n  refetchInterval,\n  refetchOnWindowFocus,\n  withQueryTrace = true,\n  legacyFilters,\n}: UseTraceQueryArgs): UseTraceQueryReturn {\n  const client = useMastraClient();\n  const { inView, setRef: setEndOfListElement } = useInView();\n  const queryResult = useInfiniteQuery<\n    TraceQueryKeysetTraceResponse,\n    Error,\n    TraceQueryTrace[],\n    readonly unknown[],\n    string | undefined\n  >({\n    queryKey: ['trace-query', query, limit] as const,\n    queryFn: query\n      ? async ({ pageParam }) => {\n          // Capability failures must reach the fallback without the SDK retrying 501 responses.\n          const queryClient = new MastraClient({ ...client.options, retries: 0 });\n          const response = await queryClient.queryTraces({ ...query, page: { limit, after: pageParam ?? null } });\n          if ('traces' in response && 'page' in response) return response;\n          throw new Error('Expected a cursor-paginated trace query response');\n        }\n      : skipToken,\n    initialPageParam: undefined,\n    getNextPageParam: getTraceQueryNextPageParam,\n    select: selectTraceQueryTraces,\n    retry: false,\n    placeholderData: keepPreviousData,\n    refetchInterval,\n    refetchOnWindowFocus,\n    enabled: enabled && withQueryTrace,\n  });\n  const orderBy = query?.orderBy;\n  const legacyDirection = orderBy?.[0]?.direction === 'asc' ? 'ASC' : 'DESC';\n  const legacyResult = useInfiniteQuery<ListTracesLightResponse, Error, TraceQueryTrace[], readonly unknown[], number>({\n    queryKey: ['trace-query-legacy', legacyFilters, limit, orderBy] as const,\n    queryFn: ({ pageParam }) =>\n      client.listTracesLight({\n        // Core's date-range filter types `start`/`end` loosely; the client param type is stricter.\n        filters: legacyFilters as ListTracesArgs['filters'],\n        pagination: { page: pageParam, perPage: limit },\n        orderBy: { field: 'startedAt', direction: legacyDirection },\n      }),\n    initialPageParam: 0,\n    getNextPageParam: getLegacyTraceQueryNextPageParam,\n    select: selectLegacyTraceQueryTraces,\n    retry: false,\n    placeholderData: keepPreviousData,\n    refetchInterval,\n    refetchOnWindowFocus,\n    enabled: enabled && !withQueryTrace,\n  });\n  const result = withQueryTrace ? queryResult : legacyResult;\n  const {\n    data,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n    isLoading,\n    isPlaceholderData,\n    isFetching,\n    isRefetching,\n    fetchStatus,\n    isError,\n    error,\n    refetch,\n    isFetchNextPageError,\n  } = result;\n\n  useEffect(() => {\n    if (enabled && inView && hasNextPage && !isFetching && !isFetchNextPageError) {\n      void fetchNextPage();\n    }\n  }, [enabled, inView, hasNextPage, isFetching, isFetchNextPageError, fetchNextPage]);\n\n  return {\n    data,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n    isLoading,\n    isPlaceholderData,\n    isFetching,\n    isRefetching,\n    fetchStatus,\n    isError,\n    error,\n    refetch,\n    setEndOfListElement,\n  };\n}\n"],"names":["useMastraClient","useInView","useInfiniteQuery","MastraClient","skipToken","keepPreviousData","useEffect"],"mappings":"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"}

package/dist/domains/traces/hooks/use-trace-query.es.js

@@ -107,6 +107,7 @@ function useTraceQuery({
     isFetchingNextPage,
     fetchNextPage,
     isLoading,
+    isPlaceholderData,
     isFetching,
     isRefetching,
     fetchStatus,
@@ -126,6 +127,7 @@ function useTraceQuery({
     isFetchingNextPage,
     fetchNextPage,
     isLoading,
+    isPlaceholderData,
     isFetching,
     isRefetching,
     fetchStatus,

package/dist/domains/traces/hooks/use-trace-query.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-query.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-query.ts"],"sourcesContent":["import { MastraClient } from '@mastra/client-js';\nimport type { QueryTracesKeysetInput, TraceQueryKeysetTraceResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { keepPreviousData, skipToken, useInfiniteQuery } from '@tanstack/react-query';\nimport { useEffect } from 'react';\nimport type { buildTraceListFilters } from '../trace-filters';\nimport { useInView } from '@/hooks/use-in-view';\n\nexport const TRACE_QUERY_PER_PAGE = 25;\n\ntype TraceQueryTrace = TraceQueryKeysetTraceResponse['traces'][number];\n\ntype ListTracesArgs = NonNullable<Parameters<MastraClient['listTracesLight']>[0]>;\ntype LegacyTraceListFilters = ReturnType<typeof buildTraceListFilters>;\ntype ListTracesLightResponse = Awaited<ReturnType<MastraClient['listTracesLight']>>;\ntype LightSpanRecord = ListTracesLightResponse['spans'][number];\n\nexport type TraceQueryArgs = Omit<QueryTracesKeysetInput, 'page' | 'pagination'>;\n\nexport interface UseTraceQueryArgs {\n  query: TraceQueryArgs | undefined;\n  limit?: number;\n  enabled?: boolean;\n  refetchInterval?: number | false;\n  refetchOnWindowFocus?: boolean;\n  /** When false, lists traces through the legacy `listTracesLight` endpoint instead of the trace-query API. */\n  withQueryTrace?: boolean;\n  /** Filters for the legacy endpoint, as built by `buildTraceListFilters`. Only read when `withQueryTrace` is false. */\n  legacyFilters?: LegacyTraceListFilters;\n}\n\nexport interface UseTraceQueryReturn {\n  data: TraceQueryTrace[] | undefined;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  fetchNextPage: () => void;\n  isLoading: boolean;\n  isFetching: boolean;\n  isRefetching: boolean;\n  fetchStatus: 'idle' | 'fetching' | 'paused';\n  isError: boolean;\n  error: Error | null;\n  refetch: () => void;\n  setEndOfListElement: (node: HTMLDivElement | null) => void;\n}\n\nexport function getTraceQueryNextPageParam(lastPage: TraceQueryKeysetTraceResponse | undefined): string | undefined {\n  return lastPage?.page.next ?? undefined;\n}\n\nexport function selectTraceQueryTraces(data: { pages: TraceQueryKeysetTraceResponse[] }): TraceQueryTrace[] {\n  const seen = new Set<string>();\n  return data.pages.flatMap(page =>\n    page.traces.filter(trace => {\n      if (seen.has(trace.traceId)) return false;\n      seen.add(trace.traceId);\n      return true;\n    }),\n  );\n}\n\nconst toIsoString = (value: Date | string): string => (typeof value === 'string' ? value : value.toISOString());\n\n/** Maps a legacy light root span to a trace-query row. The light record carries no\n *  environment, so it stays null. Running spans have no `endedAt` and may carry a\n *  status outside the query API's enum; both are kept as-is (the list view handles them), hence the\n *  assertion at this compatibility boundary. */\nexport function lightSpanToTraceQueryTrace(span: LightSpanRecord): TraceQueryTrace {\n  const row = {\n    traceId: span.traceId,\n    rootSpanId: span.spanId,\n    name: span.name,\n    entityId: span.entityId ?? null,\n    parentSpanId: span.parentSpanId ?? null,\n    createdAt: toIsoString(span.createdAt),\n    metadata: span.metadata ?? null,\n    inputPreview: span.inputPreview ?? null,\n    threadId: span.threadId ?? null,\n    resourceId: span.resourceId ?? null,\n    startedAt: toIsoString(span.startedAt),\n    endedAt: span.endedAt == null ? span.endedAt : toIsoString(span.endedAt),\n    entityName: span.entityName ?? null,\n    entityType: span.entityType ?? null,\n    environment: null,\n    status: span.status,\n  };\n  return row as TraceQueryTrace;\n}\n\nexport function selectLegacyTraceQueryTraces(data: { pages: ListTracesLightResponse[] }): TraceQueryTrace[] {\n  const seen = new Set<string>();\n  return data.pages.flatMap(page =>\n    page.spans.flatMap(span => {\n      if (seen.has(span.traceId)) return [];\n      seen.add(span.traceId);\n      return [lightSpanToTraceQueryTrace(span)];\n    }),\n  );\n}\n\nexport function getLegacyTraceQueryNextPageParam(lastPage: ListTracesLightResponse): number | undefined {\n  return lastPage.pagination?.hasMore ? lastPage.pagination.page + 1 : undefined;\n}\n\n/** Queries traces with cursor pagination and viewport-driven loading. */\nexport function useTraceQuery({\n  query,\n  limit = TRACE_QUERY_PER_PAGE,\n  enabled = true,\n  refetchInterval,\n  refetchOnWindowFocus,\n  withQueryTrace = true,\n  legacyFilters,\n}: UseTraceQueryArgs): UseTraceQueryReturn {\n  const client = useMastraClient();\n  const { inView, setRef: setEndOfListElement } = useInView();\n  const queryResult = useInfiniteQuery<\n    TraceQueryKeysetTraceResponse,\n    Error,\n    TraceQueryTrace[],\n    readonly unknown[],\n    string | undefined\n  >({\n    queryKey: ['trace-query', query, limit] as const,\n    queryFn: query\n      ? async ({ pageParam }) => {\n          // Capability failures must reach the fallback without the SDK retrying 501 responses.\n          const queryClient = new MastraClient({ ...client.options, retries: 0 });\n          const response = await queryClient.queryTraces({ ...query, page: { limit, after: pageParam ?? null } });\n          if ('traces' in response && 'page' in response) return response;\n          throw new Error('Expected a cursor-paginated trace query response');\n        }\n      : skipToken,\n    initialPageParam: undefined,\n    getNextPageParam: getTraceQueryNextPageParam,\n    select: selectTraceQueryTraces,\n    retry: false,\n    placeholderData: keepPreviousData,\n    refetchInterval,\n    refetchOnWindowFocus,\n    enabled: enabled && withQueryTrace,\n  });\n  const orderBy = query?.orderBy;\n  const legacyDirection = orderBy?.[0]?.direction === 'asc' ? 'ASC' : 'DESC';\n  const legacyResult = useInfiniteQuery<ListTracesLightResponse, Error, TraceQueryTrace[], readonly unknown[], number>({\n    queryKey: ['trace-query-legacy', legacyFilters, limit, orderBy] as const,\n    queryFn: ({ pageParam }) =>\n      client.listTracesLight({\n        // Core's date-range filter types `start`/`end` loosely; the client param type is stricter.\n        filters: legacyFilters as ListTracesArgs['filters'],\n        pagination: { page: pageParam, perPage: limit },\n        orderBy: { field: 'startedAt', direction: legacyDirection },\n      }),\n    initialPageParam: 0,\n    getNextPageParam: getLegacyTraceQueryNextPageParam,\n    select: selectLegacyTraceQueryTraces,\n    retry: false,\n    placeholderData: keepPreviousData,\n    refetchInterval,\n    refetchOnWindowFocus,\n    enabled: enabled && !withQueryTrace,\n  });\n  const result = withQueryTrace ? queryResult : legacyResult;\n  const {\n    data,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n    isLoading,\n    isFetching,\n    isRefetching,\n    fetchStatus,\n    isError,\n    error,\n    refetch,\n    isFetchNextPageError,\n  } = result;\n\n  useEffect(() => {\n    if (enabled && inView && hasNextPage && !isFetching && !isFetchNextPageError) {\n      void fetchNextPage();\n    }\n  }, [enabled, inView, hasNextPage, isFetching, isFetchNextPageError, fetchNextPage]);\n\n  return {\n    data,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n    isLoading,\n    isFetching,\n    isRefetching,\n    fetchStatus,\n    isError,\n    error,\n    refetch,\n    setEndOfListElement,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-trace-query.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-query.ts"],"sourcesContent":["import { MastraClient } from '@mastra/client-js';\nimport type { QueryTracesKeysetInput, TraceQueryKeysetTraceResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { keepPreviousData, skipToken, useInfiniteQuery } from '@tanstack/react-query';\nimport { useEffect } from 'react';\nimport type { buildTraceListFilters } from '../trace-filters';\nimport { useInView } from '@/hooks/use-in-view';\n\nexport const TRACE_QUERY_PER_PAGE = 25;\n\ntype TraceQueryTrace = TraceQueryKeysetTraceResponse['traces'][number];\n\ntype ListTracesArgs = NonNullable<Parameters<MastraClient['listTracesLight']>[0]>;\ntype LegacyTraceListFilters = ReturnType<typeof buildTraceListFilters>;\ntype ListTracesLightResponse = Awaited<ReturnType<MastraClient['listTracesLight']>>;\ntype LightSpanRecord = ListTracesLightResponse['spans'][number];\n\nexport type TraceQueryArgs = Omit<QueryTracesKeysetInput, 'page' | 'pagination'>;\n\nexport interface UseTraceQueryArgs {\n  query: TraceQueryArgs | undefined;\n  limit?: number;\n  enabled?: boolean;\n  refetchInterval?: number | false;\n  refetchOnWindowFocus?: boolean;\n  /** When false, lists traces through the legacy `listTracesLight` endpoint instead of the trace-query API. */\n  withQueryTrace?: boolean;\n  /** Filters for the legacy endpoint, as built by `buildTraceListFilters`. Only read when `withQueryTrace` is false. */\n  legacyFilters?: LegacyTraceListFilters;\n}\n\nexport interface UseTraceQueryReturn {\n  data: TraceQueryTrace[] | undefined;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  fetchNextPage: () => void;\n  isLoading: boolean;\n  /** The rows belong to the previous query key (e.g. another thread) while the new one loads. */\n  isPlaceholderData: boolean;\n  isFetching: boolean;\n  isRefetching: boolean;\n  fetchStatus: 'idle' | 'fetching' | 'paused';\n  isError: boolean;\n  error: Error | null;\n  refetch: () => void;\n  setEndOfListElement: (node: HTMLDivElement | null) => void;\n}\n\nexport function getTraceQueryNextPageParam(lastPage: TraceQueryKeysetTraceResponse | undefined): string | undefined {\n  return lastPage?.page.next ?? undefined;\n}\n\nexport function selectTraceQueryTraces(data: { pages: TraceQueryKeysetTraceResponse[] }): TraceQueryTrace[] {\n  const seen = new Set<string>();\n  return data.pages.flatMap(page =>\n    page.traces.filter(trace => {\n      if (seen.has(trace.traceId)) return false;\n      seen.add(trace.traceId);\n      return true;\n    }),\n  );\n}\n\nconst toIsoString = (value: Date | string): string => (typeof value === 'string' ? value : value.toISOString());\n\n/** Maps a legacy light root span to a trace-query row. The light record carries no\n *  environment, so it stays null. Running spans have no `endedAt` and may carry a\n *  status outside the query API's enum; both are kept as-is (the list view handles them), hence the\n *  assertion at this compatibility boundary. */\nexport function lightSpanToTraceQueryTrace(span: LightSpanRecord): TraceQueryTrace {\n  const row = {\n    traceId: span.traceId,\n    rootSpanId: span.spanId,\n    name: span.name,\n    entityId: span.entityId ?? null,\n    parentSpanId: span.parentSpanId ?? null,\n    createdAt: toIsoString(span.createdAt),\n    metadata: span.metadata ?? null,\n    inputPreview: span.inputPreview ?? null,\n    threadId: span.threadId ?? null,\n    resourceId: span.resourceId ?? null,\n    startedAt: toIsoString(span.startedAt),\n    endedAt: span.endedAt == null ? span.endedAt : toIsoString(span.endedAt),\n    entityName: span.entityName ?? null,\n    entityType: span.entityType ?? null,\n    environment: null,\n    status: span.status,\n  };\n  return row as TraceQueryTrace;\n}\n\nexport function selectLegacyTraceQueryTraces(data: { pages: ListTracesLightResponse[] }): TraceQueryTrace[] {\n  const seen = new Set<string>();\n  return data.pages.flatMap(page =>\n    page.spans.flatMap(span => {\n      if (seen.has(span.traceId)) return [];\n      seen.add(span.traceId);\n      return [lightSpanToTraceQueryTrace(span)];\n    }),\n  );\n}\n\nexport function getLegacyTraceQueryNextPageParam(lastPage: ListTracesLightResponse): number | undefined {\n  return lastPage.pagination?.hasMore ? lastPage.pagination.page + 1 : undefined;\n}\n\n/** Queries traces with cursor pagination and viewport-driven loading. */\nexport function useTraceQuery({\n  query,\n  limit = TRACE_QUERY_PER_PAGE,\n  enabled = true,\n  refetchInterval,\n  refetchOnWindowFocus,\n  withQueryTrace = true,\n  legacyFilters,\n}: UseTraceQueryArgs): UseTraceQueryReturn {\n  const client = useMastraClient();\n  const { inView, setRef: setEndOfListElement } = useInView();\n  const queryResult = useInfiniteQuery<\n    TraceQueryKeysetTraceResponse,\n    Error,\n    TraceQueryTrace[],\n    readonly unknown[],\n    string | undefined\n  >({\n    queryKey: ['trace-query', query, limit] as const,\n    queryFn: query\n      ? async ({ pageParam }) => {\n          // Capability failures must reach the fallback without the SDK retrying 501 responses.\n          const queryClient = new MastraClient({ ...client.options, retries: 0 });\n          const response = await queryClient.queryTraces({ ...query, page: { limit, after: pageParam ?? null } });\n          if ('traces' in response && 'page' in response) return response;\n          throw new Error('Expected a cursor-paginated trace query response');\n        }\n      : skipToken,\n    initialPageParam: undefined,\n    getNextPageParam: getTraceQueryNextPageParam,\n    select: selectTraceQueryTraces,\n    retry: false,\n    placeholderData: keepPreviousData,\n    refetchInterval,\n    refetchOnWindowFocus,\n    enabled: enabled && withQueryTrace,\n  });\n  const orderBy = query?.orderBy;\n  const legacyDirection = orderBy?.[0]?.direction === 'asc' ? 'ASC' : 'DESC';\n  const legacyResult = useInfiniteQuery<ListTracesLightResponse, Error, TraceQueryTrace[], readonly unknown[], number>({\n    queryKey: ['trace-query-legacy', legacyFilters, limit, orderBy] as const,\n    queryFn: ({ pageParam }) =>\n      client.listTracesLight({\n        // Core's date-range filter types `start`/`end` loosely; the client param type is stricter.\n        filters: legacyFilters as ListTracesArgs['filters'],\n        pagination: { page: pageParam, perPage: limit },\n        orderBy: { field: 'startedAt', direction: legacyDirection },\n      }),\n    initialPageParam: 0,\n    getNextPageParam: getLegacyTraceQueryNextPageParam,\n    select: selectLegacyTraceQueryTraces,\n    retry: false,\n    placeholderData: keepPreviousData,\n    refetchInterval,\n    refetchOnWindowFocus,\n    enabled: enabled && !withQueryTrace,\n  });\n  const result = withQueryTrace ? queryResult : legacyResult;\n  const {\n    data,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n    isLoading,\n    isPlaceholderData,\n    isFetching,\n    isRefetching,\n    fetchStatus,\n    isError,\n    error,\n    refetch,\n    isFetchNextPageError,\n  } = result;\n\n  useEffect(() => {\n    if (enabled && inView && hasNextPage && !isFetching && !isFetchNextPageError) {\n      void fetchNextPage();\n    }\n  }, [enabled, inView, hasNextPage, isFetching, isFetchNextPageError, fetchNextPage]);\n\n  return {\n    data,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n    isLoading,\n    isPlaceholderData,\n    isFetching,\n    isRefetching,\n    fetchStatus,\n    isError,\n    error,\n    refetch,\n    setEndOfListElement,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/traces/hooks/use-trace-search.cjs.js

@@ -4,21 +4,26 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const React = require('react');
 const domains_traces_utils_filterSpansKeepingAncestors = require('../utils/filter-spans-keeping-ancestors.cjs.js');
+const domains_traces_utils_toSearchableSpans = require('../utils/to-searchable-spans.cjs.js');
 
 function useTraceSearch(spans) {
   const [query, setQuery] = React.useState("");
   const deferredQuery = React.useDeferredValue(query);
+  const searchTextById = React.useMemo(
+    () => new Map(domains_traces_utils_toSearchableSpans.toSearchableSpans(spans).map((span) => [span.spanId, span.searchText])),
+    [spans]
+  );
   const { results, payloadOnlyMatchIds } = React.useMemo(() => {
     const term = deferredQuery.trim().toLowerCase();
     if (!term) return { results: spans, payloadOnlyMatchIds: /* @__PURE__ */ new Set() };
     const payloadOnly = /* @__PURE__ */ new Set();
     const filtered = domains_traces_utils_filterSpansKeepingAncestors.filterSpansKeepingAncestors(spans, (span) => {
-      if (!span.searchText.includes(term)) return false;
+      if (!searchTextById.get(span.spanId)?.includes(term)) return false;
       if (!span.name.toLowerCase().includes(term)) payloadOnly.add(span.spanId);
       return true;
     });
     return { results: filtered, payloadOnlyMatchIds: payloadOnly };
-  }, [spans, deferredQuery]);
+  }, [spans, searchTextById, deferredQuery]);
   return { query, setQuery, results, payloadOnlyMatchIds, isPending: query !== deferredQuery };
 }
 

package/dist/domains/traces/hooks/use-trace-search.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-search.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-search.ts"],"sourcesContent":["import { useDeferredValue, useMemo, useState } from 'react';\nimport type { SearchableSpan } from '../types';\nimport { filterSpansKeepingAncestors } from '../utils';\n\nexport interface UseTraceSearchResult {\n  /** The immediate, user-facing input value. Bind this to the search field. */\n  query: string;\n  setQuery: (query: string) => void;\n  /** Rows matching the deferred query. An empty query returns the input array reference. */\n  results: SearchableSpan[];\n  /**\n   * Spans that matched somewhere other than their name — in `metadata`, `attributes` or\n   * `error`. Their row shows no visible occurrence of the term, so the surface needs to say\n   * why it is there. Ancestors kept only to preserve the hierarchy are not in here: they did\n   * not match at all. Empty while the query is empty.\n   */\n  payloadOnlyMatchIds: Set<string>;\n  /** True while the deferred value is behind `query` (the list is still catching up). */\n  isPending: boolean;\n}\n\n/**\n * Client-side search over a flat span list.\n *\n * Matching is a substring test against `searchText`, the haystack built once per span when\n * the query resolved (see `toSearchableSpans`). That is what makes the open-ended `metadata`\n * and `error` payloads searchable: their shapes are unknown, so no fixed list of fields can\n * read them. Both sides are already lowercased, so the test is a bare `includes`.\n *\n * Filtering is keyed on a deferred copy of the query, so typing stays responsive while a\n * large list re-filters at lower priority — bind the input to `query`, not to the deferred\n * value. A matching span keeps its ancestors and its whole subtree, so the hierarchy stays\n * intact.\n *\n * `spans` is required. Resolving the loading/empty state is the caller's job — a component\n * holding a query result passes `data?.spans ?? []`.\n */\nexport function useTraceSearch(spans: SearchableSpan[]): UseTraceSearchResult {\n  const [query, setQuery] = useState('');\n  const deferredQuery = useDeferredValue(query);\n\n  const { results, payloadOnlyMatchIds } = useMemo(() => {\n    const term = deferredQuery.trim().toLowerCase();\n    if (!term) return { results: spans, payloadOnlyMatchIds: new Set<string>() };\n\n    const payloadOnly = new Set<string>();\n    const filtered = filterSpansKeepingAncestors(spans, span => {\n      if (!span.searchText.includes(term)) return false;\n      // The name is the only part of a span the timeline paints, so a match it doesn't\n      // contain came from the payload.\n      if (!span.name.toLowerCase().includes(term)) payloadOnly.add(span.spanId);\n      return true;\n    });\n\n    return { results: filtered, payloadOnlyMatchIds: payloadOnly };\n  }, [spans, deferredQuery]);\n\n  return { query, setQuery, results, payloadOnlyMatchIds, isPending: query !== deferredQuery };\n}\n"],"names":["useState","useDeferredValue","useMemo","filterSpansKeepingAncestors"],"mappings":";;;;;;;AAqCO,SAAS,eAAe,KAAA,EAA+C;AAC5E,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAS,EAAE,CAAA;AACrC,EAAA,MAAM,aAAA,GAAgBC,uBAAiB,KAAK,CAAA;AAE5C,EAAA,MAAM,EAAE,OAAA,EAAS,mBAAA,EAAoB,GAAIC,cAAQ,MAAM;AACrD,IAAA,MAAM,IAAA,GAAO,aAAA,CAAc,IAAA,EAAK,CAAE,WAAA,EAAY;AAC9C,IAAA,IAAI,CAAC,MAAM,OAAO,EAAE,SAAS,KAAA,EAAO,mBAAA,kBAAqB,IAAI,GAAA,EAAY,EAAE;AAE3E,IAAA,MAAM,WAAA,uBAAkB,GAAA,EAAY;AACpC,IAAA,MAAM,QAAA,GAAWC,4EAAA,CAA4B,KAAA,EAAO,CAAA,IAAA,KAAQ;AAC1D,MAAA,IAAI,CAAC,IAAA,CAAK,UAAA,CAAW,QAAA,CAAS,IAAI,GAAG,OAAO,KAAA;AAG5C,MAAA,IAAI,CAAC,IAAA,CAAK,IAAA,CAAK,WAAA,EAAY,CAAE,QAAA,CAAS,IAAI,CAAA,EAAG,WAAA,CAAY,GAAA,CAAI,IAAA,CAAK,MAAM,CAAA;AACxE,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,OAAO,EAAE,OAAA,EAAS,QAAA,EAAU,mBAAA,EAAqB,WAAA,EAAY;AAAA,EAC/D,CAAA,EAAG,CAAC,KAAA,EAAO,aAAa,CAAC,CAAA;AAEzB,EAAA,OAAO,EAAE,KAAA,EAAO,QAAA,EAAU,SAAS,mBAAA,EAAqB,SAAA,EAAW,UAAU,aAAA,EAAc;AAC7F;;;;"}
+{"version":3,"file":"use-trace-search.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-search.ts"],"sourcesContent":["import { useDeferredValue, useMemo, useState } from 'react';\nimport type { LightSpanRecord } from '../types';\nimport { filterSpansKeepingAncestors, toSearchableSpans } from '../utils';\n\nexport interface UseTraceSearchResult<Span extends LightSpanRecord = LightSpanRecord> {\n  /** The immediate, user-facing input value. Bind this to the search field. */\n  query: string;\n  setQuery: (query: string) => void;\n  /** Rows matching the deferred query. An empty query returns the input array reference. */\n  results: Span[];\n  /**\n   * Spans that matched somewhere other than their name — in `metadata`, `attributes` or\n   * `error`. Their row shows no visible occurrence of the term, so the surface needs to say\n   * why it is there. Ancestors kept only to preserve the hierarchy are not in here: they did\n   * not match at all. Empty while the query is empty.\n   */\n  payloadOnlyMatchIds: Set<string>;\n  /** True while the deferred value is behind `query` (the list is still catching up). */\n  isPending: boolean;\n}\n\n/**\n * Client-side search over a flat span list.\n *\n * Matching is a substring test against a lowercased haystack built once per `spans` array\n * (see `toSearchableSpans`). That is what makes the open-ended `metadata` and `error`\n * payloads searchable: their shapes are unknown, so no fixed list of fields can read them.\n *\n * The haystack lives here, not in the data hooks, so only a mounted search surface pays for\n * flattening. Views that merely render spans (e.g. the thread view, which shows every trace\n * of a thread at once) never build it.\n *\n * Filtering is keyed on a deferred copy of the query, so typing stays responsive while a\n * large list re-filters at lower priority — bind the input to `query`, not to the deferred\n * value. A matching span keeps its ancestors and its whole subtree, so the hierarchy stays\n * intact.\n *\n * `spans` is required. Resolving the loading/empty state is the caller's job — a component\n * holding a query result passes `data?.spans ?? []`.\n */\nexport function useTraceSearch<Span extends LightSpanRecord>(spans: Span[]): UseTraceSearchResult<Span> {\n  const [query, setQuery] = useState('');\n  const deferredQuery = useDeferredValue(query);\n\n  const searchTextById = useMemo(\n    () => new Map(toSearchableSpans(spans).map(span => [span.spanId, span.searchText])),\n    [spans],\n  );\n\n  const { results, payloadOnlyMatchIds } = useMemo(() => {\n    const term = deferredQuery.trim().toLowerCase();\n    if (!term) return { results: spans, payloadOnlyMatchIds: new Set<string>() };\n\n    const payloadOnly = new Set<string>();\n    const filtered = filterSpansKeepingAncestors(spans, span => {\n      if (!searchTextById.get(span.spanId)?.includes(term)) return false;\n      // The name is the only part of a span the timeline paints, so a match it doesn't\n      // contain came from the payload.\n      if (!span.name.toLowerCase().includes(term)) payloadOnly.add(span.spanId);\n      return true;\n    });\n\n    return { results: filtered, payloadOnlyMatchIds: payloadOnly };\n  }, [spans, searchTextById, deferredQuery]);\n\n  return { query, setQuery, results, payloadOnlyMatchIds, isPending: query !== deferredQuery };\n}\n"],"names":["useState","useDeferredValue","useMemo","toSearchableSpans","filterSpansKeepingAncestors"],"mappings":";;;;;;;;AAwCO,SAAS,eAA6C,KAAA,EAA2C;AACtG,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAS,EAAE,CAAA;AACrC,EAAA,MAAM,aAAA,GAAgBC,uBAAiB,KAAK,CAAA;AAE5C,EAAA,MAAM,cAAA,GAAiBC,aAAA;AAAA,IACrB,MAAM,IAAI,GAAA,CAAIC,wDAAA,CAAkB,KAAK,CAAA,CAAE,GAAA,CAAI,CAAA,IAAA,KAAQ,CAAC,IAAA,CAAK,MAAA,EAAQ,IAAA,CAAK,UAAU,CAAC,CAAC,CAAA;AAAA,IAClF,CAAC,KAAK;AAAA,GACR;AAEA,EAAA,MAAM,EAAE,OAAA,EAAS,mBAAA,EAAoB,GAAID,cAAQ,MAAM;AACrD,IAAA,MAAM,IAAA,GAAO,aAAA,CAAc,IAAA,EAAK,CAAE,WAAA,EAAY;AAC9C,IAAA,IAAI,CAAC,MAAM,OAAO,EAAE,SAAS,KAAA,EAAO,mBAAA,kBAAqB,IAAI,GAAA,EAAY,EAAE;AAE3E,IAAA,MAAM,WAAA,uBAAkB,GAAA,EAAY;AACpC,IAAA,MAAM,QAAA,GAAWE,4EAAA,CAA4B,KAAA,EAAO,CAAA,IAAA,KAAQ;AAC1D,MAAA,IAAI,CAAC,eAAe,GAAA,CAAI,IAAA,CAAK,MAAM,CAAA,EAAG,QAAA,CAAS,IAAI,CAAA,EAAG,OAAO,KAAA;AAG7D,MAAA,IAAI,CAAC,IAAA,CAAK,IAAA,CAAK,WAAA,EAAY,CAAE,QAAA,CAAS,IAAI,CAAA,EAAG,WAAA,CAAY,GAAA,CAAI,IAAA,CAAK,MAAM,CAAA;AACxE,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,OAAO,EAAE,OAAA,EAAS,QAAA,EAAU,mBAAA,EAAqB,WAAA,EAAY;AAAA,EAC/D,CAAA,EAAG,CAAC,KAAA,EAAO,cAAA,EAAgB,aAAa,CAAC,CAAA;AAEzC,EAAA,OAAO,EAAE,KAAA,EAAO,QAAA,EAAU,SAAS,mBAAA,EAAqB,SAAA,EAAW,UAAU,aAAA,EAAc;AAC7F;;;;"}

package/dist/domains/traces/hooks/use-trace-search.es.js

@@ -1,20 +1,25 @@
 import { useState, useDeferredValue, useMemo } from 'react';
 import { filterSpansKeepingAncestors } from '../utils/filter-spans-keeping-ancestors.es.js';
+import { toSearchableSpans } from '../utils/to-searchable-spans.es.js';
 
 function useTraceSearch(spans) {
   const [query, setQuery] = useState("");
   const deferredQuery = useDeferredValue(query);
+  const searchTextById = useMemo(
+    () => new Map(toSearchableSpans(spans).map((span) => [span.spanId, span.searchText])),
+    [spans]
+  );
   const { results, payloadOnlyMatchIds } = useMemo(() => {
     const term = deferredQuery.trim().toLowerCase();
     if (!term) return { results: spans, payloadOnlyMatchIds: /* @__PURE__ */ new Set() };
     const payloadOnly = /* @__PURE__ */ new Set();
     const filtered = filterSpansKeepingAncestors(spans, (span) => {
-      if (!span.searchText.includes(term)) return false;
+      if (!searchTextById.get(span.spanId)?.includes(term)) return false;
       if (!span.name.toLowerCase().includes(term)) payloadOnly.add(span.spanId);
       return true;
     });
     return { results: filtered, payloadOnlyMatchIds: payloadOnly };
-  }, [spans, deferredQuery]);
+  }, [spans, searchTextById, deferredQuery]);
   return { query, setQuery, results, payloadOnlyMatchIds, isPending: query !== deferredQuery };
 }
 

package/dist/domains/traces/hooks/use-trace-search.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-search.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-search.ts"],"sourcesContent":["import { useDeferredValue, useMemo, useState } from 'react';\nimport type { SearchableSpan } from '../types';\nimport { filterSpansKeepingAncestors } from '../utils';\n\nexport interface UseTraceSearchResult {\n  /** The immediate, user-facing input value. Bind this to the search field. */\n  query: string;\n  setQuery: (query: string) => void;\n  /** Rows matching the deferred query. An empty query returns the input array reference. */\n  results: SearchableSpan[];\n  /**\n   * Spans that matched somewhere other than their name — in `metadata`, `attributes` or\n   * `error`. Their row shows no visible occurrence of the term, so the surface needs to say\n   * why it is there. Ancestors kept only to preserve the hierarchy are not in here: they did\n   * not match at all. Empty while the query is empty.\n   */\n  payloadOnlyMatchIds: Set<string>;\n  /** True while the deferred value is behind `query` (the list is still catching up). */\n  isPending: boolean;\n}\n\n/**\n * Client-side search over a flat span list.\n *\n * Matching is a substring test against `searchText`, the haystack built once per span when\n * the query resolved (see `toSearchableSpans`). That is what makes the open-ended `metadata`\n * and `error` payloads searchable: their shapes are unknown, so no fixed list of fields can\n * read them. Both sides are already lowercased, so the test is a bare `includes`.\n *\n * Filtering is keyed on a deferred copy of the query, so typing stays responsive while a\n * large list re-filters at lower priority — bind the input to `query`, not to the deferred\n * value. A matching span keeps its ancestors and its whole subtree, so the hierarchy stays\n * intact.\n *\n * `spans` is required. Resolving the loading/empty state is the caller's job — a component\n * holding a query result passes `data?.spans ?? []`.\n */\nexport function useTraceSearch(spans: SearchableSpan[]): UseTraceSearchResult {\n  const [query, setQuery] = useState('');\n  const deferredQuery = useDeferredValue(query);\n\n  const { results, payloadOnlyMatchIds } = useMemo(() => {\n    const term = deferredQuery.trim().toLowerCase();\n    if (!term) return { results: spans, payloadOnlyMatchIds: new Set<string>() };\n\n    const payloadOnly = new Set<string>();\n    const filtered = filterSpansKeepingAncestors(spans, span => {\n      if (!span.searchText.includes(term)) return false;\n      // The name is the only part of a span the timeline paints, so a match it doesn't\n      // contain came from the payload.\n      if (!span.name.toLowerCase().includes(term)) payloadOnly.add(span.spanId);\n      return true;\n    });\n\n    return { results: filtered, payloadOnlyMatchIds: payloadOnly };\n  }, [spans, deferredQuery]);\n\n  return { query, setQuery, results, payloadOnlyMatchIds, isPending: query !== deferredQuery };\n}\n"],"names":[],"mappings":";;;AAqCO,SAAS,eAAe,KAAA,EAA+C;AAC5E,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,aAAA,GAAgB,iBAAiB,KAAK,CAAA;AAE5C,EAAA,MAAM,EAAE,OAAA,EAAS,mBAAA,EAAoB,GAAI,QAAQ,MAAM;AACrD,IAAA,MAAM,IAAA,GAAO,aAAA,CAAc,IAAA,EAAK,CAAE,WAAA,EAAY;AAC9C,IAAA,IAAI,CAAC,MAAM,OAAO,EAAE,SAAS,KAAA,EAAO,mBAAA,kBAAqB,IAAI,GAAA,EAAY,EAAE;AAE3E,IAAA,MAAM,WAAA,uBAAkB,GAAA,EAAY;AACpC,IAAA,MAAM,QAAA,GAAW,2BAAA,CAA4B,KAAA,EAAO,CAAA,IAAA,KAAQ;AAC1D,MAAA,IAAI,CAAC,IAAA,CAAK,UAAA,CAAW,QAAA,CAAS,IAAI,GAAG,OAAO,KAAA;AAG5C,MAAA,IAAI,CAAC,IAAA,CAAK,IAAA,CAAK,WAAA,EAAY,CAAE,QAAA,CAAS,IAAI,CAAA,EAAG,WAAA,CAAY,GAAA,CAAI,IAAA,CAAK,MAAM,CAAA;AACxE,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,OAAO,EAAE,OAAA,EAAS,QAAA,EAAU,mBAAA,EAAqB,WAAA,EAAY;AAAA,EAC/D,CAAA,EAAG,CAAC,KAAA,EAAO,aAAa,CAAC,CAAA;AAEzB,EAAA,OAAO,EAAE,KAAA,EAAO,QAAA,EAAU,SAAS,mBAAA,EAAqB,SAAA,EAAW,UAAU,aAAA,EAAc;AAC7F;;;;"}
+{"version":3,"file":"use-trace-search.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-search.ts"],"sourcesContent":["import { useDeferredValue, useMemo, useState } from 'react';\nimport type { LightSpanRecord } from '../types';\nimport { filterSpansKeepingAncestors, toSearchableSpans } from '../utils';\n\nexport interface UseTraceSearchResult<Span extends LightSpanRecord = LightSpanRecord> {\n  /** The immediate, user-facing input value. Bind this to the search field. */\n  query: string;\n  setQuery: (query: string) => void;\n  /** Rows matching the deferred query. An empty query returns the input array reference. */\n  results: Span[];\n  /**\n   * Spans that matched somewhere other than their name — in `metadata`, `attributes` or\n   * `error`. Their row shows no visible occurrence of the term, so the surface needs to say\n   * why it is there. Ancestors kept only to preserve the hierarchy are not in here: they did\n   * not match at all. Empty while the query is empty.\n   */\n  payloadOnlyMatchIds: Set<string>;\n  /** True while the deferred value is behind `query` (the list is still catching up). */\n  isPending: boolean;\n}\n\n/**\n * Client-side search over a flat span list.\n *\n * Matching is a substring test against a lowercased haystack built once per `spans` array\n * (see `toSearchableSpans`). That is what makes the open-ended `metadata` and `error`\n * payloads searchable: their shapes are unknown, so no fixed list of fields can read them.\n *\n * The haystack lives here, not in the data hooks, so only a mounted search surface pays for\n * flattening. Views that merely render spans (e.g. the thread view, which shows every trace\n * of a thread at once) never build it.\n *\n * Filtering is keyed on a deferred copy of the query, so typing stays responsive while a\n * large list re-filters at lower priority — bind the input to `query`, not to the deferred\n * value. A matching span keeps its ancestors and its whole subtree, so the hierarchy stays\n * intact.\n *\n * `spans` is required. Resolving the loading/empty state is the caller's job — a component\n * holding a query result passes `data?.spans ?? []`.\n */\nexport function useTraceSearch<Span extends LightSpanRecord>(spans: Span[]): UseTraceSearchResult<Span> {\n  const [query, setQuery] = useState('');\n  const deferredQuery = useDeferredValue(query);\n\n  const searchTextById = useMemo(\n    () => new Map(toSearchableSpans(spans).map(span => [span.spanId, span.searchText])),\n    [spans],\n  );\n\n  const { results, payloadOnlyMatchIds } = useMemo(() => {\n    const term = deferredQuery.trim().toLowerCase();\n    if (!term) return { results: spans, payloadOnlyMatchIds: new Set<string>() };\n\n    const payloadOnly = new Set<string>();\n    const filtered = filterSpansKeepingAncestors(spans, span => {\n      if (!searchTextById.get(span.spanId)?.includes(term)) return false;\n      // The name is the only part of a span the timeline paints, so a match it doesn't\n      // contain came from the payload.\n      if (!span.name.toLowerCase().includes(term)) payloadOnly.add(span.spanId);\n      return true;\n    });\n\n    return { results: filtered, payloadOnlyMatchIds: payloadOnly };\n  }, [spans, searchTextById, deferredQuery]);\n\n  return { query, setQuery, results, payloadOnlyMatchIds, isPending: query !== deferredQuery };\n}\n"],"names":[],"mappings":";;;;AAwCO,SAAS,eAA6C,KAAA,EAA2C;AACtG,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,aAAA,GAAgB,iBAAiB,KAAK,CAAA;AAE5C,EAAA,MAAM,cAAA,GAAiB,OAAA;AAAA,IACrB,MAAM,IAAI,GAAA,CAAI,iBAAA,CAAkB,KAAK,CAAA,CAAE,GAAA,CAAI,CAAA,IAAA,KAAQ,CAAC,IAAA,CAAK,MAAA,EAAQ,IAAA,CAAK,UAAU,CAAC,CAAC,CAAA;AAAA,IAClF,CAAC,KAAK;AAAA,GACR;AAEA,EAAA,MAAM,EAAE,OAAA,EAAS,mBAAA,EAAoB,GAAI,QAAQ,MAAM;AACrD,IAAA,MAAM,IAAA,GAAO,aAAA,CAAc,IAAA,EAAK,CAAE,WAAA,EAAY;AAC9C,IAAA,IAAI,CAAC,MAAM,OAAO,EAAE,SAAS,KAAA,EAAO,mBAAA,kBAAqB,IAAI,GAAA,EAAY,EAAE;AAE3E,IAAA,MAAM,WAAA,uBAAkB,GAAA,EAAY;AACpC,IAAA,MAAM,QAAA,GAAW,2BAAA,CAA4B,KAAA,EAAO,CAAA,IAAA,KAAQ;AAC1D,MAAA,IAAI,CAAC,eAAe,GAAA,CAAI,IAAA,CAAK,MAAM,CAAA,EAAG,QAAA,CAAS,IAAI,CAAA,EAAG,OAAO,KAAA;AAG7D,MAAA,IAAI,CAAC,IAAA,CAAK,IAAA,CAAK,WAAA,EAAY,CAAE,QAAA,CAAS,IAAI,CAAA,EAAG,WAAA,CAAY,GAAA,CAAI,IAAA,CAAK,MAAM,CAAA;AACxE,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,OAAO,EAAE,OAAA,EAAS,QAAA,EAAU,mBAAA,EAAqB,WAAA,EAAY;AAAA,EAC/D,CAAA,EAAG,CAAC,KAAA,EAAO,cAAA,EAAgB,aAAa,CAAC,CAAA;AAEzC,EAAA,OAAO,EAAE,KAAA,EAAO,QAAA,EAAU,SAAS,mBAAA,EAAqB,SAAA,EAAW,UAAU,aAAA,EAAc;AAC7F;;;;"}

package/dist/domains/traces/hooks/use-trace-spans.cjs.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const react = require('@mastra/react');
 const reactQuery = require('@tanstack/react-query');
-const domains_traces_utils_toSearchableSpans = require('../utils/to-searchable-spans.cjs.js');
 
 const traceSpansQueryOptions = (client, traceId) => reactQuery.queryOptions({
   queryKey: ["trace-spans", traceId],
@@ -19,7 +18,6 @@ const traceSpansQueryOptions = (client, traceId) => reactQuery.queryOptions({
   // Resumed runs and delayed exports can append spans even when every known span has ended.
   staleTime: 0
 });
-const selectSearchableTraceSpans = (data) => data ? { ...data, spans: domains_traces_utils_toSearchableSpans.toSearchableSpans(data.spans) } : null;
 function useTraceSpans(traceId, { passive = false } = {}) {
   const client = react.useMastraClient();
   return reactQuery.useQuery({
@@ -27,9 +25,7 @@ function useTraceSpans(traceId, { passive = false } = {}) {
     // History rows share updates but leave automatic refreshes to the selected detail.
     refetchOnMount: !passive,
     refetchOnWindowFocus: !passive,
-    refetchOnReconnect: !passive,
-    // Builds each span's search haystack once per fetch, cached with the query.
-    select: selectSearchableTraceSpans
+    refetchOnReconnect: !passive
   });
 }
 function useTraceSpansQueries(traceIds, select, fallback) {

package/dist/domains/traces/hooks/use-trace-spans.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-spans.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-spans.ts"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { queryOptions, useQueries, useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { toSearchableSpans } from '../utils';\n\n/**\n * Key, fetcher and stale policy of the `trace-spans` query. Every observer of this key must\n * share these (rather than only the key) so one observer with a stricter `staleTime` does not\n * refetch data another one considers fresh.\n */\nexport const traceSpansQueryOptions = (client: MastraClient, traceId: string | null | undefined) =>\n  queryOptions({\n    queryKey: ['trace-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTrace(traceId);\n      return res;\n    },\n    enabled: !!traceId,\n    // Resumed runs and delayed exports can append spans even when every known span has ended.\n    staleTime: 0,\n  });\n\n/**\n * Every span of a single trace, with its full payload.\n *\n * The lightweight projection exists to keep blob columns off the read path of a\n * *list*, where the cost is paid once per trace on screen. A trace that is open\n * has already narrowed that to one, and the panel both renders and searches\n * these spans -- `input`, `output` and `attributes` included -- so the\n * projection would only hide content the reader is looking at.\n */\nexport type TraceSpansData = Awaited<ReturnType<MastraClient['getTrace']>>;\ntype SearchableTraceSpansData = Omit<NonNullable<TraceSpansData>, 'spans'> & {\n  spans: Array<NonNullable<TraceSpansData>['spans'][number] & { searchText: string }>;\n};\n\nconst selectSearchableTraceSpans = (data: TraceSpansData): SearchableTraceSpansData | null =>\n  data ? { ...data, spans: toSearchableSpans(data.spans) } : null;\n\nexport function useTraceSpans(\n  traceId: string | null | undefined,\n  { passive = false }: { passive?: boolean } = {},\n): UseQueryResult<SearchableTraceSpansData | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    ...traceSpansQueryOptions(client, traceId),\n    // History rows share updates but leave automatic refreshes to the selected detail.\n    refetchOnMount: !passive,\n    refetchOnWindowFocus: !passive,\n    refetchOnReconnect: !passive,\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableTraceSpans,\n  });\n}\n\n/**\n * Observes the `trace-spans` query of several traces at once and projects each one with `select`.\n * Traces still loading (or failed) yield `fallback(traceId)` so the result always lines up with `traceIds`.\n */\nexport function useTraceSpansQueries<T>(\n  traceIds: string[],\n  select: (traceId: string, data: TraceSpansData) => T,\n  fallback: (traceId: string) => T,\n): T[] {\n  const client = useMastraClient();\n\n  return useQueries({\n    queries: traceIds.map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n      select: (data: TraceSpansData) => select(traceId, data),\n    })),\n    combine: results =>\n      results.map((result, index) =>\n        result.data === undefined ? fallback(traceIds[index] ?? '') : (result.data as T),\n      ),\n  });\n}\n"],"names":["queryOptions","toSearchableSpans","useMastraClient","useQuery","useQueries"],"mappings":";;;;;;;;AAWO,MAAM,sBAAA,GAAyB,CAAC,MAAA,EAAsB,OAAA,KAC3DA,uBAAA,CAAa;AAAA,EACX,QAAA,EAAU,CAAC,aAAA,EAAe,OAAO,CAAA;AAAA,EACjC,SAAS,YAAY;AACnB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,IACxC;AACA,IAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,QAAA,CAAS,OAAO,CAAA;AACzC,IAAA,OAAO,GAAA;AAAA,EACT,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA;AAAA,EAEX,SAAA,EAAW;AACb,CAAC;AAgBH,MAAM,0BAAA,GAA6B,CAAC,IAAA,KAClC,IAAA,GAAO,EAAE,GAAG,IAAA,EAAM,KAAA,EAAOC,wDAAA,CAAkB,IAAA,CAAK,KAAK,CAAA,EAAE,GAAI,IAAA;AAEtD,SAAS,cACd,OAAA,EACA,EAAE,UAAU,KAAA,EAAM,GAA2B,EAAC,EACG;AACjD,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAE/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA;AAAA,IAEzC,gBAAgB,CAAC,OAAA;AAAA,IACjB,sBAAsB,CAAC,OAAA;AAAA,IACvB,oBAAoB,CAAC,OAAA;AAAA;AAAA,IAErB,MAAA,EAAQ;AAAA,GACT,CAAA;AACH;AAMO,SAAS,oBAAA,CACd,QAAA,EACA,MAAA,EACA,QAAA,EACK;AACL,EAAA,MAAM,SAASD,qBAAA,EAAgB;AAE/B,EAAA,OAAOE,qBAAA,CAAW;AAAA,IAChB,OAAA,EAAS,QAAA,CAAS,GAAA,CAAI,CAAA,OAAA,MAAY;AAAA,MAChC,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA,MACzC,cAAA,EAAgB,KAAA;AAAA,MAChB,oBAAA,EAAsB,KAAA;AAAA,MACtB,kBAAA,EAAoB,KAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,IAAA,KAAyB,MAAA,CAAO,SAAS,IAAI;AAAA,KACxD,CAAE,CAAA;AAAA,IACF,OAAA,EAAS,aACP,OAAA,CAAQ,GAAA;AAAA,MAAI,CAAC,MAAA,EAAQ,KAAA,KACnB,MAAA,CAAO,IAAA,KAAS,MAAA,GAAY,QAAA,CAAS,QAAA,CAAS,KAAK,CAAA,IAAK,EAAE,CAAA,GAAK,MAAA,CAAO;AAAA;AACxE,GACH,CAAA;AACH;;;;;;"}
+{"version":3,"file":"use-trace-spans.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-spans.ts"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { queryOptions, useQueries, useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\n\n/**\n * Key, fetcher and stale policy of the `trace-spans` query. Every observer of this key must\n * share these (rather than only the key) so one observer with a stricter `staleTime` does not\n * refetch data another one considers fresh.\n */\nexport const traceSpansQueryOptions = (client: MastraClient, traceId: string | null | undefined) =>\n  queryOptions({\n    queryKey: ['trace-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTrace(traceId);\n      return res;\n    },\n    enabled: !!traceId,\n    // Resumed runs and delayed exports can append spans even when every known span has ended.\n    staleTime: 0,\n  });\n\n/**\n * Every span of a single trace, with its full payload.\n *\n * The lightweight projection exists to keep blob columns off the read path of a\n * *list*, where the cost is paid once per trace on screen. A trace that is open\n * has already narrowed that to one, and the panel both renders and searches\n * these spans -- `input`, `output` and `attributes` included -- so the\n * projection would only hide content the reader is looking at.\n */\nexport type TraceSpansData = Awaited<ReturnType<MastraClient['getTrace']>>;\n\nexport function useTraceSpans(\n  traceId: string | null | undefined,\n  { passive = false }: { passive?: boolean } = {},\n): UseQueryResult<TraceSpansData> {\n  const client = useMastraClient();\n\n  return useQuery({\n    ...traceSpansQueryOptions(client, traceId),\n    // History rows share updates but leave automatic refreshes to the selected detail.\n    refetchOnMount: !passive,\n    refetchOnWindowFocus: !passive,\n    refetchOnReconnect: !passive,\n  });\n}\n\n/**\n * Observes the `trace-spans` query of several traces at once and projects each one with `select`.\n * Traces still loading (or failed) yield `fallback(traceId)` so the result always lines up with `traceIds`.\n */\nexport function useTraceSpansQueries<T>(\n  traceIds: string[],\n  select: (traceId: string, data: TraceSpansData) => T,\n  fallback: (traceId: string) => T,\n): T[] {\n  const client = useMastraClient();\n\n  return useQueries({\n    queries: traceIds.map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n      select: (data: TraceSpansData) => select(traceId, data),\n    })),\n    combine: results =>\n      results.map((result, index) =>\n        result.data === undefined ? fallback(traceIds[index] ?? '') : (result.data as T),\n      ),\n  });\n}\n"],"names":["queryOptions","useMastraClient","useQuery","useQueries"],"mappings":";;;;;;;AAUO,MAAM,sBAAA,GAAyB,CAAC,MAAA,EAAsB,OAAA,KAC3DA,uBAAA,CAAa;AAAA,EACX,QAAA,EAAU,CAAC,aAAA,EAAe,OAAO,CAAA;AAAA,EACjC,SAAS,YAAY;AACnB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,IACxC;AACA,IAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,QAAA,CAAS,OAAO,CAAA;AACzC,IAAA,OAAO,GAAA;AAAA,EACT,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA;AAAA,EAEX,SAAA,EAAW;AACb,CAAC;AAaI,SAAS,cACd,OAAA,EACA,EAAE,UAAU,KAAA,EAAM,GAA2B,EAAC,EACd;AAChC,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAE/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA;AAAA,IAEzC,gBAAgB,CAAC,OAAA;AAAA,IACjB,sBAAsB,CAAC,OAAA;AAAA,IACvB,oBAAoB,CAAC;AAAA,GACtB,CAAA;AACH;AAMO,SAAS,oBAAA,CACd,QAAA,EACA,MAAA,EACA,QAAA,EACK;AACL,EAAA,MAAM,SAASD,qBAAA,EAAgB;AAE/B,EAAA,OAAOE,qBAAA,CAAW;AAAA,IAChB,OAAA,EAAS,QAAA,CAAS,GAAA,CAAI,CAAA,OAAA,MAAY;AAAA,MAChC,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA,MACzC,cAAA,EAAgB,KAAA;AAAA,MAChB,oBAAA,EAAsB,KAAA;AAAA,MACtB,kBAAA,EAAoB,KAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,IAAA,KAAyB,MAAA,CAAO,SAAS,IAAI;AAAA,KACxD,CAAE,CAAA;AAAA,IACF,OAAA,EAAS,aACP,OAAA,CAAQ,GAAA;AAAA,MAAI,CAAC,MAAA,EAAQ,KAAA,KACnB,MAAA,CAAO,IAAA,KAAS,MAAA,GAAY,QAAA,CAAS,QAAA,CAAS,KAAK,CAAA,IAAK,EAAE,CAAA,GAAK,MAAA,CAAO;AAAA;AACxE,GACH,CAAA;AACH;;;;;;"}

package/dist/domains/traces/hooks/use-trace-spans.es.js

@@ -1,6 +1,5 @@
 import { useMastraClient } from '@mastra/react';
 import { useQuery, queryOptions, useQueries } from '@tanstack/react-query';
-import { toSearchableSpans } from '../utils/to-searchable-spans.es.js';
 
 const traceSpansQueryOptions = (client, traceId) => queryOptions({
   queryKey: ["trace-spans", traceId],
@@ -15,7 +14,6 @@ const traceSpansQueryOptions = (client, traceId) => queryOptions({
   // Resumed runs and delayed exports can append spans even when every known span has ended.
   staleTime: 0
 });
-const selectSearchableTraceSpans = (data) => data ? { ...data, spans: toSearchableSpans(data.spans) } : null;
 function useTraceSpans(traceId, { passive = false } = {}) {
   const client = useMastraClient();
   return useQuery({
@@ -23,9 +21,7 @@ function useTraceSpans(traceId, { passive = false } = {}) {
     // History rows share updates but leave automatic refreshes to the selected detail.
     refetchOnMount: !passive,
     refetchOnWindowFocus: !passive,
-    refetchOnReconnect: !passive,
-    // Builds each span's search haystack once per fetch, cached with the query.
-    select: selectSearchableTraceSpans
+    refetchOnReconnect: !passive
   });
 }
 function useTraceSpansQueries(traceIds, select, fallback) {

package/dist/domains/traces/hooks/use-trace-spans.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-spans.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-spans.ts"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { queryOptions, useQueries, useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { toSearchableSpans } from '../utils';\n\n/**\n * Key, fetcher and stale policy of the `trace-spans` query. Every observer of this key must\n * share these (rather than only the key) so one observer with a stricter `staleTime` does not\n * refetch data another one considers fresh.\n */\nexport const traceSpansQueryOptions = (client: MastraClient, traceId: string | null | undefined) =>\n  queryOptions({\n    queryKey: ['trace-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTrace(traceId);\n      return res;\n    },\n    enabled: !!traceId,\n    // Resumed runs and delayed exports can append spans even when every known span has ended.\n    staleTime: 0,\n  });\n\n/**\n * Every span of a single trace, with its full payload.\n *\n * The lightweight projection exists to keep blob columns off the read path of a\n * *list*, where the cost is paid once per trace on screen. A trace that is open\n * has already narrowed that to one, and the panel both renders and searches\n * these spans -- `input`, `output` and `attributes` included -- so the\n * projection would only hide content the reader is looking at.\n */\nexport type TraceSpansData = Awaited<ReturnType<MastraClient['getTrace']>>;\ntype SearchableTraceSpansData = Omit<NonNullable<TraceSpansData>, 'spans'> & {\n  spans: Array<NonNullable<TraceSpansData>['spans'][number] & { searchText: string }>;\n};\n\nconst selectSearchableTraceSpans = (data: TraceSpansData): SearchableTraceSpansData | null =>\n  data ? { ...data, spans: toSearchableSpans(data.spans) } : null;\n\nexport function useTraceSpans(\n  traceId: string | null | undefined,\n  { passive = false }: { passive?: boolean } = {},\n): UseQueryResult<SearchableTraceSpansData | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    ...traceSpansQueryOptions(client, traceId),\n    // History rows share updates but leave automatic refreshes to the selected detail.\n    refetchOnMount: !passive,\n    refetchOnWindowFocus: !passive,\n    refetchOnReconnect: !passive,\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableTraceSpans,\n  });\n}\n\n/**\n * Observes the `trace-spans` query of several traces at once and projects each one with `select`.\n * Traces still loading (or failed) yield `fallback(traceId)` so the result always lines up with `traceIds`.\n */\nexport function useTraceSpansQueries<T>(\n  traceIds: string[],\n  select: (traceId: string, data: TraceSpansData) => T,\n  fallback: (traceId: string) => T,\n): T[] {\n  const client = useMastraClient();\n\n  return useQueries({\n    queries: traceIds.map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n      select: (data: TraceSpansData) => select(traceId, data),\n    })),\n    combine: results =>\n      results.map((result, index) =>\n        result.data === undefined ? fallback(traceIds[index] ?? '') : (result.data as T),\n      ),\n  });\n}\n"],"names":[],"mappings":";;;;AAWO,MAAM,sBAAA,GAAyB,CAAC,MAAA,EAAsB,OAAA,KAC3D,YAAA,CAAa;AAAA,EACX,QAAA,EAAU,CAAC,aAAA,EAAe,OAAO,CAAA;AAAA,EACjC,SAAS,YAAY;AACnB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,IACxC;AACA,IAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,QAAA,CAAS,OAAO,CAAA;AACzC,IAAA,OAAO,GAAA;AAAA,EACT,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA;AAAA,EAEX,SAAA,EAAW;AACb,CAAC;AAgBH,MAAM,0BAAA,GAA6B,CAAC,IAAA,KAClC,IAAA,GAAO,EAAE,GAAG,IAAA,EAAM,KAAA,EAAO,iBAAA,CAAkB,IAAA,CAAK,KAAK,CAAA,EAAE,GAAI,IAAA;AAEtD,SAAS,cACd,OAAA,EACA,EAAE,UAAU,KAAA,EAAM,GAA2B,EAAC,EACG;AACjD,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA;AAAA,IAEzC,gBAAgB,CAAC,OAAA;AAAA,IACjB,sBAAsB,CAAC,OAAA;AAAA,IACvB,oBAAoB,CAAC,OAAA;AAAA;AAAA,IAErB,MAAA,EAAQ;AAAA,GACT,CAAA;AACH;AAMO,SAAS,oBAAA,CACd,QAAA,EACA,MAAA,EACA,QAAA,EACK;AACL,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,UAAA,CAAW;AAAA,IAChB,OAAA,EAAS,QAAA,CAAS,GAAA,CAAI,CAAA,OAAA,MAAY;AAAA,MAChC,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA,MACzC,cAAA,EAAgB,KAAA;AAAA,MAChB,oBAAA,EAAsB,KAAA;AAAA,MACtB,kBAAA,EAAoB,KAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,IAAA,KAAyB,MAAA,CAAO,SAAS,IAAI;AAAA,KACxD,CAAE,CAAA;AAAA,IACF,OAAA,EAAS,aACP,OAAA,CAAQ,GAAA;AAAA,MAAI,CAAC,MAAA,EAAQ,KAAA,KACnB,MAAA,CAAO,IAAA,KAAS,MAAA,GAAY,QAAA,CAAS,QAAA,CAAS,KAAK,CAAA,IAAK,EAAE,CAAA,GAAK,MAAA,CAAO;AAAA;AACxE,GACH,CAAA;AACH;;;;"}
+{"version":3,"file":"use-trace-spans.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-spans.ts"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { queryOptions, useQueries, useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\n\n/**\n * Key, fetcher and stale policy of the `trace-spans` query. Every observer of this key must\n * share these (rather than only the key) so one observer with a stricter `staleTime` does not\n * refetch data another one considers fresh.\n */\nexport const traceSpansQueryOptions = (client: MastraClient, traceId: string | null | undefined) =>\n  queryOptions({\n    queryKey: ['trace-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTrace(traceId);\n      return res;\n    },\n    enabled: !!traceId,\n    // Resumed runs and delayed exports can append spans even when every known span has ended.\n    staleTime: 0,\n  });\n\n/**\n * Every span of a single trace, with its full payload.\n *\n * The lightweight projection exists to keep blob columns off the read path of a\n * *list*, where the cost is paid once per trace on screen. A trace that is open\n * has already narrowed that to one, and the panel both renders and searches\n * these spans -- `input`, `output` and `attributes` included -- so the\n * projection would only hide content the reader is looking at.\n */\nexport type TraceSpansData = Awaited<ReturnType<MastraClient['getTrace']>>;\n\nexport function useTraceSpans(\n  traceId: string | null | undefined,\n  { passive = false }: { passive?: boolean } = {},\n): UseQueryResult<TraceSpansData> {\n  const client = useMastraClient();\n\n  return useQuery({\n    ...traceSpansQueryOptions(client, traceId),\n    // History rows share updates but leave automatic refreshes to the selected detail.\n    refetchOnMount: !passive,\n    refetchOnWindowFocus: !passive,\n    refetchOnReconnect: !passive,\n  });\n}\n\n/**\n * Observes the `trace-spans` query of several traces at once and projects each one with `select`.\n * Traces still loading (or failed) yield `fallback(traceId)` so the result always lines up with `traceIds`.\n */\nexport function useTraceSpansQueries<T>(\n  traceIds: string[],\n  select: (traceId: string, data: TraceSpansData) => T,\n  fallback: (traceId: string) => T,\n): T[] {\n  const client = useMastraClient();\n\n  return useQueries({\n    queries: traceIds.map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n      select: (data: TraceSpansData) => select(traceId, data),\n    })),\n    combine: results =>\n      results.map((result, index) =>\n        result.data === undefined ? fallback(traceIds[index] ?? '') : (result.data as T),\n      ),\n  });\n}\n"],"names":[],"mappings":";;;AAUO,MAAM,sBAAA,GAAyB,CAAC,MAAA,EAAsB,OAAA,KAC3D,YAAA,CAAa;AAAA,EACX,QAAA,EAAU,CAAC,aAAA,EAAe,OAAO,CAAA;AAAA,EACjC,SAAS,YAAY;AACnB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,IACxC;AACA,IAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,QAAA,CAAS,OAAO,CAAA;AACzC,IAAA,OAAO,GAAA;AAAA,EACT,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA;AAAA,EAEX,SAAA,EAAW;AACb,CAAC;AAaI,SAAS,cACd,OAAA,EACA,EAAE,UAAU,KAAA,EAAM,GAA2B,EAAC,EACd;AAChC,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA;AAAA,IAEzC,gBAAgB,CAAC,OAAA;AAAA,IACjB,sBAAsB,CAAC,OAAA;AAAA,IACvB,oBAAoB,CAAC;AAAA,GACtB,CAAA;AACH;AAMO,SAAS,oBAAA,CACd,QAAA,EACA,MAAA,EACA,QAAA,EACK;AACL,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,UAAA,CAAW;AAAA,IAChB,OAAA,EAAS,QAAA,CAAS,GAAA,CAAI,CAAA,OAAA,MAAY;AAAA,MAChC,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA,MACzC,cAAA,EAAgB,KAAA;AAAA,MAChB,oBAAA,EAAsB,KAAA;AAAA,MACtB,kBAAA,EAAoB,KAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,IAAA,KAAyB,MAAA,CAAO,SAAS,IAAI;AAAA,KACxD,CAAE,CAAA;AAAA,IACF,OAAA,EAAS,aACP,OAAA,CAAQ,GAAA;AAAA,MAAI,CAAC,MAAA,EAAQ,KAAA,KACnB,MAAA,CAAO,IAAA,KAAS,MAAA,GAAY,QAAA,CAAS,QAAA,CAAS,KAAK,CAAA,IAAK,EAAE,CAAA,GAAK,MAAA,CAAO;AAAA;AACxE,GACH,CAAA;AACH;;;;"}

package/dist/domains/traces/utils/to-searchable-spans.cjs.js

@@ -12,11 +12,6 @@ function toSearchableSpans(spans) {
     searchText: domains_traces_utils_flattenToSearchText.flattenToSearchText(span).toLowerCase()
   }));
 }
-function selectSearchableSpans(data) {
-  if (!data) return null;
-  return { ...data, spans: toSearchableSpans(data.spans) };
-}
 
-exports.selectSearchableSpans = selectSearchableSpans;
 exports.toSearchableSpans = toSearchableSpans;
 //# sourceMappingURL=to-searchable-spans.cjs.js.map

package/dist/domains/traces/utils/to-searchable-spans.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"to-searchable-spans.cjs.js","sources":["../../../../src/domains/traces/utils/to-searchable-spans.ts"],"sourcesContent":["import type { LightSpanRecord, SearchableSpan } from '../types';\nimport { flattenToSearchText } from './flatten-to-search-text';\n\n/**\n * Attach a precomputed search haystack to each span.\n *\n * Run this once, where the span list is resolved — not per keystroke. Flattening\n * walks every nested payload, so doing it inside a filter would repeat the whole\n * walk for every character typed.\n *\n * The whole record is flattened, which is what reaches `metadata` and `error`:\n * their shapes are open-ended, so no fixed list of fields can read them. The\n * text is lowercased here so matching is a bare `includes` with no per-span\n * `toLowerCase` on every keystroke.\n *\n * Inputs are left untouched; each result is a new object.\n */\nexport function toSearchableSpans<Span extends LightSpanRecord>(spans: Span[]): Array<Span & { searchText: string }> {\n  return spans.map(span => ({\n    ...span,\n    // Computed from `span`, so a stale `searchText` on the input is overwritten\n    // rather than carried through by the spread.\n    searchText: flattenToSearchText(span).toLowerCase(),\n  }));\n}\n\n/**\n * React Query `select` for the `{ traceId, spans }` payload returned by\n * `getTraceLight` and `getBranch`.\n *\n * Enriching here rather than in a component means the flattening runs once per\n * fetch and is cached with the query, so it survives the panel unmounting and\n * remounting. Keep this a module-level reference: React Query re-runs `select`\n * whenever its identity changes, and an inline arrow would re-flatten the whole\n * trace on every render.\n *\n * Deliberately not generic: TypeScript cannot infer a query's `TData` from a\n * generic function passed as `select`, and silently falls back to the unselected\n * type — which would leave `searchText` missing at the call sites.\n *\n * `null` is passed through because a query may resolve to it. `undefined` is not\n * in the signature: React Query only runs `select` once data exists.\n */\nexport function selectSearchableSpans(\n  data: { traceId: string; spans: LightSpanRecord[] } | null,\n): { traceId: string; spans: SearchableSpan[] } | null {\n  if (!data) return null;\n\n  return { ...data, spans: toSearchableSpans(data.spans) };\n}\n"],"names":["flattenToSearchText"],"mappings":";;;;;;AAiBO,SAAS,kBAAgD,KAAA,EAAqD;AACnH,EAAA,OAAO,KAAA,CAAM,IAAI,CAAA,IAAA,MAAS;AAAA,IACxB,GAAG,IAAA;AAAA;AAAA;AAAA,IAGH,UAAA,EAAYA,4DAAA,CAAoB,IAAI,CAAA,CAAE,WAAA;AAAY,GACpD,CAAE,CAAA;AACJ;AAmBO,SAAS,sBACd,IAAA,EACqD;AACrD,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,OAAO,EAAE,GAAG,IAAA,EAAM,OAAO,iBAAA,CAAkB,IAAA,CAAK,KAAK,CAAA,EAAE;AACzD;;;;;"}
+{"version":3,"file":"to-searchable-spans.cjs.js","sources":["../../../../src/domains/traces/utils/to-searchable-spans.ts"],"sourcesContent":["import type { LightSpanRecord } from '../types';\nimport { flattenToSearchText } from './flatten-to-search-text';\n\n/**\n * Attach a precomputed search haystack to each span.\n *\n * Run this once per span list — not per keystroke. Flattening\n * walks every nested payload, so doing it inside a filter would repeat the whole\n * walk for every character typed.\n *\n * The whole record is flattened, which is what reaches `metadata` and `error`:\n * their shapes are open-ended, so no fixed list of fields can read them. The\n * text is lowercased here so matching is a bare `includes` with no per-span\n * `toLowerCase` on every keystroke.\n *\n * Inputs are left untouched; each result is a new object.\n */\nexport function toSearchableSpans<Span extends LightSpanRecord>(spans: Span[]): Array<Span & { searchText: string }> {\n  return spans.map(span => ({\n    ...span,\n    // Computed from `span`, so a stale `searchText` on the input is overwritten\n    // rather than carried through by the spread.\n    searchText: flattenToSearchText(span).toLowerCase(),\n  }));\n}\n"],"names":["flattenToSearchText"],"mappings":";;;;;;AAiBO,SAAS,kBAAgD,KAAA,EAAqD;AACnH,EAAA,OAAO,KAAA,CAAM,IAAI,CAAA,IAAA,MAAS;AAAA,IACxB,GAAG,IAAA;AAAA;AAAA;AAAA,IAGH,UAAA,EAAYA,4DAAA,CAAoB,IAAI,CAAA,CAAE,WAAA;AAAY,GACpD,CAAE,CAAA;AACJ;;;;"}

package/dist/domains/traces/utils/to-searchable-spans.es.js

@@ -8,10 +8,6 @@ function toSearchableSpans(spans) {
     searchText: flattenToSearchText(span).toLowerCase()
   }));
 }
-function selectSearchableSpans(data) {
-  if (!data) return null;
-  return { ...data, spans: toSearchableSpans(data.spans) };
-}
 
-export { selectSearchableSpans, toSearchableSpans };
+export { toSearchableSpans };
 //# sourceMappingURL=to-searchable-spans.es.js.map

package/dist/domains/traces/utils/to-searchable-spans.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"to-searchable-spans.es.js","sources":["../../../../src/domains/traces/utils/to-searchable-spans.ts"],"sourcesContent":["import type { LightSpanRecord, SearchableSpan } from '../types';\nimport { flattenToSearchText } from './flatten-to-search-text';\n\n/**\n * Attach a precomputed search haystack to each span.\n *\n * Run this once, where the span list is resolved — not per keystroke. Flattening\n * walks every nested payload, so doing it inside a filter would repeat the whole\n * walk for every character typed.\n *\n * The whole record is flattened, which is what reaches `metadata` and `error`:\n * their shapes are open-ended, so no fixed list of fields can read them. The\n * text is lowercased here so matching is a bare `includes` with no per-span\n * `toLowerCase` on every keystroke.\n *\n * Inputs are left untouched; each result is a new object.\n */\nexport function toSearchableSpans<Span extends LightSpanRecord>(spans: Span[]): Array<Span & { searchText: string }> {\n  return spans.map(span => ({\n    ...span,\n    // Computed from `span`, so a stale `searchText` on the input is overwritten\n    // rather than carried through by the spread.\n    searchText: flattenToSearchText(span).toLowerCase(),\n  }));\n}\n\n/**\n * React Query `select` for the `{ traceId, spans }` payload returned by\n * `getTraceLight` and `getBranch`.\n *\n * Enriching here rather than in a component means the flattening runs once per\n * fetch and is cached with the query, so it survives the panel unmounting and\n * remounting. Keep this a module-level reference: React Query re-runs `select`\n * whenever its identity changes, and an inline arrow would re-flatten the whole\n * trace on every render.\n *\n * Deliberately not generic: TypeScript cannot infer a query's `TData` from a\n * generic function passed as `select`, and silently falls back to the unselected\n * type — which would leave `searchText` missing at the call sites.\n *\n * `null` is passed through because a query may resolve to it. `undefined` is not\n * in the signature: React Query only runs `select` once data exists.\n */\nexport function selectSearchableSpans(\n  data: { traceId: string; spans: LightSpanRecord[] } | null,\n): { traceId: string; spans: SearchableSpan[] } | null {\n  if (!data) return null;\n\n  return { ...data, spans: toSearchableSpans(data.spans) };\n}\n"],"names":[],"mappings":";;AAiBO,SAAS,kBAAgD,KAAA,EAAqD;AACnH,EAAA,OAAO,KAAA,CAAM,IAAI,CAAA,IAAA,MAAS;AAAA,IACxB,GAAG,IAAA;AAAA;AAAA;AAAA,IAGH,UAAA,EAAY,mBAAA,CAAoB,IAAI,CAAA,CAAE,WAAA;AAAY,GACpD,CAAE,CAAA;AACJ;AAmBO,SAAS,sBACd,IAAA,EACqD;AACrD,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,OAAO,EAAE,GAAG,IAAA,EAAM,OAAO,iBAAA,CAAkB,IAAA,CAAK,KAAK,CAAA,EAAE;AACzD;;;;"}
+{"version":3,"file":"to-searchable-spans.es.js","sources":["../../../../src/domains/traces/utils/to-searchable-spans.ts"],"sourcesContent":["import type { LightSpanRecord } from '../types';\nimport { flattenToSearchText } from './flatten-to-search-text';\n\n/**\n * Attach a precomputed search haystack to each span.\n *\n * Run this once per span list — not per keystroke. Flattening\n * walks every nested payload, so doing it inside a filter would repeat the whole\n * walk for every character typed.\n *\n * The whole record is flattened, which is what reaches `metadata` and `error`:\n * their shapes are open-ended, so no fixed list of fields can read them. The\n * text is lowercased here so matching is a bare `includes` with no per-span\n * `toLowerCase` on every keystroke.\n *\n * Inputs are left untouched; each result is a new object.\n */\nexport function toSearchableSpans<Span extends LightSpanRecord>(spans: Span[]): Array<Span & { searchText: string }> {\n  return spans.map(span => ({\n    ...span,\n    // Computed from `span`, so a stale `searchText` on the input is overwritten\n    // rather than carried through by the spread.\n    searchText: flattenToSearchText(span).toLowerCase(),\n  }));\n}\n"],"names":[],"mappings":";;AAiBO,SAAS,kBAAgD,KAAA,EAAqD;AACnH,EAAA,OAAO,KAAA,CAAM,IAAI,CAAA,IAAA,MAAS;AAAA,IACxB,GAAG,IAAA;AAAA;AAAA;AAAA,IAGH,UAAA,EAAY,mBAAA,CAAoB,IAAI,CAAA,CAAE,WAAA;AAAY,GACpD,CAAE,CAAA;AACJ;;;;"}

package/dist/domains/traces/utils.cjs.js

@@ -12,7 +12,6 @@ const domains_traces_utils_spanUtils = require('./utils/span-utils.cjs.js');
 
 exports.filterSpansKeepingAncestors = domains_traces_utils_filterSpansKeepingAncestors.filterSpansKeepingAncestors;
 exports.flattenToSearchText = domains_traces_utils_flattenToSearchText.flattenToSearchText;
-exports.selectSearchableSpans = domains_traces_utils_toSearchableSpans.selectSearchableSpans;
 exports.toSearchableSpans = domains_traces_utils_toSearchableSpans.toSearchableSpans;
 exports.getSpanTimingLayout = domains_traces_utils_spanTiming.getSpanTimingLayout;
 exports.getInputPreview = domains_traces_utils_spanUtils.getInputPreview;

package/dist/domains/traces/utils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"utils.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/domains/traces/utils.es.js

@@ -1,6 +1,6 @@
 export { filterSpansKeepingAncestors } from './utils/filter-spans-keeping-ancestors.es.js';
 export { flattenToSearchText } from './utils/flatten-to-search-text.es.js';
-export { selectSearchableSpans, toSearchableSpans } from './utils/to-searchable-spans.es.js';
+export { toSearchableSpans } from './utils/to-searchable-spans.es.js';
 export { getSpanTimingLayout } from './utils/span-timing.es.js';
 export { getInputPreview, getSpanDurationMs, getTokenLimitMessage, isTokenLimitExceeded } from './utils/span-utils.es.js';
 //# sourceMappingURL=utils.es.js.map

package/dist/domains/traces.cjs.js

@@ -130,7 +130,6 @@ exports.useExpandedSpanIds = domains_traces_hooks_useExpandedSpanIds.useExpanded
 exports.useVisibleTraceRows = domains_traces_hooks_useVisibleTraceRows.useVisibleTraceRows;
 exports.filterSpansKeepingAncestors = domains_traces_utils_filterSpansKeepingAncestors.filterSpansKeepingAncestors;
 exports.flattenToSearchText = domains_traces_utils_flattenToSearchText.flattenToSearchText;
-exports.selectSearchableSpans = domains_traces_utils_toSearchableSpans.selectSearchableSpans;
 exports.toSearchableSpans = domains_traces_utils_toSearchableSpans.toSearchableSpans;
 exports.getSpanTimingLayout = domains_traces_utils_spanTiming.getSpanTimingLayout;
 exports.getInputPreview = domains_traces_utils_spanUtils.getInputPreview;

package/dist/domains/traces.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"traces.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/domains/traces.es.js

@@ -55,7 +55,7 @@ export { useExpandedSpanIds } from './traces/hooks/use-expanded-span-ids.es.js';
 export { useVisibleTraceRows } from './traces/hooks/use-visible-trace-rows.es.js';
 export { filterSpansKeepingAncestors } from './traces/utils/filter-spans-keeping-ancestors.es.js';
 export { flattenToSearchText } from './traces/utils/flatten-to-search-text.es.js';
-export { selectSearchableSpans, toSearchableSpans } from './traces/utils/to-searchable-spans.es.js';
+export { toSearchableSpans } from './traces/utils/to-searchable-spans.es.js';
 export { getSpanTimingLayout } from './traces/utils/span-timing.es.js';
 export { getInputPreview, getSpanDurationMs, getTokenLimitMessage, isTokenLimitExceeded } from './traces/utils/span-utils.es.js';
 export { DEFAULT_TRACE_FILTERS_STORAGE_KEY, ROOT_ENTITY_TYPES, ROOT_ENTITY_TYPE_OPTIONS, TRACE_ANCHOR_SPAN_ID_PARAM, TRACE_DATE_FROM_PARAM, TRACE_DATE_PRESET_PARAM, TRACE_DATE_PRESET_VALUES, TRACE_DATE_TO_PARAM, TRACE_FILTER_BAR_OPERATORS, TRACE_FILTER_GROUP_PARAM, TRACE_FILTER_OPERATOR_PARAM_SUFFIX, TRACE_LIST_MODE_OPTIONS, TRACE_LIST_MODE_PARAM, TRACE_LIST_MODE_VALUES, TRACE_METADATA_FILTER_FIELD_PREFIX, TRACE_METADATA_FILTER_PARAM_PREFIX, TRACE_PROPERTY_FILTER_FIELD_IDS, TRACE_PROPERTY_FILTER_PARAM_BY_FIELD, TRACE_ROOT_ENTITY_TYPE_PARAM, TRACE_STATUS_OPTIONS, TRACE_STATUS_PARAM, TRACE_STATUS_VALUES, TRACE_SYNTHETIC_FILTER_FIELD_IDS, applyTracePropertyFilterTokens, buildTraceListFilters, clearSavedTraceFilters, createTraceFilterBarFields, filterBarExpressionToTraceFilters, filterBarItemsToTraceTokens, getPreservedTraceFilterParams, getTraceFilterGroups, getTracePropertyFilterTokens, hasAnyTraceFilterParams, isTraceMetadataFieldId, loadTraceFiltersFromStorage, metadataFieldIdToParam, metadataParamToFieldId, parseTraceFilterGroupParam, saveTraceFiltersToStorage, serializeTraceFilterGroup, traceFilterFieldColor, traceFilterFieldIcon, traceFilterOperatorParam, traceFilterTokenOperator, traceFiltersToFilterBarExpression, traceTokensToFilterBarItems } from './traces/trace-filters.es.js';

package/dist/domains/workflows/components/workflow-combobox.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_workflows_hooks_useWorkflows = require('../hooks/use-workflows.cjs.js');
-const combobox = require('../../../combobox-RzEkcOuu.cjs');
+const combobox = require('../../../combobox-DPpiBLWV.cjs');
 require('@base-ui/react/combobox');
 const lib_framework = require('../../../lib/framework.cjs.js');
 const toast = require('../../../toast-nm-fM7BR.cjs');

package/dist/domains/workflows/components/workflow-combobox.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useEffect } from 'react';
 import { useWorkflows } from '../hooks/use-workflows.es.js';
-import { C as Combobox } from '../../../combobox-DKFPbNMB.js';
+import { C as Combobox } from '../../../combobox-DoJgbq9N.js';
 import '@base-ui/react/combobox';
 import { useLinkComponent } from '../../../lib/framework.es.js';
 import { t as toast } from '../../../toast-c5kCpyWt.js';

package/dist/domains/workflows/components/workflow-entity-header.cjs.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_workflows_hooks_useWorkflow = require('../hooks/use-workflow.cjs.js');
-const Badge = require('../../../Badge-D3EctKQo.cjs');
-const entityHeader = require('../../../entity-header-DEjkHoqj.cjs');
+const Badge = require('../../../Badge-DB59RxT5.cjs');
+const entityHeader = require('../../../entity-header-By57lpH8.cjs');
 const tooltip = require('../../../tooltip-DIZ5oqjV.cjs');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');
 const primitives_transitions = require('../../../primitives/transitions.cjs.js');

package/dist/domains/workflows/components/workflow-entity-header.es.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { CopyIcon, Cpu, Database } from 'lucide-react';
 import { useWorkflow } from '../hooks/use-workflow.es.js';
-import { B as Badge } from '../../../Badge-DmOqFpXW.js';
-import { E as EntityHeader } from '../../../entity-header-9qzr-3xQ.js';
+import { B as Badge } from '../../../Badge-DId-8rYY.js';
+import { E as EntityHeader } from '../../../entity-header-DMjzE4Za.js';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-DsQPiynb.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';
 import { focusRing } from '../../../primitives/transitions.es.js';

package/dist/domains/workflows/components/workflow-step-detail.cjs.js

@@ -7,9 +7,9 @@ const react = require('@xyflow/react');
 const lucideReact = require('lucide-react');
 const domains_workflows_context_workflowStepDetailContext = require('../context/workflow-step-detail-context.cjs.js');
 const domains_workflows_workflow_data_workflowDataInspector = require('../workflow/data/workflow-data-inspector.cjs.js');
-const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-BNAtEa06.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
-const workflowConditionCard = require('../../../workflow-condition-card-BjEAp0t6.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-t17K6Hkf.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
+const workflowConditionCard = require('../../../workflow-condition-card-B_oDiQ6I.cjs');
 const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-DyoN3850.cjs');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');
 

package/dist/domains/workflows/components/workflow-step-detail.es.js

@@ -3,9 +3,9 @@ import { ReactFlowProvider } from '@xyflow/react';
 import { List, X } from 'lucide-react';
 import { useWorkflowStepDetail } from '../context/workflow-step-detail-context.es.js';
 import { WorkflowDataInspector } from '../workflow/data/workflow-data-inspector.es.js';
-import { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-JQwLwNBD.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
-import { B as BADGE_COLORS } from '../../../workflow-condition-card-3J-As62x.js';
+import { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-IZ-er4hs.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+import { B as BADGE_COLORS } from '../../../workflow-condition-card-CLyskv_B.js';
 import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-3AcgitHa.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';
 

package/dist/domains/workflows/components/workflows-list/no-workflows-info.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const Button = require('../../../../Button-CXhSUBxN.cjs');
-const EmptyState = require('../../../../EmptyState-CuoMGNP0.cjs');
+const EmptyState = require('../../../../EmptyState-DvSib3QC.cjs');
 
 const NoWorkflowsInfo = () => /* @__PURE__ */ jsxRuntime.jsx(
   EmptyState.EmptyState,

package/dist/domains/workflows/components/workflows-list/no-workflows-info.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ExternalLinkIcon } from 'lucide-react';
 import { B as Button } from '../../../../Button-D43ghVKt.js';
-import { E as EmptyState } from '../../../../EmptyState-DyyUFpzY.js';
+import { E as EmptyState } from '../../../../EmptyState-DGzBN0Ix.js';
 
 const NoWorkflowsInfo = () => /* @__PURE__ */ jsx(
   EmptyState,