@mastra/playground-ui 58.1.0-alpha.0 → 59.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"use-metrics.es.js","sources":["../../../../src/domains/metrics/hooks/use-metrics.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { format } from 'date-fns';\nimport { createContext, useContext, useMemo } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { buildMetricsDimensionalFilter } from '../metrics-filters';\nimport type { MetricsDimensionalFilter } from '../metrics-filters';\nimport type { PropertyFilterToken } from '@/ds/components/PropertyFilter/types';\n\nconst DATE_PRESETS = [\n  { label: 'Last 24 hours', value: '24h' },\n  { label: 'Last 3 days', value: '3d' },\n  { label: 'Last 7 days', value: '7d' },\n  { label: 'Last 14 days', value: '14d' },\n  { label: 'Last 30 days', value: '30d' },\n] as const;\n\nexport type DatePreset = (typeof DATE_PRESETS)[number]['value'] | 'custom';\n\nexport { DATE_PRESETS };\n\nconst VALID_PRESETS = new Set<string>(DATE_PRESETS.map(p => p.value));\n\nexport function isValidPreset(value: string | null | undefined): value is DatePreset {\n  return typeof value === 'string' && (VALID_PRESETS.has(value) || value === 'custom');\n}\n\nexport type DateRange = { from?: Date; to?: Date };\n\n/** Internal — all state is derived from the URL-backed props the owner passes.\n *  There is intentionally no local mirror; keeping a mirror caused URL ↔ state\n *  feedback loops that re-rendered the entire metrics tree on every keystroke.\n */\ntype MetricsContextValue = {\n  datePreset: DatePreset;\n  setDatePreset: (v: DatePreset) => void;\n  customRange: DateRange | undefined;\n  setCustomRange: (v: DateRange | undefined) => void;\n  dateRangeLabel: string;\n  filterTokens: PropertyFilterToken[];\n  setFilterTokens: (tokens: PropertyFilterToken[]) => void;\n  dimensionalFilter: MetricsDimensionalFilter;\n  /** Stable JSON representation of `dimensionalFilter`, safe for query keys. */\n  dimensionalFilterKey: string;\n  /** Base path drilldown links should target for the Traces page. */\n  tracesBasePath: string | undefined;\n  /** Base path drilldown links should target for the Logs page. */\n  logsBasePath: string | undefined;\n};\n\nexport const MetricsContext = createContext<MetricsContextValue>({\n  datePreset: '24h',\n  setDatePreset: () => {},\n  customRange: undefined,\n  setCustomRange: () => {},\n  dateRangeLabel: 'Last 24 hours',\n  filterTokens: [],\n  setFilterTokens: () => {},\n  dimensionalFilter: {},\n  dimensionalFilterKey: '{}',\n  tracesBasePath: undefined,\n  logsBasePath: undefined,\n});\n\nexport function useMetrics() {\n  return useContext(MetricsContext);\n}\n\nfunction getDateRangeLabel(preset: DatePreset, customRange: DateRange | undefined) {\n  if (preset !== 'custom') {\n    return DATE_PRESETS.find(p => p.value === preset)?.label ?? preset;\n  }\n  if (customRange?.from) {\n    if (customRange.to) {\n      return `${format(customRange.from, 'MMM d, yyyy')} – ${format(customRange.to, 'MMM d, yyyy')}`;\n    }\n    return format(customRange.from, 'MMM d, yyyy');\n  }\n  return 'Custom range';\n}\n\n/**\n * URL-driven metrics provider.\n *\n * The owner (page) is expected to:\n *   - pass the current `preset` / `filterTokens` derived from `useSearchParams`\n *   - pass `onPresetChange` / `onFilterTokensChange` that update the URL\n *\n * The provider never stores its own copies — changes round-trip through the URL\n * exactly once, which keeps re-renders bounded no matter how much data is on\n * screen.\n */\nexport function MetricsProvider({\n  children,\n  preset,\n  filterTokens,\n  onPresetChange,\n  onFilterTokensChange,\n  customRange,\n  onCustomRangeChange,\n  tracesBasePath,\n  logsBasePath,\n}: {\n  children: ReactNode;\n  preset: DatePreset;\n  filterTokens: PropertyFilterToken[];\n  onPresetChange: (preset: DatePreset) => void;\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  customRange?: DateRange;\n  onCustomRangeChange?: (range: DateRange | undefined) => void;\n  /** Base path for drilldown links to the Traces page. Defaults to `/traces` when omitted. */\n  tracesBasePath?: string;\n  /** Base path for drilldown links to the Logs page. Defaults to `/logs` when omitted. */\n  logsBasePath?: string;\n}) {\n  // Stable key for memo dependencies — the parent may re-create the tokens\n  // array on every render (e.g. from `useMemo(... , [searchParams])`), but the\n  // *content* usually doesn't change.\n  const filterTokensKey = useMemo(() => JSON.stringify(filterTokens), [filterTokens]);\n\n  // Intentional: re-pin only when the serialized content changes, not on every\n  // parent render that allocates a new array.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableFilterTokens = useMemo(() => filterTokens, [filterTokensKey]);\n\n  const dimensionalFilter = useMemo(() => buildMetricsDimensionalFilter(stableFilterTokens), [stableFilterTokens]);\n\n  const dimensionalFilterKey = useMemo(() => JSON.stringify(dimensionalFilter), [dimensionalFilter]);\n\n  const dateRangeLabel = getDateRangeLabel(preset, customRange);\n\n  const value = useMemo<MetricsContextValue>(\n    () => ({\n      datePreset: preset,\n      setDatePreset: onPresetChange,\n      customRange,\n      setCustomRange: onCustomRangeChange ?? (() => {}),\n      dateRangeLabel,\n      filterTokens: stableFilterTokens,\n      setFilterTokens: onFilterTokensChange,\n      dimensionalFilter,\n      dimensionalFilterKey,\n      tracesBasePath,\n      logsBasePath,\n    }),\n    [\n      preset,\n      onPresetChange,\n      customRange,\n      onCustomRangeChange,\n      dateRangeLabel,\n      stableFilterTokens,\n      onFilterTokensChange,\n      dimensionalFilter,\n      dimensionalFilterKey,\n      tracesBasePath,\n      logsBasePath,\n    ],\n  );\n\n  return <MetricsContext.Provider value={value}>{children}</MetricsContext.Provider>;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-metrics.es.js","sources":["../../../../src/domains/metrics/hooks/use-metrics.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { createContext, useContext, useMemo } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { buildMetricsDimensionalFilter } from '../metrics-filters';\nimport type { MetricsDimensionalFilter } from '../metrics-filters';\nimport type { PropertyFilterToken } from '@/ds/components/PropertyFilter/types';\nimport { formatShortDate } from '@/utils/date-format';\n\nconst DATE_PRESETS = [\n  { label: 'Last 24 hours', value: '24h' },\n  { label: 'Last 3 days', value: '3d' },\n  { label: 'Last 7 days', value: '7d' },\n  { label: 'Last 14 days', value: '14d' },\n  { label: 'Last 30 days', value: '30d' },\n] as const;\n\nexport type DatePreset = (typeof DATE_PRESETS)[number]['value'] | 'custom';\n\nexport { DATE_PRESETS };\n\nconst VALID_PRESETS = new Set<string>(DATE_PRESETS.map(p => p.value));\n\nexport function isValidPreset(value: string | null | undefined): value is DatePreset {\n  return typeof value === 'string' && (VALID_PRESETS.has(value) || value === 'custom');\n}\n\nexport type DateRange = { from?: Date; to?: Date };\n\n/** Internal — all state is derived from the URL-backed props the owner passes.\n *  There is intentionally no local mirror; keeping a mirror caused URL ↔ state\n *  feedback loops that re-rendered the entire metrics tree on every keystroke.\n */\ntype MetricsContextValue = {\n  datePreset: DatePreset;\n  setDatePreset: (v: DatePreset) => void;\n  customRange: DateRange | undefined;\n  setCustomRange: (v: DateRange | undefined) => void;\n  dateRangeLabel: string;\n  filterTokens: PropertyFilterToken[];\n  setFilterTokens: (tokens: PropertyFilterToken[]) => void;\n  dimensionalFilter: MetricsDimensionalFilter;\n  /** Stable JSON representation of `dimensionalFilter`, safe for query keys. */\n  dimensionalFilterKey: string;\n  /** Base path drilldown links should target for the Traces page. */\n  tracesBasePath: string | undefined;\n  /** Base path drilldown links should target for the Logs page. */\n  logsBasePath: string | undefined;\n};\n\nexport const MetricsContext = createContext<MetricsContextValue>({\n  datePreset: '24h',\n  setDatePreset: () => {},\n  customRange: undefined,\n  setCustomRange: () => {},\n  dateRangeLabel: 'Last 24 hours',\n  filterTokens: [],\n  setFilterTokens: () => {},\n  dimensionalFilter: {},\n  dimensionalFilterKey: '{}',\n  tracesBasePath: undefined,\n  logsBasePath: undefined,\n});\n\nexport function useMetrics() {\n  return useContext(MetricsContext);\n}\n\nfunction getDateRangeLabel(preset: DatePreset, customRange: DateRange | undefined) {\n  if (preset !== 'custom') {\n    return DATE_PRESETS.find(p => p.value === preset)?.label ?? preset;\n  }\n  if (customRange?.from) {\n    if (customRange.to) {\n      return `${formatShortDate(customRange.from)} – ${formatShortDate(customRange.to)}`;\n    }\n    return formatShortDate(customRange.from) ?? '';\n  }\n  return 'Custom range';\n}\n\n/**\n * URL-driven metrics provider.\n *\n * The owner (page) is expected to:\n *   - pass the current `preset` / `filterTokens` derived from `useSearchParams`\n *   - pass `onPresetChange` / `onFilterTokensChange` that update the URL\n *\n * The provider never stores its own copies — changes round-trip through the URL\n * exactly once, which keeps re-renders bounded no matter how much data is on\n * screen.\n */\nexport function MetricsProvider({\n  children,\n  preset,\n  filterTokens,\n  onPresetChange,\n  onFilterTokensChange,\n  customRange,\n  onCustomRangeChange,\n  tracesBasePath,\n  logsBasePath,\n}: {\n  children: ReactNode;\n  preset: DatePreset;\n  filterTokens: PropertyFilterToken[];\n  onPresetChange: (preset: DatePreset) => void;\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  customRange?: DateRange;\n  onCustomRangeChange?: (range: DateRange | undefined) => void;\n  /** Base path for drilldown links to the Traces page. Defaults to `/traces` when omitted. */\n  tracesBasePath?: string;\n  /** Base path for drilldown links to the Logs page. Defaults to `/logs` when omitted. */\n  logsBasePath?: string;\n}) {\n  // Stable key for memo dependencies — the parent may re-create the tokens\n  // array on every render (e.g. from `useMemo(... , [searchParams])`), but the\n  // *content* usually doesn't change.\n  const filterTokensKey = useMemo(() => JSON.stringify(filterTokens), [filterTokens]);\n\n  // Intentional: re-pin only when the serialized content changes, not on every\n  // parent render that allocates a new array.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableFilterTokens = useMemo(() => filterTokens, [filterTokensKey]);\n\n  const dimensionalFilter = useMemo(() => buildMetricsDimensionalFilter(stableFilterTokens), [stableFilterTokens]);\n\n  const dimensionalFilterKey = useMemo(() => JSON.stringify(dimensionalFilter), [dimensionalFilter]);\n\n  const dateRangeLabel = getDateRangeLabel(preset, customRange);\n\n  const value = useMemo<MetricsContextValue>(\n    () => ({\n      datePreset: preset,\n      setDatePreset: onPresetChange,\n      customRange,\n      setCustomRange: onCustomRangeChange ?? (() => {}),\n      dateRangeLabel,\n      filterTokens: stableFilterTokens,\n      setFilterTokens: onFilterTokensChange,\n      dimensionalFilter,\n      dimensionalFilterKey,\n      tracesBasePath,\n      logsBasePath,\n    }),\n    [\n      preset,\n      onPresetChange,\n      customRange,\n      onCustomRangeChange,\n      dateRangeLabel,\n      stableFilterTokens,\n      onFilterTokensChange,\n      dimensionalFilter,\n      dimensionalFilterKey,\n      tracesBasePath,\n      logsBasePath,\n    ],\n  );\n\n  return <MetricsContext.Provider value={value}>{children}</MetricsContext.Provider>;\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/metrics/hooks/use-model-usage-cost-metrics.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const react = require('@mastra/react');
 const reactQuery = require('@tanstack/react-query');
-const domains_metrics_components_metricsUtils = require('../components/metrics-utils.cjs.js');
 const domains_metrics_hooks_useMetricsFilters = require('./use-metrics-filters.cjs.js');
+const utils_cost = require('../../../utils/cost.cjs.js');
 const map = require('../../../map-CGEv7zQW.cjs');
 
 function useModelUsageCostMetrics() {
@@ -70,10 +70,10 @@ function useModelUsageCostMetrics() {
       }
       return Array.from(modelMap.entries()).map(([model, vals]) => ({
         model,
-        input: domains_metrics_components_metricsUtils.formatCompact(vals.input),
-        output: domains_metrics_components_metricsUtils.formatCompact(vals.output),
-        cacheRead: domains_metrics_components_metricsUtils.formatCompact(vals.cacheRead),
-        cacheWrite: domains_metrics_components_metricsUtils.formatCompact(vals.cacheWrite),
+        input: utils_cost.formatCompactNumber(vals.input),
+        output: utils_cost.formatCompactNumber(vals.output),
+        cacheRead: utils_cost.formatCompactNumber(vals.cacheRead),
+        cacheWrite: utils_cost.formatCompactNumber(vals.cacheWrite),
         cost: vals.cost,
         costUnit: vals.costUnit
       })).sort((a, b) => a.model.localeCompare(b.model));

package/dist/domains/metrics/hooks/use-model-usage-cost-metrics.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-model-usage-cost-metrics.cjs.js","sources":["../../../../src/domains/metrics/hooks/use-model-usage-cost-metrics.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { formatCompact } from '../components/metrics-utils';\nimport { useMetricsFilters } from './use-metrics-filters';\nimport { getOrCreate } from '@/lib/map';\n\nexport interface ModelUsageRow {\n  model: string;\n  input: string;\n  output: string;\n  cacheRead: string;\n  cacheWrite: string;\n  cost: number | null;\n  costUnit: string | null;\n}\n\nexport function useModelUsageCostMetrics() {\n  const client = useMastraClient();\n  const { filters, filterKey } = useMetricsFilters();\n\n  return useQuery({\n    queryKey: ['metrics', 'model-usage-cost', filterKey],\n    queryFn: async (): Promise<ModelUsageRow[]> => {\n      const [inputRes, outputRes, cacheReadRes, cacheWriteRes] = await Promise.all(\n        (\n          [\n            'mastra_model_total_input_tokens',\n            'mastra_model_total_output_tokens',\n            'mastra_model_input_cache_read_tokens',\n            'mastra_model_input_cache_write_tokens',\n          ] as const\n        ).map(name =>\n          client.getMetricBreakdown({\n            name: [name],\n            groupBy: ['model'],\n            aggregation: 'sum',\n            orderDirection: 'DESC',\n            filters,\n          }),\n        ),\n      );\n\n      if (!inputRes || !outputRes || !cacheReadRes || !cacheWriteRes) return [];\n\n      type ModelEntry = {\n        input: number;\n        output: number;\n        cacheRead: number;\n        cacheWrite: number;\n        cost: number | null;\n        costUnit: string | null;\n      };\n\n      const modelMap = new Map<string, ModelEntry>();\n\n      const ensureModel = (model: string): ModelEntry =>\n        getOrCreate(modelMap, model, () => ({\n          input: 0,\n          output: 0,\n          cacheRead: 0,\n          cacheWrite: 0,\n          cost: null,\n          costUnit: null,\n        }));\n\n      // total_input/total_output estimatedCost already rolls up cache + other detail\n      // costs. The cache breakdowns are kept for their token counts only.\n      const addCost = (entry: ModelEntry, group: { estimatedCost?: number | null; costUnit?: string | null }) => {\n        if (group.estimatedCost != null) {\n          entry.cost = (entry.cost ?? 0) + group.estimatedCost;\n          if (group.costUnit) entry.costUnit = group.costUnit;\n        }\n      };\n\n      for (const group of inputRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.input = group.value;\n        addCost(entry, group);\n      }\n      for (const group of outputRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.output = group.value;\n        addCost(entry, group);\n      }\n      for (const group of cacheReadRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.cacheRead = group.value;\n      }\n      for (const group of cacheWriteRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.cacheWrite = group.value;\n      }\n\n      return Array.from(modelMap.entries())\n        .map(([model, vals]) => ({\n          model,\n          input: formatCompact(vals.input),\n          output: formatCompact(vals.output),\n          cacheRead: formatCompact(vals.cacheRead),\n          cacheWrite: formatCompact(vals.cacheWrite),\n          cost: vals.cost,\n          costUnit: vals.costUnit,\n        }))\n        .sort((a, b) => a.model.localeCompare(b.model));\n    },\n  });\n}\n"],"names":["useMastraClient","useMetricsFilters","useQuery","getOrCreate","formatCompact"],"mappings":"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"}
+{"version":3,"file":"use-model-usage-cost-metrics.cjs.js","sources":["../../../../src/domains/metrics/hooks/use-model-usage-cost-metrics.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useMetricsFilters } from './use-metrics-filters';\nimport { formatCompactNumber } from '@/lib/cost';\nimport { getOrCreate } from '@/lib/map';\n\nexport interface ModelUsageRow {\n  model: string;\n  input: string;\n  output: string;\n  cacheRead: string;\n  cacheWrite: string;\n  cost: number | null;\n  costUnit: string | null;\n}\n\nexport function useModelUsageCostMetrics() {\n  const client = useMastraClient();\n  const { filters, filterKey } = useMetricsFilters();\n\n  return useQuery({\n    queryKey: ['metrics', 'model-usage-cost', filterKey],\n    queryFn: async (): Promise<ModelUsageRow[]> => {\n      const [inputRes, outputRes, cacheReadRes, cacheWriteRes] = await Promise.all(\n        (\n          [\n            'mastra_model_total_input_tokens',\n            'mastra_model_total_output_tokens',\n            'mastra_model_input_cache_read_tokens',\n            'mastra_model_input_cache_write_tokens',\n          ] as const\n        ).map(name =>\n          client.getMetricBreakdown({\n            name: [name],\n            groupBy: ['model'],\n            aggregation: 'sum',\n            orderDirection: 'DESC',\n            filters,\n          }),\n        ),\n      );\n\n      if (!inputRes || !outputRes || !cacheReadRes || !cacheWriteRes) return [];\n\n      type ModelEntry = {\n        input: number;\n        output: number;\n        cacheRead: number;\n        cacheWrite: number;\n        cost: number | null;\n        costUnit: string | null;\n      };\n\n      const modelMap = new Map<string, ModelEntry>();\n\n      const ensureModel = (model: string): ModelEntry =>\n        getOrCreate(modelMap, model, () => ({\n          input: 0,\n          output: 0,\n          cacheRead: 0,\n          cacheWrite: 0,\n          cost: null,\n          costUnit: null,\n        }));\n\n      // total_input/total_output estimatedCost already rolls up cache + other detail\n      // costs. The cache breakdowns are kept for their token counts only.\n      const addCost = (entry: ModelEntry, group: { estimatedCost?: number | null; costUnit?: string | null }) => {\n        if (group.estimatedCost != null) {\n          entry.cost = (entry.cost ?? 0) + group.estimatedCost;\n          if (group.costUnit) entry.costUnit = group.costUnit;\n        }\n      };\n\n      for (const group of inputRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.input = group.value;\n        addCost(entry, group);\n      }\n      for (const group of outputRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.output = group.value;\n        addCost(entry, group);\n      }\n      for (const group of cacheReadRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.cacheRead = group.value;\n      }\n      for (const group of cacheWriteRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.cacheWrite = group.value;\n      }\n\n      return Array.from(modelMap.entries())\n        .map(([model, vals]) => ({\n          model,\n          input: formatCompactNumber(vals.input),\n          output: formatCompactNumber(vals.output),\n          cacheRead: formatCompactNumber(vals.cacheRead),\n          cacheWrite: formatCompactNumber(vals.cacheWrite),\n          cost: vals.cost,\n          costUnit: vals.costUnit,\n        }))\n        .sort((a, b) => a.model.localeCompare(b.model));\n    },\n  });\n}\n"],"names":["useMastraClient","useMetricsFilters","useQuery","getOrCreate","formatCompactNumber"],"mappings":"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"}

package/dist/domains/metrics/hooks/use-model-usage-cost-metrics.es.js

@@ -1,7 +1,7 @@
 import { useMastraClient } from '@mastra/react';
 import { useQuery } from '@tanstack/react-query';
-import { formatCompact } from '../components/metrics-utils.es.js';
 import { useMetricsFilters } from './use-metrics-filters.es.js';
+import { formatCompactNumber } from '../../../utils/cost.es.js';
 import { g as getOrCreate } from '../../../map-DBJibfZS.js';
 
 function useModelUsageCostMetrics() {
@@ -66,10 +66,10 @@ function useModelUsageCostMetrics() {
       }
       return Array.from(modelMap.entries()).map(([model, vals]) => ({
         model,
-        input: formatCompact(vals.input),
-        output: formatCompact(vals.output),
-        cacheRead: formatCompact(vals.cacheRead),
-        cacheWrite: formatCompact(vals.cacheWrite),
+        input: formatCompactNumber(vals.input),
+        output: formatCompactNumber(vals.output),
+        cacheRead: formatCompactNumber(vals.cacheRead),
+        cacheWrite: formatCompactNumber(vals.cacheWrite),
         cost: vals.cost,
         costUnit: vals.costUnit
       })).sort((a, b) => a.model.localeCompare(b.model));

package/dist/domains/metrics/hooks/use-model-usage-cost-metrics.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-model-usage-cost-metrics.es.js","sources":["../../../../src/domains/metrics/hooks/use-model-usage-cost-metrics.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { formatCompact } from '../components/metrics-utils';\nimport { useMetricsFilters } from './use-metrics-filters';\nimport { getOrCreate } from '@/lib/map';\n\nexport interface ModelUsageRow {\n  model: string;\n  input: string;\n  output: string;\n  cacheRead: string;\n  cacheWrite: string;\n  cost: number | null;\n  costUnit: string | null;\n}\n\nexport function useModelUsageCostMetrics() {\n  const client = useMastraClient();\n  const { filters, filterKey } = useMetricsFilters();\n\n  return useQuery({\n    queryKey: ['metrics', 'model-usage-cost', filterKey],\n    queryFn: async (): Promise<ModelUsageRow[]> => {\n      const [inputRes, outputRes, cacheReadRes, cacheWriteRes] = await Promise.all(\n        (\n          [\n            'mastra_model_total_input_tokens',\n            'mastra_model_total_output_tokens',\n            'mastra_model_input_cache_read_tokens',\n            'mastra_model_input_cache_write_tokens',\n          ] as const\n        ).map(name =>\n          client.getMetricBreakdown({\n            name: [name],\n            groupBy: ['model'],\n            aggregation: 'sum',\n            orderDirection: 'DESC',\n            filters,\n          }),\n        ),\n      );\n\n      if (!inputRes || !outputRes || !cacheReadRes || !cacheWriteRes) return [];\n\n      type ModelEntry = {\n        input: number;\n        output: number;\n        cacheRead: number;\n        cacheWrite: number;\n        cost: number | null;\n        costUnit: string | null;\n      };\n\n      const modelMap = new Map<string, ModelEntry>();\n\n      const ensureModel = (model: string): ModelEntry =>\n        getOrCreate(modelMap, model, () => ({\n          input: 0,\n          output: 0,\n          cacheRead: 0,\n          cacheWrite: 0,\n          cost: null,\n          costUnit: null,\n        }));\n\n      // total_input/total_output estimatedCost already rolls up cache + other detail\n      // costs. The cache breakdowns are kept for their token counts only.\n      const addCost = (entry: ModelEntry, group: { estimatedCost?: number | null; costUnit?: string | null }) => {\n        if (group.estimatedCost != null) {\n          entry.cost = (entry.cost ?? 0) + group.estimatedCost;\n          if (group.costUnit) entry.costUnit = group.costUnit;\n        }\n      };\n\n      for (const group of inputRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.input = group.value;\n        addCost(entry, group);\n      }\n      for (const group of outputRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.output = group.value;\n        addCost(entry, group);\n      }\n      for (const group of cacheReadRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.cacheRead = group.value;\n      }\n      for (const group of cacheWriteRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.cacheWrite = group.value;\n      }\n\n      return Array.from(modelMap.entries())\n        .map(([model, vals]) => ({\n          model,\n          input: formatCompact(vals.input),\n          output: formatCompact(vals.output),\n          cacheRead: formatCompact(vals.cacheRead),\n          cacheWrite: formatCompact(vals.cacheWrite),\n          cost: vals.cost,\n          costUnit: vals.costUnit,\n        }))\n        .sort((a, b) => a.model.localeCompare(b.model));\n    },\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-model-usage-cost-metrics.es.js","sources":["../../../../src/domains/metrics/hooks/use-model-usage-cost-metrics.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useMetricsFilters } from './use-metrics-filters';\nimport { formatCompactNumber } from '@/lib/cost';\nimport { getOrCreate } from '@/lib/map';\n\nexport interface ModelUsageRow {\n  model: string;\n  input: string;\n  output: string;\n  cacheRead: string;\n  cacheWrite: string;\n  cost: number | null;\n  costUnit: string | null;\n}\n\nexport function useModelUsageCostMetrics() {\n  const client = useMastraClient();\n  const { filters, filterKey } = useMetricsFilters();\n\n  return useQuery({\n    queryKey: ['metrics', 'model-usage-cost', filterKey],\n    queryFn: async (): Promise<ModelUsageRow[]> => {\n      const [inputRes, outputRes, cacheReadRes, cacheWriteRes] = await Promise.all(\n        (\n          [\n            'mastra_model_total_input_tokens',\n            'mastra_model_total_output_tokens',\n            'mastra_model_input_cache_read_tokens',\n            'mastra_model_input_cache_write_tokens',\n          ] as const\n        ).map(name =>\n          client.getMetricBreakdown({\n            name: [name],\n            groupBy: ['model'],\n            aggregation: 'sum',\n            orderDirection: 'DESC',\n            filters,\n          }),\n        ),\n      );\n\n      if (!inputRes || !outputRes || !cacheReadRes || !cacheWriteRes) return [];\n\n      type ModelEntry = {\n        input: number;\n        output: number;\n        cacheRead: number;\n        cacheWrite: number;\n        cost: number | null;\n        costUnit: string | null;\n      };\n\n      const modelMap = new Map<string, ModelEntry>();\n\n      const ensureModel = (model: string): ModelEntry =>\n        getOrCreate(modelMap, model, () => ({\n          input: 0,\n          output: 0,\n          cacheRead: 0,\n          cacheWrite: 0,\n          cost: null,\n          costUnit: null,\n        }));\n\n      // total_input/total_output estimatedCost already rolls up cache + other detail\n      // costs. The cache breakdowns are kept for their token counts only.\n      const addCost = (entry: ModelEntry, group: { estimatedCost?: number | null; costUnit?: string | null }) => {\n        if (group.estimatedCost != null) {\n          entry.cost = (entry.cost ?? 0) + group.estimatedCost;\n          if (group.costUnit) entry.costUnit = group.costUnit;\n        }\n      };\n\n      for (const group of inputRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.input = group.value;\n        addCost(entry, group);\n      }\n      for (const group of outputRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.output = group.value;\n        addCost(entry, group);\n      }\n      for (const group of cacheReadRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.cacheRead = group.value;\n      }\n      for (const group of cacheWriteRes.groups) {\n        const m = group.dimensions.model ?? 'unknown';\n        const entry = ensureModel(m);\n        entry.cacheWrite = group.value;\n      }\n\n      return Array.from(modelMap.entries())\n        .map(([model, vals]) => ({\n          model,\n          input: formatCompactNumber(vals.input),\n          output: formatCompactNumber(vals.output),\n          cacheRead: formatCompactNumber(vals.cacheRead),\n          cacheWrite: formatCompactNumber(vals.cacheWrite),\n          cost: vals.cost,\n          costUnit: vals.costUnit,\n        }))\n        .sort((a, b) => a.model.localeCompare(b.model));\n    },\n  });\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/metrics/hooks/use-scores-metrics.cjs.js

@@ -6,6 +6,7 @@ const react = require('@mastra/react');
 const reactQuery = require('@tanstack/react-query');
 const domains_metrics_hooks_useMetricsFilters = require('./use-metrics-filters.cjs.js');
 const map = require('../../../map-CGEv7zQW.cjs');
+const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 
 function useScoresMetrics() {
   const client = react.useMastraClient();
@@ -64,11 +65,7 @@ function useScoresMetrics() {
         for (const s of series) {
           for (const point of s.points) {
             const ts = new Date(point.timestamp);
-            const hourKey = ts.toLocaleTimeString("en-US", {
-              hour: "2-digit",
-              minute: "2-digit",
-              hour12: false
-            });
+            const hourKey = ts.getHours() * 60 + ts.getMinutes();
             const scorerMap = map.getOrCreate(hourBuckets, hourKey, () => /* @__PURE__ */ new Map());
             const acc = map.getOrCreate(scorerMap, scorerId, () => ({ sum: 0, count: 0 }));
             acc.sum += point.value;
@@ -76,8 +73,10 @@ function useScoresMetrics() {
           }
         }
       }
-      const overTimeData = Array.from(hourBuckets.entries()).sort(([a], [b]) => a.localeCompare(b)).map(([hourKey, scorerMap]) => {
-        const point = { time: hourKey };
+      const overTimeData = Array.from(hourBuckets.entries()).sort(([a], [b]) => a - b).map(([hourKey, scorerMap]) => {
+        const point = {
+          time: utils_dateFormat.formatDate(new Date(2e3, 0, 1, Math.floor(hourKey / 60), hourKey % 60), "time") ?? ""
+        };
         for (const [scorerId, acc] of scorerMap) {
           point[scorerId] = +(acc.sum / acc.count).toFixed(2);
         }

package/dist/domains/metrics/hooks/use-scores-metrics.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-scores-metrics.cjs.js","sources":["../../../../src/domains/metrics/hooks/use-scores-metrics.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useMetricsFilters } from './use-metrics-filters';\nimport { getOrCreate } from '@/lib/map';\n\nexport interface ScorerSummary {\n  scorer: string;\n  avg: number;\n  min: number;\n  max: number;\n  count: number;\n}\n\nexport interface ScoresOverTimePoint {\n  time: string;\n  [scorer: string]: string | number;\n}\n\nexport function useScoresMetrics() {\n  const client = useMastraClient();\n  const { datePreset, customRange, timestamp } = useMetricsFilters();\n\n  return useQuery({\n    queryKey: ['metrics', 'scores-card', datePreset, customRange],\n    queryFn: async () => {\n      const filters = {\n        timestamp: { start: timestamp.start, end: timestamp.end },\n      };\n\n      const scorersMap = await client.listScorers();\n      const scorerIds = Object.keys(scorersMap ?? {});\n\n      if (scorerIds.length === 0) {\n        return { summaryData: [], overTimeData: [], scorerNames: [], avgScore: null };\n      }\n\n      // Fetch summary stats first to determine which scorers have data\n      const summaryResults = await Promise.all(\n        scorerIds.map(async scorerId => {\n          const [avg, min, max, count] = await Promise.all([\n            client.getScoreAggregate({ scorerId, aggregation: 'avg', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'min', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'max', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'count', filters }),\n          ]);\n          return {\n            scorer: scorerId,\n            avg: avg.value ?? 0,\n            min: min.value ?? 0,\n            max: max.value ?? 0,\n            count: count.value ?? 0,\n          };\n        }),\n      );\n\n      const summaryData: ScorerSummary[] = summaryResults.filter(s => s.count > 0);\n      const scorerNames = summaryData.map(s => s.scorer);\n\n      if (summaryData.length === 0) {\n        return { summaryData: [], overTimeData: [], scorerNames: [], avgScore: null };\n      }\n\n      const totalWeighted = summaryData.reduce((s, d) => s + d.avg * d.count, 0);\n      const totalCount = summaryData.reduce((s, d) => s + d.count, 0);\n      const avgScore = totalCount ? Math.round((totalWeighted / totalCount) * 100) / 100 : 0;\n\n      const interval = '1h';\n\n      // Fetch hourly time series from the full period for active scorers\n      const timeSeriesResults = await Promise.all(\n        scorerNames.map(scorerId =>\n          client.getScoreTimeSeries({\n            scorerId,\n            interval,\n            aggregation: 'avg',\n            filters,\n          }),\n        ),\n      );\n\n      // Collapse all days into a single 24-hour view (00:00–23:00).\n      // For each hour-of-day, average the values across all days in the range.\n      const hourBuckets = new Map<string, Map<string, { sum: number; count: number }>>();\n\n      for (let i = 0; i < scorerNames.length; i++) {\n        const scorerId = scorerNames[i];\n        const series = timeSeriesResults[i]?.series ?? [];\n        for (const s of series) {\n          for (const point of s.points) {\n            const ts = new Date(point.timestamp);\n            const hourKey = ts.toLocaleTimeString('en-US', {\n              hour: '2-digit',\n              minute: '2-digit',\n              hour12: false,\n            });\n            const scorerMap = getOrCreate(hourBuckets, hourKey, () => new Map());\n            const acc = getOrCreate(scorerMap, scorerId, () => ({ sum: 0, count: 0 }));\n\n            acc.sum += point.value;\n            acc.count += 1;\n          }\n        }\n      }\n\n      // Build sorted 24h chart data\n      const overTimeData: ScoresOverTimePoint[] = Array.from(hourBuckets.entries())\n        .sort(([a], [b]) => a.localeCompare(b))\n        .map(([hourKey, scorerMap]) => {\n          const point: ScoresOverTimePoint = { time: hourKey };\n          for (const [scorerId, acc] of scorerMap) {\n            point[scorerId] = +(acc.sum / acc.count).toFixed(2);\n          }\n          return point;\n        });\n\n      return {\n        summaryData,\n        overTimeData,\n        scorerNames,\n        avgScore,\n      };\n    },\n  });\n}\n"],"names":["useMastraClient","useMetricsFilters","useQuery","getOrCreate"],"mappings":"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"}
+{"version":3,"file":"use-scores-metrics.cjs.js","sources":["../../../../src/domains/metrics/hooks/use-scores-metrics.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useMetricsFilters } from './use-metrics-filters';\nimport { getOrCreate } from '@/lib/map';\nimport { formatDate } from '@/utils/date-format';\n\nexport interface ScorerSummary {\n  scorer: string;\n  avg: number;\n  min: number;\n  max: number;\n  count: number;\n}\n\nexport interface ScoresOverTimePoint {\n  time: string;\n  [scorer: string]: string | number;\n}\n\nexport function useScoresMetrics() {\n  const client = useMastraClient();\n  const { datePreset, customRange, timestamp } = useMetricsFilters();\n\n  return useQuery({\n    queryKey: ['metrics', 'scores-card', datePreset, customRange],\n    queryFn: async () => {\n      const filters = {\n        timestamp: { start: timestamp.start, end: timestamp.end },\n      };\n\n      const scorersMap = await client.listScorers();\n      const scorerIds = Object.keys(scorersMap ?? {});\n\n      if (scorerIds.length === 0) {\n        return { summaryData: [], overTimeData: [], scorerNames: [], avgScore: null };\n      }\n\n      // Fetch summary stats first to determine which scorers have data\n      const summaryResults = await Promise.all(\n        scorerIds.map(async scorerId => {\n          const [avg, min, max, count] = await Promise.all([\n            client.getScoreAggregate({ scorerId, aggregation: 'avg', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'min', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'max', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'count', filters }),\n          ]);\n          return {\n            scorer: scorerId,\n            avg: avg.value ?? 0,\n            min: min.value ?? 0,\n            max: max.value ?? 0,\n            count: count.value ?? 0,\n          };\n        }),\n      );\n\n      const summaryData: ScorerSummary[] = summaryResults.filter(s => s.count > 0);\n      const scorerNames = summaryData.map(s => s.scorer);\n\n      if (summaryData.length === 0) {\n        return { summaryData: [], overTimeData: [], scorerNames: [], avgScore: null };\n      }\n\n      const totalWeighted = summaryData.reduce((s, d) => s + d.avg * d.count, 0);\n      const totalCount = summaryData.reduce((s, d) => s + d.count, 0);\n      const avgScore = totalCount ? Math.round((totalWeighted / totalCount) * 100) / 100 : 0;\n\n      const interval = '1h';\n\n      // Fetch hourly time series from the full period for active scorers\n      const timeSeriesResults = await Promise.all(\n        scorerNames.map(scorerId =>\n          client.getScoreTimeSeries({\n            scorerId,\n            interval,\n            aggregation: 'avg',\n            filters,\n          }),\n        ),\n      );\n\n      // Collapse all days into a single 24-hour view (00:00–23:00).\n      // For each hour-of-day, average the values across all days in the range.\n      const hourBuckets = new Map<number, Map<string, { sum: number; count: number }>>();\n\n      for (let i = 0; i < scorerNames.length; i++) {\n        const scorerId = scorerNames[i];\n        const series = timeSeriesResults[i]?.series ?? [];\n        for (const s of series) {\n          for (const point of s.points) {\n            const ts = new Date(point.timestamp);\n            const hourKey = ts.getHours() * 60 + ts.getMinutes();\n            const scorerMap = getOrCreate(hourBuckets, hourKey, () => new Map());\n            const acc = getOrCreate(scorerMap, scorerId, () => ({ sum: 0, count: 0 }));\n\n            acc.sum += point.value;\n            acc.count += 1;\n          }\n        }\n      }\n\n      // Build sorted 24h chart data\n      const overTimeData: ScoresOverTimePoint[] = Array.from(hourBuckets.entries())\n        .sort(([a], [b]) => a - b)\n        .map(([hourKey, scorerMap]) => {\n          const point: ScoresOverTimePoint = {\n            time: formatDate(new Date(2000, 0, 1, Math.floor(hourKey / 60), hourKey % 60), 'time') ?? '',\n          };\n          for (const [scorerId, acc] of scorerMap) {\n            point[scorerId] = +(acc.sum / acc.count).toFixed(2);\n          }\n          return point;\n        });\n\n      return {\n        summaryData,\n        overTimeData,\n        scorerNames,\n        avgScore,\n      };\n    },\n  });\n}\n"],"names":["useMastraClient","useMetricsFilters","useQuery","getOrCreate","formatDate"],"mappings":"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"}

package/dist/domains/metrics/hooks/use-scores-metrics.es.js

@@ -2,6 +2,7 @@ import { useMastraClient } from '@mastra/react';
 import { useQuery } from '@tanstack/react-query';
 import { useMetricsFilters } from './use-metrics-filters.es.js';
 import { g as getOrCreate } from '../../../map-DBJibfZS.js';
+import { formatDate } from '../../../utils/date-format.es.js';
 
 function useScoresMetrics() {
   const client = useMastraClient();
@@ -60,11 +61,7 @@ function useScoresMetrics() {
         for (const s of series) {
           for (const point of s.points) {
             const ts = new Date(point.timestamp);
-            const hourKey = ts.toLocaleTimeString("en-US", {
-              hour: "2-digit",
-              minute: "2-digit",
-              hour12: false
-            });
+            const hourKey = ts.getHours() * 60 + ts.getMinutes();
             const scorerMap = getOrCreate(hourBuckets, hourKey, () => /* @__PURE__ */ new Map());
             const acc = getOrCreate(scorerMap, scorerId, () => ({ sum: 0, count: 0 }));
             acc.sum += point.value;
@@ -72,8 +69,10 @@ function useScoresMetrics() {
           }
         }
       }
-      const overTimeData = Array.from(hourBuckets.entries()).sort(([a], [b]) => a.localeCompare(b)).map(([hourKey, scorerMap]) => {
-        const point = { time: hourKey };
+      const overTimeData = Array.from(hourBuckets.entries()).sort(([a], [b]) => a - b).map(([hourKey, scorerMap]) => {
+        const point = {
+          time: formatDate(new Date(2e3, 0, 1, Math.floor(hourKey / 60), hourKey % 60), "time") ?? ""
+        };
         for (const [scorerId, acc] of scorerMap) {
           point[scorerId] = +(acc.sum / acc.count).toFixed(2);
         }

package/dist/domains/metrics/hooks/use-scores-metrics.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-scores-metrics.es.js","sources":["../../../../src/domains/metrics/hooks/use-scores-metrics.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useMetricsFilters } from './use-metrics-filters';\nimport { getOrCreate } from '@/lib/map';\n\nexport interface ScorerSummary {\n  scorer: string;\n  avg: number;\n  min: number;\n  max: number;\n  count: number;\n}\n\nexport interface ScoresOverTimePoint {\n  time: string;\n  [scorer: string]: string | number;\n}\n\nexport function useScoresMetrics() {\n  const client = useMastraClient();\n  const { datePreset, customRange, timestamp } = useMetricsFilters();\n\n  return useQuery({\n    queryKey: ['metrics', 'scores-card', datePreset, customRange],\n    queryFn: async () => {\n      const filters = {\n        timestamp: { start: timestamp.start, end: timestamp.end },\n      };\n\n      const scorersMap = await client.listScorers();\n      const scorerIds = Object.keys(scorersMap ?? {});\n\n      if (scorerIds.length === 0) {\n        return { summaryData: [], overTimeData: [], scorerNames: [], avgScore: null };\n      }\n\n      // Fetch summary stats first to determine which scorers have data\n      const summaryResults = await Promise.all(\n        scorerIds.map(async scorerId => {\n          const [avg, min, max, count] = await Promise.all([\n            client.getScoreAggregate({ scorerId, aggregation: 'avg', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'min', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'max', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'count', filters }),\n          ]);\n          return {\n            scorer: scorerId,\n            avg: avg.value ?? 0,\n            min: min.value ?? 0,\n            max: max.value ?? 0,\n            count: count.value ?? 0,\n          };\n        }),\n      );\n\n      const summaryData: ScorerSummary[] = summaryResults.filter(s => s.count > 0);\n      const scorerNames = summaryData.map(s => s.scorer);\n\n      if (summaryData.length === 0) {\n        return { summaryData: [], overTimeData: [], scorerNames: [], avgScore: null };\n      }\n\n      const totalWeighted = summaryData.reduce((s, d) => s + d.avg * d.count, 0);\n      const totalCount = summaryData.reduce((s, d) => s + d.count, 0);\n      const avgScore = totalCount ? Math.round((totalWeighted / totalCount) * 100) / 100 : 0;\n\n      const interval = '1h';\n\n      // Fetch hourly time series from the full period for active scorers\n      const timeSeriesResults = await Promise.all(\n        scorerNames.map(scorerId =>\n          client.getScoreTimeSeries({\n            scorerId,\n            interval,\n            aggregation: 'avg',\n            filters,\n          }),\n        ),\n      );\n\n      // Collapse all days into a single 24-hour view (00:00–23:00).\n      // For each hour-of-day, average the values across all days in the range.\n      const hourBuckets = new Map<string, Map<string, { sum: number; count: number }>>();\n\n      for (let i = 0; i < scorerNames.length; i++) {\n        const scorerId = scorerNames[i];\n        const series = timeSeriesResults[i]?.series ?? [];\n        for (const s of series) {\n          for (const point of s.points) {\n            const ts = new Date(point.timestamp);\n            const hourKey = ts.toLocaleTimeString('en-US', {\n              hour: '2-digit',\n              minute: '2-digit',\n              hour12: false,\n            });\n            const scorerMap = getOrCreate(hourBuckets, hourKey, () => new Map());\n            const acc = getOrCreate(scorerMap, scorerId, () => ({ sum: 0, count: 0 }));\n\n            acc.sum += point.value;\n            acc.count += 1;\n          }\n        }\n      }\n\n      // Build sorted 24h chart data\n      const overTimeData: ScoresOverTimePoint[] = Array.from(hourBuckets.entries())\n        .sort(([a], [b]) => a.localeCompare(b))\n        .map(([hourKey, scorerMap]) => {\n          const point: ScoresOverTimePoint = { time: hourKey };\n          for (const [scorerId, acc] of scorerMap) {\n            point[scorerId] = +(acc.sum / acc.count).toFixed(2);\n          }\n          return point;\n        });\n\n      return {\n        summaryData,\n        overTimeData,\n        scorerNames,\n        avgScore,\n      };\n    },\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-scores-metrics.es.js","sources":["../../../../src/domains/metrics/hooks/use-scores-metrics.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useMetricsFilters } from './use-metrics-filters';\nimport { getOrCreate } from '@/lib/map';\nimport { formatDate } from '@/utils/date-format';\n\nexport interface ScorerSummary {\n  scorer: string;\n  avg: number;\n  min: number;\n  max: number;\n  count: number;\n}\n\nexport interface ScoresOverTimePoint {\n  time: string;\n  [scorer: string]: string | number;\n}\n\nexport function useScoresMetrics() {\n  const client = useMastraClient();\n  const { datePreset, customRange, timestamp } = useMetricsFilters();\n\n  return useQuery({\n    queryKey: ['metrics', 'scores-card', datePreset, customRange],\n    queryFn: async () => {\n      const filters = {\n        timestamp: { start: timestamp.start, end: timestamp.end },\n      };\n\n      const scorersMap = await client.listScorers();\n      const scorerIds = Object.keys(scorersMap ?? {});\n\n      if (scorerIds.length === 0) {\n        return { summaryData: [], overTimeData: [], scorerNames: [], avgScore: null };\n      }\n\n      // Fetch summary stats first to determine which scorers have data\n      const summaryResults = await Promise.all(\n        scorerIds.map(async scorerId => {\n          const [avg, min, max, count] = await Promise.all([\n            client.getScoreAggregate({ scorerId, aggregation: 'avg', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'min', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'max', filters }),\n            client.getScoreAggregate({ scorerId, aggregation: 'count', filters }),\n          ]);\n          return {\n            scorer: scorerId,\n            avg: avg.value ?? 0,\n            min: min.value ?? 0,\n            max: max.value ?? 0,\n            count: count.value ?? 0,\n          };\n        }),\n      );\n\n      const summaryData: ScorerSummary[] = summaryResults.filter(s => s.count > 0);\n      const scorerNames = summaryData.map(s => s.scorer);\n\n      if (summaryData.length === 0) {\n        return { summaryData: [], overTimeData: [], scorerNames: [], avgScore: null };\n      }\n\n      const totalWeighted = summaryData.reduce((s, d) => s + d.avg * d.count, 0);\n      const totalCount = summaryData.reduce((s, d) => s + d.count, 0);\n      const avgScore = totalCount ? Math.round((totalWeighted / totalCount) * 100) / 100 : 0;\n\n      const interval = '1h';\n\n      // Fetch hourly time series from the full period for active scorers\n      const timeSeriesResults = await Promise.all(\n        scorerNames.map(scorerId =>\n          client.getScoreTimeSeries({\n            scorerId,\n            interval,\n            aggregation: 'avg',\n            filters,\n          }),\n        ),\n      );\n\n      // Collapse all days into a single 24-hour view (00:00–23:00).\n      // For each hour-of-day, average the values across all days in the range.\n      const hourBuckets = new Map<number, Map<string, { sum: number; count: number }>>();\n\n      for (let i = 0; i < scorerNames.length; i++) {\n        const scorerId = scorerNames[i];\n        const series = timeSeriesResults[i]?.series ?? [];\n        for (const s of series) {\n          for (const point of s.points) {\n            const ts = new Date(point.timestamp);\n            const hourKey = ts.getHours() * 60 + ts.getMinutes();\n            const scorerMap = getOrCreate(hourBuckets, hourKey, () => new Map());\n            const acc = getOrCreate(scorerMap, scorerId, () => ({ sum: 0, count: 0 }));\n\n            acc.sum += point.value;\n            acc.count += 1;\n          }\n        }\n      }\n\n      // Build sorted 24h chart data\n      const overTimeData: ScoresOverTimePoint[] = Array.from(hourBuckets.entries())\n        .sort(([a], [b]) => a - b)\n        .map(([hourKey, scorerMap]) => {\n          const point: ScoresOverTimePoint = {\n            time: formatDate(new Date(2000, 0, 1, Math.floor(hourKey / 60), hourKey % 60), 'time') ?? '',\n          };\n          for (const [scorerId, acc] of scorerMap) {\n            point[scorerId] = +(acc.sum / acc.count).toFixed(2);\n          }\n          return point;\n        });\n\n      return {\n        summaryData,\n        overTimeData,\n        scorerNames,\n        avgScore,\n      };\n    },\n  });\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/metrics/metrics-interval.cjs.js

@@ -2,15 +2,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const utils_dateFormat = require('../../utils/date-format.cjs.js');
+
 const HOURLY_MAX_RANGE_MS = 48 * 60 * 60 * 1e3;
 function chooseMetricsInterval({ start, end }) {
   return end.getTime() - start.getTime() <= HOURLY_MAX_RANGE_MS ? "1h" : "1d";
 }
 function formatMetricsBucketLabel(ts, interval) {
   if (interval === "1h") {
-    return ts.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: false });
+    return utils_dateFormat.formatDate(ts, "time") ?? "";
   }
-  return ts.toLocaleDateString("en-US", { month: "short", day: "2-digit" });
+  return utils_dateFormat.formatShortDate(ts) ?? "";
 }
 
 exports.chooseMetricsInterval = chooseMetricsInterval;

package/dist/domains/metrics/metrics-interval.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-interval.cjs.js","sources":["../../../src/domains/metrics/metrics-interval.ts"],"sourcesContent":["export type MetricsInterval = '1h' | '1d';\n\nconst HOURLY_MAX_RANGE_MS = 48 * 60 * 60 * 1000;\n\n/** Hourly buckets up to 48h, daily buckets beyond, so long ranges stay readable. */\nexport function chooseMetricsInterval({ start, end }: { start: Date; end: Date }): MetricsInterval {\n  return end.getTime() - start.getTime() <= HOURLY_MAX_RANGE_MS ? '1h' : '1d';\n}\n\nexport function formatMetricsBucketLabel(ts: Date, interval: MetricsInterval): string {\n  if (interval === '1h') {\n    return ts.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: false });\n  }\n  return ts.toLocaleDateString('en-US', { month: 'short', day: '2-digit' });\n}\n"],"names":[],"mappings":";;;;AAEA,MAAM,mBAAA,GAAsB,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA;AAGpC,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAAO,GAAA,EAAI,EAAgD;AACjG,EAAA,OAAO,IAAI,OAAA,EAAQ,GAAI,MAAM,OAAA,EAAQ,IAAK,sBAAsB,IAAA,GAAO,IAAA;AACzE;AAEO,SAAS,wBAAA,CAAyB,IAAU,QAAA,EAAmC;AACpF,EAAA,IAAI,aAAa,IAAA,EAAM;AACrB,IAAA,OAAO,EAAA,CAAG,kBAAA,CAAmB,OAAA,EAAS,EAAE,IAAA,EAAM,WAAW,MAAA,EAAQ,SAAA,EAAW,MAAA,EAAQ,KAAA,EAAO,CAAA;AAAA,EAC7F;AACA,EAAA,OAAO,EAAA,CAAG,mBAAmB,OAAA,EAAS,EAAE,OAAO,OAAA,EAAS,GAAA,EAAK,WAAW,CAAA;AAC1E;;;;;"}
+{"version":3,"file":"metrics-interval.cjs.js","sources":["../../../src/domains/metrics/metrics-interval.ts"],"sourcesContent":["import { formatDate, formatShortDate } from '../../utils/date-format';\n\nexport type MetricsInterval = '1h' | '1d';\n\nconst HOURLY_MAX_RANGE_MS = 48 * 60 * 60 * 1000;\n\n/** Hourly buckets up to 48h, daily buckets beyond, so long ranges stay readable. */\nexport function chooseMetricsInterval({ start, end }: { start: Date; end: Date }): MetricsInterval {\n  return end.getTime() - start.getTime() <= HOURLY_MAX_RANGE_MS ? '1h' : '1d';\n}\n\nexport function formatMetricsBucketLabel(ts: Date, interval: MetricsInterval): string {\n  if (interval === '1h') {\n    return formatDate(ts, 'time') ?? '';\n  }\n  return formatShortDate(ts) ?? '';\n}\n"],"names":["formatDate","formatShortDate"],"mappings":";;;;;;AAIA,MAAM,mBAAA,GAAsB,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA;AAGpC,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAAO,GAAA,EAAI,EAAgD;AACjG,EAAA,OAAO,IAAI,OAAA,EAAQ,GAAI,MAAM,OAAA,EAAQ,IAAK,sBAAsB,IAAA,GAAO,IAAA;AACzE;AAEO,SAAS,wBAAA,CAAyB,IAAU,QAAA,EAAmC;AACpF,EAAA,IAAI,aAAa,IAAA,EAAM;AACrB,IAAA,OAAOA,2BAAA,CAAW,EAAA,EAAI,MAAM,CAAA,IAAK,EAAA;AAAA,EACnC;AACA,EAAA,OAAOC,gCAAA,CAAgB,EAAE,CAAA,IAAK,EAAA;AAChC;;;;;"}

package/dist/domains/metrics/metrics-interval.es.js

@@ -1,12 +1,14 @@
+import { formatDate, formatShortDate } from '../../utils/date-format.es.js';
+
 const HOURLY_MAX_RANGE_MS = 48 * 60 * 60 * 1e3;
 function chooseMetricsInterval({ start, end }) {
   return end.getTime() - start.getTime() <= HOURLY_MAX_RANGE_MS ? "1h" : "1d";
 }
 function formatMetricsBucketLabel(ts, interval) {
   if (interval === "1h") {
-    return ts.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: false });
+    return formatDate(ts, "time") ?? "";
   }
-  return ts.toLocaleDateString("en-US", { month: "short", day: "2-digit" });
+  return formatShortDate(ts) ?? "";
 }
 
 export { chooseMetricsInterval, formatMetricsBucketLabel };

package/dist/domains/metrics/metrics-interval.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-interval.es.js","sources":["../../../src/domains/metrics/metrics-interval.ts"],"sourcesContent":["export type MetricsInterval = '1h' | '1d';\n\nconst HOURLY_MAX_RANGE_MS = 48 * 60 * 60 * 1000;\n\n/** Hourly buckets up to 48h, daily buckets beyond, so long ranges stay readable. */\nexport function chooseMetricsInterval({ start, end }: { start: Date; end: Date }): MetricsInterval {\n  return end.getTime() - start.getTime() <= HOURLY_MAX_RANGE_MS ? '1h' : '1d';\n}\n\nexport function formatMetricsBucketLabel(ts: Date, interval: MetricsInterval): string {\n  if (interval === '1h') {\n    return ts.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: false });\n  }\n  return ts.toLocaleDateString('en-US', { month: 'short', day: '2-digit' });\n}\n"],"names":[],"mappings":"AAEA,MAAM,mBAAA,GAAsB,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA;AAGpC,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAAO,GAAA,EAAI,EAAgD;AACjG,EAAA,OAAO,IAAI,OAAA,EAAQ,GAAI,MAAM,OAAA,EAAQ,IAAK,sBAAsB,IAAA,GAAO,IAAA;AACzE;AAEO,SAAS,wBAAA,CAAyB,IAAU,QAAA,EAAmC;AACpF,EAAA,IAAI,aAAa,IAAA,EAAM;AACrB,IAAA,OAAO,EAAA,CAAG,kBAAA,CAAmB,OAAA,EAAS,EAAE,IAAA,EAAM,WAAW,MAAA,EAAQ,SAAA,EAAW,MAAA,EAAQ,KAAA,EAAO,CAAA;AAAA,EAC7F;AACA,EAAA,OAAO,EAAA,CAAG,mBAAmB,OAAA,EAAS,EAAE,OAAO,OAAA,EAAS,GAAA,EAAK,WAAW,CAAA;AAC1E;;;;"}
+{"version":3,"file":"metrics-interval.es.js","sources":["../../../src/domains/metrics/metrics-interval.ts"],"sourcesContent":["import { formatDate, formatShortDate } from '../../utils/date-format';\n\nexport type MetricsInterval = '1h' | '1d';\n\nconst HOURLY_MAX_RANGE_MS = 48 * 60 * 60 * 1000;\n\n/** Hourly buckets up to 48h, daily buckets beyond, so long ranges stay readable. */\nexport function chooseMetricsInterval({ start, end }: { start: Date; end: Date }): MetricsInterval {\n  return end.getTime() - start.getTime() <= HOURLY_MAX_RANGE_MS ? '1h' : '1d';\n}\n\nexport function formatMetricsBucketLabel(ts: Date, interval: MetricsInterval): string {\n  if (interval === '1h') {\n    return formatDate(ts, 'time') ?? '';\n  }\n  return formatShortDate(ts) ?? '';\n}\n"],"names":[],"mappings":";;AAIA,MAAM,mBAAA,GAAsB,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA;AAGpC,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAAO,GAAA,EAAI,EAAgD;AACjG,EAAA,OAAO,IAAI,OAAA,EAAQ,GAAI,MAAM,OAAA,EAAQ,IAAK,sBAAsB,IAAA,GAAO,IAAA;AACzE;AAEO,SAAS,wBAAA,CAAyB,IAAU,QAAA,EAAmC;AACpF,EAAA,IAAI,aAAa,IAAA,EAAM;AACrB,IAAA,OAAO,UAAA,CAAW,EAAA,EAAI,MAAM,CAAA,IAAK,EAAA;AAAA,EACnC;AACA,EAAA,OAAO,eAAA,CAAgB,EAAE,CAAA,IAAK,EAAA;AAChC;;;;"}

package/dist/domains/metrics.cjs.js

@@ -38,8 +38,6 @@ const domains_metrics_metricsFilters = require('./metrics/metrics-filters.cjs.js
 
 exports.DateRangeSelector = domains_metrics_components_dateRangeSelector.DateRangeSelector;
 exports.CHART_COLORS = domains_metrics_components_metricsUtils.CHART_COLORS;
-exports.formatCompact = domains_metrics_components_metricsUtils.formatCompact;
-exports.formatCost = domains_metrics_components_metricsUtils.formatCost;
 exports.BarListContent = domains_metrics_components_barList.BarListContent;
 exports.StackedRunsBars = domains_metrics_components_barList.StackedRunsBars;
 exports.OpenErrorsInLogsButton = domains_metrics_components_cardActionButtons.OpenErrorsInLogsButton;

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

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

package/dist/domains/metrics.es.js

@@ -1,5 +1,5 @@
 export { DateRangeSelector } from './metrics/components/date-range-selector.es.js';
-export { CHART_COLORS, formatCompact, formatCost } from './metrics/components/metrics-utils.es.js';
+export { CHART_COLORS } from './metrics/components/metrics-utils.es.js';
 export { BarListContent, StackedRunsBars } from './metrics/components/bar-list.es.js';
 export { OpenErrorsInLogsButton, OpenInTracesButton } from './metrics/components/card-action-buttons.es.js';
 export { KpiCardView } from './metrics/components/kpi-card-view.es.js';

package/dist/domains/traces/components/no-traces-info.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const dateFns = require('date-fns');
 const EmptyState = require('../../../EmptyState-2XQgeju6.cjs');
+const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",
@@ -13,7 +13,6 @@ const PRESET_LABELS = {
   "last-14d": "the last 14 days",
   "last-30d": "the last 30 days"
 };
-const DATE_FORMAT = "MMM d, yyyy HH:mm";
 const RANGE_TIP = "Pick a wider time range — older traces may fall outside the current window.";
 function describeRange({ datePreset, dateFrom, dateTo }) {
   if (datePreset && datePreset !== "all" && datePreset !== "custom") {
@@ -24,13 +23,13 @@ function describeRange({ datePreset, dateFrom, dateTo }) {
   }
   if (dateFrom && dateTo) {
     return {
-      title: `No traces between ${dateFns.format(dateFrom, DATE_FORMAT)} and ${dateFns.format(dateTo, DATE_FORMAT)}`,
+      title: `No traces between ${utils_dateFormat.formatDate(dateFrom, "date-time")} and ${utils_dateFormat.formatDate(dateTo, "date-time")}`,
       description: RANGE_TIP
     };
   }
   if (dateFrom) {
     return {
-      title: `No traces since ${dateFns.format(dateFrom, DATE_FORMAT)}`,
+      title: `No traces since ${utils_dateFormat.formatDate(dateFrom, "date-time")}`,
       description: RANGE_TIP
     };
   }

package/dist/domains/traces/components/no-traces-info.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-traces-info.cjs.js","sources":["../../../../src/domains/traces/components/no-traces-info.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport type { TraceDatePreset } from '../types';\nimport { EmptyState } from '@/ds/components/EmptyState';\n\nconst PRESET_LABELS: Record<Exclude<TraceDatePreset, 'all' | 'custom'>, string> = {\n  'last-24h': 'the last 24 hours',\n  'last-3d': 'the last 3 days',\n  'last-7d': 'the last 7 days',\n  'last-14d': 'the last 14 days',\n  'last-30d': 'the last 30 days',\n};\n\nexport interface NoTracesInfoProps {\n  datePreset?: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n}\n\nconst DATE_FORMAT = 'MMM d, yyyy HH:mm';\n\nconst RANGE_TIP = 'Pick a wider time range — older traces may fall outside the current window.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoTracesInfoProps): { title: string; description: string } {\n  if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n    return {\n      title: `No traces for ${PRESET_LABELS[datePreset]}`,\n      description: RANGE_TIP,\n    };\n  }\n  if (dateFrom && dateTo) {\n    return {\n      title: `No traces between ${format(dateFrom, DATE_FORMAT)} and ${format(dateTo, DATE_FORMAT)}`,\n      description: RANGE_TIP,\n    };\n  }\n  if (dateFrom) {\n    return {\n      title: `No traces since ${format(dateFrom, DATE_FORMAT)}`,\n      description: RANGE_TIP,\n    };\n  }\n  return {\n    title: 'No traces yet',\n    description: 'Traces will appear here once agents, workflows, or tools are executed.',\n  };\n}\n\nexport const NoTracesInfo = ({ datePreset, dateFrom, dateTo }: NoTracesInfoProps = {}) => {\n  const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n  return <EmptyState titleSlot={title} descriptionSlot={description} variant=\"fill\" />;\n};\n"],"names":["format","EmptyState"],"mappings":";;;;;;;;AAIA,MAAM,aAAA,GAA4E;AAAA,EAChF,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,WAAA,GAAc,mBAAA;AAEpB,MAAM,SAAA,GAAY,6EAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA8D;AAClH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiB,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MACjD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,kBAAA,EAAqBA,cAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQA,cAAA,CAAO,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MAC5F,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmBA,cAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MACvD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,eAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAuB,EAAC,KAAM;AACxF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,sCAAQC,qBAAA,EAAA,EAAW,SAAA,EAAW,OAAO,eAAA,EAAiB,WAAA,EAAa,SAAQ,MAAA,EAAO,CAAA;AACpF;;;;"}
+{"version":3,"file":"no-traces-info.cjs.js","sources":["../../../../src/domains/traces/components/no-traces-info.tsx"],"sourcesContent":["import type { TraceDatePreset } from '../types';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { formatDate } from '@/utils/date-format';\n\nconst PRESET_LABELS: Record<Exclude<TraceDatePreset, 'all' | 'custom'>, string> = {\n  'last-24h': 'the last 24 hours',\n  'last-3d': 'the last 3 days',\n  'last-7d': 'the last 7 days',\n  'last-14d': 'the last 14 days',\n  'last-30d': 'the last 30 days',\n};\n\nexport interface NoTracesInfoProps {\n  datePreset?: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n}\n\nconst RANGE_TIP = 'Pick a wider time range — older traces may fall outside the current window.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoTracesInfoProps): { title: string; description: string } {\n  if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n    return {\n      title: `No traces for ${PRESET_LABELS[datePreset]}`,\n      description: RANGE_TIP,\n    };\n  }\n  if (dateFrom && dateTo) {\n    return {\n      title: `No traces between ${formatDate(dateFrom, 'date-time')} and ${formatDate(dateTo, 'date-time')}`,\n      description: RANGE_TIP,\n    };\n  }\n  if (dateFrom) {\n    return {\n      title: `No traces since ${formatDate(dateFrom, 'date-time')}`,\n      description: RANGE_TIP,\n    };\n  }\n  return {\n    title: 'No traces yet',\n    description: 'Traces will appear here once agents, workflows, or tools are executed.',\n  };\n}\n\nexport const NoTracesInfo = ({ datePreset, dateFrom, dateTo }: NoTracesInfoProps = {}) => {\n  const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n  return <EmptyState titleSlot={title} descriptionSlot={description} variant=\"fill\" />;\n};\n"],"names":["formatDate","EmptyState"],"mappings":";;;;;;;;AAIA,MAAM,aAAA,GAA4E;AAAA,EAChF,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,SAAA,GAAY,6EAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA8D;AAClH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiB,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MACjD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,kBAAA,EAAqBA,2BAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQA,2BAAA,CAAW,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MACpG,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmBA,2BAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MAC3D,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,eAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAuB,EAAC,KAAM;AACxF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,sCAAQC,qBAAA,EAAA,EAAW,SAAA,EAAW,OAAO,eAAA,EAAiB,WAAA,EAAa,SAAQ,MAAA,EAAO,CAAA;AACpF;;;;"}

package/dist/domains/traces/components/no-traces-info.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { format } from 'date-fns';
 import { E as EmptyState } from '../../../EmptyState-Bc4nJ9QH.js';
+import { formatDate } from '../../../utils/date-format.es.js';
 
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",
@@ -9,7 +9,6 @@ const PRESET_LABELS = {
   "last-14d": "the last 14 days",
   "last-30d": "the last 30 days"
 };
-const DATE_FORMAT = "MMM d, yyyy HH:mm";
 const RANGE_TIP = "Pick a wider time range — older traces may fall outside the current window.";
 function describeRange({ datePreset, dateFrom, dateTo }) {
   if (datePreset && datePreset !== "all" && datePreset !== "custom") {
@@ -20,13 +19,13 @@ function describeRange({ datePreset, dateFrom, dateTo }) {
   }
   if (dateFrom && dateTo) {
     return {
-      title: `No traces between ${format(dateFrom, DATE_FORMAT)} and ${format(dateTo, DATE_FORMAT)}`,
+      title: `No traces between ${formatDate(dateFrom, "date-time")} and ${formatDate(dateTo, "date-time")}`,
       description: RANGE_TIP
     };
   }
   if (dateFrom) {
     return {
-      title: `No traces since ${format(dateFrom, DATE_FORMAT)}`,
+      title: `No traces since ${formatDate(dateFrom, "date-time")}`,
       description: RANGE_TIP
     };
   }

package/dist/domains/traces/components/no-traces-info.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-traces-info.es.js","sources":["../../../../src/domains/traces/components/no-traces-info.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport type { TraceDatePreset } from '../types';\nimport { EmptyState } from '@/ds/components/EmptyState';\n\nconst PRESET_LABELS: Record<Exclude<TraceDatePreset, 'all' | 'custom'>, string> = {\n  'last-24h': 'the last 24 hours',\n  'last-3d': 'the last 3 days',\n  'last-7d': 'the last 7 days',\n  'last-14d': 'the last 14 days',\n  'last-30d': 'the last 30 days',\n};\n\nexport interface NoTracesInfoProps {\n  datePreset?: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n}\n\nconst DATE_FORMAT = 'MMM d, yyyy HH:mm';\n\nconst RANGE_TIP = 'Pick a wider time range — older traces may fall outside the current window.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoTracesInfoProps): { title: string; description: string } {\n  if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n    return {\n      title: `No traces for ${PRESET_LABELS[datePreset]}`,\n      description: RANGE_TIP,\n    };\n  }\n  if (dateFrom && dateTo) {\n    return {\n      title: `No traces between ${format(dateFrom, DATE_FORMAT)} and ${format(dateTo, DATE_FORMAT)}`,\n      description: RANGE_TIP,\n    };\n  }\n  if (dateFrom) {\n    return {\n      title: `No traces since ${format(dateFrom, DATE_FORMAT)}`,\n      description: RANGE_TIP,\n    };\n  }\n  return {\n    title: 'No traces yet',\n    description: 'Traces will appear here once agents, workflows, or tools are executed.',\n  };\n}\n\nexport const NoTracesInfo = ({ datePreset, dateFrom, dateTo }: NoTracesInfoProps = {}) => {\n  const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n  return <EmptyState titleSlot={title} descriptionSlot={description} variant=\"fill\" />;\n};\n"],"names":[],"mappings":";;;;AAIA,MAAM,aAAA,GAA4E;AAAA,EAChF,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,WAAA,GAAc,mBAAA;AAEpB,MAAM,SAAA,GAAY,6EAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA8D;AAClH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiB,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MACjD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,kBAAA,EAAqB,MAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQ,MAAA,CAAO,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MAC5F,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmB,MAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MACvD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,eAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAuB,EAAC,KAAM;AACxF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,2BAAQ,UAAA,EAAA,EAAW,SAAA,EAAW,OAAO,eAAA,EAAiB,WAAA,EAAa,SAAQ,MAAA,EAAO,CAAA;AACpF;;;;"}
+{"version":3,"file":"no-traces-info.es.js","sources":["../../../../src/domains/traces/components/no-traces-info.tsx"],"sourcesContent":["import type { TraceDatePreset } from '../types';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { formatDate } from '@/utils/date-format';\n\nconst PRESET_LABELS: Record<Exclude<TraceDatePreset, 'all' | 'custom'>, string> = {\n  'last-24h': 'the last 24 hours',\n  'last-3d': 'the last 3 days',\n  'last-7d': 'the last 7 days',\n  'last-14d': 'the last 14 days',\n  'last-30d': 'the last 30 days',\n};\n\nexport interface NoTracesInfoProps {\n  datePreset?: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n}\n\nconst RANGE_TIP = 'Pick a wider time range — older traces may fall outside the current window.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoTracesInfoProps): { title: string; description: string } {\n  if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n    return {\n      title: `No traces for ${PRESET_LABELS[datePreset]}`,\n      description: RANGE_TIP,\n    };\n  }\n  if (dateFrom && dateTo) {\n    return {\n      title: `No traces between ${formatDate(dateFrom, 'date-time')} and ${formatDate(dateTo, 'date-time')}`,\n      description: RANGE_TIP,\n    };\n  }\n  if (dateFrom) {\n    return {\n      title: `No traces since ${formatDate(dateFrom, 'date-time')}`,\n      description: RANGE_TIP,\n    };\n  }\n  return {\n    title: 'No traces yet',\n    description: 'Traces will appear here once agents, workflows, or tools are executed.',\n  };\n}\n\nexport const NoTracesInfo = ({ datePreset, dateFrom, dateTo }: NoTracesInfoProps = {}) => {\n  const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n  return <EmptyState titleSlot={title} descriptionSlot={description} variant=\"fill\" />;\n};\n"],"names":[],"mappings":";;;;AAIA,MAAM,aAAA,GAA4E;AAAA,EAChF,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,SAAA,GAAY,6EAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA8D;AAClH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiB,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MACjD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,kBAAA,EAAqB,UAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQ,UAAA,CAAW,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MACpG,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmB,UAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MAC3D,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,eAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAuB,EAAC,KAAM;AACxF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,2BAAQ,UAAA,EAAA,EAAW,SAAA,EAAW,OAAO,eAAA,EAAiB,WAAA,EAAa,SAAQ,MAAA,EAAO,CAAA;AACpF;;;;"}

package/dist/domains/traces/components/span-data-panel-view.cjs.js

@@ -22,7 +22,7 @@ const domains_traces_components_spanSummaryDescription = require('./span-summary
 const domains_traces_components_spanTokenUsage = require('./span-token-usage.cjs.js');
 const domains_traces_components_traceIdButton = require('./trace-id-button.cjs.js');
 const dataKeysAndValues = require('../../../data-keys-and-values-CMJ9zHKm.cjs');
-const dataPanel = require('../../../data-panel-XPXrhYJI.cjs');
+const dataPanel = require('../../../data-panel-C_BqhzeL.cjs');
 const Notice = require('../../../Notice-AUNd8fqT.cjs');
 const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');
 const tabsTab = require('../../../tabs-tab-DFmRMdi3.cjs');

package/dist/domains/traces/components/span-data-panel-view.es.js

@@ -18,7 +18,7 @@ import { SpanSummaryDescription } from './span-summary-description.es.js';
 import { SpanTokenUsage } from './span-token-usage.es.js';
 import { TraceIdButton } from './trace-id-button.es.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-BTYDB-K2.js';
-import { D as DataPanel } from '../../../data-panel-BQVTKo86.js';
+import { D as DataPanel } from '../../../data-panel-BWgExbHs.js';
 import { N as Notice } from '../../../Notice-WT8G4OA6.js';
 import { a as Tabs, T as TabList } from '../../../tabs-root-UNPxoGhW.js';
 import { T as Tab } from '../../../tabs-tab-DluwCnDF.js';

package/dist/domains/traces/components/span-payload/span-error-renderer.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-CjlNH9C-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-Dq8WqqNm.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const dataKeysAndValues = require('../../../../data-keys-and-values-CMJ9zHKm.cjs');
 const Notice = require('../../../../Notice-AUNd8fqT.cjs');

package/dist/domains/traces/components/span-payload/span-error-renderer.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanError } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-Buq9V8nK.js';
+import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-Dmzm3mb2.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-BTYDB-K2.js';
 import { N as Notice } from '../../../../Notice-WT8G4OA6.js';

package/dist/domains/traces/components/span-payload/span-input-renderers.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload-messages.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-CjlNH9C-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-Dq8WqqNm.cjs');
 const domains_traces_components_spanPayload_spanPayloadProcessor = require('./span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const Card = require('../../../../Card-BbwF20OW.cjs');

package/dist/domains/traces/components/span-payload/span-input-renderers.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanInput } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-Buq9V8nK.js';
+import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-Dmzm3mb2.js';
 import { SpanPayloadProcessor } from './span-payload-processor.es.js';
 import { asCoreSpan, pickRenderer } from './span-payload-registry.es.js';
 import { C as Card, a as CardContent } from '../../../../Card-DmT57Pve.js';