@mastra/playground-ui 63.0.0 → 63.1.0-alpha.1

package/dist/domains/metrics/components/date-range-selector.cjs.js

@@ -4,49 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dateTimeRangePicker = require('../../../date-time-range-picker-ByNvjYuV.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-DQa5XLST.cjs');
 const domains_metrics_hooks_useMetrics = require('../hooks/use-metrics.cjs.js');
+const domains_metrics_metricsDatePresets = require('../metrics-date-presets.cjs.js');
 
-const METRICS_PRESETS = [
-  "last-24h",
-  "last-3d",
-  "last-7d",
-  "last-14d",
-  "last-30d",
-  "custom"
-];
-function toPickerPreset(preset) {
-  switch (preset) {
-    case "3d":
-      return "last-3d";
-    case "7d":
-      return "last-7d";
-    case "14d":
-      return "last-14d";
-    case "30d":
-      return "last-30d";
-    case "custom":
-      return "custom";
-    default:
-      return "last-24h";
-  }
-}
-function fromPickerPreset(preset) {
-  switch (preset) {
-    case "last-3d":
-      return "3d";
-    case "last-7d":
-      return "7d";
-    case "last-14d":
-      return "14d";
-    case "last-30d":
-      return "30d";
-    case "custom":
-      return "custom";
-    default:
-      return "24h";
-  }
-}
 function DateRangeSelector() {
   const { datePreset, setDatePreset, customRange, setCustomRange } = domains_metrics_hooks_useMetrics.useMetrics();
   const presetRef = React.useRef(datePreset);
@@ -56,9 +17,9 @@ function DateRangeSelector() {
   return /* @__PURE__ */ jsxRuntime.jsx(
     dateTimeRangePicker.DateTimeRangePicker,
     {
-      preset: toPickerPreset(datePreset),
+      preset: domains_metrics_metricsDatePresets.toPickerPreset(datePreset),
       onPresetChange: (next) => {
-        const mapped = fromPickerPreset(next);
+        const mapped = domains_metrics_metricsDatePresets.fromPickerPreset(next);
         presetRef.current = mapped;
         setDatePreset(mapped);
       },
@@ -70,7 +31,7 @@ function DateRangeSelector() {
         customRangeRef.current = next;
         setCustomRange(next);
       },
-      presets: METRICS_PRESETS
+      presets: domains_metrics_metricsDatePresets.METRICS_PICKER_PRESETS
     }
   );
 }

package/dist/domains/metrics/components/date-range-selector.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-selector.cjs.js","sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport type { DateRangePreset } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport type { DatePreset } from '../hooks/use-metrics';\n\nconst METRICS_PRESETS: readonly DateRangePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nfunction toPickerPreset(preset: DatePreset): DateRangePreset {\n  switch (preset) {\n    case '3d':\n      return 'last-3d';\n    case '7d':\n      return 'last-7d';\n    case '14d':\n      return 'last-14d';\n    case '30d':\n      return 'last-30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return 'last-24h';\n  }\n}\n\nfunction fromPickerPreset(preset: DateRangePreset): DatePreset {\n  switch (preset) {\n    case 'last-3d':\n      return '3d';\n    case 'last-7d':\n      return '7d';\n    case 'last-14d':\n      return '14d';\n    case 'last-30d':\n      return '30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return '24h';\n  }\n}\n\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PRESETS}\n    />\n  );\n}\n"],"names":["useMetrics","useRef","jsx","DateTimeRangePicker"],"mappings":";;;;;;;;;AAMA,MAAM,eAAA,GAA8C;AAAA,EAClD,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA;AAEA,SAAS,eAAe,MAAA,EAAqC;AAC3D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,UAAA;AAAA;AAEb;AAEA,SAAS,iBAAiB,MAAA,EAAqC;AAC7D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,KAAA;AAAA;AAEb;AAEO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmBA,2CAAA,EAAW;AAM9E,EAAA,MAAM,SAAA,GAAYC,aAAO,UAAU,CAAA;AACnC,EAAA,SAAA,CAAU,OAAA,GAAU,UAAA;AACpB,EAAA,MAAM,cAAA,GAAiBA,aAAO,WAAW,CAAA;AACzC,EAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAEzB,EAAA,uBACEC,cAAA;AAAA,IAACC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAe,UAAU,CAAA;AAAA,MACjC,gBAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,MAAA,GAAS,iBAAiB,IAAI,CAAA;AACpC,QAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,QAAA,aAAA,CAAc,MAAM,CAAA;AAAA,MACtB,CAAA;AAAA,MACA,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MACrB,YAAA,EAAc,CAAC,KAAA,EAAO,IAAA,KAAS;AAC7B,QAAA,IAAI,SAAA,CAAU,YAAY,QAAA,EAAU;AACpC,QAAA,MAAM,IAAA,GAAO,EAAE,GAAG,cAAA,CAAe,SAAS,CAAC,IAAI,GAAG,KAAA,EAAM;AACxD,QAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB,CAAA;AAAA,MACA,OAAA,EAAS;AAAA;AAAA,GACX;AAEJ;;;;"}
+{"version":3,"file":"date-range-selector.cjs.js","sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\n\n/** @deprecated The metrics dashboard picks its range from the filter bar. Use `MetricsTimeRangeChip`. */\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PICKER_PRESETS}\n    />\n  );\n}\n"],"names":["useMetrics","useRef","jsx","DateTimeRangePicker","toPickerPreset","fromPickerPreset","METRICS_PICKER_PRESETS"],"mappings":";;;;;;;;;;AAMO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmBA,2CAAA,EAAW;AAM9E,EAAA,MAAM,SAAA,GAAYC,aAAO,UAAU,CAAA;AACnC,EAAA,SAAA,CAAU,OAAA,GAAU,UAAA;AACpB,EAAA,MAAM,cAAA,GAAiBA,aAAO,WAAW,CAAA;AACzC,EAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAEzB,EAAA,uBACEC,cAAA;AAAA,IAACC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQC,kDAAe,UAAU,CAAA;AAAA,MACjC,gBAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,MAAA,GAASC,oDAAiB,IAAI,CAAA;AACpC,QAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,QAAA,aAAA,CAAc,MAAM,CAAA;AAAA,MACtB,CAAA;AAAA,MACA,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MACrB,YAAA,EAAc,CAAC,KAAA,EAAO,IAAA,KAAS;AAC7B,QAAA,IAAI,SAAA,CAAU,YAAY,QAAA,EAAU;AACpC,QAAA,MAAM,IAAA,GAAO,EAAE,GAAG,cAAA,CAAe,SAAS,CAAC,IAAI,GAAG,KAAA,EAAM;AACxD,QAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB,CAAA;AAAA,MACA,OAAA,EAASC;AAAA;AAAA,GACX;AAEJ;;;;"}

