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

package/dist/domains/traces/hooks/use-trace-metadata-filter-fields.cjs.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const clientJs = require('@mastra/client-js');
+const react = require('@mastra/react');
+const reactQuery = require('@tanstack/react-query');
+const React = require('react');
+const domains_traces_hooks_discoveryCache = require('./discovery-cache.cjs.js');
+
+const DISCOVERY_LIMIT = 100;
+const EMPTY_FIELDS = {
+  canonicalFields: [],
+  observedFields: [],
+  observedFieldsTruncated: false
+};
+const TRACE_QUERY_DISCOVERY_UNSUPPORTED = "TRACE_QUERY_DISCOVERY_UNSUPPORTED";
+const isDiscoveryUnsupportedError = (error) => error instanceof clientJs.MastraClientError && typeof error.body === "object" && error.body !== null && error.body.code === TRACE_QUERY_DISCOVERY_UNSUPPORTED;
+const traceQueryFieldsQueryKey = (timeRange) => ["trace-query-fields", timeRange.from, timeRange.to];
+const useTraceMetadataFilterFields = ({
+  timeRange,
+  enabled = true
+}) => {
+  const client = react.useMastraClient();
+  const query = reactQuery.useQuery({
+    queryKey: traceQueryFieldsQueryKey(timeRange),
+    queryFn: async ({ signal }) => {
+      try {
+        return await client.getTraceQueryFields(
+          { timeRange, predicateScope: "trace", limit: DISCOVERY_LIMIT },
+          { signal }
+        );
+      } catch (error) {
+        if (isDiscoveryUnsupportedError(error)) return EMPTY_FIELDS;
+        throw error;
+      }
+    },
+    enabled,
+    retry: false,
+    staleTime: domains_traces_hooks_discoveryCache.DISCOVERY_STALE_TIME,
+    // Changing the time range must not tear down the filter bar behind a skeleton;
+    // keep the previous field list until the new range resolves.
+    placeholderData: reactQuery.keepPreviousData
+  });
+  const observedFields = query.data?.observedFields;
+  const fields = React.useMemo(
+    () => (observedFields ?? []).map((field) => ({
+      path: field.path,
+      suggestions: async ({ query: search, signal }) => {
+        const { values } = await client.getTraceQueryValues(
+          {
+            timeRange,
+            predicateScope: "trace",
+            path: field.path,
+            search: search.trim() || void 0,
+            limit: DISCOVERY_LIMIT
+          },
+          { signal }
+        );
+        return values.map(({ value }) => ({ value }));
+      }
+    })),
+    [observedFields, client, timeRange]
+  );
+  return { fields, isLoading: query.isLoading, error: query.error };
+};
+
+exports.traceQueryFieldsQueryKey = traceQueryFieldsQueryKey;
+exports.useTraceMetadataFilterFields = useTraceMetadataFilterFields;
+//# sourceMappingURL=use-trace-metadata-filter-fields.cjs.js.map

