@mastra/playground-ui 55.0.0 → 56.0.0-alpha.5

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

@@ -155,7 +155,8 @@ function mergeDeltaIntoPage0(old, delta, listMode) {
 const useTraces = ({
   filters,
   listMode = "traces",
-  polling = {}
+  polling = {},
+  enabled = true
 }) => {
   const {
     deltaPollIntervalMs = DEFAULT_POLLING_CONFIG.deltaPollIntervalMs,
@@ -180,6 +181,7 @@ const useTraces = ({
   const tracesQueryKey = ["traces", listMode, filters];
   const query = useInfiniteQuery({
     queryKey: tracesQueryKey,
+    enabled,
     queryFn: ({ pageParam }) => fetchTracesFn({
       client,
       page: pageParam,
@@ -220,7 +222,7 @@ const useTraces = ({
         listMode
       });
     },
-    enabled: !!cursor && !deltaUnsupported && autoRefetch,
+    enabled: enabled && !!cursor && !deltaUnsupported && autoRefetch,
     retry: false,
     refetchInterval: (q) => {
       if (q.state.error) return false;
@@ -267,7 +269,7 @@ const useTraces = ({
       filters,
       listMode
     }),
-    enabled: !!cursor && !deltaUnsupported && autoRefetch,
+    enabled: enabled && !!cursor && !deltaUnsupported && autoRefetch,
     refetchInterval: page0StatusRefreshIntervalMs,
     refetchOnMount: false,
     retry: false
@@ -289,8 +291,8 @@ const useTraces = ({
   }, [query.dataUpdatedAt, deltaQuery.dataUpdatedAt, statusRefreshQuery.dataUpdatedAt]);
   const autoRefetchRef = useRef(autoRefetch);
   useEffect(() => {
-    autoRefetchRef.current = autoRefetch;
-  }, [autoRefetch]);
+    autoRefetchRef.current = enabled && autoRefetch;
+  }, [enabled, autoRefetch]);
   useEffect(() => {
     const handler = () => {
       if (document.visibilityState !== "visible") return;
@@ -303,10 +305,10 @@ const useTraces = ({
   }, [queryClient, listMode, filters, idleGuardThresholdMs]);
   const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;
   useEffect(() => {
-    if (isEndOfListInView && hasNextPage && !isFetchingNextPage) {
+    if (enabled && isEndOfListInView && hasNextPage && !isFetchingNextPage) {
       void fetchNextPage();
     }
-  }, [isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);
+  }, [enabled, isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);
   const isFetchingAny = query.isFetching || statusRefreshQuery.isFetching || deltaQuery.isFetching;
   const lastActivityAt = Math.max(
     query.dataUpdatedAt,

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

@@ -1 +1 @@
-{"version":3,"file":"use-traces.es.js","sources":["../../../../src/domains/traces/hooks/use-traces.tsx"],"sourcesContent":["import type {\n  LightSpanRecord,\n  ListBranchesArgs,\n  ListBranchesResponse,\n  ListTracesArgs,\n  ListTracesLightResponse,\n} from '@mastra/core/storage';\nimport { useMastraClient } from '@mastra/react';\nimport type { InfiniteData } from '@tanstack/react-query';\nimport { useInfiniteQuery, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { useEffect, useRef, useState } from 'react';\nimport type { TraceListMode } from '../trace-filters';\nimport { useInView } from '@/hooks/use-in-view';\nimport { is403ForbiddenError } from '@/lib/query-utils';\n\n/**\n * Per-MastraClient delta-polling support cache. Sticks once we observe a 501\n * or a page-0 response without `deltaCursor` (legacy server or store without\n * delta capability), so we don't re-probe on every mount.\n */\ntype DeltaSupport = 'unknown' | 'unsupported';\nconst deltaSupportByClient = new WeakMap<ReturnType<typeof useMastraClient>, DeltaSupport>();\n\n/**\n * Per-MastraClient light-list support cache. Sticks once the light endpoint is\n * shown not to be served, so every subsequent page fetch, delta poll and periodic\n * refresh uses the full list endpoint instead. Other failures (auth, rate limits,\n * outages) propagate without pinning — they'd hit the full endpoint too.\n */\ntype LightListSupport = 'unknown' | 'unsupported';\nconst lightListSupportByClient = new WeakMap<ReturnType<typeof useMastraClient>, LightListSupport>();\n\n/** When the current run of light-endpoint 500s started, per client. Cleared by any light success. */\nconst lightListFirstServerErrorAtByClient = new WeakMap<ReturnType<typeof useMastraClient>, number>();\n\n/** A 500 is ambiguous — an old core's store throwing, or a transient fault (DB hiccup, timeout).\n *  Serve the request from the full endpoint either way, but only pin the session once the 500s\n *  have outlasted a blip; a hiccup would otherwise degrade the list until the tab is reloaded.\n *  Elapsed time, not a request count: the page refetch, the delta poll and the status refresh can\n *  fail in the same instant, and a fallback response still looks like a success to the delta query,\n *  so chase mode keeps re-polling every `deltaChaseIntervalMs` throughout the outage. */\nconst LIGHT_LIST_SERVER_ERROR_PIN_AFTER_MS = 10_000;\n\n/** Tunables for live-tail polling. All fields optional — defaults below.\n *  Platform consumers override individual fields to throttle traffic or\n *  reshape the freshness/visibility trade-offs. */\nexport interface TracesPollingConfig {\n  /** Interval between delta polls. Default 5_000ms. */\n  deltaPollIntervalMs?: number;\n  /** Refetch delay when the server signals `delta.hasMore` (chase remaining updates immediately). Default 100ms. */\n  deltaChaseIntervalMs?: number;\n  /** Max rows per delta poll. Server caps at 100. Default 100. */\n  deltaLimit?: number;\n  /** Page-mode refetch interval used when the configured store does not support delta polling. Default 10_000ms. */\n  pageModeRefetchIntervalMs?: number;\n  /** Periodic page-0 refetch interval while delta is active. Delta only delivers new rows, so this\n   *  is how we surface status flips (running → success/error) on rows already visible. Default 60_000ms. */\n  page0StatusRefreshIntervalMs?: number;\n  /** When the tab returns from being hidden and the last successful poll was older than this, the\n   *  cursor is treated as stale (ClickHouse delta tables TTL after 2 days; other stores may be more\n   *  aggressive). The infinite query is reset so page 0 refetches and delta resumes from a fresh\n   *  cursor. Default 900_000ms (15 min). */\n  idleGuardThresholdMs?: number;\n  /** Minimum visible duration for `isRefetching` after any query completes. On localhost a delta\n   *  poll can resolve in tens of ms — too brief for the spinner's 1s rotation to register visually,\n   *  and quick enough that React may batch the start/finish transitions. Pulsing for this duration\n   *  on completion (~144° of rotation at 400ms) makes each poll perceptible as a heartbeat.\n   *  Default 400ms. */\n  minRefetchSpinMs?: number;\n  /** Window during which a delta-arrived row's key stays in `recentlyAddedKeys` so the list view\n   *  can apply its `animate-row-highlight` class. Should match the CSS animation duration\n   *  (currently 1_000ms — see `index.css`). Default 1_000ms. */\n  deltaHighlightMs?: number;\n}\n\nconst DEFAULT_POLLING_CONFIG: Required<TracesPollingConfig> = {\n  deltaPollIntervalMs: 5_000,\n  deltaChaseIntervalMs: 100,\n  deltaLimit: 100,\n  pageModeRefetchIntervalMs: 10_000,\n  page0StatusRefreshIntervalMs: 60_000,\n  idleGuardThresholdMs: 15 * 60_000,\n  minRefetchSpinMs: 400,\n  deltaHighlightMs: 1_000,\n};\n\n/** Returns true when the cursor should be considered stale and re-seeded.\n *  Exported for testing — pure function of timestamps. */\nexport function shouldResetAfterIdle(lastSuccessAt: number, now: number, thresholdMs: number): boolean {\n  if (lastSuccessAt === 0) return false;\n  return now - lastSuccessAt > thresholdMs;\n}\n\nfunction isHttp501(error: unknown): boolean {\n  return (error as { status?: number } | null)?.status === 501;\n}\n\n/** Only 404 and 500 can mean the light endpoint isn't served: 404 from servers without\n *  the route, 500 from cores whose store throws instead of serving the projection.\n *  Anything else (401, 403, 429, other 5xx, the 501 disabled-domain signal) is a\n *  condition the full endpoint would hit too, so it propagates instead of falling\n *  back — mirroring how the delta-support cache matches exactly 501. */\nfunction lightListFallbackStatus(error: unknown): 404 | 500 | undefined {\n  const status = (error as { status?: number } | null)?.status;\n  return status === 404 || status === 500 ? status : undefined;\n}\n\n/** Whether a failed light-list request should pin the session to the full endpoint.\n *  `firstServerErrorAt` is undefined when this 500 opens a new run of them, so a single\n *  fault never pins. Exported for testing — pure function of the status and timestamps. */\nexport function shouldPinLightList(\n  status: number | undefined,\n  firstServerErrorAt: number | undefined,\n  now: number,\n): boolean {\n  if (status === 404) return true;\n  if (status !== 500) return false;\n  if (firstServerErrorAt === undefined) return false;\n  return now - firstServerErrorAt >= LIGHT_LIST_SERVER_ERROR_PIN_AFTER_MS;\n}\n\ntype FetchTracesFnArgs = TracesFilters & {\n  client: ReturnType<typeof useMastraClient>;\n} & ({ mode: 'delta'; after?: string; limit?: number } | { mode?: 'page'; page: number; perPage: number });\n\nconst fetchTracesFn = async (args: FetchTracesFnArgs) => {\n  const { client, filters, listMode = 'traces' } = args;\n  const params =\n    args.mode === 'delta'\n      ? { mode: 'delta' as const, after: args.after, limit: args.limit, filters }\n      : { pagination: { page: args.page, perPage: args.perPage }, filters };\n\n  if (listMode === 'branches') {\n    return client.listBranches(params as ListBranchesArgs);\n  }\n\n  // The list only renders identity, timing, status and a short input preview, so ask\n  // for the lightweight projection. Selecting a row fetches the full record separately.\n  // Clients pinned to full mode keep using listTraces (page and delta alike), exactly\n  // as before the light endpoint existed; full rows are a superset of the light ones.\n  if (lightListSupportByClient.get(client) === 'unsupported') {\n    return client.listTraces(params as ListTracesArgs);\n  }\n  try {\n    const response = await client.listTracesLight(params as ListTracesArgs);\n    // A 200 can still be a legacy projection: servers whose store implements the\n    // pre-preview light list answer with rows carrying none of the new fields.\n    // Current servers always set `status` on every row, so a non-empty page where\n    // every row lacks it is legacy-shaped — pin and refetch the full rows. Empty\n    // pages never pin (indistinguishable, and they render identically either way;\n    // the next non-empty page decides).\n    if (args.mode !== 'delta') {\n      const spans = response.spans ?? [];\n      if (spans.length > 0 && spans.every(span => span.status === undefined)) {\n        lightListSupportByClient.set(client, 'unsupported');\n        return client.listTraces(params as ListTracesArgs);\n      }\n    }\n    lightListFirstServerErrorAtByClient.delete(client);\n    return response;\n  } catch (error) {\n    const status = lightListFallbackStatus(error);\n    if (status === undefined) throw error;\n\n    const now = Date.now();\n    const firstServerErrorAt = lightListFirstServerErrorAtByClient.get(client);\n    if (status === 500 && firstServerErrorAt === undefined) {\n      lightListFirstServerErrorAtByClient.set(client, now);\n    }\n    if (shouldPinLightList(status, firstServerErrorAt, now)) {\n      lightListSupportByClient.set(client, 'unsupported');\n    }\n    return client.listTraces(params as ListTracesArgs);\n  }\n};\n\nexport const TRACES_PER_PAGE = 25;\n\nexport interface TracesFilters {\n  filters?: ListTracesArgs['filters'] | ListBranchesArgs['filters'];\n  listMode?: TraceListMode;\n}\n\n/** Returns the next page number if the server indicates more pages are available. */\nexport function getTracesNextPageParam(\n  lastPage: ListTracesLightResponse | ListBranchesResponse | undefined,\n  _allPages: unknown,\n  lastPageParam: number,\n) {\n  if (lastPage?.pagination?.hasMore) {\n    return lastPageParam + 1;\n  }\n  return undefined;\n}\n\ntype TracesPageResponse = ListTracesLightResponse | ListBranchesResponse;\n\n/** Branch rows are full spans and trace rows are lightweight; the list only reads the\n *  fields they share, so both are surfaced as `LightSpanRecord`. */\nfunction getPageSpans(page: TracesPageResponse): LightSpanRecord[] {\n  if ('branches' in page) return page.branches ?? [];\n  return page.spans ?? [];\n}\n\n/** Deduplicates trace/branch rows by traceId + spanId across all loaded pages.\n *  Also surfaces page 0's deltaCursor so the live-tail query can read it reactively. */\nexport function selectUniqueTraces(data: { pages: TracesPageResponse[] }): {\n  spans: LightSpanRecord[];\n  deltaCursor: string | undefined;\n} {\n  const seen = new Set<string>();\n  const spans = data.pages\n    .flatMap(page => getPageSpans(page))\n    .filter(span => {\n      const key = `${span.traceId}:${span.spanId}`;\n      if (seen.has(key)) return false;\n      seen.add(key);\n      return true;\n    });\n\n  return { spans, deltaCursor: data.pages[0]?.deltaCursor };\n}\n\ntype RowIdentity = { traceId: string; spanId?: string | null };\n\nfunction rowKey(row: RowIdentity): string {\n  return `${row.traceId}:${row.spanId}`;\n}\n\nfunction indexRowsByKey<TRow extends RowIdentity>(rows: TRow[]): Map<string, TRow> {\n  return new Map(rows.map(row => [rowKey(row), row]));\n}\n\n/** Replaces existing page-0 rows in place (keyed by traceId:spanId) with\n *  refreshed copies from the server. Rows the server doesn't return are kept\n *  as-is so delta-accumulated rows that have aged off the server's page 0\n *  aren't dropped from the UI. New rows aren't added here — delta polling\n *  delivers those. */\nexport function refreshPage0Rows(\n  old: InfiniteData<TracesPageResponse> | undefined,\n  refreshed: ListTracesLightResponse | ListBranchesResponse,\n  listMode: TraceListMode,\n): InfiniteData<TracesPageResponse> | undefined {\n  if (!old || old.pages.length === 0) return old;\n  const [firstPage, ...rest] = old.pages;\n  if (!firstPage) return old;\n\n  // Branch and trace rows have different row shapes, so each mode keys its own map.\n  let updatedFirst: TracesPageResponse;\n  if (listMode === 'branches' && 'branches' in firstPage && 'branches' in refreshed) {\n    const refreshedByKey = indexRowsByKey(refreshed.branches ?? []);\n    if (refreshedByKey.size === 0) return old;\n    updatedFirst = {\n      ...firstPage,\n      branches: (firstPage.branches ?? []).map(existing => refreshedByKey.get(rowKey(existing)) ?? existing),\n    };\n  } else if ('spans' in firstPage && 'spans' in refreshed) {\n    const refreshedByKey = indexRowsByKey(refreshed.spans ?? []);\n    if (refreshedByKey.size === 0) return old;\n    updatedFirst = {\n      ...firstPage,\n      spans: (firstPage.spans ?? []).map(existing => refreshedByKey.get(rowKey(existing)) ?? existing),\n    };\n  } else {\n    return old;\n  }\n\n  return { ...old, pages: [updatedFirst, ...rest] };\n}\n\n/** Stable `startedAt DESC` sort matching the server's default page-mode\n *  ordering for both list endpoints. Rows missing `startedAt` sink to the\n *  bottom (compared as time 0). */\nfunction sortRowsByStartedAtDesc<T extends { startedAt?: unknown }>(rows: T[]): T[] {\n  return [...rows].sort((a, b) => {\n    const aTime = a.startedAt ? new Date(a.startedAt as string | number | Date).getTime() : 0;\n    const bTime = b.startedAt ? new Date(b.startedAt as string | number | Date).getTime() : 0;\n    return bTime - aTime;\n  });\n}\n\n/** Prepends delta-mode rows into page 0 and advances its deltaCursor.\n *  Delta responses come back in server cursor order (insertion order into\n *  the per-store delta index), not the `startedAt DESC` order page-mode\n *  uses — so we re-sort the merged page 0 to match what the user sees on\n *  a fresh page-mode load. Cross-page duplication is handled later by\n *  selectUniqueTraces. */\nexport function mergeDeltaIntoPage0(\n  old: InfiniteData<TracesPageResponse> | undefined,\n  delta: ListTracesLightResponse | ListBranchesResponse,\n  listMode: TraceListMode,\n): InfiniteData<TracesPageResponse> | undefined {\n  if (!old || old.pages.length === 0) return old;\n  const [firstPage, ...rest] = old.pages;\n  if (!firstPage) return old;\n  const nextCursor = delta.deltaCursor ?? firstPage.deltaCursor;\n\n  let updatedFirst: TracesPageResponse;\n  if (listMode === 'branches' && 'branches' in firstPage) {\n    const newRows = (delta as ListBranchesResponse).branches ?? [];\n    updatedFirst = {\n      ...firstPage,\n      branches: sortRowsByStartedAtDesc([...newRows, ...(firstPage.branches ?? [])]),\n      deltaCursor: nextCursor,\n    };\n  } else if ('spans' in firstPage) {\n    const newRows = (delta as ListTracesLightResponse).spans ?? [];\n    updatedFirst = {\n      ...firstPage,\n      spans: sortRowsByStartedAtDesc([...newRows, ...(firstPage.spans ?? [])]),\n      deltaCursor: nextCursor,\n    };\n  } else {\n    return old;\n  }\n\n  return { ...old, pages: [updatedFirst, ...rest] };\n}\n\nexport interface UseTracesArgs extends TracesFilters {\n  /** Optional overrides for the live-tail polling tunables. Any omitted fields fall back to the\n   *  built-in defaults; pass only what you want to change. */\n  polling?: TracesPollingConfig;\n}\n\ninterface UseTracesReturn {\n  data: { spans: LightSpanRecord[]; deltaCursor: string | undefined } | undefined;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  fetchNextPage: () => void;\n  isLoading: boolean;\n  isError: boolean;\n  error: Error | null;\n  setEndOfListElement: (node: HTMLDivElement | null) => void;\n  isRefetching: boolean;\n  autoRefetch: boolean;\n  setAutoRefetch: (v: boolean) => void;\n  recentlyAddedKeys: Set<string>;\n  dataUpdatedAt: number;\n  errorUpdatedAt: number;\n  isFetching: boolean;\n  isSuccess: boolean;\n  fetchStatus: 'idle' | 'fetching' | 'paused';\n  refetch: () => void;\n}\n\nexport const useTraces: (args: UseTracesArgs) => UseTracesReturn = ({\n  filters,\n  listMode = 'traces',\n  polling = {},\n}: UseTracesArgs) => {\n  const {\n    deltaPollIntervalMs = DEFAULT_POLLING_CONFIG.deltaPollIntervalMs,\n    deltaChaseIntervalMs = DEFAULT_POLLING_CONFIG.deltaChaseIntervalMs,\n    deltaLimit = DEFAULT_POLLING_CONFIG.deltaLimit,\n    pageModeRefetchIntervalMs = DEFAULT_POLLING_CONFIG.pageModeRefetchIntervalMs,\n    page0StatusRefreshIntervalMs = DEFAULT_POLLING_CONFIG.page0StatusRefreshIntervalMs,\n    idleGuardThresholdMs = DEFAULT_POLLING_CONFIG.idleGuardThresholdMs,\n    minRefetchSpinMs = DEFAULT_POLLING_CONFIG.minRefetchSpinMs,\n    deltaHighlightMs = DEFAULT_POLLING_CONFIG.deltaHighlightMs,\n  } = polling;\n  const client = useMastraClient();\n  const queryClient = useQueryClient();\n  const { inView: isEndOfListInView, setRef: setEndOfListElement } = useInView();\n\n  const [deltaSupport, setDeltaSupport] = useState<DeltaSupport>(() => deltaSupportByClient.get(client) ?? 'unknown');\n  const deltaUnsupported = deltaSupport === 'unsupported';\n\n  // When false, all automatic polling stops: delta polls, status refresh,\n  // idle-guard resets, and the page-mode fallback interval. Manual `resync`\n  // still works. Session-scoped (no persistence across mounts).\n  const [autoRefetch, setAutoRefetch] = useState(true);\n\n  // Keys (`traceId:spanId`) of rows that arrived via the most recent delta\n  // poll(s). The list view reads this to apply a temporary highlight class\n  // for deltaHighlightMs, then they auto-expire. Resets on filter/listMode\n  // change since a new query key spawns a fresh list.\n  const [recentlyAddedKeys, setRecentlyAddedKeys] = useState<Set<string>>(() => new Set());\n  useEffect(() => {\n    setRecentlyAddedKeys(new Set());\n  }, [listMode, filters]);\n\n  const tracesQueryKey = ['traces', listMode, filters] as const;\n\n  const query = useInfiniteQuery({\n    queryKey: tracesQueryKey,\n    queryFn: ({ pageParam }) =>\n      fetchTracesFn({\n        client,\n        page: pageParam,\n        perPage: TRACES_PER_PAGE,\n        filters,\n        listMode,\n      }),\n    initialPageParam: 0,\n    getNextPageParam: getTracesNextPageParam,\n    select: selectUniqueTraces,\n    retry: false,\n    // Disable polling on 403 to prevent flickering.\n    // Fall back to page-mode polling only when delta isn't running.\n    refetchInterval: q => {\n      if (is403ForbiddenError(q.state.error)) return false;\n      if (!autoRefetch) return false;\n      return deltaUnsupported ? pageModeRefetchIntervalMs : false;\n    },\n  });\n\n  const cursor = query.data?.deltaCursor;\n\n  // If page 0 came back without a deltaCursor, the server/store doesn't\n  // support delta polling. Pin the client to 'unsupported' so the infinite\n  // query resumes page-mode polling and we stop probing.\n  useEffect(() => {\n    if (query.isSuccess && cursor === undefined && deltaSupport === 'unknown') {\n      deltaSupportByClient.set(client, 'unsupported');\n      setDeltaSupport('unsupported');\n    }\n  }, [query.isSuccess, cursor, deltaSupport, client]);\n\n  const deltaQuery = useQuery({\n    queryKey: ['traces-delta', listMode, filters] as const,\n    queryFn: () => {\n      const current = queryClient.getQueryData<InfiniteData<TracesPageResponse>>(tracesQueryKey)?.pages[0]?.deltaCursor;\n      if (!current) return null;\n      return fetchTracesFn({\n        client,\n        mode: 'delta',\n        after: current,\n        limit: deltaLimit,\n        filters,\n        listMode,\n      });\n    },\n    enabled: !!cursor && !deltaUnsupported && autoRefetch,\n    retry: false,\n    refetchInterval: q => {\n      if (q.state.error) return false;\n      const data = q.state.data as ListTracesLightResponse | ListBranchesResponse | null | undefined;\n      if (data?.delta?.hasMore) return deltaChaseIntervalMs;\n      return deltaPollIntervalMs;\n    },\n  });\n\n  // Merge new delta rows into the infinite-query cache. Also captures the\n  // arrived keys into `recentlyAddedKeys` for deltaHighlightMs so the UI\n  // can briefly distinguish them. The cleanup timer is intentionally NOT\n  // tied to the effect lifecycle — if a newer delta arrives first, we still\n  // want each prior batch to expire on its own schedule.\n  useEffect(() => {\n    const result = deltaQuery.data;\n    if (!result) return;\n    queryClient.setQueryData<InfiniteData<TracesPageResponse>>(tracesQueryKey, old =>\n      mergeDeltaIntoPage0(old, result, listMode),\n    );\n\n    const newRows: RowIdentity[] =\n      listMode === 'branches' && 'branches' in result\n        ? (result.branches ?? [])\n        : 'spans' in result\n          ? (result.spans ?? [])\n          : [];\n    if (newRows.length === 0) return;\n    const keys = newRows.map(r => `${r.traceId}:${r.spanId ?? ''}`);\n    setRecentlyAddedKeys(prev => {\n      const next = new Set(prev);\n      for (const k of keys) next.add(k);\n      return next;\n    });\n    setTimeout(() => {\n      setRecentlyAddedKeys(prev => {\n        const next = new Set(prev);\n        for (const k of keys) next.delete(k);\n        return next;\n      });\n    }, deltaHighlightMs);\n    // tracesQueryKey is a new array each render but its contents drive cache keying;\n    // depending on its members (listMode/filters) is enough.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [deltaQuery.data, queryClient, listMode, filters, deltaHighlightMs]);\n\n  // A 501 means the server is too old (or store doesn't support delta) — pin\n  // 'unsupported' so the delta query disables and page-mode polling resumes.\n  useEffect(() => {\n    if (isHttp501(deltaQuery.error)) {\n      deltaSupportByClient.set(client, 'unsupported');\n      setDeltaSupport('unsupported');\n    }\n  }, [deltaQuery.error, client]);\n\n  // Periodic page-0 refresh to surface status updates on visible rows\n  // (running → success/error). Only runs while delta is the primary polling\n  // mechanism; otherwise the infinite query's own refetchInterval covers it.\n  const statusRefreshQuery = useQuery({\n    queryKey: ['traces-status-refresh', listMode, filters] as const,\n    queryFn: () =>\n      fetchTracesFn({\n        client,\n        page: 0,\n        perPage: TRACES_PER_PAGE,\n        filters,\n        listMode,\n      }),\n    enabled: !!cursor && !deltaUnsupported && autoRefetch,\n    refetchInterval: page0StatusRefreshIntervalMs,\n    refetchOnMount: false,\n    retry: false,\n  });\n\n  useEffect(() => {\n    const result = statusRefreshQuery.data;\n    if (!result) return;\n    queryClient.setQueryData<InfiniteData<TracesPageResponse>>(tracesQueryKey, old =>\n      refreshPage0Rows(old, result, listMode),\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [statusRefreshQuery.data, queryClient, listMode, filters]);\n\n  // Idle guard: when the tab returns from being hidden, check how long it's\n  // been since the last successful poll. If past the threshold, reset the\n  // infinite query so page 0 refetches and the cursor is re-seeded.\n  const lastSuccessAtRef = useRef(0);\n  useEffect(() => {\n    const ts = Math.max(query.dataUpdatedAt, deltaQuery.dataUpdatedAt, statusRefreshQuery.dataUpdatedAt);\n    if (ts > lastSuccessAtRef.current) {\n      lastSuccessAtRef.current = ts;\n    }\n  }, [query.dataUpdatedAt, deltaQuery.dataUpdatedAt, statusRefreshQuery.dataUpdatedAt]);\n\n  // Track autoRefetch in a ref so the visibility listener (attached once)\n  // reads the current value without needing to re-attach.\n  const autoRefetchRef = useRef(autoRefetch);\n  useEffect(() => {\n    autoRefetchRef.current = autoRefetch;\n  }, [autoRefetch]);\n\n  useEffect(() => {\n    const handler = () => {\n      if (document.visibilityState !== 'visible') return;\n      if (!autoRefetchRef.current) return;\n      if (!shouldResetAfterIdle(lastSuccessAtRef.current, Date.now(), idleGuardThresholdMs)) return;\n      void queryClient.resetQueries({ queryKey: ['traces', listMode, filters] });\n    };\n    document.addEventListener('visibilitychange', handler);\n    return () => document.removeEventListener('visibilitychange', handler);\n  }, [queryClient, listMode, filters, idleGuardThresholdMs]);\n\n  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;\n\n  useEffect(() => {\n    if (isEndOfListInView && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage();\n    }\n  }, [isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  // `isRefetching` aggregates every active fetch — page-mode (initial, next\n  // page, manual resync, idle reset), the 60s page-0 status refresh, AND the\n  // delta polls — so a spinner bound to it acts as a heartbeat indicator.\n  //\n  // Short polls (e.g. delta on localhost) can resolve in tens of ms — too\n  // brief for `animate-spin` (1s/rotation) to register visually, and quick\n  // enough that React may batch the start/finish transitions so we never\n  // even observe `isFetching: true`. So we also watch every query's\n  // data/errorUpdatedAt; any advance pulses `isRefetching` true for at least\n  // minRefetchSpinMs, which is ~144° of rotation — clearly perceptible.\n  const isFetchingAny = query.isFetching || statusRefreshQuery.isFetching || deltaQuery.isFetching;\n  const lastActivityAt = Math.max(\n    query.dataUpdatedAt,\n    query.errorUpdatedAt,\n    deltaQuery.dataUpdatedAt,\n    deltaQuery.errorUpdatedAt,\n    statusRefreshQuery.dataUpdatedAt,\n    statusRefreshQuery.errorUpdatedAt,\n  );\n  const [pulse, setPulse] = useState(false);\n  const prevActivityAtRef = useRef(lastActivityAt);\n  useEffect(() => {\n    if (lastActivityAt > prevActivityAtRef.current) {\n      prevActivityAtRef.current = lastActivityAt;\n      setPulse(true);\n      const t = setTimeout(() => setPulse(false), minRefetchSpinMs);\n      return () => clearTimeout(t);\n    }\n  }, [lastActivityAt, minRefetchSpinMs]);\n  const isRefetching = isFetchingAny || pulse;\n\n  return {\n    ...query,\n    setEndOfListElement,\n    isRefetching,\n    autoRefetch,\n    setAutoRefetch,\n    recentlyAddedKeys,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-traces.es.js","sources":["../../../../src/domains/traces/hooks/use-traces.tsx"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport type { InfiniteData } from '@tanstack/react-query';\nimport { useInfiniteQuery, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { useEffect, useRef, useState } from 'react';\nimport type { TraceListMode } from '../trace-filters';\nimport { useInView } from '@/hooks/use-in-view';\nimport { is403ForbiddenError } from '@/lib/query-utils';\n\ntype ListBranchesArgs = NonNullable<Parameters<MastraClient['listBranches']>[0]>;\ntype ListBranchesResponse = Awaited<ReturnType<MastraClient['listBranches']>>;\ntype ListTracesArgs = NonNullable<Parameters<MastraClient['listTraces']>[0]>;\ntype ListTracesLightResponse = Awaited<ReturnType<MastraClient['listTracesLight']>>;\ntype LightSpanRecord = ListTracesLightResponse['spans'][number] | ListBranchesResponse['branches'][number];\n\n/**\n * Per-MastraClient delta-polling support cache. Sticks once we observe a 501\n * or a page-0 response without `deltaCursor` (legacy server or store without\n * delta capability), so we don't re-probe on every mount.\n */\ntype DeltaSupport = 'unknown' | 'unsupported';\nconst deltaSupportByClient = new WeakMap<ReturnType<typeof useMastraClient>, DeltaSupport>();\n\n/**\n * Per-MastraClient light-list support cache. Sticks once the light endpoint is\n * shown not to be served, so every subsequent page fetch, delta poll and periodic\n * refresh uses the full list endpoint instead. Other failures (auth, rate limits,\n * outages) propagate without pinning — they'd hit the full endpoint too.\n */\ntype LightListSupport = 'unknown' | 'unsupported';\nconst lightListSupportByClient = new WeakMap<ReturnType<typeof useMastraClient>, LightListSupport>();\n\n/** When the current run of light-endpoint 500s started, per client. Cleared by any light success. */\nconst lightListFirstServerErrorAtByClient = new WeakMap<ReturnType<typeof useMastraClient>, number>();\n\n/** A 500 is ambiguous — an old core's store throwing, or a transient fault (DB hiccup, timeout).\n *  Serve the request from the full endpoint either way, but only pin the session once the 500s\n *  have outlasted a blip; a hiccup would otherwise degrade the list until the tab is reloaded.\n *  Elapsed time, not a request count: the page refetch, the delta poll and the status refresh can\n *  fail in the same instant, and a fallback response still looks like a success to the delta query,\n *  so chase mode keeps re-polling every `deltaChaseIntervalMs` throughout the outage. */\nconst LIGHT_LIST_SERVER_ERROR_PIN_AFTER_MS = 10_000;\n\n/** Tunables for live-tail polling. All fields optional — defaults below.\n *  Platform consumers override individual fields to throttle traffic or\n *  reshape the freshness/visibility trade-offs. */\nexport interface TracesPollingConfig {\n  /** Interval between delta polls. Default 5_000ms. */\n  deltaPollIntervalMs?: number;\n  /** Refetch delay when the server signals `delta.hasMore` (chase remaining updates immediately). Default 100ms. */\n  deltaChaseIntervalMs?: number;\n  /** Max rows per delta poll. Server caps at 100. Default 100. */\n  deltaLimit?: number;\n  /** Page-mode refetch interval used when the configured store does not support delta polling. Default 10_000ms. */\n  pageModeRefetchIntervalMs?: number;\n  /** Periodic page-0 refetch interval while delta is active. Delta only delivers new rows, so this\n   *  is how we surface status flips (running → success/error) on rows already visible. Default 60_000ms. */\n  page0StatusRefreshIntervalMs?: number;\n  /** When the tab returns from being hidden and the last successful poll was older than this, the\n   *  cursor is treated as stale (ClickHouse delta tables TTL after 2 days; other stores may be more\n   *  aggressive). The infinite query is reset so page 0 refetches and delta resumes from a fresh\n   *  cursor. Default 900_000ms (15 min). */\n  idleGuardThresholdMs?: number;\n  /** Minimum visible duration for `isRefetching` after any query completes. On localhost a delta\n   *  poll can resolve in tens of ms — too brief for the spinner's 1s rotation to register visually,\n   *  and quick enough that React may batch the start/finish transitions. Pulsing for this duration\n   *  on completion (~144° of rotation at 400ms) makes each poll perceptible as a heartbeat.\n   *  Default 400ms. */\n  minRefetchSpinMs?: number;\n  /** Window during which a delta-arrived row's key stays in `recentlyAddedKeys` so the list view\n   *  can apply its `animate-row-highlight` class. Should match the CSS animation duration\n   *  (currently 1_000ms — see `index.css`). Default 1_000ms. */\n  deltaHighlightMs?: number;\n}\n\nconst DEFAULT_POLLING_CONFIG: Required<TracesPollingConfig> = {\n  deltaPollIntervalMs: 5_000,\n  deltaChaseIntervalMs: 100,\n  deltaLimit: 100,\n  pageModeRefetchIntervalMs: 10_000,\n  page0StatusRefreshIntervalMs: 60_000,\n  idleGuardThresholdMs: 15 * 60_000,\n  minRefetchSpinMs: 400,\n  deltaHighlightMs: 1_000,\n};\n\n/** Returns true when the cursor should be considered stale and re-seeded.\n *  Exported for testing — pure function of timestamps. */\nexport function shouldResetAfterIdle(lastSuccessAt: number, now: number, thresholdMs: number): boolean {\n  if (lastSuccessAt === 0) return false;\n  return now - lastSuccessAt > thresholdMs;\n}\n\nfunction isHttp501(error: unknown): boolean {\n  return (error as { status?: number } | null)?.status === 501;\n}\n\n/** Only 404 and 500 can mean the light endpoint isn't served: 404 from servers without\n *  the route, 500 from cores whose store throws instead of serving the projection.\n *  Anything else (401, 403, 429, other 5xx, the 501 disabled-domain signal) is a\n *  condition the full endpoint would hit too, so it propagates instead of falling\n *  back — mirroring how the delta-support cache matches exactly 501. */\nfunction lightListFallbackStatus(error: unknown): 404 | 500 | undefined {\n  const status = (error as { status?: number } | null)?.status;\n  return status === 404 || status === 500 ? status : undefined;\n}\n\n/** Whether a failed light-list request should pin the session to the full endpoint.\n *  `firstServerErrorAt` is undefined when this 500 opens a new run of them, so a single\n *  fault never pins. Exported for testing — pure function of the status and timestamps. */\nexport function shouldPinLightList(\n  status: number | undefined,\n  firstServerErrorAt: number | undefined,\n  now: number,\n): boolean {\n  if (status === 404) return true;\n  if (status !== 500) return false;\n  if (firstServerErrorAt === undefined) return false;\n  return now - firstServerErrorAt >= LIGHT_LIST_SERVER_ERROR_PIN_AFTER_MS;\n}\n\ntype FetchTracesFnArgs = TracesFilters & {\n  client: ReturnType<typeof useMastraClient>;\n} & ({ mode: 'delta'; after?: string; limit?: number } | { mode?: 'page'; page: number; perPage: number });\n\nconst fetchTracesFn = async (args: FetchTracesFnArgs) => {\n  const { client, filters, listMode = 'traces' } = args;\n  const params =\n    args.mode === 'delta'\n      ? { mode: 'delta' as const, after: args.after, limit: args.limit, filters }\n      : { pagination: { page: args.page, perPage: args.perPage }, filters };\n\n  if (listMode === 'branches') {\n    return client.listBranches(params as ListBranchesArgs);\n  }\n\n  // The list only renders identity, timing, status and a short input preview, so ask\n  // for the lightweight projection. Selecting a row fetches the full record separately.\n  // Clients pinned to full mode keep using listTraces (page and delta alike), exactly\n  // as before the light endpoint existed; full rows are a superset of the light ones.\n  if (lightListSupportByClient.get(client) === 'unsupported') {\n    return client.listTraces(params as ListTracesArgs);\n  }\n  try {\n    const response = await client.listTracesLight(params as ListTracesArgs);\n    // A 200 can still be a legacy projection: servers whose store implements the\n    // pre-preview light list answer with rows carrying none of the new fields.\n    // Current servers always set `status` on every row, so a non-empty page where\n    // every row lacks it is legacy-shaped — pin and refetch the full rows. Empty\n    // pages never pin (indistinguishable, and they render identically either way;\n    // the next non-empty page decides).\n    if (args.mode !== 'delta') {\n      const spans = response.spans ?? [];\n      if (spans.length > 0 && spans.every(span => span.status === undefined)) {\n        lightListSupportByClient.set(client, 'unsupported');\n        return client.listTraces(params as ListTracesArgs);\n      }\n    }\n    lightListFirstServerErrorAtByClient.delete(client);\n    return response;\n  } catch (error) {\n    const status = lightListFallbackStatus(error);\n    if (status === undefined) throw error;\n\n    const now = Date.now();\n    const firstServerErrorAt = lightListFirstServerErrorAtByClient.get(client);\n    if (status === 500 && firstServerErrorAt === undefined) {\n      lightListFirstServerErrorAtByClient.set(client, now);\n    }\n    if (shouldPinLightList(status, firstServerErrorAt, now)) {\n      lightListSupportByClient.set(client, 'unsupported');\n    }\n    return client.listTraces(params as ListTracesArgs);\n  }\n};\n\nexport const TRACES_PER_PAGE = 25;\n\nexport interface TracesFilters {\n  filters?: ListTracesArgs['filters'] | ListBranchesArgs['filters'];\n  listMode?: TraceListMode;\n}\n\n/** Returns the next page number if the server indicates more pages are available. */\nexport function getTracesNextPageParam(\n  lastPage: ListTracesLightResponse | ListBranchesResponse | undefined,\n  _allPages: unknown,\n  lastPageParam: number,\n) {\n  if (lastPage?.pagination?.hasMore) {\n    return lastPageParam + 1;\n  }\n  return undefined;\n}\n\ntype TracesPageResponse = ListTracesLightResponse | ListBranchesResponse;\n\n/** Branch rows are full spans and trace rows are lightweight; the list only reads the\n *  fields they share, so both are surfaced as `LightSpanRecord`. */\nfunction getPageSpans(page: TracesPageResponse): LightSpanRecord[] {\n  if ('branches' in page) return page.branches ?? [];\n  return page.spans ?? [];\n}\n\n/** Deduplicates trace/branch rows by traceId + spanId across all loaded pages.\n *  Also surfaces page 0's deltaCursor so the live-tail query can read it reactively. */\nexport function selectUniqueTraces(data: { pages: TracesPageResponse[] }): {\n  spans: LightSpanRecord[];\n  deltaCursor: string | undefined;\n} {\n  const seen = new Set<string>();\n  const spans = data.pages\n    .flatMap(page => getPageSpans(page))\n    .filter(span => {\n      const key = `${span.traceId}:${span.spanId}`;\n      if (seen.has(key)) return false;\n      seen.add(key);\n      return true;\n    });\n\n  return { spans, deltaCursor: data.pages[0]?.deltaCursor };\n}\n\ntype RowIdentity = { traceId: string; spanId?: string | null };\n\nfunction rowKey(row: RowIdentity): string {\n  return `${row.traceId}:${row.spanId}`;\n}\n\nfunction indexRowsByKey<TRow extends RowIdentity>(rows: TRow[]): Map<string, TRow> {\n  return new Map(rows.map(row => [rowKey(row), row]));\n}\n\n/** Replaces existing page-0 rows in place (keyed by traceId:spanId) with\n *  refreshed copies from the server. Rows the server doesn't return are kept\n *  as-is so delta-accumulated rows that have aged off the server's page 0\n *  aren't dropped from the UI. New rows aren't added here — delta polling\n *  delivers those. */\nexport function refreshPage0Rows(\n  old: InfiniteData<TracesPageResponse> | undefined,\n  refreshed: ListTracesLightResponse | ListBranchesResponse,\n  listMode: TraceListMode,\n): InfiniteData<TracesPageResponse> | undefined {\n  if (!old || old.pages.length === 0) return old;\n  const [firstPage, ...rest] = old.pages;\n  if (!firstPage) return old;\n\n  // Branch and trace rows have different row shapes, so each mode keys its own map.\n  let updatedFirst: TracesPageResponse;\n  if (listMode === 'branches' && 'branches' in firstPage && 'branches' in refreshed) {\n    const refreshedByKey = indexRowsByKey(refreshed.branches ?? []);\n    if (refreshedByKey.size === 0) return old;\n    updatedFirst = {\n      ...firstPage,\n      branches: (firstPage.branches ?? []).map(existing => refreshedByKey.get(rowKey(existing)) ?? existing),\n    };\n  } else if ('spans' in firstPage && 'spans' in refreshed) {\n    const refreshedByKey = indexRowsByKey(refreshed.spans ?? []);\n    if (refreshedByKey.size === 0) return old;\n    updatedFirst = {\n      ...firstPage,\n      spans: (firstPage.spans ?? []).map(existing => refreshedByKey.get(rowKey(existing)) ?? existing),\n    };\n  } else {\n    return old;\n  }\n\n  return { ...old, pages: [updatedFirst, ...rest] };\n}\n\n/** Stable `startedAt DESC` sort matching the server's default page-mode\n *  ordering for both list endpoints. Rows missing `startedAt` sink to the\n *  bottom (compared as time 0). */\nfunction sortRowsByStartedAtDesc<T extends { startedAt?: unknown }>(rows: T[]): T[] {\n  return [...rows].sort((a, b) => {\n    const aTime = a.startedAt ? new Date(a.startedAt as string | number | Date).getTime() : 0;\n    const bTime = b.startedAt ? new Date(b.startedAt as string | number | Date).getTime() : 0;\n    return bTime - aTime;\n  });\n}\n\n/** Prepends delta-mode rows into page 0 and advances its deltaCursor.\n *  Delta responses come back in server cursor order (insertion order into\n *  the per-store delta index), not the `startedAt DESC` order page-mode\n *  uses — so we re-sort the merged page 0 to match what the user sees on\n *  a fresh page-mode load. Cross-page duplication is handled later by\n *  selectUniqueTraces. */\nexport function mergeDeltaIntoPage0(\n  old: InfiniteData<TracesPageResponse> | undefined,\n  delta: ListTracesLightResponse | ListBranchesResponse,\n  listMode: TraceListMode,\n): InfiniteData<TracesPageResponse> | undefined {\n  if (!old || old.pages.length === 0) return old;\n  const [firstPage, ...rest] = old.pages;\n  if (!firstPage) return old;\n  const nextCursor = delta.deltaCursor ?? firstPage.deltaCursor;\n\n  let updatedFirst: TracesPageResponse;\n  if (listMode === 'branches' && 'branches' in firstPage) {\n    const newRows = (delta as ListBranchesResponse).branches ?? [];\n    updatedFirst = {\n      ...firstPage,\n      branches: sortRowsByStartedAtDesc([...newRows, ...(firstPage.branches ?? [])]),\n      deltaCursor: nextCursor,\n    };\n  } else if ('spans' in firstPage) {\n    const newRows = (delta as ListTracesLightResponse).spans ?? [];\n    updatedFirst = {\n      ...firstPage,\n      spans: sortRowsByStartedAtDesc([...newRows, ...(firstPage.spans ?? [])]),\n      deltaCursor: nextCursor,\n    };\n  } else {\n    return old;\n  }\n\n  return { ...old, pages: [updatedFirst, ...rest] };\n}\n\nexport interface UseTracesArgs extends TracesFilters {\n  enabled?: boolean;\n  /** Optional overrides for the live-tail polling tunables. Any omitted fields fall back to the\n   *  built-in defaults; pass only what you want to change. */\n  polling?: TracesPollingConfig;\n}\n\ninterface UseTracesReturn {\n  data: { spans: LightSpanRecord[]; deltaCursor: string | undefined } | undefined;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  fetchNextPage: () => void;\n  isLoading: boolean;\n  isError: boolean;\n  error: Error | null;\n  setEndOfListElement: (node: HTMLDivElement | null) => void;\n  isRefetching: boolean;\n  autoRefetch: boolean;\n  setAutoRefetch: (v: boolean) => void;\n  recentlyAddedKeys: Set<string>;\n  dataUpdatedAt: number;\n  errorUpdatedAt: number;\n  isFetching: boolean;\n  isSuccess: boolean;\n  fetchStatus: 'idle' | 'fetching' | 'paused';\n  refetch: () => void;\n}\n\nexport const useTraces: (args: UseTracesArgs) => UseTracesReturn = ({\n  filters,\n  listMode = 'traces',\n  polling = {},\n  enabled = true,\n}: UseTracesArgs) => {\n  const {\n    deltaPollIntervalMs = DEFAULT_POLLING_CONFIG.deltaPollIntervalMs,\n    deltaChaseIntervalMs = DEFAULT_POLLING_CONFIG.deltaChaseIntervalMs,\n    deltaLimit = DEFAULT_POLLING_CONFIG.deltaLimit,\n    pageModeRefetchIntervalMs = DEFAULT_POLLING_CONFIG.pageModeRefetchIntervalMs,\n    page0StatusRefreshIntervalMs = DEFAULT_POLLING_CONFIG.page0StatusRefreshIntervalMs,\n    idleGuardThresholdMs = DEFAULT_POLLING_CONFIG.idleGuardThresholdMs,\n    minRefetchSpinMs = DEFAULT_POLLING_CONFIG.minRefetchSpinMs,\n    deltaHighlightMs = DEFAULT_POLLING_CONFIG.deltaHighlightMs,\n  } = polling;\n  const client = useMastraClient();\n  const queryClient = useQueryClient();\n  const { inView: isEndOfListInView, setRef: setEndOfListElement } = useInView();\n\n  const [deltaSupport, setDeltaSupport] = useState<DeltaSupport>(() => deltaSupportByClient.get(client) ?? 'unknown');\n  const deltaUnsupported = deltaSupport === 'unsupported';\n\n  // When false, all automatic polling stops: delta polls, status refresh,\n  // idle-guard resets, and the page-mode fallback interval. Manual `resync`\n  // still works. Session-scoped (no persistence across mounts).\n  const [autoRefetch, setAutoRefetch] = useState(true);\n\n  // Keys (`traceId:spanId`) of rows that arrived via the most recent delta\n  // poll(s). The list view reads this to apply a temporary highlight class\n  // for deltaHighlightMs, then they auto-expire. Resets on filter/listMode\n  // change since a new query key spawns a fresh list.\n  const [recentlyAddedKeys, setRecentlyAddedKeys] = useState<Set<string>>(() => new Set());\n  useEffect(() => {\n    setRecentlyAddedKeys(new Set());\n  }, [listMode, filters]);\n\n  const tracesQueryKey = ['traces', listMode, filters] as const;\n\n  const query = useInfiniteQuery({\n    queryKey: tracesQueryKey,\n    enabled,\n    queryFn: ({ pageParam }) =>\n      fetchTracesFn({\n        client,\n        page: pageParam,\n        perPage: TRACES_PER_PAGE,\n        filters,\n        listMode,\n      }),\n    initialPageParam: 0,\n    getNextPageParam: getTracesNextPageParam,\n    select: selectUniqueTraces,\n    retry: false,\n    // Disable polling on 403 to prevent flickering.\n    // Fall back to page-mode polling only when delta isn't running.\n    refetchInterval: q => {\n      if (is403ForbiddenError(q.state.error)) return false;\n      if (!autoRefetch) return false;\n      return deltaUnsupported ? pageModeRefetchIntervalMs : false;\n    },\n  });\n\n  const cursor = query.data?.deltaCursor;\n\n  // If page 0 came back without a deltaCursor, the server/store doesn't\n  // support delta polling. Pin the client to 'unsupported' so the infinite\n  // query resumes page-mode polling and we stop probing.\n  useEffect(() => {\n    if (query.isSuccess && cursor === undefined && deltaSupport === 'unknown') {\n      deltaSupportByClient.set(client, 'unsupported');\n      setDeltaSupport('unsupported');\n    }\n  }, [query.isSuccess, cursor, deltaSupport, client]);\n\n  const deltaQuery = useQuery({\n    queryKey: ['traces-delta', listMode, filters] as const,\n    queryFn: () => {\n      const current = queryClient.getQueryData<InfiniteData<TracesPageResponse>>(tracesQueryKey)?.pages[0]?.deltaCursor;\n      if (!current) return null;\n      return fetchTracesFn({\n        client,\n        mode: 'delta',\n        after: current,\n        limit: deltaLimit,\n        filters,\n        listMode,\n      });\n    },\n    enabled: enabled && !!cursor && !deltaUnsupported && autoRefetch,\n    retry: false,\n    refetchInterval: q => {\n      if (q.state.error) return false;\n      const data = q.state.data as ListTracesLightResponse | ListBranchesResponse | null | undefined;\n      if (data?.delta?.hasMore) return deltaChaseIntervalMs;\n      return deltaPollIntervalMs;\n    },\n  });\n\n  // Merge new delta rows into the infinite-query cache. Also captures the\n  // arrived keys into `recentlyAddedKeys` for deltaHighlightMs so the UI\n  // can briefly distinguish them. The cleanup timer is intentionally NOT\n  // tied to the effect lifecycle — if a newer delta arrives first, we still\n  // want each prior batch to expire on its own schedule.\n  useEffect(() => {\n    const result = deltaQuery.data;\n    if (!result) return;\n    queryClient.setQueryData<InfiniteData<TracesPageResponse>>(tracesQueryKey, old =>\n      mergeDeltaIntoPage0(old, result, listMode),\n    );\n\n    const newRows: RowIdentity[] =\n      listMode === 'branches' && 'branches' in result\n        ? (result.branches ?? [])\n        : 'spans' in result\n          ? (result.spans ?? [])\n          : [];\n    if (newRows.length === 0) return;\n    const keys = newRows.map(r => `${r.traceId}:${r.spanId ?? ''}`);\n    setRecentlyAddedKeys(prev => {\n      const next = new Set(prev);\n      for (const k of keys) next.add(k);\n      return next;\n    });\n    setTimeout(() => {\n      setRecentlyAddedKeys(prev => {\n        const next = new Set(prev);\n        for (const k of keys) next.delete(k);\n        return next;\n      });\n    }, deltaHighlightMs);\n    // tracesQueryKey is a new array each render but its contents drive cache keying;\n    // depending on its members (listMode/filters) is enough.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [deltaQuery.data, queryClient, listMode, filters, deltaHighlightMs]);\n\n  // A 501 means the server is too old (or store doesn't support delta) — pin\n  // 'unsupported' so the delta query disables and page-mode polling resumes.\n  useEffect(() => {\n    if (isHttp501(deltaQuery.error)) {\n      deltaSupportByClient.set(client, 'unsupported');\n      setDeltaSupport('unsupported');\n    }\n  }, [deltaQuery.error, client]);\n\n  // Periodic page-0 refresh to surface status updates on visible rows\n  // (running → success/error). Only runs while delta is the primary polling\n  // mechanism; otherwise the infinite query's own refetchInterval covers it.\n  const statusRefreshQuery = useQuery({\n    queryKey: ['traces-status-refresh', listMode, filters] as const,\n    queryFn: () =>\n      fetchTracesFn({\n        client,\n        page: 0,\n        perPage: TRACES_PER_PAGE,\n        filters,\n        listMode,\n      }),\n    enabled: enabled && !!cursor && !deltaUnsupported && autoRefetch,\n    refetchInterval: page0StatusRefreshIntervalMs,\n    refetchOnMount: false,\n    retry: false,\n  });\n\n  useEffect(() => {\n    const result = statusRefreshQuery.data;\n    if (!result) return;\n    queryClient.setQueryData<InfiniteData<TracesPageResponse>>(tracesQueryKey, old =>\n      refreshPage0Rows(old, result, listMode),\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [statusRefreshQuery.data, queryClient, listMode, filters]);\n\n  // Idle guard: when the tab returns from being hidden, check how long it's\n  // been since the last successful poll. If past the threshold, reset the\n  // infinite query so page 0 refetches and the cursor is re-seeded.\n  const lastSuccessAtRef = useRef(0);\n  useEffect(() => {\n    const ts = Math.max(query.dataUpdatedAt, deltaQuery.dataUpdatedAt, statusRefreshQuery.dataUpdatedAt);\n    if (ts > lastSuccessAtRef.current) {\n      lastSuccessAtRef.current = ts;\n    }\n  }, [query.dataUpdatedAt, deltaQuery.dataUpdatedAt, statusRefreshQuery.dataUpdatedAt]);\n\n  // Track autoRefetch in a ref so the visibility listener (attached once)\n  // reads the current value without needing to re-attach.\n  const autoRefetchRef = useRef(autoRefetch);\n  useEffect(() => {\n    autoRefetchRef.current = enabled && autoRefetch;\n  }, [enabled, autoRefetch]);\n\n  useEffect(() => {\n    const handler = () => {\n      if (document.visibilityState !== 'visible') return;\n      if (!autoRefetchRef.current) return;\n      if (!shouldResetAfterIdle(lastSuccessAtRef.current, Date.now(), idleGuardThresholdMs)) return;\n      void queryClient.resetQueries({ queryKey: ['traces', listMode, filters] });\n    };\n    document.addEventListener('visibilitychange', handler);\n    return () => document.removeEventListener('visibilitychange', handler);\n  }, [queryClient, listMode, filters, idleGuardThresholdMs]);\n\n  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;\n\n  useEffect(() => {\n    if (enabled && isEndOfListInView && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage();\n    }\n  }, [enabled, isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  // `isRefetching` aggregates every active fetch — page-mode (initial, next\n  // page, manual resync, idle reset), the 60s page-0 status refresh, AND the\n  // delta polls — so a spinner bound to it acts as a heartbeat indicator.\n  //\n  // Short polls (e.g. delta on localhost) can resolve in tens of ms — too\n  // brief for `animate-spin` (1s/rotation) to register visually, and quick\n  // enough that React may batch the start/finish transitions so we never\n  // even observe `isFetching: true`. So we also watch every query's\n  // data/errorUpdatedAt; any advance pulses `isRefetching` true for at least\n  // minRefetchSpinMs, which is ~144° of rotation — clearly perceptible.\n  const isFetchingAny = query.isFetching || statusRefreshQuery.isFetching || deltaQuery.isFetching;\n  const lastActivityAt = Math.max(\n    query.dataUpdatedAt,\n    query.errorUpdatedAt,\n    deltaQuery.dataUpdatedAt,\n    deltaQuery.errorUpdatedAt,\n    statusRefreshQuery.dataUpdatedAt,\n    statusRefreshQuery.errorUpdatedAt,\n  );\n  const [pulse, setPulse] = useState(false);\n  const prevActivityAtRef = useRef(lastActivityAt);\n  useEffect(() => {\n    if (lastActivityAt > prevActivityAtRef.current) {\n      prevActivityAtRef.current = lastActivityAt;\n      setPulse(true);\n      const t = setTimeout(() => setPulse(false), minRefetchSpinMs);\n      return () => clearTimeout(t);\n    }\n  }, [lastActivityAt, minRefetchSpinMs]);\n  const isRefetching = isFetchingAny || pulse;\n\n  return {\n    ...query,\n    setEndOfListElement,\n    isRefetching,\n    autoRefetch,\n    setAutoRefetch,\n    recentlyAddedKeys,\n  };\n};\n"],"names":[],"mappings":"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"}

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

@@ -11,6 +11,7 @@ const domains_traces_hooks_useTraceOrBranchSpans = require('./hooks/use-trace-or
 const domains_traces_hooks_useTraceSearch = require('./hooks/use-trace-search.cjs.js');
 const domains_traces_hooks_useTraceSpans = require('./hooks/use-trace-spans.cjs.js');
 const domains_traces_hooks_useTraces = require('./hooks/use-traces.cjs.js');
+const domains_traces_hooks_useTraceQuery = require('./hooks/use-trace-query.cjs.js');
 const domains_traces_hooks_useTags = require('./hooks/use-tags.cjs.js');
 const domains_traces_hooks_useEntityNames = require('./hooks/use-entity-names.cjs.js');
 const domains_traces_hooks_useEnvironments = require('./hooks/use-environments.cjs.js');
@@ -34,6 +35,7 @@ exports.useTraceOrBranchSpans = domains_traces_hooks_useTraceOrBranchSpans.useTr
 exports.useTraceSearch = domains_traces_hooks_useTraceSearch.useTraceSearch;
 exports.useTraceSpans = domains_traces_hooks_useTraceSpans.useTraceSpans;
 exports.useTraces = domains_traces_hooks_useTraces.useTraces;
+exports.useTraceQuery = domains_traces_hooks_useTraceQuery.useTraceQuery;
 exports.useTags = domains_traces_hooks_useTags.useTags;
 exports.useEntityNames = domains_traces_hooks_useEntityNames.useEntityNames;
 exports.useEnvironments = domains_traces_hooks_useEnvironments.useEnvironments;

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

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

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

@@ -7,6 +7,7 @@ export { useTraceOrBranchSpans } from './hooks/use-trace-or-branch-spans.es.js';
 export { useTraceSearch } from './hooks/use-trace-search.es.js';
 export { useTraceSpans } from './hooks/use-trace-spans.es.js';
 export { useTraces } from './hooks/use-traces.es.js';
+export { useTraceQuery } from './hooks/use-trace-query.es.js';
 export { useTags } from './hooks/use-tags.es.js';
 export { useEntityNames } from './hooks/use-entity-names.es.js';
 export { useEnvironments } from './hooks/use-environments.es.js';

package/dist/domains/traces/hooks.es.js.map

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

package/dist/domains/traces/trace-filters.cjs.js

@@ -2,6 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const lucideReact = require('lucide-react');
+const domains_traces_traceQueryFilters = require('./trace-query-filters.cjs.js');
+const utils_colors = require('../../utils/colors.cjs.js');
+
 const ROOT_ENTITY_TYPES = {
   AGENT: "agent",
   WORKFLOW: "workflow_run",
@@ -101,84 +105,118 @@ function hasAnyTraceFilterParams(params) {
   }
   return false;
 }
-function createTracePropertyFilterFields({
-  availableTags,
+const TRACE_FILTER_BAR_OPERATORS = [
+  { id: "is", label: "is" },
+  { id: "in", label: "in", arity: "many" }
+];
+const TRACE_FILTER_BAR_LABELS = {
+  rootEntityType: "Primitive Type",
+  entityName: "Primitive Name",
+  entityId: "Primitive ID",
+  status: "Status",
+  tags: "Tags",
+  serviceName: "Service Name",
+  environment: "Environment",
+  traceId: "Trace ID",
+  runId: "Run ID",
+  threadId: "Thread ID",
+  sessionId: "Session ID",
+  requestId: "Request ID",
+  resourceId: "Resource ID",
+  userId: "User ID",
+  organizationId: "Organization ID",
+  experimentId: "Experiment ID"
+};
+const TRACE_FILTER_BAR_FIELD_META = {
+  timeRange: { icon: lucideReact.ClockIcon, hue: 30 },
+  rootEntityType: { icon: lucideReact.BoxIcon, hue: 265 },
+  entityName: { icon: lucideReact.TagIcon, hue: 290 },
+  entityId: { icon: lucideReact.FingerprintIcon, hue: 315 },
+  status: { icon: lucideReact.ActivityIcon, hue: 0 },
+  tags: { icon: lucideReact.TagsIcon, hue: 340 },
+  serviceName: { icon: lucideReact.ServerIcon, hue: 175 },
+  environment: { icon: lucideReact.GlobeIcon, hue: 145 },
+  traceId: { icon: lucideReact.WaypointsIcon, hue: 215 },
+  runId: { icon: lucideReact.PlayIcon, hue: 195 },
+  threadId: { icon: lucideReact.MessageSquareIcon, hue: 235 },
+  sessionId: { icon: lucideReact.LayersIcon, hue: 100 },
+  requestId: { icon: lucideReact.RadioIcon, hue: 55 },
+  resourceId: { icon: lucideReact.HashIcon, hue: 80 },
+  userId: { icon: lucideReact.UserIcon, hue: 20 },
+  organizationId: { icon: lucideReact.BuildingIcon, hue: 120 },
+  experimentId: { icon: lucideReact.FlaskConicalIcon, hue: 160 }
+};
+const traceFilterFieldIcon = (fieldId) => TRACE_FILTER_BAR_FIELD_META[fieldId]?.icon;
+const traceFilterFieldColor = (fieldId) => {
+  const hue = TRACE_FILTER_BAR_FIELD_META[fieldId]?.hue;
+  return hue === void 0 ? utils_colors.stringToThemedColor(fieldId) : utils_colors.themedHueColor(hue);
+};
+const traceFieldBase = (id) => ({
+  id,
+  label: TRACE_FILTER_BAR_LABELS[id] ?? id,
+  icon: traceFilterFieldIcon(id),
+  color: traceFilterFieldColor(id)
+});
+const TRACE_FILTER_BAR_TEXT_FIELD_IDS = [
+  "entityId",
+  "traceId",
+  "runId",
+  "threadId",
+  "sessionId",
+  "requestId",
+  "resourceId",
+  "userId",
+  "organizationId",
+  "experimentId"
+];
+function createTraceFilterBarFields({
   availableRootEntityNames,
-  availableServiceNames,
   availableEnvironments,
-  loading
+  hiddenFieldIds = []
 }) {
-  const fields = [
-    {
-      id: "rootEntityType",
-      label: "Primitive Type",
-      kind: "pick-multi",
-      searchable: false,
-      options: ROOT_ENTITY_TYPE_OPTIONS.map((o) => ({ label: o.label, value: o.entityType })),
-      placeholder: "Choose entity type",
-      emptyText: "No entity types."
-    },
-    {
-      id: "entityName",
-      label: "Primitive Name",
-      kind: "pick-multi",
-      options: availableRootEntityNames.map((name) => ({ label: name, value: name })),
-      placeholder: "Choose entity names",
-      emptyText: "No entity names found.",
-      isLoading: loading?.entityNames
-    },
-    { id: "entityId", label: "Primitive ID", kind: "text" },
-    {
-      id: "status",
-      label: "Status",
-      kind: "pick-multi",
-      searchable: false,
-      options: TRACE_STATUS_OPTIONS.map((o) => ({ label: o.label, value: o.value })),
-      placeholder: "Choose status",
-      emptyText: "No statuses."
-    },
-    {
-      id: "tags",
-      label: "Tags",
-      kind: "pick-multi",
-      multi: true,
-      options: availableTags.map((tag) => ({ label: tag, value: tag })),
-      placeholder: "Choose tags",
-      emptyText: "No tags found.",
-      isLoading: loading?.tags
-    },
-    {
-      id: "serviceName",
-      label: "Service Name",
-      kind: "pick-multi",
-      options: availableServiceNames.map((name) => ({ label: name, value: name })),
-      placeholder: "Choose service names",
-      emptyText: "No service names found.",
-      isLoading: loading?.serviceNames
-    },
-    {
-      id: "environment",
-      label: "Environment",
-      kind: "pick-multi",
-      options: availableEnvironments.map((env) => ({ label: env, value: env })),
-      placeholder: "Choose environments",
-      emptyText: "No environments found.",
-      isLoading: loading?.environments
-    },
-    { id: "traceId", label: "Trace ID", kind: "text" },
-    { id: "runId", label: "Run ID", kind: "text" },
-    { id: "threadId", label: "Thread ID", kind: "text" },
-    { id: "sessionId", label: "Session ID", kind: "text" },
-    { id: "requestId", label: "Request ID", kind: "text" },
-    { id: "resourceId", label: "Resource ID", kind: "text" },
-    { id: "userId", label: "User ID", kind: "text" },
-    { id: "organizationId", label: "Organization ID", kind: "text" },
-    { id: "experimentId", label: "Experiment ID", kind: "text" }
+  const pick = (id, suggestions) => ({
+    ...traceFieldBase(id),
+    operators: ["is"],
+    strict: true,
+    suggestions
+  });
+  const text = (id) => ({ ...traceFieldBase(id), operators: ["is"] });
+  const pickFields = [
+    pick(
+      "rootEntityType",
+      ROOT_ENTITY_TYPE_OPTIONS.map((o) => ({ value: o.entityType, label: o.label }))
+    ),
+    pick(
+      "entityName",
+      availableRootEntityNames.map((name) => ({ value: name }))
+    ),
+    pick(
+      "status",
+      TRACE_STATUS_OPTIONS.filter((o) => o.value !== "running").map((o) => ({ value: o.value, label: o.label }))
+    ),
+    pick(
+      "environment",
+      availableEnvironments.map((env) => ({ value: env }))
+    )
   ];
+  const textFields = TRACE_FILTER_BAR_TEXT_FIELD_IDS.map(text);
   const byLabel = (a, b) => a.label.localeCompare(b.label);
-  const pickMulti = fields.filter((f) => f.kind === "pick-multi").sort(byLabel);
-  const text = fields.filter((f) => f.kind === "text").sort(byLabel);
-  return [...pickMulti, ...text];
+  const hidden = new Set(hiddenFieldIds);
+  return [...pickFields.sort(byLabel), ...textFields.sort(byLabel)].filter((field) => !domains_traces_traceQueryFilters.TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS.has(field.id)).map((field) => hidden.has(field.id) ? { ...field, hidden: true } : field);
+}
+function traceTokensToFilterBarItems(tokens) {
+  return tokens.map((token) => ({
+    id: token.fieldId,
+    fieldId: token.fieldId,
+    operatorId: token.fieldId === "tags" ? "in" : "is",
+    value: token.value === "Any" ? "" : token.value
+  }));
+}
+function filterBarItemsToTraceTokens(items) {
+  return items.map((item) => ({
+    fieldId: item.fieldId,
+    value: Array.isArray(item.value) ? item.value.map(String) : String(item.value)
+  }));
 }
 function getTracePropertyFilterTokens(searchParams) {
   const tokens = [];
@@ -336,18 +374,6 @@ function buildTraceListFilters({
   }
   return filters;
 }
-function neutralizeFilterTokens(filterFields, filterTokens) {
-  return filterTokens.map((token) => {
-    const field = filterFields.find((f) => f.id === token.fieldId);
-    if (!field) return token;
-    if (field.kind === "text") return { fieldId: token.fieldId, value: "" };
-    if (field.kind === "pick-multi") {
-      if (field.omitAnyOption) return token;
-      return field.multi ? { fieldId: token.fieldId, value: [] } : { fieldId: token.fieldId, value: "Any" };
-    }
-    return token;
-  });
-}
 
 exports.DEFAULT_TRACE_FILTERS_STORAGE_KEY = DEFAULT_TRACE_FILTERS_STORAGE_KEY;
 exports.ROOT_ENTITY_TYPES = ROOT_ENTITY_TYPES;
@@ -357,6 +383,7 @@ exports.TRACE_DATE_FROM_PARAM = TRACE_DATE_FROM_PARAM;
 exports.TRACE_DATE_PRESET_PARAM = TRACE_DATE_PRESET_PARAM;
 exports.TRACE_DATE_PRESET_VALUES = TRACE_DATE_PRESET_VALUES;
 exports.TRACE_DATE_TO_PARAM = TRACE_DATE_TO_PARAM;
+exports.TRACE_FILTER_BAR_OPERATORS = TRACE_FILTER_BAR_OPERATORS;
 exports.TRACE_LIST_MODE_OPTIONS = TRACE_LIST_MODE_OPTIONS;
 exports.TRACE_LIST_MODE_PARAM = TRACE_LIST_MODE_PARAM;
 exports.TRACE_LIST_MODE_VALUES = TRACE_LIST_MODE_VALUES;
@@ -370,11 +397,14 @@ exports.TRACE_SYNTHETIC_FILTER_FIELD_IDS = TRACE_SYNTHETIC_FILTER_FIELD_IDS;
 exports.applyTracePropertyFilterTokens = applyTracePropertyFilterTokens;
 exports.buildTraceListFilters = buildTraceListFilters;
 exports.clearSavedTraceFilters = clearSavedTraceFilters;
-exports.createTracePropertyFilterFields = createTracePropertyFilterFields;
+exports.createTraceFilterBarFields = createTraceFilterBarFields;
+exports.filterBarItemsToTraceTokens = filterBarItemsToTraceTokens;
 exports.getPreservedTraceFilterParams = getPreservedTraceFilterParams;
 exports.getTracePropertyFilterTokens = getTracePropertyFilterTokens;
 exports.hasAnyTraceFilterParams = hasAnyTraceFilterParams;
 exports.loadTraceFiltersFromStorage = loadTraceFiltersFromStorage;
-exports.neutralizeFilterTokens = neutralizeFilterTokens;
 exports.saveTraceFiltersToStorage = saveTraceFiltersToStorage;
+exports.traceFilterFieldColor = traceFilterFieldColor;
+exports.traceFilterFieldIcon = traceFilterFieldIcon;
+exports.traceTokensToFilterBarItems = traceTokensToFilterBarItems;
 //# sourceMappingURL=trace-filters.cjs.js.map