package/dist/domains/metrics/components/date-range-selector.es.js

@@ -1,48 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-SU1Q1h1h.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-BT9qan60.js';
 import { useMetrics } from '../hooks/use-metrics.es.js';
+import { METRICS_PICKER_PRESETS, toPickerPreset, fromPickerPreset } from '../metrics-date-presets.es.js';
 
-const METRICS_PRESETS = [
-  "last-24h",
-  "last-3d",
-  "last-7d",
-  "last-14d",
-  "last-30d",
-  "custom"
-];
-function toPickerPreset(preset) {
-  switch (preset) {
-    case "3d":
-      return "last-3d";
-    case "7d":
-      return "last-7d";
-    case "14d":
-      return "last-14d";
-    case "30d":
-      return "last-30d";
-    case "custom":
-      return "custom";
-    default:
-      return "last-24h";
-  }
-}
-function fromPickerPreset(preset) {
-  switch (preset) {
-    case "last-3d":
-      return "3d";
-    case "last-7d":
-      return "7d";
-    case "last-14d":
-      return "14d";
-    case "last-30d":
-      return "30d";
-    case "custom":
-      return "custom";
-    default:
-      return "24h";
-  }
-}
 function DateRangeSelector() {
   const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();
   const presetRef = useRef(datePreset);
@@ -66,7 +27,7 @@ function DateRangeSelector() {
         customRangeRef.current = next;
         setCustomRange(next);
       },
-      presets: METRICS_PRESETS
+      presets: METRICS_PICKER_PRESETS
     }
   );
 }