package/dist/domains/traces/hooks/use-trace-metadata-filter-fields.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-trace-metadata-filter-fields.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-metadata-filter-fields.ts"],"sourcesContent":["import { MastraClientError } from '@mastra/client-js';\nimport type { GetTraceQueryFieldsArgs, GetTraceQueryFieldsResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { keepPreviousData, useQuery } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { DISCOVERY_STALE_TIME } from './discovery-cache';\nimport type { FilterBarSuggestionsResolver } from '@/ds/components/FilterBar/types';\n\nexport type TraceQueryDiscoveryTimeRange = GetTraceQueryFieldsArgs['timeRange'];\n\nexport type TraceMetadataFilterField = {\n  /** `metadata.<key>` — doubles as the filter bar field id. */\n  path: string;\n  suggestions: FilterBarSuggestionsResolver;\n};\n\n// Server caps discovery limits at 100 (TRACE_QUERY_DISCOVERY_MAX_LIMIT).\nconst DISCOVERY_LIMIT = 100;\n\nconst EMPTY_FIELDS: GetTraceQueryFieldsResponse = {\n  canonicalFields: [],\n  observedFields: [],\n  observedFieldsTruncated: false,\n};\n\nconst TRACE_QUERY_DISCOVERY_UNSUPPORTED = 'TRACE_QUERY_DISCOVERY_UNSUPPORTED';\n\nconst isDiscoveryUnsupportedError = (error: unknown) =>\n  error instanceof MastraClientError &&\n  typeof error.body === 'object' &&\n  error.body !== null &&\n  (error.body as { code?: unknown }).code === TRACE_QUERY_DISCOVERY_UNSUPPORTED;\n\nexport const traceQueryFieldsQueryKey = (timeRange: TraceQueryDiscoveryTimeRange) =>\n  ['trace-query-fields', timeRange.from, timeRange.to] as const;\n\n/**\n * Discovers the `metadata.*` fields observed on traces in the given time range and returns\n * them as filter bar fields, each with a lazy `suggestions` resolver that fetches the field's\n * values when the user opens the value step (FilterBar owns debounce/abort).\n *\n * Resolves to an empty field list when the server or store does not support discovery\n * (`TRACE_QUERY_DISCOVERY_UNSUPPORTED`) so callers never stay blocked.\n */\nexport const useTraceMetadataFilterFields = ({\n  timeRange,\n  enabled = true,\n}: {\n  timeRange: TraceQueryDiscoveryTimeRange;\n  enabled?: boolean;\n}) => {\n  const client = useMastraClient();\n\n  const query = useQuery({\n    queryKey: traceQueryFieldsQueryKey(timeRange),\n    queryFn: async ({ signal }) => {\n      try {\n        return await client.getTraceQueryFields(\n          { timeRange, predicateScope: 'trace', limit: DISCOVERY_LIMIT },\n          { signal },\n        );\n      } catch (error) {\n        if (isDiscoveryUnsupportedError(error)) return EMPTY_FIELDS;\n        throw error;\n      }\n    },\n    enabled,\n    retry: false,\n    staleTime: DISCOVERY_STALE_TIME,\n    // Changing the time range must not tear down the filter bar behind a skeleton;\n    // keep the previous field list until the new range resolves.\n    placeholderData: keepPreviousData,\n  });\n\n  const observedFields = query.data?.observedFields;\n\n  const fields = useMemo<TraceMetadataFilterField[]>(\n    () =>\n      (observedFields ?? []).map(field => ({\n        path: field.path,\n        suggestions: async ({ query: search, signal }) => {\n          const { values } = await client.getTraceQueryValues(\n            {\n              timeRange,\n              predicateScope: 'trace',\n              path: field.path,\n              search: search.trim() || undefined,\n              limit: DISCOVERY_LIMIT,\n            },\n            { signal },\n          );\n          return values.map(({ value }) => ({ value }));\n        },\n      })),\n    [observedFields, client, timeRange],\n  );\n\n  return { fields, isLoading: query.isLoading, error: query.error };\n};\n"],"names":["MastraClientError","useMastraClient","useQuery","DISCOVERY_STALE_TIME","keepPreviousData","useMemo"],"mappings":";;;;;;;;;;AAiBA,MAAM,eAAA,GAAkB,GAAA;AAExB,MAAM,YAAA,GAA4C;AAAA,EAChD,iBAAiB,EAAC;AAAA,EAClB,gBAAgB,EAAC;AAAA,EACjB,uBAAA,EAAyB;AAC3B,CAAA;AAEA,MAAM,iCAAA,GAAoC,mCAAA;AAE1C,MAAM,2BAAA,GAA8B,CAAC,KAAA,KACnC,KAAA,YAAiBA,8BACjB,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,IACtB,KAAA,CAAM,IAAA,KAAS,IAAA,IACd,KAAA,CAAM,KAA4B,IAAA,KAAS,iCAAA;AAEvC,MAAM,wBAAA,GAA2B,CAAC,SAAA,KACvC,CAAC,sBAAsB,SAAA,CAAU,IAAA,EAAM,UAAU,EAAE;AAU9C,MAAM,+BAA+B,CAAC;AAAA,EAC3C,SAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,KAGM;AACJ,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAE/B,EAAA,MAAM,QAAQC,mBAAA,CAAS;AAAA,IACrB,QAAA,EAAU,yBAAyB,SAAS,CAAA;AAAA,IAC5C,OAAA,EAAS,OAAO,EAAE,MAAA,EAAO,KAAM;AAC7B,MAAA,IAAI;AACF,QAAA,OAAO,MAAM,MAAA,CAAO,mBAAA;AAAA,UAClB,EAAE,SAAA,EAAW,cAAA,EAAgB,OAAA,EAAS,OAAO,eAAA,EAAgB;AAAA,UAC7D,EAAE,MAAA;AAAO,SACX;AAAA,MACF,SAAS,KAAA,EAAO;AACd,QAAA,IAAI,2BAAA,CAA4B,KAAK,CAAA,EAAG,OAAO,YAAA;AAC/C,QAAA,MAAM,KAAA;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA,EAAO,KAAA;AAAA,IACP,SAAA,EAAWC,wDAAA;AAAA;AAAA;AAAA,IAGX,eAAA,EAAiBC;AAAA,GAClB,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,MAAM,IAAA,EAAM,cAAA;AAEnC,EAAA,MAAM,MAAA,GAASC,aAAA;AAAA,IACb,MAAA,CACG,cAAA,IAAkB,EAAC,EAAG,IAAI,CAAA,KAAA,MAAU;AAAA,MACnC,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,aAAa,OAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAO,KAAM;AAChD,QAAA,MAAM,EAAE,MAAA,EAAO,GAAI,MAAM,MAAA,CAAO,mBAAA;AAAA,UAC9B;AAAA,YACE,SAAA;AAAA,YACA,cAAA,EAAgB,OAAA;AAAA,YAChB,MAAM,KAAA,CAAM,IAAA;AAAA,YACZ,MAAA,EAAQ,MAAA,CAAO,IAAA,EAAK,IAAK,MAAA;AAAA,YACzB,KAAA,EAAO;AAAA,WACT;AAAA,UACA,EAAE,MAAA;AAAO,SACX;AACA,QAAA,OAAO,MAAA,CAAO,IAAI,CAAC,EAAE,OAAM,MAAO,EAAE,OAAM,CAAE,CAAA;AAAA,MAC9C;AAAA,KACF,CAAE,CAAA;AAAA,IACJ,CAAC,cAAA,EAAgB,MAAA,EAAQ,SAAS;AAAA,GACpC;AAEA,EAAA,OAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,MAAM,SAAA,EAAW,KAAA,EAAO,MAAM,KAAA,EAAM;AAClE;;;;;"}

package/dist/domains/traces/hooks/use-trace-metadata-filter-fields.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/traces/hooks/use-trace-metadata-filter-fields'
+export {}

package/dist/domains/traces/hooks/use-trace-metadata-filter-fields.es.js

@@ -0,0 +1,65 @@
+import { MastraClientError } from '@mastra/client-js';
+import { useMastraClient } from '@mastra/react';
+import { useQuery, keepPreviousData } from '@tanstack/react-query';
+import { useMemo } from 'react';
+import { DISCOVERY_STALE_TIME } from './discovery-cache.es.js';
+
+const DISCOVERY_LIMIT = 100;
+const EMPTY_FIELDS = {
+  canonicalFields: [],
+  observedFields: [],
+  observedFieldsTruncated: false
+};
+const TRACE_QUERY_DISCOVERY_UNSUPPORTED = "TRACE_QUERY_DISCOVERY_UNSUPPORTED";
+const isDiscoveryUnsupportedError = (error) => error instanceof MastraClientError && typeof error.body === "object" && error.body !== null && error.body.code === TRACE_QUERY_DISCOVERY_UNSUPPORTED;
+const traceQueryFieldsQueryKey = (timeRange) => ["trace-query-fields", timeRange.from, timeRange.to];
+const useTraceMetadataFilterFields = ({
+  timeRange,
+  enabled = true
+}) => {
+  const client = useMastraClient();
+  const query = useQuery({
+    queryKey: traceQueryFieldsQueryKey(timeRange),
+    queryFn: async ({ signal }) => {
+      try {
+        return await client.getTraceQueryFields(
+          { timeRange, predicateScope: "trace", limit: DISCOVERY_LIMIT },
+          { signal }
+        );
+      } catch (error) {
+        if (isDiscoveryUnsupportedError(error)) return EMPTY_FIELDS;
+        throw error;
+      }
+    },
+    enabled,
+    retry: false,
+    staleTime: DISCOVERY_STALE_TIME,
+    // Changing the time range must not tear down the filter bar behind a skeleton;
+    // keep the previous field list until the new range resolves.
+    placeholderData: keepPreviousData
+  });
+  const observedFields = query.data?.observedFields;
+  const fields = useMemo(
+    () => (observedFields ?? []).map((field) => ({
+      path: field.path,
+      suggestions: async ({ query: search, signal }) => {
+        const { values } = await client.getTraceQueryValues(
+          {
+            timeRange,
+            predicateScope: "trace",
+            path: field.path,
+            search: search.trim() || void 0,
+            limit: DISCOVERY_LIMIT
+          },
+          { signal }
+        );
+        return values.map(({ value }) => ({ value }));
+      }
+    })),
+    [observedFields, client, timeRange]
+  );
+  return { fields, isLoading: query.isLoading, error: query.error };
+};
+
+export { traceQueryFieldsQueryKey, useTraceMetadataFilterFields };
+//# sourceMappingURL=use-trace-metadata-filter-fields.es.js.map

package/dist/domains/traces/hooks/use-trace-metadata-filter-fields.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-trace-metadata-filter-fields.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-metadata-filter-fields.ts"],"sourcesContent":["import { MastraClientError } from '@mastra/client-js';\nimport type { GetTraceQueryFieldsArgs, GetTraceQueryFieldsResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { keepPreviousData, useQuery } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { DISCOVERY_STALE_TIME } from './discovery-cache';\nimport type { FilterBarSuggestionsResolver } from '@/ds/components/FilterBar/types';\n\nexport type TraceQueryDiscoveryTimeRange = GetTraceQueryFieldsArgs['timeRange'];\n\nexport type TraceMetadataFilterField = {\n  /** `metadata.<key>` — doubles as the filter bar field id. */\n  path: string;\n  suggestions: FilterBarSuggestionsResolver;\n};\n\n// Server caps discovery limits at 100 (TRACE_QUERY_DISCOVERY_MAX_LIMIT).\nconst DISCOVERY_LIMIT = 100;\n\nconst EMPTY_FIELDS: GetTraceQueryFieldsResponse = {\n  canonicalFields: [],\n  observedFields: [],\n  observedFieldsTruncated: false,\n};\n\nconst TRACE_QUERY_DISCOVERY_UNSUPPORTED = 'TRACE_QUERY_DISCOVERY_UNSUPPORTED';\n\nconst isDiscoveryUnsupportedError = (error: unknown) =>\n  error instanceof MastraClientError &&\n  typeof error.body === 'object' &&\n  error.body !== null &&\n  (error.body as { code?: unknown }).code === TRACE_QUERY_DISCOVERY_UNSUPPORTED;\n\nexport const traceQueryFieldsQueryKey = (timeRange: TraceQueryDiscoveryTimeRange) =>\n  ['trace-query-fields', timeRange.from, timeRange.to] as const;\n\n/**\n * Discovers the `metadata.*` fields observed on traces in the given time range and returns\n * them as filter bar fields, each with a lazy `suggestions` resolver that fetches the field's\n * values when the user opens the value step (FilterBar owns debounce/abort).\n *\n * Resolves to an empty field list when the server or store does not support discovery\n * (`TRACE_QUERY_DISCOVERY_UNSUPPORTED`) so callers never stay blocked.\n */\nexport const useTraceMetadataFilterFields = ({\n  timeRange,\n  enabled = true,\n}: {\n  timeRange: TraceQueryDiscoveryTimeRange;\n  enabled?: boolean;\n}) => {\n  const client = useMastraClient();\n\n  const query = useQuery({\n    queryKey: traceQueryFieldsQueryKey(timeRange),\n    queryFn: async ({ signal }) => {\n      try {\n        return await client.getTraceQueryFields(\n          { timeRange, predicateScope: 'trace', limit: DISCOVERY_LIMIT },\n          { signal },\n        );\n      } catch (error) {\n        if (isDiscoveryUnsupportedError(error)) return EMPTY_FIELDS;\n        throw error;\n      }\n    },\n    enabled,\n    retry: false,\n    staleTime: DISCOVERY_STALE_TIME,\n    // Changing the time range must not tear down the filter bar behind a skeleton;\n    // keep the previous field list until the new range resolves.\n    placeholderData: keepPreviousData,\n  });\n\n  const observedFields = query.data?.observedFields;\n\n  const fields = useMemo<TraceMetadataFilterField[]>(\n    () =>\n      (observedFields ?? []).map(field => ({\n        path: field.path,\n        suggestions: async ({ query: search, signal }) => {\n          const { values } = await client.getTraceQueryValues(\n            {\n              timeRange,\n              predicateScope: 'trace',\n              path: field.path,\n              search: search.trim() || undefined,\n              limit: DISCOVERY_LIMIT,\n            },\n            { signal },\n          );\n          return values.map(({ value }) => ({ value }));\n        },\n      })),\n    [observedFields, client, timeRange],\n  );\n\n  return { fields, isLoading: query.isLoading, error: query.error };\n};\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,eAAA,GAAkB,GAAA;AAExB,MAAM,YAAA,GAA4C;AAAA,EAChD,iBAAiB,EAAC;AAAA,EAClB,gBAAgB,EAAC;AAAA,EACjB,uBAAA,EAAyB;AAC3B,CAAA;AAEA,MAAM,iCAAA,GAAoC,mCAAA;AAE1C,MAAM,2BAAA,GAA8B,CAAC,KAAA,KACnC,KAAA,YAAiB,qBACjB,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,IACtB,KAAA,CAAM,IAAA,KAAS,IAAA,IACd,KAAA,CAAM,KAA4B,IAAA,KAAS,iCAAA;AAEvC,MAAM,wBAAA,GAA2B,CAAC,SAAA,KACvC,CAAC,sBAAsB,SAAA,CAAU,IAAA,EAAM,UAAU,EAAE;AAU9C,MAAM,+BAA+B,CAAC;AAAA,EAC3C,SAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,KAGM;AACJ,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,MAAM,QAAQ,QAAA,CAAS;AAAA,IACrB,QAAA,EAAU,yBAAyB,SAAS,CAAA;AAAA,IAC5C,OAAA,EAAS,OAAO,EAAE,MAAA,EAAO,KAAM;AAC7B,MAAA,IAAI;AACF,QAAA,OAAO,MAAM,MAAA,CAAO,mBAAA;AAAA,UAClB,EAAE,SAAA,EAAW,cAAA,EAAgB,OAAA,EAAS,OAAO,eAAA,EAAgB;AAAA,UAC7D,EAAE,MAAA;AAAO,SACX;AAAA,MACF,SAAS,KAAA,EAAO;AACd,QAAA,IAAI,2BAAA,CAA4B,KAAK,CAAA,EAAG,OAAO,YAAA;AAC/C,QAAA,MAAM,KAAA;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA,EAAO,KAAA;AAAA,IACP,SAAA,EAAW,oBAAA;AAAA;AAAA;AAAA,IAGX,eAAA,EAAiB;AAAA,GAClB,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,MAAM,IAAA,EAAM,cAAA;AAEnC,EAAA,MAAM,MAAA,GAAS,OAAA;AAAA,IACb,MAAA,CACG,cAAA,IAAkB,EAAC,EAAG,IAAI,CAAA,KAAA,MAAU;AAAA,MACnC,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,aAAa,OAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAO,KAAM;AAChD,QAAA,MAAM,EAAE,MAAA,EAAO,GAAI,MAAM,MAAA,CAAO,mBAAA;AAAA,UAC9B;AAAA,YACE,SAAA;AAAA,YACA,cAAA,EAAgB,OAAA;AAAA,YAChB,MAAM,KAAA,CAAM,IAAA;AAAA,YACZ,MAAA,EAAQ,MAAA,CAAO,IAAA,EAAK,IAAK,MAAA;AAAA,YACzB,KAAA,EAAO;AAAA,WACT;AAAA,UACA,EAAE,MAAA;AAAO,SACX;AACA,QAAA,OAAO,MAAA,CAAO,IAAI,CAAC,EAAE,OAAM,MAAO,EAAE,OAAM,CAAE,CAAA;AAAA,MAC9C;AAAA,KACF,CAAE,CAAA;AAAA,IACJ,CAAC,cAAA,EAAgB,MAAA,EAAQ,SAAS;AAAA,GACpC;AAEA,EAAA,OAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,MAAM,SAAA,EAAW,KAAA,EAAO,MAAM,KAAA,EAAM;AAClE;;;;"}

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

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const clientJs = require('@mastra/client-js');
+const react = require('@mastra/react');
+const reactQuery = require('@tanstack/react-query');
+const React = require('react');
+const hooks_useInView = require('../../../hooks/use-in-view.cjs.js');
+
+const TRACE_QUERY_PER_PAGE = 25;
+function getTraceQueryNextPageParam(lastPage) {
+  return lastPage?.page.next ?? void 0;
+}
+function selectTraceQueryTraces(data) {
+  const seen = /* @__PURE__ */ new Set();
+  return data.pages.flatMap(
+    (page) => page.traces.filter((trace) => {
+      if (seen.has(trace.traceId)) return false;
+      seen.add(trace.traceId);
+      return true;
+    })
+  );
+}
+function useTraceQuery({
+  query,
+  limit = TRACE_QUERY_PER_PAGE,
+  enabled = true,
+  refetchInterval,
+  refetchOnWindowFocus
+}) {
+  const client = react.useMastraClient();
+  const { inView, setRef: setEndOfListElement } = hooks_useInView.useInView();
+  const result = reactQuery.useInfiniteQuery({
+    queryKey: ["trace-query", query, limit],
+    queryFn: query ? async ({ pageParam }) => {
+      const queryClient = new clientJs.MastraClient({ ...client.options, retries: 0 });
+      const response = await queryClient.queryTraces({ ...query, page: { limit, after: pageParam ?? null } });
+      if ("page" in response) return response;
+      throw new Error("Expected a cursor-paginated trace query response");
+    } : reactQuery.skipToken,
+    initialPageParam: void 0,
+    getNextPageParam: getTraceQueryNextPageParam,
+    select: selectTraceQueryTraces,
+    retry: false,
+    placeholderData: reactQuery.keepPreviousData,
+    refetchInterval,
+    refetchOnWindowFocus,
+    enabled
+  });
+  const {
+    data,
+    hasNextPage,
+    isFetchingNextPage,
+    fetchNextPage,
+    isLoading,
+    isFetching,
+    isRefetching,
+    fetchStatus,
+    isError,
+    error,
+    refetch,
+    isFetchNextPageError
+  } = result;
+  React.useEffect(() => {
+    if (enabled && inView && hasNextPage && !isFetching && !isFetchNextPageError) {
+      void fetchNextPage();
+    }
+  }, [enabled, inView, hasNextPage, isFetching, isFetchNextPageError, fetchNextPage]);
+  return {
+    data,
+    hasNextPage,
+    isFetchingNextPage,
+    fetchNextPage,
+    isLoading,
+    isFetching,
+    isRefetching,
+    fetchStatus,
+    isError,
+    error,
+    refetch,
+    setEndOfListElement
+  };
+}
+
+exports.TRACE_QUERY_PER_PAGE = TRACE_QUERY_PER_PAGE;
+exports.getTraceQueryNextPageParam = getTraceQueryNextPageParam;
+exports.selectTraceQueryTraces = selectTraceQueryTraces;
+exports.useTraceQuery = useTraceQuery;
+//# sourceMappingURL=use-trace-query.cjs.js.map

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

@@ -0,0 +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 { QueryTracesInput } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { keepPreviousData, skipToken, useInfiniteQuery } from '@tanstack/react-query';\nimport { useEffect } from 'react';\nimport { useInView } from '@/hooks/use-in-view';\n\nexport const TRACE_QUERY_PER_PAGE = 25;\n\ntype TraceQueryResponse = Awaited<ReturnType<MastraClient['queryTraces']>>;\ntype TraceQueryCursorResponse = Extract<TraceQueryResponse, { page: { next: string | null } }>;\ntype TraceQueryTrace = TraceQueryResponse['traces'][number];\n\nexport type TraceQueryArgs = Omit<QueryTracesInput, 'page' | 'pagination'>;\n\nexport interface UseTraceQueryArgs {\n  query: TraceQueryArgs | undefined;\n  limit?: number;\n  enabled?: boolean;\n  refetchInterval?: number | false;\n  refetchOnWindowFocus?: boolean;\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: TraceQueryCursorResponse | undefined): string | undefined {\n  return lastPage?.page.next ?? undefined;\n}\n\nexport function selectTraceQueryTraces(data: { pages: TraceQueryCursorResponse[] }): 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\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}: UseTraceQueryArgs): UseTraceQueryReturn {\n  const client = useMastraClient();\n  const { inView, setRef: setEndOfListElement } = useInView();\n  const result = useInfiniteQuery<\n    TraceQueryCursorResponse,\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 ('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,\n  });\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":";;;;;;;;;;AAOO,MAAM,oBAAA,GAAuB;AA+B7B,SAAS,2BAA2B,QAAA,EAAoE;AAC7G,EAAA,OAAO,QAAA,EAAU,KAAK,IAAA,IAAQ,MAAA;AAChC;AAEO,SAAS,uBAAuB,IAAA,EAAgE;AACrG,EAAA,MAAM,IAAA,uBAAW,GAAA,EAAY;AAC7B,EAAA,OAAO,KAAK,KAAA,CAAM,OAAA;AAAA,IAAQ,CAAA,IAAA,KACxB,IAAA,CAAK,MAAA,CAAO,MAAA,CAAO,CAAA,KAAA,KAAS;AAC1B,MAAA,IAAI,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,OAAO,GAAG,OAAO,KAAA;AACpC,MAAA,IAAA,CAAK,GAAA,CAAI,MAAM,OAAO,CAAA;AACtB,MAAA,OAAO,IAAA;AAAA,IACT,CAAC;AAAA,GACH;AACF;AAGO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,KAAA,GAAQ,oBAAA;AAAA,EACR,OAAA,GAAU,IAAA;AAAA,EACV,eAAA;AAAA,EACA;AACF,CAAA,EAA2C;AACzC,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAC/B,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAQ,mBAAA,KAAwBC,yBAAA,EAAU;AAC1D,EAAA,MAAM,SAASC,2BAAA,CAMb;AAAA,IACA,QAAA,EAAU,CAAC,aAAA,EAAe,KAAA,EAAO,KAAK,CAAA;AAAA,IACtC,OAAA,EAAS,KAAA,GACL,OAAO,EAAE,WAAU,KAAM;AAEvB,MAAA,MAAM,WAAA,GAAc,IAAIC,qBAAA,CAAa,EAAE,GAAG,MAAA,CAAO,OAAA,EAAS,OAAA,EAAS,CAAA,EAAG,CAAA;AACtE,MAAA,MAAM,QAAA,GAAW,MAAM,WAAA,CAAY,WAAA,CAAY,EAAE,GAAG,KAAA,EAAO,IAAA,EAAM,EAAE,KAAA,EAAO,KAAA,EAAO,SAAA,IAAa,IAAA,IAAQ,CAAA;AACtG,MAAA,IAAI,MAAA,IAAU,UAAU,OAAO,QAAA;AAC/B,MAAA,MAAM,IAAI,MAAM,kDAAkD,CAAA;AAAA,IACpE,CAAA,GACAC,oBAAA;AAAA,IACJ,gBAAA,EAAkB,MAAA;AAAA,IAClB,gBAAA,EAAkB,0BAAA;AAAA,IAClB,MAAA,EAAQ,sBAAA;AAAA,IACR,KAAA,EAAO,KAAA;AAAA,IACP,eAAA,EAAiBC,2BAAA;AAAA,IACjB,eAAA;AAAA,IACA,oBAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF,GAAI,MAAA;AAEJ,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,MAAA,IAAU,WAAA,IAAe,CAAC,UAAA,IAAc,CAAC,oBAAA,EAAsB;AAC5E,MAAA,KAAK,aAAA,EAAc;AAAA,IACrB;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,MAAA,EAAQ,aAAa,UAAA,EAAY,oBAAA,EAAsB,aAAa,CAAC,CAAA;AAElF,EAAA,OAAO;AAAA,IACL,IAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF;AACF;;;;;;;"}

package/dist/domains/traces/hooks/use-trace-query.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/traces/hooks/use-trace-query'
+export {}

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

@@ -0,0 +1,83 @@
+import { MastraClient } from '@mastra/client-js';
+import { useMastraClient } from '@mastra/react';
+import { useInfiniteQuery, keepPreviousData, skipToken } from '@tanstack/react-query';
+import { useEffect } from 'react';
+import { useInView } from '../../../hooks/use-in-view.es.js';
+
+const TRACE_QUERY_PER_PAGE = 25;
+function getTraceQueryNextPageParam(lastPage) {
+  return lastPage?.page.next ?? void 0;
+}
+function selectTraceQueryTraces(data) {
+  const seen = /* @__PURE__ */ new Set();
+  return data.pages.flatMap(
+    (page) => page.traces.filter((trace) => {
+      if (seen.has(trace.traceId)) return false;
+      seen.add(trace.traceId);
+      return true;
+    })
+  );
+}
+function useTraceQuery({
+  query,
+  limit = TRACE_QUERY_PER_PAGE,
+  enabled = true,
+  refetchInterval,
+  refetchOnWindowFocus
+}) {
+  const client = useMastraClient();
+  const { inView, setRef: setEndOfListElement } = useInView();
+  const result = useInfiniteQuery({
+    queryKey: ["trace-query", query, limit],
+    queryFn: query ? async ({ pageParam }) => {
+      const queryClient = new MastraClient({ ...client.options, retries: 0 });
+      const response = await queryClient.queryTraces({ ...query, page: { limit, after: pageParam ?? null } });
+      if ("page" in response) return response;
+      throw new Error("Expected a cursor-paginated trace query response");
+    } : skipToken,
+    initialPageParam: void 0,
+    getNextPageParam: getTraceQueryNextPageParam,
+    select: selectTraceQueryTraces,
+    retry: false,
+    placeholderData: keepPreviousData,
+    refetchInterval,
+    refetchOnWindowFocus,
+    enabled
+  });
+  const {
+    data,
+    hasNextPage,
+    isFetchingNextPage,
+    fetchNextPage,
+    isLoading,
+    isFetching,
+    isRefetching,
+    fetchStatus,
+    isError,
+    error,
+    refetch,
+    isFetchNextPageError
+  } = result;
+  useEffect(() => {
+    if (enabled && inView && hasNextPage && !isFetching && !isFetchNextPageError) {
+      void fetchNextPage();
+    }
+  }, [enabled, inView, hasNextPage, isFetching, isFetchNextPageError, fetchNextPage]);
+  return {
+    data,
+    hasNextPage,
+    isFetchingNextPage,
+    fetchNextPage,
+    isLoading,
+    isFetching,
+    isRefetching,
+    fetchStatus,
+    isError,
+    error,
+    refetch,
+    setEndOfListElement
+  };
+}
+
+export { TRACE_QUERY_PER_PAGE, getTraceQueryNextPageParam, selectTraceQueryTraces, useTraceQuery };
+//# sourceMappingURL=use-trace-query.es.js.map

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

@@ -0,0 +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 { QueryTracesInput } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { keepPreviousData, skipToken, useInfiniteQuery } from '@tanstack/react-query';\nimport { useEffect } from 'react';\nimport { useInView } from '@/hooks/use-in-view';\n\nexport const TRACE_QUERY_PER_PAGE = 25;\n\ntype TraceQueryResponse = Awaited<ReturnType<MastraClient['queryTraces']>>;\ntype TraceQueryCursorResponse = Extract<TraceQueryResponse, { page: { next: string | null } }>;\ntype TraceQueryTrace = TraceQueryResponse['traces'][number];\n\nexport type TraceQueryArgs = Omit<QueryTracesInput, 'page' | 'pagination'>;\n\nexport interface UseTraceQueryArgs {\n  query: TraceQueryArgs | undefined;\n  limit?: number;\n  enabled?: boolean;\n  refetchInterval?: number | false;\n  refetchOnWindowFocus?: boolean;\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: TraceQueryCursorResponse | undefined): string | undefined {\n  return lastPage?.page.next ?? undefined;\n}\n\nexport function selectTraceQueryTraces(data: { pages: TraceQueryCursorResponse[] }): 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\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}: UseTraceQueryArgs): UseTraceQueryReturn {\n  const client = useMastraClient();\n  const { inView, setRef: setEndOfListElement } = useInView();\n  const result = useInfiniteQuery<\n    TraceQueryCursorResponse,\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 ('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,\n  });\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":";;;;;;AAOO,MAAM,oBAAA,GAAuB;AA+B7B,SAAS,2BAA2B,QAAA,EAAoE;AAC7G,EAAA,OAAO,QAAA,EAAU,KAAK,IAAA,IAAQ,MAAA;AAChC;AAEO,SAAS,uBAAuB,IAAA,EAAgE;AACrG,EAAA,MAAM,IAAA,uBAAW,GAAA,EAAY;AAC7B,EAAA,OAAO,KAAK,KAAA,CAAM,OAAA;AAAA,IAAQ,CAAA,IAAA,KACxB,IAAA,CAAK,MAAA,CAAO,MAAA,CAAO,CAAA,KAAA,KAAS;AAC1B,MAAA,IAAI,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,OAAO,GAAG,OAAO,KAAA;AACpC,MAAA,IAAA,CAAK,GAAA,CAAI,MAAM,OAAO,CAAA;AACtB,MAAA,OAAO,IAAA;AAAA,IACT,CAAC;AAAA,GACH;AACF;AAGO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,KAAA,GAAQ,oBAAA;AAAA,EACR,OAAA,GAAU,IAAA;AAAA,EACV,eAAA;AAAA,EACA;AACF,CAAA,EAA2C;AACzC,EAAA,MAAM,SAAS,eAAA,EAAgB;AAC/B,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAQ,mBAAA,KAAwB,SAAA,EAAU;AAC1D,EAAA,MAAM,SAAS,gBAAA,CAMb;AAAA,IACA,QAAA,EAAU,CAAC,aAAA,EAAe,KAAA,EAAO,KAAK,CAAA;AAAA,IACtC,OAAA,EAAS,KAAA,GACL,OAAO,EAAE,WAAU,KAAM;AAEvB,MAAA,MAAM,WAAA,GAAc,IAAI,YAAA,CAAa,EAAE,GAAG,MAAA,CAAO,OAAA,EAAS,OAAA,EAAS,CAAA,EAAG,CAAA;AACtE,MAAA,MAAM,QAAA,GAAW,MAAM,WAAA,CAAY,WAAA,CAAY,EAAE,GAAG,KAAA,EAAO,IAAA,EAAM,EAAE,KAAA,EAAO,KAAA,EAAO,SAAA,IAAa,IAAA,IAAQ,CAAA;AACtG,MAAA,IAAI,MAAA,IAAU,UAAU,OAAO,QAAA;AAC/B,MAAA,MAAM,IAAI,MAAM,kDAAkD,CAAA;AAAA,IACpE,CAAA,GACA,SAAA;AAAA,IACJ,gBAAA,EAAkB,MAAA;AAAA,IAClB,gBAAA,EAAkB,0BAAA;AAAA,IAClB,MAAA,EAAQ,sBAAA;AAAA,IACR,KAAA,EAAO,KAAA;AAAA,IACP,eAAA,EAAiB,gBAAA;AAAA,IACjB,eAAA;AAAA,IACA,oBAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF,GAAI,MAAA;AAEJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,MAAA,IAAU,WAAA,IAAe,CAAC,UAAA,IAAc,CAAC,oBAAA,EAAsB;AAC5E,MAAA,KAAK,aAAA,EAAc;AAAA,IACrB;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,MAAA,EAAQ,aAAa,UAAA,EAAY,oBAAA,EAAsB,aAAa,CAAC,CAAA;AAElF,EAAA,OAAO;AAAA,IACL,IAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-trace-span-navigation.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-span-navigation.tsx"],"sourcesContent":["import type { LightSpanRecord } from '@mastra/core/storage';\nimport { useMemo } from 'react';\nimport { formatHierarchicalSpans } from '../components/format-hierarchical-spans';\nimport { getAllSpanIds } from './get-all-span-ids';\n\n/**\n * Derives previous/next span navigation handlers from a trace's lightweight spans.\n * Returns undefined for handlers that are out of bounds so the consumer can render disabled UI.\n */\nexport function useTraceSpanNavigation(\n  lightSpans: LightSpanRecord[] | undefined,\n  featuredSpanId: string | null | undefined,\n  onSpanChange: (spanId: string) => void,\n) {\n  const timelineSpanIds = useMemo(() => getAllSpanIds(formatHierarchicalSpans(lightSpans ?? [])), [lightSpans]);\n\n  const featuredSpanIdx = featuredSpanId ? timelineSpanIds.indexOf(featuredSpanId) : -1;\n\n  const handlePreviousSpan =\n    featuredSpanIdx > 0\n      ? () => {\n          const spanId = timelineSpanIds[featuredSpanIdx - 1];\n          if (spanId !== undefined) onSpanChange(spanId);\n        }\n      : undefined;\n\n  const handleNextSpan =\n    featuredSpanIdx >= 0 && featuredSpanIdx < timelineSpanIds.length - 1\n      ? () => {\n          const spanId = timelineSpanIds[featuredSpanIdx + 1];\n          if (spanId !== undefined) onSpanChange(spanId);\n        }\n      : undefined;\n\n  return { handlePreviousSpan, handleNextSpan, timelineSpanIds };\n}\n"],"names":["useMemo","getAllSpanIds","formatHierarchicalSpans"],"mappings":";;;;;;;;AASO,SAAS,sBAAA,CACd,UAAA,EACA,cAAA,EACA,YAAA,EACA;AACA,EAAA,MAAM,eAAA,GAAkBA,aAAA,CAAQ,MAAMC,gDAAA,CAAcC,yEAAA,CAAwB,UAAA,IAAc,EAAE,CAAC,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAE5G,EAAA,MAAM,eAAA,GAAkB,cAAA,GAAiB,eAAA,CAAgB,OAAA,CAAQ,cAAc,CAAA,GAAI,EAAA;AAEnF,EAAA,MAAM,kBAAA,GACJ,eAAA,GAAkB,CAAA,GACd,MAAM;AACJ,IAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,eAAA,GAAkB,CAAC,CAAA;AAClD,IAAA,IAAI,MAAA,KAAW,MAAA,EAAW,YAAA,CAAa,MAAM,CAAA;AAAA,EAC/C,CAAA,GACA,MAAA;AAEN,EAAA,MAAM,iBACJ,eAAA,IAAmB,CAAA,IAAK,kBAAkB,eAAA,CAAgB,MAAA,GAAS,IAC/D,MAAM;AACJ,IAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,eAAA,GAAkB,CAAC,CAAA;AAClD,IAAA,IAAI,MAAA,KAAW,MAAA,EAAW,YAAA,CAAa,MAAM,CAAA;AAAA,EAC/C,CAAA,GACA,MAAA;AAEN,EAAA,OAAO,EAAE,kBAAA,EAAoB,cAAA,EAAgB,eAAA,EAAgB;AAC/D;;;;"}
+{"version":3,"file":"use-trace-span-navigation.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-span-navigation.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { formatHierarchicalSpans } from '../components/format-hierarchical-spans';\nimport type { LightSpanRecord } from '../types';\nimport { getAllSpanIds } from './get-all-span-ids';\n\n/**\n * Derives previous/next span navigation handlers from a trace's lightweight spans.\n * Returns undefined for handlers that are out of bounds so the consumer can render disabled UI.\n */\nexport function useTraceSpanNavigation(\n  lightSpans: LightSpanRecord[] | undefined,\n  featuredSpanId: string | null | undefined,\n  onSpanChange: (spanId: string) => void,\n) {\n  const timelineSpanIds = useMemo(() => getAllSpanIds(formatHierarchicalSpans(lightSpans ?? [])), [lightSpans]);\n\n  const featuredSpanIdx = featuredSpanId ? timelineSpanIds.indexOf(featuredSpanId) : -1;\n\n  const handlePreviousSpan =\n    featuredSpanIdx > 0\n      ? () => {\n          const spanId = timelineSpanIds[featuredSpanIdx - 1];\n          if (spanId !== undefined) onSpanChange(spanId);\n        }\n      : undefined;\n\n  const handleNextSpan =\n    featuredSpanIdx >= 0 && featuredSpanIdx < timelineSpanIds.length - 1\n      ? () => {\n          const spanId = timelineSpanIds[featuredSpanIdx + 1];\n          if (spanId !== undefined) onSpanChange(spanId);\n        }\n      : undefined;\n\n  return { handlePreviousSpan, handleNextSpan, timelineSpanIds };\n}\n"],"names":["useMemo","getAllSpanIds","formatHierarchicalSpans"],"mappings":";;;;;;;;AASO,SAAS,sBAAA,CACd,UAAA,EACA,cAAA,EACA,YAAA,EACA;AACA,EAAA,MAAM,eAAA,GAAkBA,aAAA,CAAQ,MAAMC,gDAAA,CAAcC,yEAAA,CAAwB,UAAA,IAAc,EAAE,CAAC,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAE5G,EAAA,MAAM,eAAA,GAAkB,cAAA,GAAiB,eAAA,CAAgB,OAAA,CAAQ,cAAc,CAAA,GAAI,EAAA;AAEnF,EAAA,MAAM,kBAAA,GACJ,eAAA,GAAkB,CAAA,GACd,MAAM;AACJ,IAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,eAAA,GAAkB,CAAC,CAAA;AAClD,IAAA,IAAI,MAAA,KAAW,MAAA,EAAW,YAAA,CAAa,MAAM,CAAA;AAAA,EAC/C,CAAA,GACA,MAAA;AAEN,EAAA,MAAM,iBACJ,eAAA,IAAmB,CAAA,IAAK,kBAAkB,eAAA,CAAgB,MAAA,GAAS,IAC/D,MAAM;AACJ,IAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,eAAA,GAAkB,CAAC,CAAA;AAClD,IAAA,IAAI,MAAA,KAAW,MAAA,EAAW,YAAA,CAAa,MAAM,CAAA;AAAA,EAC/C,CAAA,GACA,MAAA;AAEN,EAAA,OAAO,EAAE,kBAAA,EAAoB,cAAA,EAAgB,eAAA,EAAgB;AAC/D;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-trace-span-navigation.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-span-navigation.tsx"],"sourcesContent":["import type { LightSpanRecord } from '@mastra/core/storage';\nimport { useMemo } from 'react';\nimport { formatHierarchicalSpans } from '../components/format-hierarchical-spans';\nimport { getAllSpanIds } from './get-all-span-ids';\n\n/**\n * Derives previous/next span navigation handlers from a trace's lightweight spans.\n * Returns undefined for handlers that are out of bounds so the consumer can render disabled UI.\n */\nexport function useTraceSpanNavigation(\n  lightSpans: LightSpanRecord[] | undefined,\n  featuredSpanId: string | null | undefined,\n  onSpanChange: (spanId: string) => void,\n) {\n  const timelineSpanIds = useMemo(() => getAllSpanIds(formatHierarchicalSpans(lightSpans ?? [])), [lightSpans]);\n\n  const featuredSpanIdx = featuredSpanId ? timelineSpanIds.indexOf(featuredSpanId) : -1;\n\n  const handlePreviousSpan =\n    featuredSpanIdx > 0\n      ? () => {\n          const spanId = timelineSpanIds[featuredSpanIdx - 1];\n          if (spanId !== undefined) onSpanChange(spanId);\n        }\n      : undefined;\n\n  const handleNextSpan =\n    featuredSpanIdx >= 0 && featuredSpanIdx < timelineSpanIds.length - 1\n      ? () => {\n          const spanId = timelineSpanIds[featuredSpanIdx + 1];\n          if (spanId !== undefined) onSpanChange(spanId);\n        }\n      : undefined;\n\n  return { handlePreviousSpan, handleNextSpan, timelineSpanIds };\n}\n"],"names":[],"mappings":";;;;AASO,SAAS,sBAAA,CACd,UAAA,EACA,cAAA,EACA,YAAA,EACA;AACA,EAAA,MAAM,eAAA,GAAkB,OAAA,CAAQ,MAAM,aAAA,CAAc,uBAAA,CAAwB,UAAA,IAAc,EAAE,CAAC,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAE5G,EAAA,MAAM,eAAA,GAAkB,cAAA,GAAiB,eAAA,CAAgB,OAAA,CAAQ,cAAc,CAAA,GAAI,EAAA;AAEnF,EAAA,MAAM,kBAAA,GACJ,eAAA,GAAkB,CAAA,GACd,MAAM;AACJ,IAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,eAAA,GAAkB,CAAC,CAAA;AAClD,IAAA,IAAI,MAAA,KAAW,MAAA,EAAW,YAAA,CAAa,MAAM,CAAA;AAAA,EAC/C,CAAA,GACA,MAAA;AAEN,EAAA,MAAM,iBACJ,eAAA,IAAmB,CAAA,IAAK,kBAAkB,eAAA,CAAgB,MAAA,GAAS,IAC/D,MAAM;AACJ,IAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,eAAA,GAAkB,CAAC,CAAA;AAClD,IAAA,IAAI,MAAA,KAAW,MAAA,EAAW,YAAA,CAAa,MAAM,CAAA;AAAA,EAC/C,CAAA,GACA,MAAA;AAEN,EAAA,OAAO,EAAE,kBAAA,EAAoB,cAAA,EAAgB,eAAA,EAAgB;AAC/D;;;;"}
+{"version":3,"file":"use-trace-span-navigation.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-span-navigation.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { formatHierarchicalSpans } from '../components/format-hierarchical-spans';\nimport type { LightSpanRecord } from '../types';\nimport { getAllSpanIds } from './get-all-span-ids';\n\n/**\n * Derives previous/next span navigation handlers from a trace's lightweight spans.\n * Returns undefined for handlers that are out of bounds so the consumer can render disabled UI.\n */\nexport function useTraceSpanNavigation(\n  lightSpans: LightSpanRecord[] | undefined,\n  featuredSpanId: string | null | undefined,\n  onSpanChange: (spanId: string) => void,\n) {\n  const timelineSpanIds = useMemo(() => getAllSpanIds(formatHierarchicalSpans(lightSpans ?? [])), [lightSpans]);\n\n  const featuredSpanIdx = featuredSpanId ? timelineSpanIds.indexOf(featuredSpanId) : -1;\n\n  const handlePreviousSpan =\n    featuredSpanIdx > 0\n      ? () => {\n          const spanId = timelineSpanIds[featuredSpanIdx - 1];\n          if (spanId !== undefined) onSpanChange(spanId);\n        }\n      : undefined;\n\n  const handleNextSpan =\n    featuredSpanIdx >= 0 && featuredSpanIdx < timelineSpanIds.length - 1\n      ? () => {\n          const spanId = timelineSpanIds[featuredSpanIdx + 1];\n          if (spanId !== undefined) onSpanChange(spanId);\n        }\n      : undefined;\n\n  return { handlePreviousSpan, handleNextSpan, timelineSpanIds };\n}\n"],"names":[],"mappings":";;;;AASO,SAAS,sBAAA,CACd,UAAA,EACA,cAAA,EACA,YAAA,EACA;AACA,EAAA,MAAM,eAAA,GAAkB,OAAA,CAAQ,MAAM,aAAA,CAAc,uBAAA,CAAwB,UAAA,IAAc,EAAE,CAAC,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAE5G,EAAA,MAAM,eAAA,GAAkB,cAAA,GAAiB,eAAA,CAAgB,OAAA,CAAQ,cAAc,CAAA,GAAI,EAAA;AAEnF,EAAA,MAAM,kBAAA,GACJ,eAAA,GAAkB,CAAA,GACd,MAAM;AACJ,IAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,eAAA,GAAkB,CAAC,CAAA;AAClD,IAAA,IAAI,MAAA,KAAW,MAAA,EAAW,YAAA,CAAa,MAAM,CAAA;AAAA,EAC/C,CAAA,GACA,MAAA;AAEN,EAAA,MAAM,iBACJ,eAAA,IAAmB,CAAA,IAAK,kBAAkB,eAAA,CAAgB,MAAA,GAAS,IAC/D,MAAM;AACJ,IAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,eAAA,GAAkB,CAAC,CAAA;AAClD,IAAA,IAAI,MAAA,KAAW,MAAA,EAAW,YAAA,CAAa,MAAM,CAAA;AAAA,EAC/C,CAAA,GACA,MAAA;AAEN,EAAA,OAAO,EAAE,kBAAA,EAAoB,cAAA,EAAgB,eAAA,EAAgB;AAC/D;;;;"}

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

