@mastra/playground-ui 61.0.0 → 62.0.0-alpha.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 { 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  comparisonLabel: 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  comparisonLabel: 'vs previous 24h',\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\nconst HOUR_MS = 60 * 60 * 1000;\n\nfunction getComparisonLabel(preset: DatePreset, customRange: DateRange | undefined) {\n  if (preset !== 'custom') return `vs previous ${preset}`;\n  const to = customRange?.to?.getTime() ?? Date.now();\n  const from = customRange?.from?.getTime() ?? to - 24 * HOUR_MS;\n  const hours = Math.round((to - from) / HOUR_MS);\n  return `vs previous ${hours > 24 && hours % 24 === 0 ? `${hours / 24}d` : `${hours}h`}`;\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  const comparisonLabel = getComparisonLabel(preset, customRange);\n\n  const value = useMemo<MetricsContextValue>(\n    () => ({\n      datePreset: preset,\n      setDatePreset: onPresetChange,\n      customRange,\n      setCustomRange: onCustomRangeChange ?? (() => {}),\n      dateRangeLabel,\n      comparisonLabel,\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      comparisonLabel,\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  comparisonLabel: 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};\n\nexport const MetricsContext = createContext<MetricsContextValue>({\n  datePreset: '24h',\n  setDatePreset: () => {},\n  customRange: undefined,\n  setCustomRange: () => {},\n  dateRangeLabel: 'Last 24 hours',\n  comparisonLabel: 'vs previous 24h',\n  filterTokens: [],\n  setFilterTokens: () => {},\n  dimensionalFilter: {},\n  dimensionalFilterKey: '{}',\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\nconst HOUR_MS = 60 * 60 * 1000;\n\nfunction getComparisonLabel(preset: DatePreset, customRange: DateRange | undefined) {\n  if (preset !== 'custom') return `vs previous ${preset}`;\n  const to = customRange?.to?.getTime() ?? Date.now();\n  const from = customRange?.from?.getTime() ?? to - 24 * HOUR_MS;\n  const hours = Math.round((to - from) / HOUR_MS);\n  return `vs previous ${hours > 24 && hours % 24 === 0 ? `${hours / 24}d` : `${hours}h`}`;\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}: {\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}) {\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  const comparisonLabel = getComparisonLabel(preset, customRange);\n\n  const value = useMemo<MetricsContextValue>(\n    () => ({\n      datePreset: preset,\n      setDatePreset: onPresetChange,\n      customRange,\n      setCustomRange: onCustomRangeChange ?? (() => {}),\n      dateRangeLabel,\n      comparisonLabel,\n      filterTokens: stableFilterTokens,\n      setFilterTokens: onFilterTokensChange,\n      dimensionalFilter,\n      dimensionalFilterKey,\n    }),\n    [\n      preset,\n      onPresetChange,\n      customRange,\n      onCustomRangeChange,\n      dateRangeLabel,\n      comparisonLabel,\n      stableFilterTokens,\n      onFilterTokensChange,\n      dimensionalFilter,\n      dimensionalFilterKey,\n    ],\n  );\n\n  return <MetricsContext.Provider value={value}>{children}</MetricsContext.Provider>;\n}\n"],"names":[],"mappings":";;;;;AASA,MAAM,YAAA,GAAe;AAAA,EACnB,EAAE,KAAA,EAAO,eAAA,EAAiB,KAAA,EAAO,KAAA,EAAM;AAAA,EACvC,EAAE,KAAA,EAAO,aAAA,EAAe,KAAA,EAAO,IAAA,EAAK;AAAA,EACpC,EAAE,KAAA,EAAO,aAAA,EAAe,KAAA,EAAO,IAAA,EAAK;AAAA,EACpC,EAAE,KAAA,EAAO,cAAA,EAAgB,KAAA,EAAO,KAAA,EAAM;AAAA,EACtC,EAAE,KAAA,EAAO,cAAA,EAAgB,KAAA,EAAO,KAAA;AAClC;AAMA,MAAM,aAAA,GAAgB,IAAI,GAAA,CAAY,YAAA,CAAa,IAAI,CAAA,CAAA,KAAK,CAAA,CAAE,KAAK,CAAC,CAAA;AAE7D,SAAS,cAAc,KAAA,EAAuD;AACnF,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,KAAa,cAAc,GAAA,CAAI,KAAK,KAAK,KAAA,KAAU,QAAA,CAAA;AAC7E;AAsBO,MAAM,iBAAiB,aAAA,CAAmC;AAAA,EAC/D,UAAA,EAAY,KAAA;AAAA,EACZ,eAAe,MAAM;AAAA,EAAC,CAAA;AAAA,EACtB,WAAA,EAAa,MAAA;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC,CAAA;AAAA,EACvB,cAAA,EAAgB,eAAA;AAAA,EAChB,eAAA,EAAiB,iBAAA;AAAA,EACjB,cAAc,EAAC;AAAA,EACf,iBAAiB,MAAM;AAAA,EAAC,CAAA;AAAA,EACxB,mBAAmB,EAAC;AAAA,EACpB,oBAAA,EAAsB;AACxB,CAAC;AAEM,SAAS,UAAA,GAAa;AAC3B,EAAA,OAAO,WAAW,cAAc,CAAA;AAClC;AAEA,SAAS,iBAAA,CAAkB,QAAoB,WAAA,EAAoC;AACjF,EAAA,IAAI,WAAW,QAAA,EAAU;AACvB,IAAA,OAAO,aAAa,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,KAAA,KAAU,MAAM,GAAG,KAAA,IAAS,MAAA;AAAA,EAC9D;AACA,EAAA,IAAI,aAAa,IAAA,EAAM;AACrB,IAAA,IAAI,YAAY,EAAA,EAAI;AAClB,MAAA,OAAO,CAAA,EAAG,gBAAgB,WAAA,CAAY,IAAI,CAAC,CAAA,GAAA,EAAM,eAAA,CAAgB,WAAA,CAAY,EAAE,CAAC,CAAA,CAAA;AAAA,IAClF;AACA,IAAA,OAAO,eAAA,CAAgB,WAAA,CAAY,IAAI,CAAA,IAAK,EAAA;AAAA,EAC9C;AACA,EAAA,OAAO,cAAA;AACT;AAEA,MAAM,OAAA,GAAU,KAAK,EAAA,GAAK,GAAA;AAE1B,SAAS,kBAAA,CAAmB,QAAoB,WAAA,EAAoC;AAClF,EAAA,IAAI,MAAA,KAAW,QAAA,EAAU,OAAO,CAAA,YAAA,EAAe,MAAM,CAAA,CAAA;AACrD,EAAA,MAAM,KAAK,WAAA,EAAa,EAAA,EAAI,OAAA,EAAQ,IAAK,KAAK,GAAA,EAAI;AAClD,EAAA,MAAM,OAAO,WAAA,EAAa,IAAA,EAAM,OAAA,EAAQ,IAAK,KAAK,EAAA,GAAK,OAAA;AACvD,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAA,CAAO,EAAA,GAAK,QAAQ,OAAO,CAAA;AAC9C,EAAA,OAAO,CAAA,YAAA,EAAe,KAAA,GAAQ,EAAA,IAAM,KAAA,GAAQ,EAAA,KAAO,CAAA,GAAI,CAAA,EAAG,KAAA,GAAQ,EAAE,CAAA,CAAA,CAAA,GAAM,CAAA,EAAG,KAAK,CAAA,CAAA,CAAG,CAAA,CAAA;AACvF;AAaO,SAAS,eAAA,CAAgB;AAAA,EAC9B,QAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAQG;AAID,EAAA,MAAM,eAAA,GAAkB,QAAQ,MAAM,IAAA,CAAK,UAAU,YAAY,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAKlF,EAAA,MAAM,qBAAqB,OAAA,CAAQ,MAAM,YAAA,EAAc,CAAC,eAAe,CAAC,CAAA;AAExE,EAAA,MAAM,iBAAA,GAAoB,QAAQ,MAAM,6BAAA,CAA8B,kBAAkB,CAAA,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAE/G,EAAA,MAAM,oBAAA,GAAuB,QAAQ,MAAM,IAAA,CAAK,UAAU,iBAAiB,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEjG,EAAA,MAAM,cAAA,GAAiB,iBAAA,CAAkB,MAAA,EAAQ,WAAW,CAAA;AAC5D,EAAA,MAAM,eAAA,GAAkB,kBAAA,CAAmB,MAAA,EAAQ,WAAW,CAAA;AAE9D,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,UAAA,EAAY,MAAA;AAAA,MACZ,aAAA,EAAe,cAAA;AAAA,MACf,WAAA;AAAA,MACA,cAAA,EAAgB,wBAAwB,MAAM;AAAA,MAAC,CAAA,CAAA;AAAA,MAC/C,cAAA;AAAA,MACA,eAAA;AAAA,MACA,YAAA,EAAc,kBAAA;AAAA,MACd,eAAA,EAAiB,oBAAA;AAAA,MACjB,iBAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,MAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,mBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,kBAAA;AAAA,MACA,oBAAA;AAAA,MACA,iBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBAAO,GAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EAAwB,OAAe,QAAA,EAAS,CAAA;AAC1D;;;;"}

package/dist/domains/metrics/hooks/use-token-spend.cjs.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('@mastra/react');
+const reactQuery = require('@tanstack/react-query');
+const domains_metrics_hooks_useMetricsFilters = require('./use-metrics-filters.cjs.js');
+
+const TOKEN_METRICS = ["mastra_model_total_input_tokens", "mastra_model_total_output_tokens"];
+const TOP_GROUPS = 100;
+function useTokenSpend(dimension) {
+  const client = react.useMastraClient();
+  const { filters, filterKey } = domains_metrics_hooks_useMetricsFilters.useMetricsFilters();
+  return reactQuery.useQuery({
+    queryKey: ["metrics", "token-spend", dimension, filterKey],
+    placeholderData: reactQuery.keepPreviousData,
+    queryFn: async () => {
+      const { groups } = await client.getMetricBreakdown({
+        name: TOKEN_METRICS,
+        groupBy: [dimension],
+        aggregation: "sum",
+        orderDirection: "DESC",
+        limit: TOP_GROUPS,
+        filters
+      });
+      return groups.map((group) => ({
+        key: String(group.dimensions[dimension] ?? "unknown"),
+        tokens: group.value,
+        cost: group.estimatedCost ?? 0
+      }));
+    }
+  });
+}
+
+exports.useTokenSpend = useTokenSpend;
+//# sourceMappingURL=use-token-spend.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-token-spend.cjs.js","sources":["../../../../src/domains/metrics/hooks/use-token-spend.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { keepPreviousData, useQuery } from '@tanstack/react-query';\nimport { useMetricsFilters } from './use-metrics-filters';\n\n/** What the Usage card's Models and Threads tabs rank. */\nexport type SpendDimension = 'model' | 'threadId';\n\nexport type SpendRow = { key: string; tokens: number; cost: number };\n\n/** Input and output tokens: their estimated cost already covers cache reads and other details. */\nconst TOKEN_METRICS: [string, ...string[]] = ['mastra_model_total_input_tokens', 'mastra_model_total_output_tokens'];\n\n/** Threads are many: the API ranks them and returns the top ones (models are few). */\nconst TOP_GROUPS = 100;\n\n/** Tokens and estimated cost per model or per thread, ranked by tokens. */\nexport function useTokenSpend(dimension: SpendDimension) {\n  const client = useMastraClient();\n  const { filters, filterKey } = useMetricsFilters();\n\n  return useQuery({\n    queryKey: ['metrics', 'token-spend', dimension, filterKey],\n    placeholderData: keepPreviousData,\n    queryFn: async (): Promise<SpendRow[]> => {\n      const { groups } = await client.getMetricBreakdown({\n        name: TOKEN_METRICS,\n        groupBy: [dimension],\n        aggregation: 'sum',\n        orderDirection: 'DESC',\n        limit: TOP_GROUPS,\n        filters,\n      });\n      return groups.map(group => ({\n        key: String(group.dimensions[dimension] ?? 'unknown'),\n        tokens: group.value,\n        cost: group.estimatedCost ?? 0,\n      }));\n    },\n  });\n}\n"],"names":["useMastraClient","useMetricsFilters","useQuery","keepPreviousData"],"mappings":";;;;;;;;AAUA,MAAM,aAAA,GAAuC,CAAC,iCAAA,EAAmC,kCAAkC,CAAA;AAGnH,MAAM,UAAA,GAAa,GAAA;AAGZ,SAAS,cAAc,SAAA,EAA2B;AACvD,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAC/B,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAU,GAAIC,yDAAA,EAAkB;AAEjD,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,SAAA,EAAW,aAAA,EAAe,WAAW,SAAS,CAAA;AAAA,IACzD,eAAA,EAAiBC,2BAAA;AAAA,IACjB,SAAS,YAAiC;AACxC,MAAA,MAAM,EAAE,MAAA,EAAO,GAAI,MAAM,OAAO,kBAAA,CAAmB;AAAA,QACjD,IAAA,EAAM,aAAA;AAAA,QACN,OAAA,EAAS,CAAC,SAAS,CAAA;AAAA,QACnB,WAAA,EAAa,KAAA;AAAA,QACb,cAAA,EAAgB,MAAA;AAAA,QAChB,KAAA,EAAO,UAAA;AAAA,QACP;AAAA,OACD,CAAA;AACD,MAAA,OAAO,MAAA,CAAO,IAAI,CAAA,KAAA,MAAU;AAAA,QAC1B,KAAK,MAAA,CAAO,KAAA,CAAM,UAAA,CAAW,SAAS,KAAK,SAAS,CAAA;AAAA,QACpD,QAAQ,KAAA,CAAM,KAAA;AAAA,QACd,IAAA,EAAM,MAAM,aAAA,IAAiB;AAAA,OAC/B,CAAE,CAAA;AAAA,IACJ;AAAA,GACD,CAAA;AACH;;;;"}

package/dist/domains/metrics/hooks/use-token-spend.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/hooks/use-token-spend'
+export {}

package/dist/domains/metrics/hooks/use-token-spend.es.js

@@ -0,0 +1,32 @@
+import { useMastraClient } from '@mastra/react';
+import { useQuery, keepPreviousData } from '@tanstack/react-query';
+import { useMetricsFilters } from './use-metrics-filters.es.js';
+
+const TOKEN_METRICS = ["mastra_model_total_input_tokens", "mastra_model_total_output_tokens"];
+const TOP_GROUPS = 100;
+function useTokenSpend(dimension) {
+  const client = useMastraClient();
+  const { filters, filterKey } = useMetricsFilters();
+  return useQuery({
+    queryKey: ["metrics", "token-spend", dimension, filterKey],
+    placeholderData: keepPreviousData,
+    queryFn: async () => {
+      const { groups } = await client.getMetricBreakdown({
+        name: TOKEN_METRICS,
+        groupBy: [dimension],
+        aggregation: "sum",
+        orderDirection: "DESC",
+        limit: TOP_GROUPS,
+        filters
+      });
+      return groups.map((group) => ({
+        key: String(group.dimensions[dimension] ?? "unknown"),
+        tokens: group.value,
+        cost: group.estimatedCost ?? 0
+      }));
+    }
+  });
+}
+
+export { useTokenSpend };
+//# sourceMappingURL=use-token-spend.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-token-spend.es.js","sources":["../../../../src/domains/metrics/hooks/use-token-spend.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { keepPreviousData, useQuery } from '@tanstack/react-query';\nimport { useMetricsFilters } from './use-metrics-filters';\n\n/** What the Usage card's Models and Threads tabs rank. */\nexport type SpendDimension = 'model' | 'threadId';\n\nexport type SpendRow = { key: string; tokens: number; cost: number };\n\n/** Input and output tokens: their estimated cost already covers cache reads and other details. */\nconst TOKEN_METRICS: [string, ...string[]] = ['mastra_model_total_input_tokens', 'mastra_model_total_output_tokens'];\n\n/** Threads are many: the API ranks them and returns the top ones (models are few). */\nconst TOP_GROUPS = 100;\n\n/** Tokens and estimated cost per model or per thread, ranked by tokens. */\nexport function useTokenSpend(dimension: SpendDimension) {\n  const client = useMastraClient();\n  const { filters, filterKey } = useMetricsFilters();\n\n  return useQuery({\n    queryKey: ['metrics', 'token-spend', dimension, filterKey],\n    placeholderData: keepPreviousData,\n    queryFn: async (): Promise<SpendRow[]> => {\n      const { groups } = await client.getMetricBreakdown({\n        name: TOKEN_METRICS,\n        groupBy: [dimension],\n        aggregation: 'sum',\n        orderDirection: 'DESC',\n        limit: TOP_GROUPS,\n        filters,\n      });\n      return groups.map(group => ({\n        key: String(group.dimensions[dimension] ?? 'unknown'),\n        tokens: group.value,\n        cost: group.estimatedCost ?? 0,\n      }));\n    },\n  });\n}\n"],"names":[],"mappings":";;;;AAUA,MAAM,aAAA,GAAuC,CAAC,iCAAA,EAAmC,kCAAkC,CAAA;AAGnH,MAAM,UAAA,GAAa,GAAA;AAGZ,SAAS,cAAc,SAAA,EAA2B;AACvD,EAAA,MAAM,SAAS,eAAA,EAAgB;AAC/B,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAU,GAAI,iBAAA,EAAkB;AAEjD,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,SAAA,EAAW,aAAA,EAAe,WAAW,SAAS,CAAA;AAAA,IACzD,eAAA,EAAiB,gBAAA;AAAA,IACjB,SAAS,YAAiC;AACxC,MAAA,MAAM,EAAE,MAAA,EAAO,GAAI,MAAM,OAAO,kBAAA,CAAmB;AAAA,QACjD,IAAA,EAAM,aAAA;AAAA,QACN,OAAA,EAAS,CAAC,SAAS,CAAA;AAAA,QACnB,WAAA,EAAa,KAAA;AAAA,QACb,cAAA,EAAgB,MAAA;AAAA,QAChB,KAAA,EAAO,UAAA;AAAA,QACP;AAAA,OACD,CAAA;AACD,MAAA,OAAO,MAAA,CAAO,IAAI,CAAA,KAAA,MAAU;AAAA,QAC1B,KAAK,MAAA,CAAO,KAAA,CAAM,UAAA,CAAW,SAAS,KAAK,SAAS,CAAA;AAAA,QACpD,QAAQ,KAAA,CAAM,KAAA;AAAA,QACd,IAAA,EAAM,MAAM,aAAA,IAAiB;AAAA,OAC/B,CAAE,CAAA;AAAA,IACJ;AAAA,GACD,CAAA;AACH;;;;"}

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

@@ -5,9 +5,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const domains_metrics_hooks_useMetrics = require('./hooks/use-metrics.cjs.js');
 const domains_metrics_hooks_useMetricsFilters = require('./hooks/use-metrics-filters.cjs.js');
 const metrics = require('@mastra/react/hooks/metrics');
-const domains_metrics_hooks_useDrilldown = require('./hooks/use-drilldown.cjs.js');
 const domains_metrics_drilldown = require('./drilldown.cjs.js');
 const domains_metrics_metricsFilters = require('./metrics-filters.cjs.js');
+const domains_metrics_hooks_useMetricsActivity = require('./hooks/use-metrics-activity.cjs.js');
+const domains_metrics_hooks_useMetricsLatency = require('./hooks/use-metrics-latency.cjs.js');
+const domains_metrics_hooks_useMetricsScores = require('./hooks/use-metrics-scores.cjs.js');
+const domains_metrics_hooks_useTokenSpend = require('./hooks/use-token-spend.cjs.js');
 
 
 
@@ -76,10 +79,8 @@ Object.defineProperty(exports, "useTraceVolumeMetrics", {
   enumerable: true,
   get: () => metrics.useTraceVolumeMetrics
 });
-exports.useDrilldown = domains_metrics_hooks_useDrilldown.useDrilldown;
 exports.buildLogsDrilldownUrl = domains_metrics_drilldown.buildLogsDrilldownUrl;
 exports.buildTracesDrilldownUrl = domains_metrics_drilldown.buildTracesDrilldownUrl;
-exports.narrowWindowToBucket = domains_metrics_drilldown.narrowWindowToBucket;
 exports.applyMetricsPropertyFilterTokens = domains_metrics_metricsFilters.applyMetricsPropertyFilterTokens;
 exports.buildMetricsDimensionalFilter = domains_metrics_metricsFilters.buildMetricsDimensionalFilter;
 exports.clearSavedMetricsFilters = domains_metrics_metricsFilters.clearSavedMetricsFilters;
@@ -88,4 +89,8 @@ exports.getMetricsPropertyFilterTokens = domains_metrics_metricsFilters.getMetri
 exports.hasAnyMetricsFilterParams = domains_metrics_metricsFilters.hasAnyMetricsFilterParams;
 exports.loadMetricsFiltersFromStorage = domains_metrics_metricsFilters.loadMetricsFiltersFromStorage;
 exports.saveMetricsFiltersToStorage = domains_metrics_metricsFilters.saveMetricsFiltersToStorage;
+exports.useMetricsActivity = domains_metrics_hooks_useMetricsActivity.useMetricsActivity;
+exports.useMetricsLatency = domains_metrics_hooks_useMetricsLatency.useMetricsLatency;
+exports.useMetricsScores = domains_metrics_hooks_useMetricsScores.useMetricsScores;
+exports.useTokenSpend = domains_metrics_hooks_useTokenSpend.useTokenSpend;
 //# sourceMappingURL=hooks.cjs.js.map

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

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

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

@@ -1,7 +1,10 @@
 export { DATE_PRESETS, MetricsProvider, isValidPreset, useMetrics } from './hooks/use-metrics.es.js';
 export { useMetricsFilters } from './hooks/use-metrics-filters.es.js';
 export { chooseMetricsInterval, formatMetricsBucketLabel, useActiveResourcesKpiMetrics, useActiveThreadsKpiMetrics, useAgentRunsKpiMetrics, useLatencyMetrics, useModelCostKpiMetrics, useModelUsageCostMetrics, useScoresMetrics, useTokenUsageByAgentMetrics, useTokenUsageTimeSeries, useTopActiveThreadsMetrics, useTopResourcesByThreadsMetrics, useTotalTokensKpiMetrics, useTraceVolumeMetrics } from '@mastra/react/hooks/metrics';
-export { useDrilldown } from './hooks/use-drilldown.es.js';
-export { buildLogsDrilldownUrl, buildTracesDrilldownUrl, narrowWindowToBucket } from './drilldown.es.js';
+export { buildLogsDrilldownUrl, buildTracesDrilldownUrl } from './drilldown.es.js';
 export { applyMetricsPropertyFilterTokens, buildMetricsDimensionalFilter, clearSavedMetricsFilters, createMetricsPropertyFilterFields, getMetricsPropertyFilterTokens, hasAnyMetricsFilterParams, loadMetricsFiltersFromStorage, saveMetricsFiltersToStorage } from './metrics-filters.es.js';
+export { useMetricsActivity } from './hooks/use-metrics-activity.es.js';
+export { useMetricsLatency } from './hooks/use-metrics-latency.es.js';
+export { useMetricsScores } from './hooks/use-metrics-scores.es.js';
+export { useTokenSpend } from './hooks/use-token-spend.es.js';
 //# sourceMappingURL=hooks.es.js.map

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

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

package/dist/domains/metrics/lib/bucket-labels.cjs.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const HOUR = 36e5;
+const DAY = 24 * HOUR;
+const isMultiDay = (start, end) => end.getTime() - start.getTime() > DAY + HOUR;
+const fmtDay = (d) => d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+const fmtHour = (d) => d.toLocaleTimeString("en-US", { hour: "numeric" });
+function bucketLabels(ts, stepHours, multiDay) {
+  const d = new Date(ts);
+  if (stepHours >= 24) {
+    return {
+      ts,
+      label: fmtDay(d),
+      edgeLabel: fmtDay(d),
+      time: d.toLocaleDateString("en-US", { weekday: "short", month: "short", day: "numeric" })
+    };
+  }
+  const time = d.toLocaleString("en-US", { month: "short", day: "numeric", hour: "numeric" });
+  const edgeLabel = `${fmtDay(d)}, ${fmtHour(d)}`;
+  if (!multiDay) return { ts, label: fmtHour(d), edgeLabel, time };
+  return { ts, label: d.getHours() === 0 ? fmtDay(d) : edgeLabel, edgeLabel, time };
+}
+
+exports.bucketLabels = bucketLabels;
+exports.isMultiDay = isMultiDay;
+//# sourceMappingURL=bucket-labels.cjs.js.map

package/dist/domains/metrics/lib/bucket-labels.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bucket-labels.cjs.js","sources":["../../../../src/domains/metrics/lib/bucket-labels.ts"],"sourcesContent":["/** Axis and tooltip labels for chart buckets, shared by the Metrics and Requests charts. */\n\nconst HOUR = 3_600_000;\nconst DAY = 24 * HOUR;\n\n/** Over a day (with an hour of slack for \"last 24 hours\" presets), axes label days too. */\nexport const isMultiDay = (start: Date, end: Date) => end.getTime() - start.getTime() > DAY + HOUR;\n\nexport type BucketLabels = {\n  /** Bucket start, ms since epoch: the x-axis puts its labels on round clock times from it. */\n  ts: number;\n  /** Axis label. */\n  label: string;\n  /** Axis label for a narrow chart that labels only its first and last bucket: always with the day. */\n  edgeLabel: string;\n  /** Tooltip heading. */\n  time: string;\n};\n\nconst fmtDay = (d: Date) => d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\nconst fmtHour = (d: Date) => d.toLocaleTimeString('en-US', { hour: 'numeric' });\n\nexport function bucketLabels(ts: number, stepHours: number, multiDay: boolean): BucketLabels {\n  const d = new Date(ts);\n  if (stepHours >= 24) {\n    return {\n      ts,\n      label: fmtDay(d),\n      edgeLabel: fmtDay(d),\n      time: d.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' }),\n    };\n  }\n  const time = d.toLocaleString('en-US', { month: 'short', day: 'numeric', hour: 'numeric' });\n  const edgeLabel = `${fmtDay(d)}, ${fmtHour(d)}`;\n  if (!multiDay) return { ts, label: fmtHour(d), edgeLabel, time };\n  // Over several days the axis labels midnights with the day alone, other ticks with the hour.\n  return { ts, label: d.getHours() === 0 ? fmtDay(d) : edgeLabel, edgeLabel, time };\n}\n"],"names":[],"mappings":";;;;AAEA,MAAM,IAAA,GAAO,IAAA;AACb,MAAM,MAAM,EAAA,GAAK,IAAA;AAGV,MAAM,UAAA,GAAa,CAAC,KAAA,EAAa,GAAA,KAAc,GAAA,CAAI,SAAQ,GAAI,KAAA,CAAM,OAAA,EAAQ,GAAI,GAAA,GAAM;AAa9F,MAAM,MAAA,GAAS,CAAC,CAAA,KAAY,CAAA,CAAE,kBAAA,CAAmB,OAAA,EAAS,EAAE,KAAA,EAAO,OAAA,EAAS,GAAA,EAAK,SAAA,EAAW,CAAA;AAC5F,MAAM,OAAA,GAAU,CAAC,CAAA,KAAY,CAAA,CAAE,mBAAmB,OAAA,EAAS,EAAE,IAAA,EAAM,SAAA,EAAW,CAAA;AAEvE,SAAS,YAAA,CAAa,EAAA,EAAY,SAAA,EAAmB,QAAA,EAAiC;AAC3F,EAAA,MAAM,CAAA,GAAI,IAAI,IAAA,CAAK,EAAE,CAAA;AACrB,EAAA,IAAI,aAAa,EAAA,EAAI;AACnB,IAAA,OAAO;AAAA,MACL,EAAA;AAAA,MACA,KAAA,EAAO,OAAO,CAAC,CAAA;AAAA,MACf,SAAA,EAAW,OAAO,CAAC,CAAA;AAAA,MACnB,IAAA,EAAM,CAAA,CAAE,kBAAA,CAAmB,OAAA,EAAS,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,GAAA,EAAK,SAAA,EAAW;AAAA,KAC1F;AAAA,EACF;AACA,EAAA,MAAM,IAAA,GAAO,CAAA,CAAE,cAAA,CAAe,OAAA,EAAS,EAAE,KAAA,EAAO,OAAA,EAAS,GAAA,EAAK,SAAA,EAAW,IAAA,EAAM,SAAA,EAAW,CAAA;AAC1F,EAAA,MAAM,SAAA,GAAY,GAAG,MAAA,CAAO,CAAC,CAAC,CAAA,EAAA,EAAK,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA;AAC7C,EAAA,IAAI,CAAC,QAAA,EAAU,OAAO,EAAE,EAAA,EAAI,OAAO,OAAA,CAAQ,CAAC,CAAA,EAAG,SAAA,EAAW,IAAA,EAAK;AAE/D,EAAA,OAAO,EAAE,EAAA,EAAI,KAAA,EAAO,CAAA,CAAE,QAAA,EAAS,KAAM,CAAA,GAAI,MAAA,CAAO,CAAC,CAAA,GAAI,SAAA,EAAW,SAAA,EAAW,IAAA,EAAK;AAClF;;;;;"}

package/dist/domains/metrics/lib/bucket-labels.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/lib/bucket-labels'
+export {}

package/dist/domains/metrics/lib/bucket-labels.es.js

@@ -0,0 +1,23 @@
+const HOUR = 36e5;
+const DAY = 24 * HOUR;
+const isMultiDay = (start, end) => end.getTime() - start.getTime() > DAY + HOUR;
+const fmtDay = (d) => d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+const fmtHour = (d) => d.toLocaleTimeString("en-US", { hour: "numeric" });
+function bucketLabels(ts, stepHours, multiDay) {
+  const d = new Date(ts);
+  if (stepHours >= 24) {
+    return {
+      ts,
+      label: fmtDay(d),
+      edgeLabel: fmtDay(d),
+      time: d.toLocaleDateString("en-US", { weekday: "short", month: "short", day: "numeric" })
+    };
+  }
+  const time = d.toLocaleString("en-US", { month: "short", day: "numeric", hour: "numeric" });
+  const edgeLabel = `${fmtDay(d)}, ${fmtHour(d)}`;
+  if (!multiDay) return { ts, label: fmtHour(d), edgeLabel, time };
+  return { ts, label: d.getHours() === 0 ? fmtDay(d) : edgeLabel, edgeLabel, time };
+}
+
+export { bucketLabels, isMultiDay };
+//# sourceMappingURL=bucket-labels.es.js.map

package/dist/domains/metrics/lib/bucket-labels.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bucket-labels.es.js","sources":["../../../../src/domains/metrics/lib/bucket-labels.ts"],"sourcesContent":["/** Axis and tooltip labels for chart buckets, shared by the Metrics and Requests charts. */\n\nconst HOUR = 3_600_000;\nconst DAY = 24 * HOUR;\n\n/** Over a day (with an hour of slack for \"last 24 hours\" presets), axes label days too. */\nexport const isMultiDay = (start: Date, end: Date) => end.getTime() - start.getTime() > DAY + HOUR;\n\nexport type BucketLabels = {\n  /** Bucket start, ms since epoch: the x-axis puts its labels on round clock times from it. */\n  ts: number;\n  /** Axis label. */\n  label: string;\n  /** Axis label for a narrow chart that labels only its first and last bucket: always with the day. */\n  edgeLabel: string;\n  /** Tooltip heading. */\n  time: string;\n};\n\nconst fmtDay = (d: Date) => d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\nconst fmtHour = (d: Date) => d.toLocaleTimeString('en-US', { hour: 'numeric' });\n\nexport function bucketLabels(ts: number, stepHours: number, multiDay: boolean): BucketLabels {\n  const d = new Date(ts);\n  if (stepHours >= 24) {\n    return {\n      ts,\n      label: fmtDay(d),\n      edgeLabel: fmtDay(d),\n      time: d.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' }),\n    };\n  }\n  const time = d.toLocaleString('en-US', { month: 'short', day: 'numeric', hour: 'numeric' });\n  const edgeLabel = `${fmtDay(d)}, ${fmtHour(d)}`;\n  if (!multiDay) return { ts, label: fmtHour(d), edgeLabel, time };\n  // Over several days the axis labels midnights with the day alone, other ticks with the hour.\n  return { ts, label: d.getHours() === 0 ? fmtDay(d) : edgeLabel, edgeLabel, time };\n}\n"],"names":[],"mappings":"AAEA,MAAM,IAAA,GAAO,IAAA;AACb,MAAM,MAAM,EAAA,GAAK,IAAA;AAGV,MAAM,UAAA,GAAa,CAAC,KAAA,EAAa,GAAA,KAAc,GAAA,CAAI,SAAQ,GAAI,KAAA,CAAM,OAAA,EAAQ,GAAI,GAAA,GAAM;AAa9F,MAAM,MAAA,GAAS,CAAC,CAAA,KAAY,CAAA,CAAE,kBAAA,CAAmB,OAAA,EAAS,EAAE,KAAA,EAAO,OAAA,EAAS,GAAA,EAAK,SAAA,EAAW,CAAA;AAC5F,MAAM,OAAA,GAAU,CAAC,CAAA,KAAY,CAAA,CAAE,mBAAmB,OAAA,EAAS,EAAE,IAAA,EAAM,SAAA,EAAW,CAAA;AAEvE,SAAS,YAAA,CAAa,EAAA,EAAY,SAAA,EAAmB,QAAA,EAAiC;AAC3F,EAAA,MAAM,CAAA,GAAI,IAAI,IAAA,CAAK,EAAE,CAAA;AACrB,EAAA,IAAI,aAAa,EAAA,EAAI;AACnB,IAAA,OAAO;AAAA,MACL,EAAA;AAAA,MACA,KAAA,EAAO,OAAO,CAAC,CAAA;AAAA,MACf,SAAA,EAAW,OAAO,CAAC,CAAA;AAAA,MACnB,IAAA,EAAM,CAAA,CAAE,kBAAA,CAAmB,OAAA,EAAS,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,GAAA,EAAK,SAAA,EAAW;AAAA,KAC1F;AAAA,EACF;AACA,EAAA,MAAM,IAAA,GAAO,CAAA,CAAE,cAAA,CAAe,OAAA,EAAS,EAAE,KAAA,EAAO,OAAA,EAAS,GAAA,EAAK,SAAA,EAAW,IAAA,EAAM,SAAA,EAAW,CAAA;AAC1F,EAAA,MAAM,SAAA,GAAY,GAAG,MAAA,CAAO,CAAC,CAAC,CAAA,EAAA,EAAK,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA;AAC7C,EAAA,IAAI,CAAC,QAAA,EAAU,OAAO,EAAE,EAAA,EAAI,OAAO,OAAA,CAAQ,CAAC,CAAA,EAAG,SAAA,EAAW,IAAA,EAAK;AAE/D,EAAA,OAAO,EAAE,EAAA,EAAI,KAAA,EAAO,CAAA,CAAE,QAAA,EAAS,KAAM,CAAA,GAAI,MAAA,CAAO,CAAC,CAAA,GAAI,SAAA,EAAW,SAAA,EAAW,IAAA,EAAK;AAClF;;;;"}

package/dist/domains/metrics/lib/chart-axis.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const BUCKET_AXIS = { xKey: "label", timestampKey: "ts", tooltipLabelKey: "time" };
+const EDGE_BUCKET_AXIS = { ...BUCKET_AXIS, xKey: "edgeLabel" };
+
+exports.BUCKET_AXIS = BUCKET_AXIS;
+exports.EDGE_BUCKET_AXIS = EDGE_BUCKET_AXIS;
+//# sourceMappingURL=chart-axis.cjs.js.map

package/dist/domains/metrics/lib/chart-axis.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-axis.cjs.js","sources":["../../../../src/domains/metrics/lib/chart-axis.ts"],"sourcesContent":["/** The bucket fields every Metrics chart reads: axis label, bucket start and tooltip heading. */\nexport const BUCKET_AXIS = { xKey: 'label', timestampKey: 'ts', tooltipLabelKey: 'time' } as const;\n\n/** For narrow cards, which label only their edges: every label carries its day. */\nexport const EDGE_BUCKET_AXIS = { ...BUCKET_AXIS, xKey: 'edgeLabel' } as const;\n"],"names":[],"mappings":";;;;AACO,MAAM,cAAc,EAAE,IAAA,EAAM,SAAS,YAAA,EAAc,IAAA,EAAM,iBAAiB,MAAA;AAG1E,MAAM,gBAAA,GAAmB,EAAE,GAAG,WAAA,EAAa,MAAM,WAAA;;;;;"}

package/dist/domains/metrics/lib/chart-axis.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/lib/chart-axis'
+export {}

package/dist/domains/metrics/lib/chart-axis.es.js

@@ -0,0 +1,5 @@
+const BUCKET_AXIS = { xKey: "label", timestampKey: "ts", tooltipLabelKey: "time" };
+const EDGE_BUCKET_AXIS = { ...BUCKET_AXIS, xKey: "edgeLabel" };
+
+export { BUCKET_AXIS, EDGE_BUCKET_AXIS };
+//# sourceMappingURL=chart-axis.es.js.map

package/dist/domains/metrics/lib/chart-axis.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-axis.es.js","sources":["../../../../src/domains/metrics/lib/chart-axis.ts"],"sourcesContent":["/** The bucket fields every Metrics chart reads: axis label, bucket start and tooltip heading. */\nexport const BUCKET_AXIS = { xKey: 'label', timestampKey: 'ts', tooltipLabelKey: 'time' } as const;\n\n/** For narrow cards, which label only their edges: every label carries its day. */\nexport const EDGE_BUCKET_AXIS = { ...BUCKET_AXIS, xKey: 'edgeLabel' } as const;\n"],"names":[],"mappings":"AACO,MAAM,cAAc,EAAE,IAAA,EAAM,SAAS,YAAA,EAAc,IAAA,EAAM,iBAAiB,MAAA;AAG1E,MAAM,gBAAA,GAAmB,EAAE,GAAG,WAAA,EAAa,MAAM,WAAA;;;;"}

package/dist/domains/metrics/lib/chart-colors.cjs.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const CHART_COLORS = {
+  green: "var(--chart-share-1)",
+  sky: "var(--chart-share-2)",
+  violet: "var(--chart-share-3)",
+  teal: "var(--chart-share-4)",
+  indigo: "var(--chart-share-5)",
+  warning: "var(--chart-amber)",
+  error: "var(--chart-red)",
+  /** A quiet series beside the main one (e.g. 3xx, P99). */
+  neutral: "var(--muted-foreground)"
+};
+
+exports.CHART_COLORS = CHART_COLORS;
+//# sourceMappingURL=chart-colors.cjs.js.map

package/dist/domains/metrics/lib/chart-colors.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-colors.cjs.js","sources":["../../../../src/domains/metrics/lib/chart-colors.ts"],"sourcesContent":["/**\n * Chart colors for the Metrics dashboard, from the chart tokens (tuned per theme).\n * Healthy volume is brand green; companions are sky, violet, teal and indigo; only problems are warm.\n */\nexport const CHART_COLORS = {\n  green: 'var(--chart-share-1)',\n  sky: 'var(--chart-share-2)',\n  violet: 'var(--chart-share-3)',\n  teal: 'var(--chart-share-4)',\n  indigo: 'var(--chart-share-5)',\n  warning: 'var(--chart-amber)',\n  error: 'var(--chart-red)',\n  /** A quiet series beside the main one (e.g. 3xx, P99). */\n  neutral: 'var(--muted-foreground)',\n} as const;\n"],"names":[],"mappings":";;;;AAIO,MAAM,YAAA,GAAe;AAAA,EAC1B,KAAA,EAAO,sBAAA;AAAA,EACP,GAAA,EAAK,sBAAA;AAAA,EACL,MAAA,EAAQ,sBAAA;AAAA,EACR,IAAA,EAAM,sBAAA;AAAA,EACN,MAAA,EAAQ,sBAAA;AAAA,EACR,OAAA,EAAS,oBAAA;AAAA,EACT,KAAA,EAAO,kBAAA;AAAA;AAAA,EAEP,OAAA,EAAS;AACX;;;;"}

package/dist/domains/metrics/lib/chart-colors.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/lib/chart-colors'
+export {}

package/dist/domains/metrics/lib/chart-colors.es.js

@@ -0,0 +1,14 @@
+const CHART_COLORS = {
+  green: "var(--chart-share-1)",
+  sky: "var(--chart-share-2)",
+  violet: "var(--chart-share-3)",
+  teal: "var(--chart-share-4)",
+  indigo: "var(--chart-share-5)",
+  warning: "var(--chart-amber)",
+  error: "var(--chart-red)",
+  /** A quiet series beside the main one (e.g. 3xx, P99). */
+  neutral: "var(--muted-foreground)"
+};
+
+export { CHART_COLORS };
+//# sourceMappingURL=chart-colors.es.js.map

package/dist/domains/metrics/lib/chart-colors.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-colors.es.js","sources":["../../../../src/domains/metrics/lib/chart-colors.ts"],"sourcesContent":["/**\n * Chart colors for the Metrics dashboard, from the chart tokens (tuned per theme).\n * Healthy volume is brand green; companions are sky, violet, teal and indigo; only problems are warm.\n */\nexport const CHART_COLORS = {\n  green: 'var(--chart-share-1)',\n  sky: 'var(--chart-share-2)',\n  violet: 'var(--chart-share-3)',\n  teal: 'var(--chart-share-4)',\n  indigo: 'var(--chart-share-5)',\n  warning: 'var(--chart-amber)',\n  error: 'var(--chart-red)',\n  /** A quiet series beside the main one (e.g. 3xx, P99). */\n  neutral: 'var(--muted-foreground)',\n} as const;\n"],"names":[],"mappings":"AAIO,MAAM,YAAA,GAAe;AAAA,EAC1B,KAAA,EAAO,sBAAA;AAAA,EACP,GAAA,EAAK,sBAAA;AAAA,EACL,MAAA,EAAQ,sBAAA;AAAA,EACR,IAAA,EAAM,sBAAA;AAAA,EACN,MAAA,EAAQ,sBAAA;AAAA,EACR,OAAA,EAAS,oBAAA;AAAA,EACT,KAAA,EAAO,kBAAA;AAAA;AAAA,EAEP,OAAA,EAAS;AACX;;;;"}

package/dist/domains/metrics/lib/chart-format.cjs.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function formatCount(value) {
+  if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
+  if (value >= 1e4) return `${(value / 1e3).toFixed(1)}K`;
+  if (value >= 1e3) return `${(value / 1e3).toFixed(2)}K`;
+  return String(Math.round(value));
+}
+function formatDuration(ms) {
+  if (ms >= 1e4) return `${(ms / 1e3).toFixed(1)}s`;
+  if (ms >= 1e3) return `${(ms / 1e3).toFixed(2)}s`;
+  return `${Math.round(ms)}ms`;
+}
+function formatPercent(ratio) {
+  const pct = ratio * 100;
+  if (pct === 0) return "0%";
+  if (pct < 0.1) return "<0.1%";
+  return `${pct < 10 ? pct.toFixed(2) : pct.toFixed(1)}%`;
+}
+function formatUsd(value) {
+  if (value > 0 && value < 0.01) return "<$0.01";
+  return `$${value.toFixed(2)}`;
+}
+function formatAxisCount(value) {
+  if (value >= 1e6) return `${+(value / 1e6).toFixed(1)}M`;
+  if (value >= 1e3) return `${+(value / 1e3).toFixed(1)}K`;
+  return String(Math.round(value));
+}
+function formatAxisDuration(ms) {
+  if (ms >= 1e3) return `${+(ms / 1e3).toFixed(1)}s`;
+  return `${Math.round(ms)}ms`;
+}
+function percentChange(current, previous) {
+  if (previous === void 0 || previous === 0 || !Number.isFinite(previous)) return void 0;
+  return (current - previous) / previous * 100;
+}
+
+exports.formatAxisCount = formatAxisCount;
+exports.formatAxisDuration = formatAxisDuration;
+exports.formatCount = formatCount;
+exports.formatDuration = formatDuration;
+exports.formatPercent = formatPercent;
+exports.formatUsd = formatUsd;
+exports.percentChange = percentChange;
+//# sourceMappingURL=chart-format.cjs.js.map

package/dist/domains/metrics/lib/chart-format.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-format.cjs.js","sources":["../../../../src/domains/metrics/lib/chart-format.ts"],"sourcesContent":["/** Number formats shared by the Metrics and Requests charts, cards and tooltips. */\n\n/** Counts: 812, 1.25K, 34.5K, 1.2M. */\nexport function formatCount(value: number) {\n  if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;\n  if (value >= 10_000) return `${(value / 1_000).toFixed(1)}K`;\n  if (value >= 1_000) return `${(value / 1_000).toFixed(2)}K`;\n  return String(Math.round(value));\n}\n\n/** Durations: 84ms, 1.25s, 12.4s. */\nexport function formatDuration(ms: number) {\n  if (ms >= 10_000) return `${(ms / 1000).toFixed(1)}s`;\n  if (ms >= 1000) return `${(ms / 1000).toFixed(2)}s`;\n  return `${Math.round(ms)}ms`;\n}\n\n/** A ratio (0-1) as a percent: 0%, <0.1%, 2.35%, 14.2%. */\nexport function formatPercent(ratio: number) {\n  const pct = ratio * 100;\n  if (pct === 0) return '0%';\n  if (pct < 0.1) return '<0.1%';\n  return `${pct < 10 ? pct.toFixed(2) : pct.toFixed(1)}%`;\n}\n\n/** Dollars: $0.00, <$0.01, $12.34. */\nexport function formatUsd(value: number) {\n  if (value > 0 && value < 0.01) return '<$0.01';\n  return `$${value.toFixed(2)}`;\n}\n\n/** Compact y-axis ticks: 600, 4.5K, 1.2M. */\nexport function formatAxisCount(value: number) {\n  if (value >= 1_000_000) return `${+(value / 1_000_000).toFixed(1)}M`;\n  if (value >= 1_000) return `${+(value / 1_000).toFixed(1)}K`;\n  return String(Math.round(value));\n}\n\n/** Compact y-axis ticks for durations: 250ms, 1.5s. */\nexport function formatAxisDuration(ms: number) {\n  if (ms >= 1000) return `${+(ms / 1000).toFixed(1)}s`;\n  return `${Math.round(ms)}ms`;\n}\n\n/** Change from the previous period in percent; undefined when there is nothing to compare. */\nexport function percentChange(current: number, previous: number | undefined) {\n  if (previous === undefined || previous === 0 || !Number.isFinite(previous)) return undefined;\n  return ((current - previous) / previous) * 100;\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,YAAY,KAAA,EAAe;AACzC,EAAA,IAAI,KAAA,IAAS,KAAW,OAAO,CAAA,EAAA,CAAI,QAAQ,GAAA,EAAW,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAChE,EAAA,IAAI,KAAA,IAAS,KAAQ,OAAO,CAAA,EAAA,CAAI,QAAQ,GAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACzD,EAAA,IAAI,KAAA,IAAS,KAAO,OAAO,CAAA,EAAA,CAAI,QAAQ,GAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACxD,EAAA,OAAO,MAAA,CAAO,IAAA,CAAK,KAAA,CAAM,KAAK,CAAC,CAAA;AACjC;AAGO,SAAS,eAAe,EAAA,EAAY;AACzC,EAAA,IAAI,EAAA,IAAM,KAAQ,OAAO,CAAA,EAAA,CAAI,KAAK,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAClD,EAAA,IAAI,EAAA,IAAM,KAAM,OAAO,CAAA,EAAA,CAAI,KAAK,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAChD,EAAA,OAAO,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,EAAE,CAAC,CAAA,EAAA,CAAA;AAC1B;AAGO,SAAS,cAAc,KAAA,EAAe;AAC3C,EAAA,MAAM,MAAM,KAAA,GAAQ,GAAA;AACpB,EAAA,IAAI,GAAA,KAAQ,GAAG,OAAO,IAAA;AACtB,EAAA,IAAI,GAAA,GAAM,KAAK,OAAO,OAAA;AACtB,EAAA,OAAO,CAAA,EAAG,GAAA,GAAM,EAAA,GAAK,GAAA,CAAI,OAAA,CAAQ,CAAC,CAAA,GAAI,GAAA,CAAI,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACtD;AAGO,SAAS,UAAU,KAAA,EAAe;AACvC,EAAA,IAAI,KAAA,GAAQ,CAAA,IAAK,KAAA,GAAQ,IAAA,EAAM,OAAO,QAAA;AACtC,EAAA,OAAO,CAAA,CAAA,EAAI,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA;AAC7B;AAGO,SAAS,gBAAgB,KAAA,EAAe;AAC7C,EAAA,IAAI,KAAA,IAAS,KAAW,OAAO,CAAA,EAAG,EAAE,KAAA,GAAQ,GAAA,EAAW,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACjE,EAAA,IAAI,KAAA,IAAS,KAAO,OAAO,CAAA,EAAG,EAAE,KAAA,GAAQ,GAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACzD,EAAA,OAAO,MAAA,CAAO,IAAA,CAAK,KAAA,CAAM,KAAK,CAAC,CAAA;AACjC;AAGO,SAAS,mBAAmB,EAAA,EAAY;AAC7C,EAAA,IAAI,EAAA,IAAM,KAAM,OAAO,CAAA,EAAG,EAAE,EAAA,GAAK,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACjD,EAAA,OAAO,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,EAAE,CAAC,CAAA,EAAA,CAAA;AAC1B;AAGO,SAAS,aAAA,CAAc,SAAiB,QAAA,EAA8B;AAC3E,EAAA,IAAI,QAAA,KAAa,UAAa,QAAA,KAAa,CAAA,IAAK,CAAC,MAAA,CAAO,QAAA,CAAS,QAAQ,CAAA,EAAG,OAAO,MAAA;AACnF,EAAA,OAAA,CAAS,OAAA,GAAU,YAAY,QAAA,GAAY,GAAA;AAC7C;;;;;;;;;;"}

package/dist/domains/metrics/lib/chart-format.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/lib/chart-format'
+export {}

package/dist/domains/metrics/lib/chart-format.es.js

@@ -0,0 +1,37 @@
+function formatCount(value) {
+  if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
+  if (value >= 1e4) return `${(value / 1e3).toFixed(1)}K`;
+  if (value >= 1e3) return `${(value / 1e3).toFixed(2)}K`;
+  return String(Math.round(value));
+}
+function formatDuration(ms) {
+  if (ms >= 1e4) return `${(ms / 1e3).toFixed(1)}s`;
+  if (ms >= 1e3) return `${(ms / 1e3).toFixed(2)}s`;
+  return `${Math.round(ms)}ms`;
+}
+function formatPercent(ratio) {
+  const pct = ratio * 100;
+  if (pct === 0) return "0%";
+  if (pct < 0.1) return "<0.1%";
+  return `${pct < 10 ? pct.toFixed(2) : pct.toFixed(1)}%`;
+}
+function formatUsd(value) {
+  if (value > 0 && value < 0.01) return "<$0.01";
+  return `$${value.toFixed(2)}`;
+}
+function formatAxisCount(value) {
+  if (value >= 1e6) return `${+(value / 1e6).toFixed(1)}M`;
+  if (value >= 1e3) return `${+(value / 1e3).toFixed(1)}K`;
+  return String(Math.round(value));
+}
+function formatAxisDuration(ms) {
+  if (ms >= 1e3) return `${+(ms / 1e3).toFixed(1)}s`;
+  return `${Math.round(ms)}ms`;
+}
+function percentChange(current, previous) {
+  if (previous === void 0 || previous === 0 || !Number.isFinite(previous)) return void 0;
+  return (current - previous) / previous * 100;
+}
+
+export { formatAxisCount, formatAxisDuration, formatCount, formatDuration, formatPercent, formatUsd, percentChange };
+//# sourceMappingURL=chart-format.es.js.map

package/dist/domains/metrics/lib/chart-format.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-format.es.js","sources":["../../../../src/domains/metrics/lib/chart-format.ts"],"sourcesContent":["/** Number formats shared by the Metrics and Requests charts, cards and tooltips. */\n\n/** Counts: 812, 1.25K, 34.5K, 1.2M. */\nexport function formatCount(value: number) {\n  if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;\n  if (value >= 10_000) return `${(value / 1_000).toFixed(1)}K`;\n  if (value >= 1_000) return `${(value / 1_000).toFixed(2)}K`;\n  return String(Math.round(value));\n}\n\n/** Durations: 84ms, 1.25s, 12.4s. */\nexport function formatDuration(ms: number) {\n  if (ms >= 10_000) return `${(ms / 1000).toFixed(1)}s`;\n  if (ms >= 1000) return `${(ms / 1000).toFixed(2)}s`;\n  return `${Math.round(ms)}ms`;\n}\n\n/** A ratio (0-1) as a percent: 0%, <0.1%, 2.35%, 14.2%. */\nexport function formatPercent(ratio: number) {\n  const pct = ratio * 100;\n  if (pct === 0) return '0%';\n  if (pct < 0.1) return '<0.1%';\n  return `${pct < 10 ? pct.toFixed(2) : pct.toFixed(1)}%`;\n}\n\n/** Dollars: $0.00, <$0.01, $12.34. */\nexport function formatUsd(value: number) {\n  if (value > 0 && value < 0.01) return '<$0.01';\n  return `$${value.toFixed(2)}`;\n}\n\n/** Compact y-axis ticks: 600, 4.5K, 1.2M. */\nexport function formatAxisCount(value: number) {\n  if (value >= 1_000_000) return `${+(value / 1_000_000).toFixed(1)}M`;\n  if (value >= 1_000) return `${+(value / 1_000).toFixed(1)}K`;\n  return String(Math.round(value));\n}\n\n/** Compact y-axis ticks for durations: 250ms, 1.5s. */\nexport function formatAxisDuration(ms: number) {\n  if (ms >= 1000) return `${+(ms / 1000).toFixed(1)}s`;\n  return `${Math.round(ms)}ms`;\n}\n\n/** Change from the previous period in percent; undefined when there is nothing to compare. */\nexport function percentChange(current: number, previous: number | undefined) {\n  if (previous === undefined || previous === 0 || !Number.isFinite(previous)) return undefined;\n  return ((current - previous) / previous) * 100;\n}\n"],"names":[],"mappings":"AAGO,SAAS,YAAY,KAAA,EAAe;AACzC,EAAA,IAAI,KAAA,IAAS,KAAW,OAAO,CAAA,EAAA,CAAI,QAAQ,GAAA,EAAW,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAChE,EAAA,IAAI,KAAA,IAAS,KAAQ,OAAO,CAAA,EAAA,CAAI,QAAQ,GAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACzD,EAAA,IAAI,KAAA,IAAS,KAAO,OAAO,CAAA,EAAA,CAAI,QAAQ,GAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACxD,EAAA,OAAO,MAAA,CAAO,IAAA,CAAK,KAAA,CAAM,KAAK,CAAC,CAAA;AACjC;AAGO,SAAS,eAAe,EAAA,EAAY;AACzC,EAAA,IAAI,EAAA,IAAM,KAAQ,OAAO,CAAA,EAAA,CAAI,KAAK,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAClD,EAAA,IAAI,EAAA,IAAM,KAAM,OAAO,CAAA,EAAA,CAAI,KAAK,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAChD,EAAA,OAAO,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,EAAE,CAAC,CAAA,EAAA,CAAA;AAC1B;AAGO,SAAS,cAAc,KAAA,EAAe;AAC3C,EAAA,MAAM,MAAM,KAAA,GAAQ,GAAA;AACpB,EAAA,IAAI,GAAA,KAAQ,GAAG,OAAO,IAAA;AACtB,EAAA,IAAI,GAAA,GAAM,KAAK,OAAO,OAAA;AACtB,EAAA,OAAO,CAAA,EAAG,GAAA,GAAM,EAAA,GAAK,GAAA,CAAI,OAAA,CAAQ,CAAC,CAAA,GAAI,GAAA,CAAI,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACtD;AAGO,SAAS,UAAU,KAAA,EAAe;AACvC,EAAA,IAAI,KAAA,GAAQ,CAAA,IAAK,KAAA,GAAQ,IAAA,EAAM,OAAO,QAAA;AACtC,EAAA,OAAO,CAAA,CAAA,EAAI,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA;AAC7B;AAGO,SAAS,gBAAgB,KAAA,EAAe;AAC7C,EAAA,IAAI,KAAA,IAAS,KAAW,OAAO,CAAA,EAAG,EAAE,KAAA,GAAQ,GAAA,EAAW,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACjE,EAAA,IAAI,KAAA,IAAS,KAAO,OAAO,CAAA,EAAG,EAAE,KAAA,GAAQ,GAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACzD,EAAA,OAAO,MAAA,CAAO,IAAA,CAAK,KAAA,CAAM,KAAK,CAAC,CAAA;AACjC;AAGO,SAAS,mBAAmB,EAAA,EAAY;AAC7C,EAAA,IAAI,EAAA,IAAM,KAAM,OAAO,CAAA,EAAG,EAAE,EAAA,GAAK,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACjD,EAAA,OAAO,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,EAAE,CAAC,CAAA,EAAA,CAAA;AAC1B;AAGO,SAAS,aAAA,CAAc,SAAiB,QAAA,EAA8B;AAC3E,EAAA,IAAI,QAAA,KAAa,UAAa,QAAA,KAAa,CAAA,IAAK,CAAC,MAAA,CAAO,QAAA,CAAS,QAAQ,CAAA,EAAG,OAAO,MAAA;AACnF,EAAA,OAAA,CAAS,OAAA,GAAU,YAAY,QAAA,GAAY,GAAA;AAC7C;;;;"}

package/dist/domains/metrics/lib/metrics-buckets.cjs.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const domains_metrics_lib_bucketLabels = require('./bucket-labels.cjs.js');
+
+const HOUR = 36e5;
+const DAY = 24 * HOUR;
+const SLACK = HOUR;
+function bucketPlan(start, end) {
+  const span = end.getTime() - start.getTime();
+  if (span <= DAY + SLACK) return { interval: "1h", stepHours: 1 };
+  if (span <= 3 * DAY + SLACK) return { interval: "1h", stepHours: 3 };
+  if (span <= 7 * DAY + SLACK) return { interval: "1h", stepHours: 6 };
+  if (span <= 14 * DAY + SLACK) return { interval: "1h", stepHours: 12 };
+  return { interval: "1d", stepHours: 24 };
+}
+const intervalHours = (interval) => interval === "1h" ? 1 : 24;
+function bucketStart(ms, stepHours) {
+  const d = new Date(ms);
+  if (stepHours >= 24) return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+  const hour = Math.floor(d.getHours() / stepHours) * stepHours;
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), hour).getTime();
+}
+function nextBucket(ms, stepHours) {
+  const d = new Date(ms);
+  if (stepHours >= 24) return new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1).getTime();
+  return bucketStart(
+    new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours() + stepHours).getTime(),
+    stepHours
+  );
+}
+function bucketGrid(start, end, stepHours) {
+  const multiDay = domains_metrics_lib_bucketLabels.isMultiDay(start, end);
+  const out = [];
+  for (let ts = bucketStart(start.getTime(), stepHours); ts <= end.getTime(); ts = nextBucket(ts, stepHours)) {
+    out.push(domains_metrics_lib_bucketLabels.bucketLabels(ts, stepHours, multiDay));
+  }
+  return out;
+}
+function gridIndex(grid, stepHours) {
+  const index = new Map(grid.map((b, i) => [b.ts, i]));
+  return (point) => index.get(bucketStart(new Date(point.timestamp).getTime(), stepHours));
+}
+function bucketWindow(ts, stepHours) {
+  return { from: new Date(ts), to: new Date(nextBucket(ts, stepHours)) };
+}
+
+exports.bucketGrid = bucketGrid;
+exports.bucketPlan = bucketPlan;
+exports.bucketStart = bucketStart;
+exports.bucketWindow = bucketWindow;
+exports.gridIndex = gridIndex;
+exports.intervalHours = intervalHours;
+exports.nextBucket = nextBucket;
+//# sourceMappingURL=metrics-buckets.cjs.js.map

package/dist/domains/metrics/lib/metrics-buckets.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-buckets.cjs.js","sources":["../../../../src/domains/metrics/lib/metrics-buckets.ts"],"sourcesContent":["/**\n * Time buckets for the Metrics charts. The observability API answers in 1h or 1d buckets; bar\n * charts merge them into ~24-30 bars per range (24h 1h, 3d 3h, 7d 6h, 14d 12h, 30d 1d) so the\n * bars stay readable. Sums merge exactly. Latency percentiles can't be merged, so the latency\n * chart keeps the API's own buckets (a line stays readable with more points).\n */\nimport type { BucketLabels } from './bucket-labels';\nimport { bucketLabels, isMultiDay } from './bucket-labels';\n\nexport type { BucketLabels };\n\nexport type ApiInterval = '1h' | '1d';\n\nexport type BucketPlan = {\n  /** The interval the API is asked for. */\n  interval: ApiInterval;\n  /** Hours per chart bucket: a multiple of the API interval. */\n  stepHours: number;\n};\n\nconst HOUR = 3_600_000;\nconst DAY = 24 * HOUR;\n\n/** A little slack so a preset's window (e.g. \"last 7 days\" ending now) still picks its plan. */\nconst SLACK = HOUR;\n\nexport function bucketPlan(start: Date, end: Date): BucketPlan {\n  const span = end.getTime() - start.getTime();\n  if (span <= DAY + SLACK) return { interval: '1h', stepHours: 1 };\n  if (span <= 3 * DAY + SLACK) return { interval: '1h', stepHours: 3 };\n  if (span <= 7 * DAY + SLACK) return { interval: '1h', stepHours: 6 };\n  if (span <= 14 * DAY + SLACK) return { interval: '1h', stepHours: 12 };\n  return { interval: '1d', stepHours: 24 };\n}\n\n/** Hours per bucket of the API's own interval: the latency chart keeps these. */\nexport const intervalHours = (interval: ApiInterval) => (interval === '1h' ? 1 : 24);\n\n/** The start of the local bucket holding `ms`: whole local hours, step-aligned from midnight. */\nexport function bucketStart(ms: number, stepHours: number) {\n  const d = new Date(ms);\n  if (stepHours >= 24) return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n  const hour = Math.floor(d.getHours() / stepHours) * stepHours;\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), hour).getTime();\n}\n\n/** The next bucket's start, stepping in local time so a DST change doesn't drift the grid. */\nexport function nextBucket(ms: number, stepHours: number) {\n  const d = new Date(ms);\n  if (stepHours >= 24) return new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1).getTime();\n  return bucketStart(\n    new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours() + stepHours).getTime(),\n    stepHours,\n  );\n}\n\n/** Every bucket in the window, so quiet periods show as zero instead of disappearing. */\nexport function bucketGrid(start: Date, end: Date, stepHours: number): BucketLabels[] {\n  const multiDay = isMultiDay(start, end);\n  const out: BucketLabels[] = [];\n  for (let ts = bucketStart(start.getTime(), stepHours); ts <= end.getTime(); ts = nextBucket(ts, stepHours)) {\n    out.push(bucketLabels(ts, stepHours, multiDay));\n  }\n  return out;\n}\n\nexport type Point = { timestamp: string | Date; value: number; estimatedCost?: number | null };\n\n/** Index of a grid by bucket start, for adding API points into their bucket. */\nexport function gridIndex(grid: BucketLabels[], stepHours: number) {\n  const index = new Map(grid.map((b, i) => [b.ts, i]));\n  return (point: Point) => index.get(bucketStart(new Date(point.timestamp).getTime(), stepHours));\n}\n\n/** The window a bucket covers, for drilling into its traces. */\nexport function bucketWindow(ts: number, stepHours: number) {\n  return { from: new Date(ts), to: new Date(nextBucket(ts, stepHours)) };\n}\n"],"names":["isMultiDay","bucketLabels"],"mappings":"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"}

package/dist/domains/metrics/lib/metrics-buckets.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/lib/metrics-buckets'
+export {}

package/dist/domains/metrics/lib/metrics-buckets.es.js

@@ -0,0 +1,46 @@
+import { isMultiDay, bucketLabels } from './bucket-labels.es.js';
+
+const HOUR = 36e5;
+const DAY = 24 * HOUR;
+const SLACK = HOUR;
+function bucketPlan(start, end) {
+  const span = end.getTime() - start.getTime();
+  if (span <= DAY + SLACK) return { interval: "1h", stepHours: 1 };
+  if (span <= 3 * DAY + SLACK) return { interval: "1h", stepHours: 3 };
+  if (span <= 7 * DAY + SLACK) return { interval: "1h", stepHours: 6 };
+  if (span <= 14 * DAY + SLACK) return { interval: "1h", stepHours: 12 };
+  return { interval: "1d", stepHours: 24 };
+}
+const intervalHours = (interval) => interval === "1h" ? 1 : 24;
+function bucketStart(ms, stepHours) {
+  const d = new Date(ms);
+  if (stepHours >= 24) return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+  const hour = Math.floor(d.getHours() / stepHours) * stepHours;
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), hour).getTime();
+}
+function nextBucket(ms, stepHours) {
+  const d = new Date(ms);
+  if (stepHours >= 24) return new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1).getTime();
+  return bucketStart(
+    new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours() + stepHours).getTime(),
+    stepHours
+  );
+}
+function bucketGrid(start, end, stepHours) {
+  const multiDay = isMultiDay(start, end);
+  const out = [];
+  for (let ts = bucketStart(start.getTime(), stepHours); ts <= end.getTime(); ts = nextBucket(ts, stepHours)) {
+    out.push(bucketLabels(ts, stepHours, multiDay));
+  }
+  return out;
+}
+function gridIndex(grid, stepHours) {
+  const index = new Map(grid.map((b, i) => [b.ts, i]));
+  return (point) => index.get(bucketStart(new Date(point.timestamp).getTime(), stepHours));
+}
+function bucketWindow(ts, stepHours) {
+  return { from: new Date(ts), to: new Date(nextBucket(ts, stepHours)) };
+}
+
+export { bucketGrid, bucketPlan, bucketStart, bucketWindow, gridIndex, intervalHours, nextBucket };
+//# sourceMappingURL=metrics-buckets.es.js.map