package/dist/domains/metrics/components/date-range-selector.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-selector.es.js","sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport type { DateRangePreset } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport type { DatePreset } from '../hooks/use-metrics';\n\nconst METRICS_PRESETS: readonly DateRangePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nfunction toPickerPreset(preset: DatePreset): DateRangePreset {\n  switch (preset) {\n    case '3d':\n      return 'last-3d';\n    case '7d':\n      return 'last-7d';\n    case '14d':\n      return 'last-14d';\n    case '30d':\n      return 'last-30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return 'last-24h';\n  }\n}\n\nfunction fromPickerPreset(preset: DateRangePreset): DatePreset {\n  switch (preset) {\n    case 'last-3d':\n      return '3d';\n    case 'last-7d':\n      return '7d';\n    case 'last-14d':\n      return '14d';\n    case 'last-30d':\n      return '30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return '24h';\n  }\n}\n\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PRESETS}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAMA,MAAM,eAAA,GAA8C;AAAA,EAClD,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA;AAEA,SAAS,eAAe,MAAA,EAAqC;AAC3D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,UAAA;AAAA;AAEb;AAEA,SAAS,iBAAiB,MAAA,EAAqC;AAC7D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,KAAA;AAAA;AAEb;AAEO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmB,UAAA,EAAW;AAM9E,EAAA,MAAM,SAAA,GAAY,OAAO,UAAU,CAAA;AACnC,EAAA,SAAA,CAAU,OAAA,GAAU,UAAA;AACpB,EAAA,MAAM,cAAA,GAAiB,OAAO,WAAW,CAAA;AACzC,EAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAEzB,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAe,UAAU,CAAA;AAAA,MACjC,gBAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,MAAA,GAAS,iBAAiB,IAAI,CAAA;AACpC,QAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,QAAA,aAAA,CAAc,MAAM,CAAA;AAAA,MACtB,CAAA;AAAA,MACA,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MACrB,YAAA,EAAc,CAAC,KAAA,EAAO,IAAA,KAAS;AAC7B,QAAA,IAAI,SAAA,CAAU,YAAY,QAAA,EAAU;AACpC,QAAA,MAAM,IAAA,GAAO,EAAE,GAAG,cAAA,CAAe,SAAS,CAAC,IAAI,GAAG,KAAA,EAAM;AACxD,QAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB,CAAA;AAAA,MACA,OAAA,EAAS;AAAA;AAAA,GACX;AAEJ;;;;"}
+{"version":3,"file":"date-range-selector.es.js","sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\n\n/** @deprecated The metrics dashboard picks its range from the filter bar. Use `MetricsTimeRangeChip`. */\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PICKER_PRESETS}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAMO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmB,UAAA,EAAW;AAM9E,EAAA,MAAM,SAAA,GAAY,OAAO,UAAU,CAAA;AACnC,EAAA,SAAA,CAAU,OAAA,GAAU,UAAA;AACpB,EAAA,MAAM,cAAA,GAAiB,OAAO,WAAW,CAAA;AACzC,EAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAEzB,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAe,UAAU,CAAA;AAAA,MACjC,gBAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,MAAA,GAAS,iBAAiB,IAAI,CAAA;AACpC,QAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,QAAA,aAAA,CAAc,MAAM,CAAA;AAAA,MACtB,CAAA;AAAA,MACA,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MACrB,YAAA,EAAc,CAAC,KAAA,EAAO,IAAA,KAAS;AAC7B,QAAA,IAAI,SAAA,CAAU,YAAY,QAAA,EAAU;AACpC,QAAA,MAAM,IAAA,GAAO,EAAE,GAAG,cAAA,CAAe,SAAS,CAAC,IAAI,GAAG,KAAA,EAAM;AACxD,QAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB,CAAA;AAAA,MACA,OAAA,EAAS;AAAA;AAAA,GACX;AAEJ;;;;"}