@@ -20,6 +20,7 @@ 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({
@@ -29,7 +30,7 @@ function useTraceSpans(traceId, { passive = false } = {}) {
     refetchOnWindowFocus: !passive,
     refetchOnReconnect: !passive,
     // Builds each span's search haystack once per fetch, cached with the query.
-    select: domains_traces_utils_toSearchableSpans.selectSearchableSpans
+    select: selectSearchableTraceSpans
   });
 }
 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 type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } 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 function useTraceSpans(\n  traceId: string | null | undefined,\n  { passive = false }: { passive?: boolean } = {},\n): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | 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: selectSearchableSpans,\n  });\n}\n\nexport type TraceSpansData = Awaited<ReturnType<MastraClient['getTrace']>>;\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","selectSearchableSpans","useQueries"],"mappings":";;;;;;;;;AAYO,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;AAWI,SAAS,cACd,OAAA,EACA,EAAE,UAAU,KAAA,EAAM,GAA2B,EAAC,EACuB;AACrE,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,EAAQC;AAAA,GACT,CAAA;AACH;AAQO,SAAS,oBAAA,CACd,QAAA,EACA,MAAA,EACA,QAAA,EACK;AACL,EAAA,MAAM,SAASF,qBAAA,EAAgB;AAE/B,EAAA,OAAOG,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';\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;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { useMastraClient } from '@mastra/react';
 import { useQuery, queryOptions, useQueries } from '@tanstack/react-query';