package/dist/domains/metrics/lib/metrics-buckets.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-buckets.es.js","sources":["../../../../src/domains/metrics/lib/metrics-buckets.ts"],"sourcesContent":["/**\n * Time buckets for the Metrics charts. The observability API answers in 1h or 1d buckets; bar\n * charts merge them into ~24-30 bars per range (24h 1h, 3d 3h, 7d 6h, 14d 12h, 30d 1d) so the\n * bars stay readable. Sums merge exactly. Latency percentiles can't be merged, so the latency\n * chart keeps the API's own buckets (a line stays readable with more points).\n */\nimport type { BucketLabels } from './bucket-labels';\nimport { bucketLabels, isMultiDay } from './bucket-labels';\n\nexport type { BucketLabels };\n\nexport type ApiInterval = '1h' | '1d';\n\nexport type BucketPlan = {\n  /** The interval the API is asked for. */\n  interval: ApiInterval;\n  /** Hours per chart bucket: a multiple of the API interval. */\n  stepHours: number;\n};\n\nconst HOUR = 3_600_000;\nconst DAY = 24 * HOUR;\n\n/** A little slack so a preset's window (e.g. \"last 7 days\" ending now) still picks its plan. */\nconst SLACK = HOUR;\n\nexport function bucketPlan(start: Date, end: Date): BucketPlan {\n  const span = end.getTime() - start.getTime();\n  if (span <= DAY + SLACK) return { interval: '1h', stepHours: 1 };\n  if (span <= 3 * DAY + SLACK) return { interval: '1h', stepHours: 3 };\n  if (span <= 7 * DAY + SLACK) return { interval: '1h', stepHours: 6 };\n  if (span <= 14 * DAY + SLACK) return { interval: '1h', stepHours: 12 };\n  return { interval: '1d', stepHours: 24 };\n}\n\n/** Hours per bucket of the API's own interval: the latency chart keeps these. */\nexport const intervalHours = (interval: ApiInterval) => (interval === '1h' ? 1 : 24);\n\n/** The start of the local bucket holding `ms`: whole local hours, step-aligned from midnight. */\nexport function bucketStart(ms: number, stepHours: number) {\n  const d = new Date(ms);\n  if (stepHours >= 24) return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n  const hour = Math.floor(d.getHours() / stepHours) * stepHours;\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), hour).getTime();\n}\n\n/** The next bucket's start, stepping in local time so a DST change doesn't drift the grid. */\nexport function nextBucket(ms: number, stepHours: number) {\n  const d = new Date(ms);\n  if (stepHours >= 24) return new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1).getTime();\n  return bucketStart(\n    new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours() + stepHours).getTime(),\n    stepHours,\n  );\n}\n\n/** Every bucket in the window, so quiet periods show as zero instead of disappearing. */\nexport function bucketGrid(start: Date, end: Date, stepHours: number): BucketLabels[] {\n  const multiDay = isMultiDay(start, end);\n  const out: BucketLabels[] = [];\n  for (let ts = bucketStart(start.getTime(), stepHours); ts <= end.getTime(); ts = nextBucket(ts, stepHours)) {\n    out.push(bucketLabels(ts, stepHours, multiDay));\n  }\n  return out;\n}\n\nexport type Point = { timestamp: string | Date; value: number; estimatedCost?: number | null };\n\n/** Index of a grid by bucket start, for adding API points into their bucket. */\nexport function gridIndex(grid: BucketLabels[], stepHours: number) {\n  const index = new Map(grid.map((b, i) => [b.ts, i]));\n  return (point: Point) => index.get(bucketStart(new Date(point.timestamp).getTime(), stepHours));\n}\n\n/** The window a bucket covers, for drilling into its traces. */\nexport function bucketWindow(ts: number, stepHours: number) {\n  return { from: new Date(ts), to: new Date(nextBucket(ts, stepHours)) };\n}\n"],"names":[],"mappings":"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"}