package/dist/domains/metrics/components/failure-rate-card.cjs.js

@@ -13,7 +13,7 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
+const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-D7fE4EQJ.cjs');
 
 const SERIES = [{ dataKey: "failureRate", label: "Failed runs", color: domains_metrics_lib_chartColors.CHART_COLORS.error }];

package/dist/domains/metrics/components/failure-rate-card.es.js

@@ -9,7 +9,7 @@ import { OpenErrorsInLogsButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
+import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-BBn0LeqC.js';
 
 const SERIES = [{ dataKey: "failureRate", label: "Failed runs", color: CHART_COLORS.error }];

package/dist/domains/metrics/components/latency-card.cjs.js

@@ -15,7 +15,7 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
+const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-D7fE4EQJ.cjs');
 const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-BSzXdRFR.cjs');
 

package/dist/domains/metrics/components/latency-card.es.js

@@ -11,7 +11,7 @@ import { OpenInTracesButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
+import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-BBn0LeqC.js';
 import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-bgRf6KTb.js';
 

package/dist/domains/metrics/components/metrics-time-range-chip.cjs.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const domains_traces_components_traceTimeRangeChip = require('../../traces/components/trace-time-range-chip.cjs.js');
+const domains_metrics_hooks_useMetrics = require('../hooks/use-metrics.cjs.js');
+const domains_metrics_metricsDatePresets = require('../metrics-date-presets.cjs.js');
+
+function MetricsTimeRangeChip() {
+  const { datePreset, setDatePreset, customRange, setCustomRange } = domains_metrics_hooks_useMetrics.useMetrics();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    domains_traces_components_traceTimeRangeChip.TraceTimeRangeChip,
+    {
+      preset: domains_metrics_metricsDatePresets.toPickerPreset(datePreset),
+      onPresetChange: (next) => setDatePreset(domains_metrics_metricsDatePresets.fromPickerPreset(next)),
+      dateFrom: customRange?.from,
+      dateTo: customRange?.to,
+      onDateRangeChange: (from, to) => setCustomRange({ from, to }),
+      presets: domains_metrics_metricsDatePresets.METRICS_PICKER_PRESETS
+    }
+  );
+}
+
+exports.MetricsTimeRangeChip = MetricsTimeRangeChip;
+//# sourceMappingURL=metrics-time-range-chip.cjs.js.map

package/dist/domains/metrics/components/metrics-time-range-chip.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-time-range-chip.cjs.js","sources":["../../../../src/domains/metrics/components/metrics-time-range-chip.tsx"],"sourcesContent":["import { TraceTimeRangeChip } from '../../traces/components/trace-time-range-chip';\nimport { useMetrics } from '../hooks/use-metrics';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\n\n/**\n * The dashboard's date range as the filter bar's `Time` chip, the same chip the Traces page shows.\n * Render it from `FilterBar.Chips` for `TRACE_TIME_RANGE_ITEM`, inside a `MetricsProvider`.\n */\nexport function MetricsTimeRangeChip() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  return (\n    <TraceTimeRangeChip\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => setDatePreset(fromPickerPreset(next))}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      // Relative presets derive their window from the preset alone; only an applied custom range\n      // carries bounds, and both land in one update.\n      onDateRangeChange={(from, to) => setCustomRange({ from, to })}\n      presets={METRICS_PICKER_PRESETS}\n    />\n  );\n}\n"],"names":["useMetrics","jsx","TraceTimeRangeChip","toPickerPreset","fromPickerPreset","METRICS_PICKER_PRESETS"],"mappings":";;;;;;;;;AAQO,SAAS,oBAAA,GAAuB;AACrC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmBA,2CAAA,EAAW;AAE9E,EAAA,uBACEC,cAAA;AAAA,IAACC,+DAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQC,kDAAe,UAAU,CAAA;AAAA,MACjC,cAAA,EAAgB,CAAA,IAAA,KAAQ,aAAA,CAAcC,mDAAA,CAAiB,IAAI,CAAC,CAAA;AAAA,MAC5D,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MAGrB,iBAAA,EAAmB,CAAC,IAAA,EAAM,EAAA,KAAO,eAAe,EAAE,IAAA,EAAM,IAAI,CAAA;AAAA,MAC5D,OAAA,EAASC;AAAA;AAAA,GACX;AAEJ;;;;"}

package/dist/domains/metrics/components/metrics-time-range-chip.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/components/metrics-time-range-chip'
+export {}

package/dist/domains/metrics/components/metrics-time-range-chip.es.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { TraceTimeRangeChip } from '../../traces/components/trace-time-range-chip.es.js';
+import { useMetrics } from '../hooks/use-metrics.es.js';
+import { METRICS_PICKER_PRESETS, fromPickerPreset, toPickerPreset } from '../metrics-date-presets.es.js';
+
+function MetricsTimeRangeChip() {
+  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();
+  return /* @__PURE__ */ jsx(
+    TraceTimeRangeChip,
+    {
+      preset: toPickerPreset(datePreset),
+      onPresetChange: (next) => setDatePreset(fromPickerPreset(next)),
+      dateFrom: customRange?.from,
+      dateTo: customRange?.to,
+      onDateRangeChange: (from, to) => setCustomRange({ from, to }),
+      presets: METRICS_PICKER_PRESETS
+    }
+  );
+}
+
+export { MetricsTimeRangeChip };
+//# sourceMappingURL=metrics-time-range-chip.es.js.map

package/dist/domains/metrics/components/metrics-time-range-chip.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-time-range-chip.es.js","sources":["../../../../src/domains/metrics/components/metrics-time-range-chip.tsx"],"sourcesContent":["import { TraceTimeRangeChip } from '../../traces/components/trace-time-range-chip';\nimport { useMetrics } from '../hooks/use-metrics';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\n\n/**\n * The dashboard's date range as the filter bar's `Time` chip, the same chip the Traces page shows.\n * Render it from `FilterBar.Chips` for `TRACE_TIME_RANGE_ITEM`, inside a `MetricsProvider`.\n */\nexport function MetricsTimeRangeChip() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  return (\n    <TraceTimeRangeChip\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => setDatePreset(fromPickerPreset(next))}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      // Relative presets derive their window from the preset alone; only an applied custom range\n      // carries bounds, and both land in one update.\n      onDateRangeChange={(from, to) => setCustomRange({ from, to })}\n      presets={METRICS_PICKER_PRESETS}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAQO,SAAS,oBAAA,GAAuB;AACrC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmB,UAAA,EAAW;AAE9E,EAAA,uBACE,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAe,UAAU,CAAA;AAAA,MACjC,cAAA,EAAgB,CAAA,IAAA,KAAQ,aAAA,CAAc,gBAAA,CAAiB,IAAI,CAAC,CAAA;AAAA,MAC5D,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MAGrB,iBAAA,EAAmB,CAAC,IAAA,EAAM,EAAA,KAAO,eAAe,EAAE,IAAA,EAAM,IAAI,CAAA;AAAA,MAC5D,OAAA,EAAS;AAAA;AAAA,GACX;AAEJ;;;;"}

package/dist/domains/metrics/components/scores-card.cjs.js

@@ -9,7 +9,7 @@ const domains_metrics_lib_chartColors = require('../lib/chart-colors.cjs.js');
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
+const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-D7fE4EQJ.cjs');
 
 const SCORER_COLORS = [

package/dist/domains/metrics/components/scores-card.es.js

@@ -5,7 +5,7 @@ import { CHART_COLORS } from '../lib/chart-colors.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
+import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-BBn0LeqC.js';
 
 const SCORER_COLORS = [

package/dist/domains/metrics/components/token-usage-card.cjs.js

@@ -14,7 +14,7 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
+const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
 const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-BSzXdRFR.cjs');
 const metricsStackedBarChart = require('../../../metrics-stacked-bar-chart-BKhaGInr.cjs');
 

package/dist/domains/metrics/components/token-usage-card.es.js

@@ -10,7 +10,7 @@ import { OpenInTracesButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
+import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
 import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-bgRf6KTb.js';
 import { M as MetricsStackedBarChart } from '../../../metrics-stacked-bar-chart-3MKRp0RI.js';
 

package/dist/domains/metrics/components/trace-volume-card.cjs.js

@@ -14,7 +14,7 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
+const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
 const metricsShareList = require('../../../metrics-share-list-DfM8dE7e.cjs');
 
 const ROOT_ENTITY = {

package/dist/domains/metrics/components/trace-volume-card.es.js

@@ -10,7 +10,7 @@ import { OpenInTracesButton, OpenErrorsInLogsButton } from './card-action-button
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
+import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
 import { M as MetricsShareList } from '../../../metrics-share-list-2cC_1I1S.js';
 
 const ROOT_ENTITY = {

package/dist/domains/metrics/components/usage-card.cjs.js

@@ -14,7 +14,7 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
+const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
 const metricsShareList = require('../../../metrics-share-list-DfM8dE7e.cjs');
 
 const KEEP = { placeholderData: reactQuery.keepPreviousData };

package/dist/domains/metrics/components/usage-card.es.js

@@ -10,7 +10,7 @@ import { OpenInTracesButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
+import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
 import { M as MetricsShareList } from '../../../metrics-share-list-2cC_1I1S.js';
 
 const KEEP = { placeholderData: keepPreviousData };

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const domains_metrics_components_dateRangeSelector = require('./components/date-range-selector.cjs.js');
+const domains_metrics_components_metricsTimeRangeChip = require('./components/metrics-time-range-chip.cjs.js');
 const domains_metrics_components_cardActionButtons = require('./components/card-action-buttons.cjs.js');
 const domains_metrics_components_chartArea = require('./components/chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./components/chart-card.cjs.js');
@@ -21,6 +22,7 @@ const domains_metrics_components_scoresCard = require('./components/scores-card.
 
 
 exports.DateRangeSelector = domains_metrics_components_dateRangeSelector.DateRangeSelector;
+exports.MetricsTimeRangeChip = domains_metrics_components_metricsTimeRangeChip.MetricsTimeRangeChip;
 exports.OpenErrorsInLogsButton = domains_metrics_components_cardActionButtons.OpenErrorsInLogsButton;
 exports.OpenInTracesButton = domains_metrics_components_cardActionButtons.OpenInTracesButton;
 exports.ChartArea = domains_metrics_components_chartArea.ChartArea;

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

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

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

@@ -1,4 +1,5 @@
 export { DateRangeSelector } from './components/date-range-selector.es.js';
+export { MetricsTimeRangeChip } from './components/metrics-time-range-chip.es.js';
 export { OpenErrorsInLogsButton, OpenInTracesButton } from './components/card-action-buttons.es.js';
 export { ChartArea } from './components/chart-area.es.js';
 export { ChartCard } from './components/chart-card.es.js';

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

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

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

@@ -81,13 +81,17 @@ Object.defineProperty(exports, "useTraceVolumeMetrics", {
 });
 exports.buildLogsDrilldownUrl = domains_metrics_drilldown.buildLogsDrilldownUrl;
 exports.buildTracesDrilldownUrl = domains_metrics_drilldown.buildTracesDrilldownUrl;
+exports.METRICS_FILTER_BAR_OPERATORS = domains_metrics_metricsFilters.METRICS_FILTER_BAR_OPERATORS;
 exports.applyMetricsPropertyFilterTokens = domains_metrics_metricsFilters.applyMetricsPropertyFilterTokens;
 exports.buildMetricsDimensionalFilter = domains_metrics_metricsFilters.buildMetricsDimensionalFilter;
 exports.clearSavedMetricsFilters = domains_metrics_metricsFilters.clearSavedMetricsFilters;
+exports.createMetricsFilterBarFields = domains_metrics_metricsFilters.createMetricsFilterBarFields;
 exports.createMetricsPropertyFilterFields = domains_metrics_metricsFilters.createMetricsPropertyFilterFields;
+exports.filterBarItemsToMetricsTokens = domains_metrics_metricsFilters.filterBarItemsToMetricsTokens;
 exports.getMetricsPropertyFilterTokens = domains_metrics_metricsFilters.getMetricsPropertyFilterTokens;
 exports.hasAnyMetricsFilterParams = domains_metrics_metricsFilters.hasAnyMetricsFilterParams;
 exports.loadMetricsFiltersFromStorage = domains_metrics_metricsFilters.loadMetricsFiltersFromStorage;
+exports.metricsTokensToFilterBarItems = domains_metrics_metricsFilters.metricsTokensToFilterBarItems;
 exports.saveMetricsFiltersToStorage = domains_metrics_metricsFilters.saveMetricsFiltersToStorage;
 exports.useMetricsActivity = domains_metrics_hooks_useMetricsActivity.useMetricsActivity;
 exports.useMetricsLatency = domains_metrics_hooks_useMetricsLatency.useMetricsLatency;

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

@@ -2,7 +2,7 @@ export { DATE_PRESETS, MetricsProvider, isValidPreset, useMetrics } from './hook
 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 { buildLogsDrilldownUrl, buildTracesDrilldownUrl } from './drilldown.es.js';
-export { applyMetricsPropertyFilterTokens, buildMetricsDimensionalFilter, clearSavedMetricsFilters, createMetricsPropertyFilterFields, getMetricsPropertyFilterTokens, hasAnyMetricsFilterParams, loadMetricsFiltersFromStorage, saveMetricsFiltersToStorage } from './metrics-filters.es.js';
+export { METRICS_FILTER_BAR_OPERATORS, applyMetricsPropertyFilterTokens, buildMetricsDimensionalFilter, clearSavedMetricsFilters, createMetricsFilterBarFields, createMetricsPropertyFilterFields, filterBarItemsToMetricsTokens, getMetricsPropertyFilterTokens, hasAnyMetricsFilterParams, loadMetricsFiltersFromStorage, metricsTokensToFilterBarItems, 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';

package/dist/domains/metrics/metrics-date-presets.cjs.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const METRICS_PICKER_PRESETS = [
+  "last-24h",
+  "last-3d",
+  "last-7d",
+  "last-14d",
+  "last-30d",
+  "custom"
+];
+function toPickerPreset(preset) {
+  switch (preset) {
+    case "3d":
+      return "last-3d";
+    case "7d":
+      return "last-7d";
+    case "14d":
+      return "last-14d";
+    case "30d":
+      return "last-30d";
+    case "custom":
+      return "custom";
+    default:
+      return "last-24h";
+  }
+}
+function fromPickerPreset(preset) {
+  switch (preset) {
+    case "last-3d":
+      return "3d";
+    case "last-7d":
+      return "7d";
+    case "last-14d":
+      return "14d";
+    case "last-30d":
+      return "30d";
+    case "custom":
+      return "custom";
+    default:
+      return "24h";
+  }
+}
+
+exports.METRICS_PICKER_PRESETS = METRICS_PICKER_PRESETS;
+exports.fromPickerPreset = fromPickerPreset;
+exports.toPickerPreset = toPickerPreset;
+//# sourceMappingURL=metrics-date-presets.cjs.js.map

package/dist/domains/metrics/metrics-date-presets.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-date-presets.cjs.js","sources":["../../../src/domains/metrics/metrics-date-presets.ts"],"sourcesContent":["import type { DatePreset } from './hooks/use-metrics';\nimport type { DateRangePreset } from '@/ds/components/DateTimeRangePicker';\n\n/** The date presets the metrics dashboard offers, in `DateTimeRangePicker` terms. */\nexport const METRICS_PICKER_PRESETS: readonly DateRangePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nexport function toPickerPreset(preset: DatePreset): DateRangePreset {\n  switch (preset) {\n    case '3d':\n      return 'last-3d';\n    case '7d':\n      return 'last-7d';\n    case '14d':\n      return 'last-14d';\n    case '30d':\n      return 'last-30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return 'last-24h';\n  }\n}\n\nexport function fromPickerPreset(preset: DateRangePreset): DatePreset {\n  switch (preset) {\n    case 'last-3d':\n      return '3d';\n    case 'last-7d':\n      return '7d';\n    case 'last-14d':\n      return '14d';\n    case 'last-30d':\n      return '30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return '24h';\n  }\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,sBAAA,GAAqD;AAAA,EAChE,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF;AAEO,SAAS,eAAe,MAAA,EAAqC;AAClE,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,UAAA;AAAA;AAEb;AAEO,SAAS,iBAAiB,MAAA,EAAqC;AACpE,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,KAAA;AAAA;AAEb;;;;;;"}

package/dist/domains/metrics/metrics-date-presets.d.ts

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

package/dist/domains/metrics/metrics-date-presets.es.js

@@ -0,0 +1,43 @@
+const METRICS_PICKER_PRESETS = [
+  "last-24h",
+  "last-3d",
+  "last-7d",
+  "last-14d",
+  "last-30d",
+  "custom"
+];
+function toPickerPreset(preset) {
+  switch (preset) {
+    case "3d":
+      return "last-3d";
+    case "7d":
+      return "last-7d";
+    case "14d":
+      return "last-14d";
+    case "30d":
+      return "last-30d";
+    case "custom":
+      return "custom";
+    default:
+      return "last-24h";
+  }
+}
+function fromPickerPreset(preset) {
+  switch (preset) {
+    case "last-3d":
+      return "3d";
+    case "last-7d":
+      return "7d";
+    case "last-14d":
+      return "14d";
+    case "last-30d":
+      return "30d";
+    case "custom":
+      return "custom";
+    default:
+      return "24h";
+  }
+}
+
+export { METRICS_PICKER_PRESETS, fromPickerPreset, toPickerPreset };
+//# sourceMappingURL=metrics-date-presets.es.js.map

package/dist/domains/metrics/metrics-date-presets.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-date-presets.es.js","sources":["../../../src/domains/metrics/metrics-date-presets.ts"],"sourcesContent":["import type { DatePreset } from './hooks/use-metrics';\nimport type { DateRangePreset } from '@/ds/components/DateTimeRangePicker';\n\n/** The date presets the metrics dashboard offers, in `DateTimeRangePicker` terms. */\nexport const METRICS_PICKER_PRESETS: readonly DateRangePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nexport function toPickerPreset(preset: DatePreset): DateRangePreset {\n  switch (preset) {\n    case '3d':\n      return 'last-3d';\n    case '7d':\n      return 'last-7d';\n    case '14d':\n      return 'last-14d';\n    case '30d':\n      return 'last-30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return 'last-24h';\n  }\n}\n\nexport function fromPickerPreset(preset: DateRangePreset): DatePreset {\n  switch (preset) {\n    case 'last-3d':\n      return '3d';\n    case 'last-7d':\n      return '7d';\n    case 'last-14d':\n      return '14d';\n    case 'last-30d':\n      return '30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return '24h';\n  }\n}\n"],"names":[],"mappings":"AAIO,MAAM,sBAAA,GAAqD;AAAA,EAChE,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF;AAEO,SAAS,eAAe,MAAA,EAAqC;AAClE,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,UAAA;AAAA;AAEb;AAEO,SAAS,iBAAiB,MAAA,EAAqC;AACpE,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,KAAA;AAAA;AAEb;;;;"}