-import { selectSearchableSpans } from '../utils/to-searchable-spans.es.js';
+import { toSearchableSpans } from '../utils/to-searchable-spans.es.js';
 import 'date-fns';
 
 const traceSpansQueryOptions = (client, traceId) => queryOptions({
@@ -16,6 +16,7 @@ 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({
@@ -25,7 +26,7 @@ function useTraceSpans(traceId, { passive = false } = {}) {
     refetchOnWindowFocus: !passive,
     refetchOnReconnect: !passive,
     // Builds each span's search haystack once per fetch, cached with the query.
-    select: selectSearchableSpans
+    select: selectSearchableTraceSpans
   });
 }
 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 type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } 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 function useTraceSpans(\n  traceId: string | null | undefined,\n  { passive = false }: { passive?: boolean } = {},\n): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | 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: selectSearchableSpans,\n  });\n}\n\nexport type TraceSpansData = Awaited<ReturnType<MastraClient['getTrace']>>;\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":";;;;;AAYO,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;AAWI,SAAS,cACd,OAAA,EACA,EAAE,UAAU,KAAA,EAAM,GAA2B,EAAC,EACuB;AACrE,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;AAQO,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';\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;;;;"}

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

@@ -8,6 +8,7 @@ const domains_traces_traceFilters = require('../trace-filters.cjs.js');
 const TRACE_ID_PARAM = "traceId";
 const SPAN_ID_PARAM = "spanId";
 const TAB_PARAM = "tab";
+const SPAN_VIEW_PARAM = "spanView";
 const SCORE_ID_PARAM = "scoreId";
 const HIGHLIGHT_SPAN_IDS_PARAM = "highlightSpanIds";
 const DAY_MS = 24 * 60 * 60 * 1e3;
@@ -30,7 +31,7 @@ function useTraceUrlState(searchParams, setSearchParams, options) {
   const { onRemoveAll } = options ?? {};
   const datePreset = React.useMemo(() => {
     const value = searchParams.get(domains_traces_traceFilters.TRACE_DATE_PRESET_PARAM);
-    return value && domains_traces_traceFilters.TRACE_DATE_PRESET_VALUES.has(value) ? value : "last-24h";
+    return value && value !== "all" && domains_traces_traceFilters.TRACE_DATE_PRESET_VALUES.has(value) ? value : "last-7d";
   }, [searchParams]);
   const dateFromParamRaw = searchParams.get(domains_traces_traceFilters.TRACE_DATE_FROM_PARAM);
   const dateToParamRaw = searchParams.get(domains_traces_traceFilters.TRACE_DATE_TO_PARAM);
@@ -55,6 +56,7 @@ function useTraceUrlState(searchParams, setSearchParams, options) {
   const anchorSpanIdParam = searchParams.get(domains_traces_traceFilters.TRACE_ANCHOR_SPAN_ID_PARAM) || void 0;
   const tabParam = searchParams.get(TAB_PARAM);
   const spanTabParam = tabParam === "feedback" ? "feedback" : tabParam === "details" ? "details" : void 0;
+  const spanViewParam = searchParams.get(SPAN_VIEW_PARAM) === "timeline" ? "timeline" : "tree";
   const scoreIdParam = searchParams.get(SCORE_ID_PARAM) || void 0;
   const highlightSpanIdsRaw = searchParams.get(HIGHLIGHT_SPAN_IDS_PARAM);
   const highlightSpanIdsParam = React.useMemo(
@@ -127,6 +129,23 @@ function useTraceUrlState(searchParams, setSearchParams, options) {
     [searchParams, setSearchParams]
   );
   const handleSpanClose = React.useCallback(() => handleSpanChange(null), [handleSpanChange]);
+  const handleSpanViewChange = React.useCallback(
+    (view) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (view === "timeline") {
+            next.set(SPAN_VIEW_PARAM, view);
+          } else {
+            next.delete(SPAN_VIEW_PARAM);
+          }
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
   const handleSpanTabChange = React.useCallback(
     (tab) => {
       const currentTab = searchParams.get(TAB_PARAM) || null;
@@ -244,13 +263,31 @@ function useTraceUrlState(searchParams, setSearchParams, options) {
     },
     [setSearchParams]
   );
+  const handleDateRangeChange = React.useCallback(
+    (from, to) => {
+      if (datePresetRef.current !== "custom") return;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (from) next.set(domains_traces_traceFilters.TRACE_DATE_FROM_PARAM, from.toISOString());
+          else next.delete(domains_traces_traceFilters.TRACE_DATE_FROM_PARAM);
+          if (to) next.set(domains_traces_traceFilters.TRACE_DATE_TO_PARAM, to.toISOString());
+          else next.delete(domains_traces_traceFilters.TRACE_DATE_TO_PARAM);
+          clearSelectionParams(next);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
   const handleDatePresetChange = React.useCallback(
     (preset) => {
       datePresetRef.current = preset;
       setSearchParams(
         (prev) => {
           const next = new URLSearchParams(prev);
-          if (preset === "last-24h") {
+          if (preset === "last-7d") {
             next.delete(domains_traces_traceFilters.TRACE_DATE_PRESET_PARAM);
             next.delete(domains_traces_traceFilters.TRACE_DATE_FROM_PARAM);
             next.delete(domains_traces_traceFilters.TRACE_DATE_TO_PARAM);
@@ -315,6 +352,7 @@ function useTraceUrlState(searchParams, setSearchParams, options) {
     spanIdParam,
     anchorSpanIdParam,
     spanTabParam,
+    spanViewParam,
     scoreIdParam,
     highlightSpanIdsParam,
     listMode,
@@ -326,12 +364,14 @@ function useTraceUrlState(searchParams, setSearchParams, options) {
     handleSpanChange,
     handleSpanClose,
     handleSpanTabChange,
+    handleSpanViewChange,
     handleSpanChangeWithTab,
     handleScoreChange,
     handleHighlightSpans,
     handleListModeChange,
     handleFilterTokensChange,
     handleDateChange,
+    handleDateRangeChange,
     handleDatePresetChange,
     handleRemoveAll,
     applyFilterTokens