@mastra/playground-ui 58.0.0 → 59.0.0-alpha.1

package/dist/domains/memory/lib/timeline.cjs.js

@@ -25,16 +25,7 @@ function toT(isoString, domain) {
 function tToTimestamp(t, domain) {
   return new Date(domain.tMin + t * (domain.tMax - domain.tMin));
 }
-function formatTimeDisplay(date) {
-  const day = String(date.getUTCDate()).padStart(2, "0");
-  const month = String(date.getUTCMonth() + 1).padStart(2, "0");
-  const h = String(date.getUTCHours()).padStart(2, "0");
-  const m = String(date.getUTCMinutes()).padStart(2, "0");
-  const s = String(date.getUTCSeconds()).padStart(2, "0");
-  return `${day}/${month} ${h}:${m}:${s}`;
-}
 
-exports.formatTimeDisplay = formatTimeDisplay;
 exports.parseUTC = parseUTC;
 exports.tToTimestamp = tToTimestamp;
 exports.timestampsToTDomain = timestampsToTDomain;

package/dist/domains/memory/lib/timeline.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.cjs.js","sources":["../../../../src/domains/memory/lib/timeline.ts"],"sourcesContent":["export interface TDomain {\n  tMin: number;\n  tMax: number;\n}\n\nexport function parseUTC(ts: string): number {\n  if (/[Zz+-]\\d{0,4}$/.test(ts.trim())) return new Date(ts).getTime();\n  return new Date(ts.trim().replace(' ', 'T') + 'Z').getTime();\n}\n\nexport function timestampsToTDomain(timestamps: string[]): TDomain {\n  if (timestamps.length === 0) return { tMin: 0, tMax: 1 };\n\n  let min = Infinity;\n  let max = -Infinity;\n\n  for (const ts of timestamps) {\n    const t = parseUTC(ts);\n    if (t < min) min = t;\n    if (t > max) max = t;\n  }\n\n  if (min === max) return { tMin: min, tMax: min + 1 };\n\n  return { tMin: min, tMax: max };\n}\n\nexport function toT(isoString: string, domain: TDomain): number {\n  const t = parseUTC(isoString);\n  return (t - domain.tMin) / (domain.tMax - domain.tMin);\n}\n\nexport function tToTimestamp(t: number, domain: TDomain): Date {\n  return new Date(domain.tMin + t * (domain.tMax - domain.tMin));\n}\n\nexport function formatTimeDisplay(date: Date): string {\n  const day = String(date.getUTCDate()).padStart(2, '0');\n  const month = String(date.getUTCMonth() + 1).padStart(2, '0');\n  const h = String(date.getUTCHours()).padStart(2, '0');\n  const m = String(date.getUTCMinutes()).padStart(2, '0');\n  const s = String(date.getUTCSeconds()).padStart(2, '0');\n  return `${day}/${month} ${h}:${m}:${s}`;\n}\n"],"names":[],"mappings":";;;;AAKO,SAAS,SAAS,EAAA,EAAoB;AAC3C,EAAA,IAAI,gBAAA,CAAiB,IAAA,CAAK,EAAA,CAAG,IAAA,EAAM,CAAA,EAAG,OAAO,IAAI,IAAA,CAAK,EAAE,CAAA,CAAE,OAAA,EAAQ;AAClE,EAAA,OAAA,iBAAO,IAAI,IAAA,CAAK,EAAA,CAAG,IAAA,EAAK,CAAE,OAAA,CAAQ,GAAA,EAAK,GAAG,CAAA,GAAI,GAAG,CAAA,EAAE,OAAA,EAAQ;AAC7D;AAEO,SAAS,oBAAoB,UAAA,EAA+B;AACjE,EAAA,IAAI,UAAA,CAAW,WAAW,CAAA,EAAG,OAAO,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,CAAA,EAAE;AAEvD,EAAA,IAAI,GAAA,GAAM,QAAA;AACV,EAAA,IAAI,GAAA,GAAM,CAAA,QAAA;AAEV,EAAA,KAAA,MAAW,MAAM,UAAA,EAAY;AAC3B,IAAA,MAAM,CAAA,GAAI,SAAS,EAAE,CAAA;AACrB,IAAA,IAAI,CAAA,GAAI,KAAK,GAAA,GAAM,CAAA;AACnB,IAAA,IAAI,CAAA,GAAI,KAAK,GAAA,GAAM,CAAA;AAAA,EACrB;AAEA,EAAA,IAAI,GAAA,KAAQ,KAAK,OAAO,EAAE,MAAM,GAAA,EAAK,IAAA,EAAM,MAAM,CAAA,EAAE;AAEnD,EAAA,OAAO,EAAE,IAAA,EAAM,GAAA,EAAK,IAAA,EAAM,GAAA,EAAI;AAChC;AAEO,SAAS,GAAA,CAAI,WAAmB,MAAA,EAAyB;AAC9D,EAAA,MAAM,CAAA,GAAI,SAAS,SAAS,CAAA;AAC5B,EAAA,OAAA,CAAQ,CAAA,GAAI,MAAA,CAAO,IAAA,KAAS,MAAA,CAAO,OAAO,MAAA,CAAO,IAAA,CAAA;AACnD;AAEO,SAAS,YAAA,CAAa,GAAW,MAAA,EAAuB;AAC7D,EAAA,OAAO,IAAI,KAAK,MAAA,CAAO,IAAA,GAAO,KAAK,MAAA,CAAO,IAAA,GAAO,OAAO,IAAA,CAAK,CAAA;AAC/D;AAEO,SAAS,kBAAkB,IAAA,EAAoB;AACpD,EAAA,MAAM,GAAA,GAAM,OAAO,IAAA,CAAK,UAAA,EAAY,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AACrD,EAAA,MAAM,KAAA,GAAQ,OAAO,IAAA,CAAK,WAAA,KAAgB,CAAC,CAAA,CAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAA;AAC5D,EAAA,MAAM,CAAA,GAAI,OAAO,IAAA,CAAK,WAAA,EAAa,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AACpD,EAAA,MAAM,CAAA,GAAI,OAAO,IAAA,CAAK,aAAA,EAAe,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AACtD,EAAA,MAAM,CAAA,GAAI,OAAO,IAAA,CAAK,aAAA,EAAe,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AACtD,EAAA,OAAO,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,KAAK,IAAI,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA;AACvC;;;;;;;;"}
+{"version":3,"file":"timeline.cjs.js","sources":["../../../../src/domains/memory/lib/timeline.ts"],"sourcesContent":["export interface TDomain {\n  tMin: number;\n  tMax: number;\n}\n\nexport function parseUTC(ts: string): number {\n  if (/[Zz+-]\\d{0,4}$/.test(ts.trim())) return new Date(ts).getTime();\n  return new Date(ts.trim().replace(' ', 'T') + 'Z').getTime();\n}\n\nexport function timestampsToTDomain(timestamps: string[]): TDomain {\n  if (timestamps.length === 0) return { tMin: 0, tMax: 1 };\n\n  let min = Infinity;\n  let max = -Infinity;\n\n  for (const ts of timestamps) {\n    const t = parseUTC(ts);\n    if (t < min) min = t;\n    if (t > max) max = t;\n  }\n\n  if (min === max) return { tMin: min, tMax: min + 1 };\n\n  return { tMin: min, tMax: max };\n}\n\nexport function toT(isoString: string, domain: TDomain): number {\n  const t = parseUTC(isoString);\n  return (t - domain.tMin) / (domain.tMax - domain.tMin);\n}\n\nexport function tToTimestamp(t: number, domain: TDomain): Date {\n  return new Date(domain.tMin + t * (domain.tMax - domain.tMin));\n}\n"],"names":[],"mappings":";;;;AAKO,SAAS,SAAS,EAAA,EAAoB;AAC3C,EAAA,IAAI,gBAAA,CAAiB,IAAA,CAAK,EAAA,CAAG,IAAA,EAAM,CAAA,EAAG,OAAO,IAAI,IAAA,CAAK,EAAE,CAAA,CAAE,OAAA,EAAQ;AAClE,EAAA,OAAA,iBAAO,IAAI,IAAA,CAAK,EAAA,CAAG,IAAA,EAAK,CAAE,OAAA,CAAQ,GAAA,EAAK,GAAG,CAAA,GAAI,GAAG,CAAA,EAAE,OAAA,EAAQ;AAC7D;AAEO,SAAS,oBAAoB,UAAA,EAA+B;AACjE,EAAA,IAAI,UAAA,CAAW,WAAW,CAAA,EAAG,OAAO,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,CAAA,EAAE;AAEvD,EAAA,IAAI,GAAA,GAAM,QAAA;AACV,EAAA,IAAI,GAAA,GAAM,CAAA,QAAA;AAEV,EAAA,KAAA,MAAW,MAAM,UAAA,EAAY;AAC3B,IAAA,MAAM,CAAA,GAAI,SAAS,EAAE,CAAA;AACrB,IAAA,IAAI,CAAA,GAAI,KAAK,GAAA,GAAM,CAAA;AACnB,IAAA,IAAI,CAAA,GAAI,KAAK,GAAA,GAAM,CAAA;AAAA,EACrB;AAEA,EAAA,IAAI,GAAA,KAAQ,KAAK,OAAO,EAAE,MAAM,GAAA,EAAK,IAAA,EAAM,MAAM,CAAA,EAAE;AAEnD,EAAA,OAAO,EAAE,IAAA,EAAM,GAAA,EAAK,IAAA,EAAM,GAAA,EAAI;AAChC;AAEO,SAAS,GAAA,CAAI,WAAmB,MAAA,EAAyB;AAC9D,EAAA,MAAM,CAAA,GAAI,SAAS,SAAS,CAAA;AAC5B,EAAA,OAAA,CAAQ,CAAA,GAAI,MAAA,CAAO,IAAA,KAAS,MAAA,CAAO,OAAO,MAAA,CAAO,IAAA,CAAA;AACnD;AAEO,SAAS,YAAA,CAAa,GAAW,MAAA,EAAuB;AAC7D,EAAA,OAAO,IAAI,KAAK,MAAA,CAAO,IAAA,GAAO,KAAK,MAAA,CAAO,IAAA,GAAO,OAAO,IAAA,CAAK,CAAA;AAC/D;;;;;;;"}

package/dist/domains/memory/lib/timeline.es.js

@@ -21,14 +21,6 @@ function toT(isoString, domain) {
 function tToTimestamp(t, domain) {
   return new Date(domain.tMin + t * (domain.tMax - domain.tMin));
 }
-function formatTimeDisplay(date) {
-  const day = String(date.getUTCDate()).padStart(2, "0");
-  const month = String(date.getUTCMonth() + 1).padStart(2, "0");
-  const h = String(date.getUTCHours()).padStart(2, "0");
-  const m = String(date.getUTCMinutes()).padStart(2, "0");
-  const s = String(date.getUTCSeconds()).padStart(2, "0");
-  return `${day}/${month} ${h}:${m}:${s}`;
-}
 
-export { formatTimeDisplay, parseUTC, tToTimestamp, timestampsToTDomain, toT };
+export { parseUTC, tToTimestamp, timestampsToTDomain, toT };
 //# sourceMappingURL=timeline.es.js.map

package/dist/domains/memory/lib/timeline.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.es.js","sources":["../../../../src/domains/memory/lib/timeline.ts"],"sourcesContent":["export interface TDomain {\n  tMin: number;\n  tMax: number;\n}\n\nexport function parseUTC(ts: string): number {\n  if (/[Zz+-]\\d{0,4}$/.test(ts.trim())) return new Date(ts).getTime();\n  return new Date(ts.trim().replace(' ', 'T') + 'Z').getTime();\n}\n\nexport function timestampsToTDomain(timestamps: string[]): TDomain {\n  if (timestamps.length === 0) return { tMin: 0, tMax: 1 };\n\n  let min = Infinity;\n  let max = -Infinity;\n\n  for (const ts of timestamps) {\n    const t = parseUTC(ts);\n    if (t < min) min = t;\n    if (t > max) max = t;\n  }\n\n  if (min === max) return { tMin: min, tMax: min + 1 };\n\n  return { tMin: min, tMax: max };\n}\n\nexport function toT(isoString: string, domain: TDomain): number {\n  const t = parseUTC(isoString);\n  return (t - domain.tMin) / (domain.tMax - domain.tMin);\n}\n\nexport function tToTimestamp(t: number, domain: TDomain): Date {\n  return new Date(domain.tMin + t * (domain.tMax - domain.tMin));\n}\n\nexport function formatTimeDisplay(date: Date): string {\n  const day = String(date.getUTCDate()).padStart(2, '0');\n  const month = String(date.getUTCMonth() + 1).padStart(2, '0');\n  const h = String(date.getUTCHours()).padStart(2, '0');\n  const m = String(date.getUTCMinutes()).padStart(2, '0');\n  const s = String(date.getUTCSeconds()).padStart(2, '0');\n  return `${day}/${month} ${h}:${m}:${s}`;\n}\n"],"names":[],"mappings":"AAKO,SAAS,SAAS,EAAA,EAAoB;AAC3C,EAAA,IAAI,gBAAA,CAAiB,IAAA,CAAK,EAAA,CAAG,IAAA,EAAM,CAAA,EAAG,OAAO,IAAI,IAAA,CAAK,EAAE,CAAA,CAAE,OAAA,EAAQ;AAClE,EAAA,OAAA,iBAAO,IAAI,IAAA,CAAK,EAAA,CAAG,IAAA,EAAK,CAAE,OAAA,CAAQ,GAAA,EAAK,GAAG,CAAA,GAAI,GAAG,CAAA,EAAE,OAAA,EAAQ;AAC7D;AAEO,SAAS,oBAAoB,UAAA,EAA+B;AACjE,EAAA,IAAI,UAAA,CAAW,WAAW,CAAA,EAAG,OAAO,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,CAAA,EAAE;AAEvD,EAAA,IAAI,GAAA,GAAM,QAAA;AACV,EAAA,IAAI,GAAA,GAAM,CAAA,QAAA;AAEV,EAAA,KAAA,MAAW,MAAM,UAAA,EAAY;AAC3B,IAAA,MAAM,CAAA,GAAI,SAAS,EAAE,CAAA;AACrB,IAAA,IAAI,CAAA,GAAI,KAAK,GAAA,GAAM,CAAA;AACnB,IAAA,IAAI,CAAA,GAAI,KAAK,GAAA,GAAM,CAAA;AAAA,EACrB;AAEA,EAAA,IAAI,GAAA,KAAQ,KAAK,OAAO,EAAE,MAAM,GAAA,EAAK,IAAA,EAAM,MAAM,CAAA,EAAE;AAEnD,EAAA,OAAO,EAAE,IAAA,EAAM,GAAA,EAAK,IAAA,EAAM,GAAA,EAAI;AAChC;AAEO,SAAS,GAAA,CAAI,WAAmB,MAAA,EAAyB;AAC9D,EAAA,MAAM,CAAA,GAAI,SAAS,SAAS,CAAA;AAC5B,EAAA,OAAA,CAAQ,CAAA,GAAI,MAAA,CAAO,IAAA,KAAS,MAAA,CAAO,OAAO,MAAA,CAAO,IAAA,CAAA;AACnD;AAEO,SAAS,YAAA,CAAa,GAAW,MAAA,EAAuB;AAC7D,EAAA,OAAO,IAAI,KAAK,MAAA,CAAO,IAAA,GAAO,KAAK,MAAA,CAAO,IAAA,GAAO,OAAO,IAAA,CAAK,CAAA;AAC/D;AAEO,SAAS,kBAAkB,IAAA,EAAoB;AACpD,EAAA,MAAM,GAAA,GAAM,OAAO,IAAA,CAAK,UAAA,EAAY,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AACrD,EAAA,MAAM,KAAA,GAAQ,OAAO,IAAA,CAAK,WAAA,KAAgB,CAAC,CAAA,CAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAA;AAC5D,EAAA,MAAM,CAAA,GAAI,OAAO,IAAA,CAAK,WAAA,EAAa,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AACpD,EAAA,MAAM,CAAA,GAAI,OAAO,IAAA,CAAK,aAAA,EAAe,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AACtD,EAAA,MAAM,CAAA,GAAI,OAAO,IAAA,CAAK,aAAA,EAAe,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AACtD,EAAA,OAAO,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,KAAK,IAAI,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA;AACvC;;;;"}
+{"version":3,"file":"timeline.es.js","sources":["../../../../src/domains/memory/lib/timeline.ts"],"sourcesContent":["export interface TDomain {\n  tMin: number;\n  tMax: number;\n}\n\nexport function parseUTC(ts: string): number {\n  if (/[Zz+-]\\d{0,4}$/.test(ts.trim())) return new Date(ts).getTime();\n  return new Date(ts.trim().replace(' ', 'T') + 'Z').getTime();\n}\n\nexport function timestampsToTDomain(timestamps: string[]): TDomain {\n  if (timestamps.length === 0) return { tMin: 0, tMax: 1 };\n\n  let min = Infinity;\n  let max = -Infinity;\n\n  for (const ts of timestamps) {\n    const t = parseUTC(ts);\n    if (t < min) min = t;\n    if (t > max) max = t;\n  }\n\n  if (min === max) return { tMin: min, tMax: min + 1 };\n\n  return { tMin: min, tMax: max };\n}\n\nexport function toT(isoString: string, domain: TDomain): number {\n  const t = parseUTC(isoString);\n  return (t - domain.tMin) / (domain.tMax - domain.tMin);\n}\n\nexport function tToTimestamp(t: number, domain: TDomain): Date {\n  return new Date(domain.tMin + t * (domain.tMax - domain.tMin));\n}\n"],"names":[],"mappings":"AAKO,SAAS,SAAS,EAAA,EAAoB;AAC3C,EAAA,IAAI,gBAAA,CAAiB,IAAA,CAAK,EAAA,CAAG,IAAA,EAAM,CAAA,EAAG,OAAO,IAAI,IAAA,CAAK,EAAE,CAAA,CAAE,OAAA,EAAQ;AAClE,EAAA,OAAA,iBAAO,IAAI,IAAA,CAAK,EAAA,CAAG,IAAA,EAAK,CAAE,OAAA,CAAQ,GAAA,EAAK,GAAG,CAAA,GAAI,GAAG,CAAA,EAAE,OAAA,EAAQ;AAC7D;AAEO,SAAS,oBAAoB,UAAA,EAA+B;AACjE,EAAA,IAAI,UAAA,CAAW,WAAW,CAAA,EAAG,OAAO,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,CAAA,EAAE;AAEvD,EAAA,IAAI,GAAA,GAAM,QAAA;AACV,EAAA,IAAI,GAAA,GAAM,CAAA,QAAA;AAEV,EAAA,KAAA,MAAW,MAAM,UAAA,EAAY;AAC3B,IAAA,MAAM,CAAA,GAAI,SAAS,EAAE,CAAA;AACrB,IAAA,IAAI,CAAA,GAAI,KAAK,GAAA,GAAM,CAAA;AACnB,IAAA,IAAI,CAAA,GAAI,KAAK,GAAA,GAAM,CAAA;AAAA,EACrB;AAEA,EAAA,IAAI,GAAA,KAAQ,KAAK,OAAO,EAAE,MAAM,GAAA,EAAK,IAAA,EAAM,MAAM,CAAA,EAAE;AAEnD,EAAA,OAAO,EAAE,IAAA,EAAM,GAAA,EAAK,IAAA,EAAM,GAAA,EAAI;AAChC;AAEO,SAAS,GAAA,CAAI,WAAmB,MAAA,EAAyB;AAC9D,EAAA,MAAM,CAAA,GAAI,SAAS,SAAS,CAAA;AAC5B,EAAA,OAAA,CAAQ,CAAA,GAAI,MAAA,CAAO,IAAA,KAAS,MAAA,CAAO,OAAO,MAAA,CAAO,IAAA,CAAA;AACnD;AAEO,SAAS,YAAA,CAAa,GAAW,MAAA,EAAuB;AAC7D,EAAA,OAAO,IAAI,KAAK,MAAA,CAAO,IAAA,GAAO,KAAK,MAAA,CAAO,IAAA,GAAO,OAAO,IAAA,CAAK,CAAA;AAC/D;;;;"}

package/dist/domains/metrics/components/bar-list.cjs.js

@@ -36,7 +36,7 @@ function BarListContent({
           ),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white", children: d.name })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-mono text-caption text-foreground tabular-nums", children: fmt(d.value) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-caption text-foreground tabular-nums", children: fmt(d.value) })
       ] }, d.name);
     }) })
   ] });
@@ -76,7 +76,7 @@ function StackedRunsBars({ data }) {
                 style: { width: `${completedWidth}%`, backgroundColor: domains_metrics_components_metricsUtils.CHART_COLORS.blue }
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { side: "top", className: "font-mono", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { side: "top", children: [
               d.completed.toLocaleString(),
               " completed"
             ] })
@@ -96,14 +96,14 @@ function StackedRunsBars({ data }) {
                 }
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { side: "top", className: "font-mono", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { side: "top", children: [
               d.errors.toLocaleString(),
               " errors"
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white", children: d.name })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 font-mono text-caption text-foreground tabular-nums", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-caption text-foreground tabular-nums", children: [
           total.toLocaleString(),
           " (",
           successPct,

package/dist/domains/metrics/components/bar-list.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar-list.cjs.js","sources":["../../../../src/domains/metrics/components/bar-list.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../../../ds/components/Tooltip';\nimport { CHART_COLORS } from './metrics-utils';\n\nexport function BarListContent({\n  data,\n  maxVal,\n  fmt,\n  color,\n  valueLabel,\n  legend,\n}: {\n  data: Array<{ name: string; value: number }>;\n  maxVal: number;\n  fmt: (v: number) => string;\n  color: string;\n  valueLabel?: string;\n  legend?: Array<{ color: string; label: string }>;\n}) {\n  const sorted = [...data].sort((a, b) => b.value - a.value);\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {legend?.map(l => (\n            <div key={l.label} className=\"flex items-center gap-1.5\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: l.color }} />\n              <span className=\"text-caption text-placeholder\">{l.label}</span>\n            </div>\n          ))}\n        </div>\n        {valueLabel && <span className=\"shrink-0 text-caption text-placeholder\">{valueLabel}</span>}\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const pct = Math.min(Math.max(maxVal > 0 ? (d.value / maxVal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <div\n                  className=\"absolute inset-y-0 left-0 rounded\"\n                  style={{ width: `${pct}%`, backgroundColor: color }}\n                />\n                <span className=\"absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 font-mono text-caption text-foreground tabular-nums\">{fmt(d.value)}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport function StackedRunsBars({ data }: { data: Array<{ name: string; completed: number; errors: number }> }) {\n  const sorted = [...data].sort((a, b) => b.completed + b.errors - (a.completed + a.errors));\n  const maxTotal = Math.max(...sorted.map(d => d.completed + d.errors));\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.blue }} />\n            <span className=\"text-caption text-placeholder\">Completed</span>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.red }} />\n            <span className=\"text-caption text-placeholder\">Errors</span>\n          </div>\n        </div>\n        <span className=\"shrink-0 text-caption text-placeholder\">Total (Success)</span>\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const total = d.completed + d.errors;\n          const successPct = total > 0 ? ((d.completed / total) * 100).toFixed(1) : '0.0';\n          const completedWidth = Math.min(Math.max(maxTotal > 0 ? (d.completed / maxTotal) * 100 : 0, 0), 100);\n          const errorsWidth = Math.min(Math.max(maxTotal > 0 ? (d.errors / maxTotal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.completed.toLocaleString()} completed`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 left-0 cursor-default rounded-l\"\n                      style={{ width: `${completedWidth}%`, backgroundColor: CHART_COLORS.blue }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.completed.toLocaleString()} completed\n                  </TooltipContent>\n                </Tooltip>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.errors.toLocaleString()} errors`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 cursor-default rounded-r\"\n                      style={{\n                        left: `${completedWidth}%`,\n                        width: `${errorsWidth}%`,\n                        backgroundColor: CHART_COLORS.red,\n                      }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.errors.toLocaleString()} errors\n                  </TooltipContent>\n                </Tooltip>\n                <span className=\"pointer-events-none absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 font-mono text-caption text-foreground tabular-nums\">\n                {total.toLocaleString()} ({successPct}%)\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CHART_COLORS","Tooltip","TooltipTrigger","TooltipContent"],"mappings":";;;;;;;;AAGO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,MAAA,GAAS,CAAC,GAAG,IAAI,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,KAAA,GAAQ,CAAA,CAAE,KAAK,CAAA;AACzD,EAAA,uCACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gCAAA,EACZ,QAAA,EAAA,MAAA,EAAQ,IAAI,CAAA,CAAA,qBACXD,eAAA,CAAC,KAAA,EAAA,EAAkB,SAAA,EAAU,2BAAA,EAC3B,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EAAsB,KAAA,EAAO,EAAE,eAAA,EAAiB,CAAA,CAAE,OAAM,EAAG,CAAA;AAAA,wBAC1EA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAiC,YAAE,KAAA,EAAM;AAAA,OAAA,EAAA,EAFjD,CAAA,CAAE,KAGZ,CACD,CAAA,EACH,CAAA;AAAA,MACC,UAAA,oBAAcA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0CAA0C,QAAA,EAAA,UAAA,EAAW;AAAA,KAAA,EACtF,CAAA;AAAA,mCACC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EACZ,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,CAAA,KAAK;AACf,MAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,IAAI,MAAA,GAAS,CAAA,GAAK,CAAA,CAAE,KAAA,GAAQ,MAAA,GAAU,GAAA,GAAM,CAAA,EAAG,CAAC,GAAG,GAAG,CAAA;AAChF,MAAA,uBACED,eAAA,CAAC,KAAA,EAAA,EAAiB,SAAA,EAAU,+BAAA,EAC1B,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,mCAAA;AAAA,cACV,OAAO,EAAE,KAAA,EAAO,GAAG,GAAG,CAAA,CAAA,CAAA,EAAK,iBAAiB,KAAA;AAAM;AAAA,WACpD;AAAA,0BACAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uFAAA,EACb,YAAE,IAAA,EACL;AAAA,SAAA,EACF,CAAA;AAAA,uCACC,MAAA,EAAA,EAAK,SAAA,EAAU,gEAAgE,QAAA,EAAA,GAAA,CAAI,CAAA,CAAE,KAAK,CAAA,EAAE;AAAA,OAAA,EAAA,EAVrF,EAAE,IAWZ,CAAA;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,eAAA,CAAgB,EAAE,IAAA,EAAK,EAAyE;AAC9G,EAAA,MAAM,SAAS,CAAC,GAAG,IAAI,CAAA,CAAE,KAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA,CAAE,MAAA,IAAU,CAAA,CAAE,SAAA,GAAY,EAAE,MAAA,CAAO,CAAA;AACzF,EAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,GAAG,MAAA,CAAO,GAAA,CAAI,CAAA,CAAA,KAAK,CAAA,CAAE,SAAA,GAAY,CAAA,CAAE,MAAM,CAAC,CAAA;AACpE,EAAA,uCACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gCAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EAAsB,KAAA,EAAO,EAAE,eAAA,EAAiBC,oDAAA,CAAa,MAAK,EAAG,CAAA;AAAA,0BACpFD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAgC,QAAA,EAAA,WAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,wBACAD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EAAsB,KAAA,EAAO,EAAE,eAAA,EAAiBC,oDAAA,CAAa,KAAI,EAAG,CAAA;AAAA,0BACnFD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAgC,QAAA,EAAA,QAAA,EAAM;AAAA,SAAA,EACxD;AAAA,OAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAAyC,QAAA,EAAA,iBAAA,EAAe;AAAA,KAAA,EAC1E,CAAA;AAAA,mCACC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EACZ,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,CAAA,KAAK;AACf,MAAA,MAAM,KAAA,GAAQ,CAAA,CAAE,SAAA,GAAY,CAAA,CAAE,MAAA;AAC9B,MAAA,MAAM,UAAA,GAAa,QAAQ,CAAA,GAAA,CAAM,CAAA,CAAE,YAAY,KAAA,GAAS,GAAA,EAAK,OAAA,CAAQ,CAAC,CAAA,GAAI,KAAA;AAC1E,MAAA,MAAM,cAAA,GAAiB,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,IAAI,QAAA,GAAW,CAAA,GAAK,CAAA,CAAE,SAAA,GAAY,QAAA,GAAY,GAAA,GAAM,CAAA,EAAG,CAAC,GAAG,GAAG,CAAA;AACnG,MAAA,MAAM,WAAA,GAAc,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,IAAI,QAAA,GAAW,CAAA,GAAK,CAAA,CAAE,MAAA,GAAS,QAAA,GAAY,GAAA,GAAM,CAAA,EAAG,CAAC,GAAG,GAAG,CAAA;AAC7F,MAAA,uBACED,eAAA,CAAC,KAAA,EAAA,EAAiB,SAAA,EAAU,+BAAA,EAC1B,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,0BAAAA,eAAA,CAACG,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAAF,cAAA,CAACG,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAH,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,KAAA;AAAA,gBACL,YAAA,EAAY,CAAA,EAAG,CAAA,CAAE,SAAA,CAAU,gBAAgB,CAAA,UAAA,CAAA;AAAA,gBAC3C,QAAA,EAAU,CAAA;AAAA,gBACV,SAAA,EAAU,oDAAA;AAAA,gBACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,cAAc,CAAA,CAAA,CAAA,EAAK,eAAA,EAAiBC,qDAAa,IAAA;AAAK;AAAA,aAC3E,EACF,CAAA;AAAA,4BACAF,eAAA,CAACK,sBAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,WAAU,WAAA,EAClC,QAAA,EAAA;AAAA,cAAA,CAAA,CAAE,UAAU,cAAA,EAAe;AAAA,cAAE;AAAA,aAAA,EAChC;AAAA,WAAA,EACF,CAAA;AAAA,0CACCF,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAAF,cAAA,CAACG,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAH,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,KAAA;AAAA,gBACL,YAAA,EAAY,CAAA,EAAG,CAAA,CAAE,MAAA,CAAO,gBAAgB,CAAA,OAAA,CAAA;AAAA,gBACxC,QAAA,EAAU,CAAA;AAAA,gBACV,SAAA,EAAU,6CAAA;AAAA,gBACV,KAAA,EAAO;AAAA,kBACL,IAAA,EAAM,GAAG,cAAc,CAAA,CAAA,CAAA;AAAA,kBACvB,KAAA,EAAO,GAAG,WAAW,CAAA,CAAA,CAAA;AAAA,kBACrB,iBAAiBC,oDAAA,CAAa;AAAA;AAChC;AAAA,aACF,EACF,CAAA;AAAA,4BACAF,eAAA,CAACK,sBAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,WAAU,WAAA,EAClC,QAAA,EAAA;AAAA,cAAA,CAAA,CAAE,OAAO,cAAA,EAAe;AAAA,cAAE;AAAA,aAAA,EAC7B;AAAA,WAAA,EACF,CAAA;AAAA,0BACAJ,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2GAAA,EACb,YAAE,IAAA,EACL;AAAA,SAAA,EACF,CAAA;AAAA,wBACAD,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8DAAA,EACb,QAAA,EAAA;AAAA,UAAA,KAAA,CAAM,cAAA,EAAe;AAAA,UAAE,IAAA;AAAA,UAAG,UAAA;AAAA,UAAW;AAAA,SAAA,EACxC;AAAA,OAAA,EAAA,EAxCQ,EAAE,IAyCZ,CAAA;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"bar-list.cjs.js","sources":["../../../../src/domains/metrics/components/bar-list.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../../../ds/components/Tooltip';\nimport { CHART_COLORS } from './metrics-utils';\n\nexport function BarListContent({\n  data,\n  maxVal,\n  fmt,\n  color,\n  valueLabel,\n  legend,\n}: {\n  data: Array<{ name: string; value: number }>;\n  maxVal: number;\n  fmt: (v: number) => string;\n  color: string;\n  valueLabel?: string;\n  legend?: Array<{ color: string; label: string }>;\n}) {\n  const sorted = [...data].sort((a, b) => b.value - a.value);\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {legend?.map(l => (\n            <div key={l.label} className=\"flex items-center gap-1.5\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: l.color }} />\n              <span className=\"text-caption text-placeholder\">{l.label}</span>\n            </div>\n          ))}\n        </div>\n        {valueLabel && <span className=\"shrink-0 text-caption text-placeholder\">{valueLabel}</span>}\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const pct = Math.min(Math.max(maxVal > 0 ? (d.value / maxVal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <div\n                  className=\"absolute inset-y-0 left-0 rounded\"\n                  style={{ width: `${pct}%`, backgroundColor: color }}\n                />\n                <span className=\"absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 text-caption text-foreground tabular-nums\">{fmt(d.value)}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport function StackedRunsBars({ data }: { data: Array<{ name: string; completed: number; errors: number }> }) {\n  const sorted = [...data].sort((a, b) => b.completed + b.errors - (a.completed + a.errors));\n  const maxTotal = Math.max(...sorted.map(d => d.completed + d.errors));\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.blue }} />\n            <span className=\"text-caption text-placeholder\">Completed</span>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.red }} />\n            <span className=\"text-caption text-placeholder\">Errors</span>\n          </div>\n        </div>\n        <span className=\"shrink-0 text-caption text-placeholder\">Total (Success)</span>\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const total = d.completed + d.errors;\n          const successPct = total > 0 ? ((d.completed / total) * 100).toFixed(1) : '0.0';\n          const completedWidth = Math.min(Math.max(maxTotal > 0 ? (d.completed / maxTotal) * 100 : 0, 0), 100);\n          const errorsWidth = Math.min(Math.max(maxTotal > 0 ? (d.errors / maxTotal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.completed.toLocaleString()} completed`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 left-0 cursor-default rounded-l\"\n                      style={{ width: `${completedWidth}%`, backgroundColor: CHART_COLORS.blue }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\">{d.completed.toLocaleString()} completed</TooltipContent>\n                </Tooltip>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.errors.toLocaleString()} errors`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 cursor-default rounded-r\"\n                      style={{\n                        left: `${completedWidth}%`,\n                        width: `${errorsWidth}%`,\n                        backgroundColor: CHART_COLORS.red,\n                      }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\">{d.errors.toLocaleString()} errors</TooltipContent>\n                </Tooltip>\n                <span className=\"pointer-events-none absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 text-caption text-foreground tabular-nums\">\n                {total.toLocaleString()} ({successPct}%)\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CHART_COLORS","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/domains/metrics/components/bar-list.es.js

@@ -32,7 +32,7 @@ function BarListContent({
           ),
           /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white", children: d.name })
         ] }),
-        /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-caption text-foreground tabular-nums", children: fmt(d.value) })
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-caption text-foreground tabular-nums", children: fmt(d.value) })
       ] }, d.name);
     }) })
   ] });
@@ -72,7 +72,7 @@ function StackedRunsBars({ data }) {
                 style: { width: `${completedWidth}%`, backgroundColor: CHART_COLORS.blue }
               }
             ) }),
-            /* @__PURE__ */ jsxs(TooltipContent, { side: "top", className: "font-mono", children: [
+            /* @__PURE__ */ jsxs(TooltipContent, { side: "top", children: [
               d.completed.toLocaleString(),
               " completed"
             ] })
@@ -92,14 +92,14 @@ function StackedRunsBars({ data }) {
                 }
               }
             ) }),
-            /* @__PURE__ */ jsxs(TooltipContent, { side: "top", className: "font-mono", children: [
+            /* @__PURE__ */ jsxs(TooltipContent, { side: "top", children: [
               d.errors.toLocaleString(),
               " errors"
             ] })
           ] }),
           /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white", children: d.name })
         ] }),
-        /* @__PURE__ */ jsxs("span", { className: "shrink-0 font-mono text-caption text-foreground tabular-nums", children: [
+        /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-caption text-foreground tabular-nums", children: [
           total.toLocaleString(),
           " (",
           successPct,

package/dist/domains/metrics/components/bar-list.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar-list.es.js","sources":["../../../../src/domains/metrics/components/bar-list.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../../../ds/components/Tooltip';\nimport { CHART_COLORS } from './metrics-utils';\n\nexport function BarListContent({\n  data,\n  maxVal,\n  fmt,\n  color,\n  valueLabel,\n  legend,\n}: {\n  data: Array<{ name: string; value: number }>;\n  maxVal: number;\n  fmt: (v: number) => string;\n  color: string;\n  valueLabel?: string;\n  legend?: Array<{ color: string; label: string }>;\n}) {\n  const sorted = [...data].sort((a, b) => b.value - a.value);\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {legend?.map(l => (\n            <div key={l.label} className=\"flex items-center gap-1.5\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: l.color }} />\n              <span className=\"text-caption text-placeholder\">{l.label}</span>\n            </div>\n          ))}\n        </div>\n        {valueLabel && <span className=\"shrink-0 text-caption text-placeholder\">{valueLabel}</span>}\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const pct = Math.min(Math.max(maxVal > 0 ? (d.value / maxVal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <div\n                  className=\"absolute inset-y-0 left-0 rounded\"\n                  style={{ width: `${pct}%`, backgroundColor: color }}\n                />\n                <span className=\"absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 font-mono text-caption text-foreground tabular-nums\">{fmt(d.value)}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport function StackedRunsBars({ data }: { data: Array<{ name: string; completed: number; errors: number }> }) {\n  const sorted = [...data].sort((a, b) => b.completed + b.errors - (a.completed + a.errors));\n  const maxTotal = Math.max(...sorted.map(d => d.completed + d.errors));\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.blue }} />\n            <span className=\"text-caption text-placeholder\">Completed</span>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.red }} />\n            <span className=\"text-caption text-placeholder\">Errors</span>\n          </div>\n        </div>\n        <span className=\"shrink-0 text-caption text-placeholder\">Total (Success)</span>\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const total = d.completed + d.errors;\n          const successPct = total > 0 ? ((d.completed / total) * 100).toFixed(1) : '0.0';\n          const completedWidth = Math.min(Math.max(maxTotal > 0 ? (d.completed / maxTotal) * 100 : 0, 0), 100);\n          const errorsWidth = Math.min(Math.max(maxTotal > 0 ? (d.errors / maxTotal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.completed.toLocaleString()} completed`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 left-0 cursor-default rounded-l\"\n                      style={{ width: `${completedWidth}%`, backgroundColor: CHART_COLORS.blue }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.completed.toLocaleString()} completed\n                  </TooltipContent>\n                </Tooltip>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.errors.toLocaleString()} errors`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 cursor-default rounded-r\"\n                      style={{\n                        left: `${completedWidth}%`,\n                        width: `${errorsWidth}%`,\n                        backgroundColor: CHART_COLORS.red,\n                      }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.errors.toLocaleString()} errors\n                  </TooltipContent>\n                </Tooltip>\n                <span className=\"pointer-events-none absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 font-mono text-caption text-foreground tabular-nums\">\n                {total.toLocaleString()} ({successPct}%)\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bar-list.es.js","sources":["../../../../src/domains/metrics/components/bar-list.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../../../ds/components/Tooltip';\nimport { CHART_COLORS } from './metrics-utils';\n\nexport function BarListContent({\n  data,\n  maxVal,\n  fmt,\n  color,\n  valueLabel,\n  legend,\n}: {\n  data: Array<{ name: string; value: number }>;\n  maxVal: number;\n  fmt: (v: number) => string;\n  color: string;\n  valueLabel?: string;\n  legend?: Array<{ color: string; label: string }>;\n}) {\n  const sorted = [...data].sort((a, b) => b.value - a.value);\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {legend?.map(l => (\n            <div key={l.label} className=\"flex items-center gap-1.5\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: l.color }} />\n              <span className=\"text-caption text-placeholder\">{l.label}</span>\n            </div>\n          ))}\n        </div>\n        {valueLabel && <span className=\"shrink-0 text-caption text-placeholder\">{valueLabel}</span>}\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const pct = Math.min(Math.max(maxVal > 0 ? (d.value / maxVal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <div\n                  className=\"absolute inset-y-0 left-0 rounded\"\n                  style={{ width: `${pct}%`, backgroundColor: color }}\n                />\n                <span className=\"absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 text-caption text-foreground tabular-nums\">{fmt(d.value)}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport function StackedRunsBars({ data }: { data: Array<{ name: string; completed: number; errors: number }> }) {\n  const sorted = [...data].sort((a, b) => b.completed + b.errors - (a.completed + a.errors));\n  const maxTotal = Math.max(...sorted.map(d => d.completed + d.errors));\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.blue }} />\n            <span className=\"text-caption text-placeholder\">Completed</span>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.red }} />\n            <span className=\"text-caption text-placeholder\">Errors</span>\n          </div>\n        </div>\n        <span className=\"shrink-0 text-caption text-placeholder\">Total (Success)</span>\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const total = d.completed + d.errors;\n          const successPct = total > 0 ? ((d.completed / total) * 100).toFixed(1) : '0.0';\n          const completedWidth = Math.min(Math.max(maxTotal > 0 ? (d.completed / maxTotal) * 100 : 0, 0), 100);\n          const errorsWidth = Math.min(Math.max(maxTotal > 0 ? (d.errors / maxTotal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.completed.toLocaleString()} completed`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 left-0 cursor-default rounded-l\"\n                      style={{ width: `${completedWidth}%`, backgroundColor: CHART_COLORS.blue }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\">{d.completed.toLocaleString()} completed</TooltipContent>\n                </Tooltip>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.errors.toLocaleString()} errors`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 cursor-default rounded-r\"\n                      style={{\n                        left: `${completedWidth}%`,\n                        width: `${errorsWidth}%`,\n                        backgroundColor: CHART_COLORS.red,\n                      }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\">{d.errors.toLocaleString()} errors</TooltipContent>\n                </Tooltip>\n                <span className=\"pointer-events-none absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 text-caption text-foreground tabular-nums\">\n                {total.toLocaleString()} ({successPct}%)\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dateTimeRangePicker = require('../../../date-time-range-picker-BCzvSYx3.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-sT5qAW-_.cjs');
 const domains_metrics_hooks_useMetrics = require('../hooks/use-metrics.cjs.js');
 
 const METRICS_PRESETS = [

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-C-t3Kdpk.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-Bnviv7s-.js';
 import { useMetrics } from '../hooks/use-metrics.es.js';
 
 const METRICS_PRESETS = [

package/dist/domains/metrics/components/kpi-card-view.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsKpiCard = require('../../../metrics-kpi-card-Bhb4R4z0.cjs');
+const metricsKpiCard = require('../../../metrics-kpi-card-DoIeHfv6.cjs');
 
 function KpiCardView({
   label,

package/dist/domains/metrics/components/kpi-card-view.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"kpi-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/kpi-card-view.tsx"],"sourcesContent":["import { MetricsKpiCard } from '../../../ds/components/MetricsKpiCard';\n\nexport interface KpiCardViewProps {\n  label: string;\n  value: string | null;\n  prevValue?: string;\n  changePct?: number | null;\n  isLoading: boolean;\n  isError: boolean;\n  /** Treat a decrease as a good change (e.g. cost, latency). */\n  lowerIsBetter?: boolean;\n}\n\nexport function KpiCardView({\n  label,\n  value,\n  prevValue,\n  changePct,\n  isLoading,\n  isError,\n  lowerIsBetter,\n}: KpiCardViewProps) {\n  const hasData = value != null;\n  return (\n    <MetricsKpiCard>\n      <MetricsKpiCard.Label>{label}</MetricsKpiCard.Label>\n      <MetricsKpiCard.ValueRow>\n        {hasData ? <MetricsKpiCard.Value>{value}</MetricsKpiCard.Value> : null}\n        {isError ? (\n          <MetricsKpiCard.Error />\n        ) : isLoading ? (\n          <MetricsKpiCard.Loading />\n        ) : hasData ? (\n          changePct != null && changePct !== 0 ? (\n            <MetricsKpiCard.Change changePct={changePct} prevValue={prevValue} lowerIsBetter={lowerIsBetter} />\n          ) : (\n            <MetricsKpiCard.NoChange />\n          )\n        ) : (\n          <MetricsKpiCard.NoData />\n        )}\n      </MetricsKpiCard.ValueRow>\n    </MetricsKpiCard>\n  );\n}\n"],"names":["MetricsKpiCard","jsx","jsxs"],"mappings":";;;;;;;AAaO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA;AACzB,EAAA,uCACGA,6BAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC7BE,eAAA,CAACF,6BAAA,CAAe,QAAA,EAAf,EACE,QAAA,EAAA;AAAA,MAAA,OAAA,mBAAUC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAsB,iBAAM,CAAA,GAA0B,IAAA;AAAA,MACjE,OAAA,mBACCC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAqB,CAAA,GACpB,SAAA,mBACFC,cAAA,CAACD,6BAAA,CAAe,OAAA,EAAf,EAAuB,CAAA,GACtB,OAAA,GACF,aAAa,IAAA,IAAQ,SAAA,KAAc,CAAA,mBACjCC,cAAA,CAACD,6BAAA,CAAe,MAAA,EAAf,EAAsB,SAAA,EAAsB,WAAsB,aAAA,EAA8B,CAAA,mBAEjGC,cAAA,CAACD,6BAAA,CAAe,UAAf,EAAwB,CAAA,mBAG3BC,cAAA,CAACD,6BAAA,CAAe,QAAf,EAAsB;AAAA,KAAA,EAE3B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"kpi-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/kpi-card-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { MetricsKpiCard } from '../../../ds/components/MetricsKpiCard';\n\nexport interface KpiCardViewProps {\n  label: string;\n  value: ReactNode;\n  prevValue?: string;\n  changePct?: number | null;\n  isLoading: boolean;\n  isError: boolean;\n  /** Treat a decrease as a good change (e.g. cost, latency). */\n  lowerIsBetter?: boolean;\n}\n\nexport function KpiCardView({\n  label,\n  value,\n  prevValue,\n  changePct,\n  isLoading,\n  isError,\n  lowerIsBetter,\n}: KpiCardViewProps) {\n  const hasData = value != null;\n  return (\n    <MetricsKpiCard>\n      <MetricsKpiCard.Label>{label}</MetricsKpiCard.Label>\n      <MetricsKpiCard.ValueRow>\n        {hasData ? <MetricsKpiCard.Value>{value}</MetricsKpiCard.Value> : null}\n        {isError ? (\n          <MetricsKpiCard.Error />\n        ) : isLoading ? (\n          <MetricsKpiCard.Loading />\n        ) : hasData ? (\n          changePct != null && changePct !== 0 ? (\n            <MetricsKpiCard.Change changePct={changePct} prevValue={prevValue} lowerIsBetter={lowerIsBetter} />\n          ) : (\n            <MetricsKpiCard.NoChange />\n          )\n        ) : (\n          <MetricsKpiCard.NoData />\n        )}\n      </MetricsKpiCard.ValueRow>\n    </MetricsKpiCard>\n  );\n}\n"],"names":["MetricsKpiCard","jsx","jsxs"],"mappings":";;;;;;;AAcO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA;AACzB,EAAA,uCACGA,6BAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC7BE,eAAA,CAACF,6BAAA,CAAe,QAAA,EAAf,EACE,QAAA,EAAA;AAAA,MAAA,OAAA,mBAAUC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAsB,iBAAM,CAAA,GAA0B,IAAA;AAAA,MACjE,OAAA,mBACCC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAqB,CAAA,GACpB,SAAA,mBACFC,cAAA,CAACD,6BAAA,CAAe,OAAA,EAAf,EAAuB,CAAA,GACtB,OAAA,GACF,aAAa,IAAA,IAAQ,SAAA,KAAc,CAAA,mBACjCC,cAAA,CAACD,6BAAA,CAAe,MAAA,EAAf,EAAsB,SAAA,EAAsB,WAAsB,aAAA,EAA8B,CAAA,mBAEjGC,cAAA,CAACD,6BAAA,CAAe,UAAf,EAAwB,CAAA,mBAG3BC,cAAA,CAACD,6BAAA,CAAe,QAAf,EAAsB;AAAA,KAAA,EAE3B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/metrics/components/kpi-card-view.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { M as MetricsKpiCard } from '../../../metrics-kpi-card-BrnFhFQm.js';
+import { M as MetricsKpiCard } from '../../../metrics-kpi-card-BVCuXeDa.js';
 
 function KpiCardView({
   label,

package/dist/domains/metrics/components/kpi-card-view.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"kpi-card-view.es.js","sources":["../../../../src/domains/metrics/components/kpi-card-view.tsx"],"sourcesContent":["import { MetricsKpiCard } from '../../../ds/components/MetricsKpiCard';\n\nexport interface KpiCardViewProps {\n  label: string;\n  value: string | null;\n  prevValue?: string;\n  changePct?: number | null;\n  isLoading: boolean;\n  isError: boolean;\n  /** Treat a decrease as a good change (e.g. cost, latency). */\n  lowerIsBetter?: boolean;\n}\n\nexport function KpiCardView({\n  label,\n  value,\n  prevValue,\n  changePct,\n  isLoading,\n  isError,\n  lowerIsBetter,\n}: KpiCardViewProps) {\n  const hasData = value != null;\n  return (\n    <MetricsKpiCard>\n      <MetricsKpiCard.Label>{label}</MetricsKpiCard.Label>\n      <MetricsKpiCard.ValueRow>\n        {hasData ? <MetricsKpiCard.Value>{value}</MetricsKpiCard.Value> : null}\n        {isError ? (\n          <MetricsKpiCard.Error />\n        ) : isLoading ? (\n          <MetricsKpiCard.Loading />\n        ) : hasData ? (\n          changePct != null && changePct !== 0 ? (\n            <MetricsKpiCard.Change changePct={changePct} prevValue={prevValue} lowerIsBetter={lowerIsBetter} />\n          ) : (\n            <MetricsKpiCard.NoChange />\n          )\n        ) : (\n          <MetricsKpiCard.NoData />\n        )}\n      </MetricsKpiCard.ValueRow>\n    </MetricsKpiCard>\n  );\n}\n"],"names":[],"mappings":";;;AAaO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA;AACzB,EAAA,4BACG,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC7B,IAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EACE,QAAA,EAAA;AAAA,MAAA,OAAA,mBAAU,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAsB,iBAAM,CAAA,GAA0B,IAAA;AAAA,MACjE,OAAA,mBACC,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,CAAA,GACpB,SAAA,mBACF,GAAA,CAAC,cAAA,CAAe,OAAA,EAAf,EAAuB,CAAA,GACtB,OAAA,GACF,aAAa,IAAA,IAAQ,SAAA,KAAc,CAAA,mBACjC,GAAA,CAAC,cAAA,CAAe,MAAA,EAAf,EAAsB,SAAA,EAAsB,WAAsB,aAAA,EAA8B,CAAA,mBAEjG,GAAA,CAAC,cAAA,CAAe,UAAf,EAAwB,CAAA,mBAG3B,GAAA,CAAC,cAAA,CAAe,QAAf,EAAsB;AAAA,KAAA,EAE3B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"kpi-card-view.es.js","sources":["../../../../src/domains/metrics/components/kpi-card-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { MetricsKpiCard } from '../../../ds/components/MetricsKpiCard';\n\nexport interface KpiCardViewProps {\n  label: string;\n  value: ReactNode;\n  prevValue?: string;\n  changePct?: number | null;\n  isLoading: boolean;\n  isError: boolean;\n  /** Treat a decrease as a good change (e.g. cost, latency). */\n  lowerIsBetter?: boolean;\n}\n\nexport function KpiCardView({\n  label,\n  value,\n  prevValue,\n  changePct,\n  isLoading,\n  isError,\n  lowerIsBetter,\n}: KpiCardViewProps) {\n  const hasData = value != null;\n  return (\n    <MetricsKpiCard>\n      <MetricsKpiCard.Label>{label}</MetricsKpiCard.Label>\n      <MetricsKpiCard.ValueRow>\n        {hasData ? <MetricsKpiCard.Value>{value}</MetricsKpiCard.Value> : null}\n        {isError ? (\n          <MetricsKpiCard.Error />\n        ) : isLoading ? (\n          <MetricsKpiCard.Loading />\n        ) : hasData ? (\n          changePct != null && changePct !== 0 ? (\n            <MetricsKpiCard.Change changePct={changePct} prevValue={prevValue} lowerIsBetter={lowerIsBetter} />\n          ) : (\n            <MetricsKpiCard.NoChange />\n          )\n        ) : (\n          <MetricsKpiCard.NoData />\n        )}\n      </MetricsKpiCard.ValueRow>\n    </MetricsKpiCard>\n  );\n}\n"],"names":[],"mappings":";;;AAcO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA;AACzB,EAAA,4BACG,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC7B,IAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EACE,QAAA,EAAA;AAAA,MAAA,OAAA,mBAAU,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAsB,iBAAM,CAAA,GAA0B,IAAA;AAAA,MACjE,OAAA,mBACC,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,CAAA,GACpB,SAAA,mBACF,GAAA,CAAC,cAAA,CAAe,OAAA,EAAf,EAAuB,CAAA,GACtB,OAAA,GACF,aAAa,IAAA,IAAQ,SAAA,KAAc,CAAA,mBACjC,GAAA,CAAC,cAAA,CAAe,MAAA,EAAf,EAAsB,SAAA,EAAsB,WAAsB,aAAA,EAA8B,CAAA,mBAEjG,GAAA,CAAC,cAAA,CAAe,UAAf,EAAwB,CAAA,mBAG3B,GAAA,CAAC,cAAA,CAAe,QAAf,EAAsB;AAAA,KAAA,EAE3B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const metricsCard = require('../../../metrics-card-DCCHIG-z.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-0FR3SYSt.cjs');
+const metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-BNNRRxM8.cjs');
 const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');
 const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');
 const tabsTab = require('../../../tabs-tab-DFmRMdi3.cjs');
@@ -41,6 +41,7 @@ function LatencyChart({ data, onPointClick }) {
     {
       data,
       series: latencySeries,
+      showLegend: false,
       onPointClick: onPointClick ? (point) => domains_metrics_components_latencyCardView_utils.isDrillablePoint(point) ? onPointClick(point) : void 0 : void 0
     }
   );
@@ -58,13 +59,18 @@ function LatencyCardView({ data, isLoading, isError, onPointClick, actions }) {
   const [selectedTab, setSelectedTab] = React.useState("agents");
   const activeTab = tabHasData[selectedTab] ? selectedTab : initialTab;
   const renderedActions = typeof actions === "function" ? actions(activeTab) : actions;
+  const interval = data?.interval ?? "1h";
   const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);
-  const p50Values = data ? Object.values(data).filter(Array.isArray).flat().map((d) => d.p50).filter((v) => typeof v === "number") : [];
-  const avgP50 = p50Values.length > 0 ? `${Math.round(p50Values.reduce((s, v) => s + v, 0) / p50Values.length)}ms` : "—";
+  const activeData = data ? { agents: data.agentData, workflows: data.workflowData, tools: data.toolData }[activeTab] : [];
   return /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard.TopBar, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.TitleAndDescription, { title: "Latency", description: "Hourly p50 and p95 latency." }),
-      hasData && /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Summary, { value: avgP50, label: "Avg p50" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        metricsCard.MetricsCard.TitleAndDescription,
+        {
+          title: "Latency",
+          description: interval === "1h" ? "Hourly p50 and p95 latency." : "Daily p50 and p95 latency."
+        }
+      ),
       renderedActions ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Actions, { children: renderedActions }) : null
     ] }),
     isLoading ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Loading, {}) : isError ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Error, { message: "Failed to load latency data" }) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Content, { children: !hasData ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No latency data yet" }) : /* @__PURE__ */ jsxRuntime.jsxs(
@@ -79,38 +85,41 @@ function LatencyCardView({ data, isLoading, isError, onPointClick, actions }) {
         defaultTab: initialTab,
         className: "overflow-visible",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(tabsRoot.TabList, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "agents", disabled: !agentsHasData, disabledTooltip: "No agent latency data for this period", children: "Agents" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              tabsTab.Tab,
-              {
-                value: "workflows",
-                disabled: !workflowsHasData,
-                disabledTooltip: "No workflow latency data for this period",
-                children: "Workflows"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "tools", disabled: !toolsHasData, disabledTooltip: "No tool latency data for this period", children: "Tools" })
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 [&>:first-child]:w-auto", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(tabsRoot.TabList, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "agents", disabled: !agentsHasData, disabledTooltip: "No agent latency data for this period", children: "Agents" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                tabsTab.Tab,
+                {
+                  value: "workflows",
+                  disabled: !workflowsHasData,
+                  disabledTooltip: "No workflow latency data for this period",
+                  children: "Workflows"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "tools", disabled: !toolsHasData, disabledTooltip: "No tool latency data for this period", children: "Tools" })
+            ] }),
+            activeData.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(metricsLineChart.MetricsLineChartLegend, { data: activeData, series: latencySeries })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "agents", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "agents", className: "pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
             LatencyChart,
             {
               data: data.agentData,
-              onPointClick: onPointClick ? (p) => onPointClick("agents", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("agents", p, interval) : void 0
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "workflows", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "workflows", className: "pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
             LatencyChart,
             {
               data: data.workflowData,
-              onPointClick: onPointClick ? (p) => onPointClick("workflows", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("workflows", p, interval) : void 0
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "tools", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "tools", className: "pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
             LatencyChart,
             {
               data: data.toolData,
-              onPointClick: onPointClick ? (p) => onPointClick("tools", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("tools", p, interval) : void 0
             }
           ) })
         ]

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

@@ -1 +1 @@
-{"version":3,"file":"latency-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/latency-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { MetricsLineChart } from '../../../ds/components/MetricsLineChart/metrics-line-chart';\nimport { TabContent } from '../../../ds/components/Tabs/tabs-content';\nimport { TabList } from '../../../ds/components/Tabs/tabs-list';\nimport { Tabs } from '../../../ds/components/Tabs/tabs-root';\nimport { Tab } from '../../../ds/components/Tabs/tabs-tab';\nimport type { LatencyPoint } from '../hooks/use-latency-metrics';\nimport { averageLatency, isDrillablePoint, isLatencyTab } from './latency-card-view.utils';\nimport type { LatencyTab } from './latency-card-view.utils';\nimport { CHART_COLORS } from './metrics-utils';\n\nconst latencySeries = [\n  {\n    dataKey: 'p50',\n    label: 'p50',\n    color: CHART_COLORS.blue,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: averageLatency(data, 'p50'),\n      suffix: 'avg ms',\n    }),\n  },\n  {\n    dataKey: 'p95',\n    label: 'p95',\n    color: CHART_COLORS.yellow,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: averageLatency(data, 'p95'),\n      suffix: 'avg ms',\n    }),\n  },\n];\n\nexport type { LatencyTab };\n\nfunction LatencyChart({ data, onPointClick }: { data: LatencyPoint[]; onPointClick?: (point: LatencyPoint) => void }) {\n  if (data.length === 0) {\n    return <MetricsCard.NoData message=\"No latency data yet\" />;\n  }\n  return (\n    <MetricsLineChart\n      data={data}\n      series={latencySeries}\n      onPointClick={onPointClick ? point => (isDrillablePoint(point) ? onPointClick(point) : undefined) : undefined}\n    />\n  );\n}\n\nexport interface LatencyCardViewProps {\n  data: { agentData: LatencyPoint[]; workflowData: LatencyPoint[]; toolData: LatencyPoint[] } | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown: invoked when a chart node is clicked. Container provides the navigation. */\n  onPointClick?: (tab: LatencyTab, point: LatencyPoint) => void;\n  /**\n   * Optional slot for top-bar action buttons (e.g. \"View in Traces\").\n   * Pass a function to receive the active tab so the action can scope itself to the current entity type.\n   */\n  actions?: ReactNode | ((tab: LatencyTab) => ReactNode);\n}\n\nexport function LatencyCardView({ data, isLoading, isError, onPointClick, actions }: LatencyCardViewProps) {\n  const agentsHasData = (data?.agentData.length ?? 0) > 0;\n  const workflowsHasData = (data?.workflowData.length ?? 0) > 0;\n  const toolsHasData = (data?.toolData.length ?? 0) > 0;\n  const tabHasData = {\n    agents: agentsHasData,\n    workflows: workflowsHasData,\n    tools: toolsHasData,\n  } as const;\n  const initialTab: LatencyTab = agentsHasData\n    ? 'agents'\n    : workflowsHasData\n      ? 'workflows'\n      : toolsHasData\n        ? 'tools'\n        : 'agents';\n  const [selectedTab, setSelectedTab] = useState<LatencyTab>('agents');\n  const activeTab = tabHasData[selectedTab] ? selectedTab : initialTab;\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n  const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);\n  const p50Values = data\n    ? Object.values(data)\n        .filter(Array.isArray)\n        .flat()\n        .map(d => d.p50)\n        .filter((v): v is number => typeof v === 'number')\n    : [];\n  const avgP50 =\n    p50Values.length > 0 ? `${Math.round(p50Values.reduce((s, v) => s + v, 0) / p50Values.length)}ms` : '—';\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Latency\" description=\"Hourly p50 and p95 latency.\" />\n        {hasData && <MetricsCard.Summary value={avgP50} label=\"Avg p50\" />}\n        {renderedActions ? <MetricsCard.Actions>{renderedActions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load latency data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No latency data yet\" />\n          ) : (\n            <Tabs\n              value={activeTab}\n              onValueChange={value => {\n                if (isLatencyTab(value) && tabHasData[value]) {\n                  setSelectedTab(value);\n                }\n              }}\n              defaultTab={initialTab}\n              className=\"overflow-visible\"\n            >\n              <TabList>\n                <Tab value=\"agents\" disabled={!agentsHasData} disabledTooltip=\"No agent latency data for this period\">\n                  Agents\n                </Tab>\n                <Tab\n                  value=\"workflows\"\n                  disabled={!workflowsHasData}\n                  disabledTooltip=\"No workflow latency data for this period\"\n                >\n                  Workflows\n                </Tab>\n                <Tab value=\"tools\" disabled={!toolsHasData} disabledTooltip=\"No tool latency data for this period\">\n                  Tools\n                </Tab>\n              </TabList>\n              <TabContent value=\"agents\">\n                <LatencyChart\n                  data={data.agentData}\n                  onPointClick={onPointClick ? p => onPointClick('agents', p) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"workflows\">\n                <LatencyChart\n                  data={data.workflowData}\n                  onPointClick={onPointClick ? p => onPointClick('workflows', p) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"tools\">\n                <LatencyChart\n                  data={data.toolData}\n                  onPointClick={onPointClick ? p => onPointClick('tools', p) : undefined}\n                />\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["CHART_COLORS","averageLatency","jsx","MetricsCard","MetricsLineChart","isDrillablePoint","useState","jsxs","Tabs","isLatencyTab","TabList","Tab","TabContent"],"mappings":"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"}
+{"version":3,"file":"latency-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/latency-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { MetricsLineChart } from '../../../ds/components/MetricsLineChart/metrics-line-chart';\nimport { MetricsLineChartLegend } from '../../../ds/components/MetricsLineChart/metrics-line-chart-legend';\nimport { TabContent } from '../../../ds/components/Tabs/tabs-content';\nimport { TabList } from '../../../ds/components/Tabs/tabs-list';\nimport { Tabs } from '../../../ds/components/Tabs/tabs-root';\nimport { Tab } from '../../../ds/components/Tabs/tabs-tab';\nimport type { LatencyPoint } from '../hooks/use-latency-metrics';\nimport type { MetricsInterval } from '../metrics-interval';\nimport { averageLatency, isDrillablePoint, isLatencyTab } from './latency-card-view.utils';\nimport type { LatencyTab } from './latency-card-view.utils';\nimport { CHART_COLORS } from './metrics-utils';\n\nconst latencySeries = [\n  {\n    dataKey: 'p50',\n    label: 'p50',\n    color: CHART_COLORS.blue,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: averageLatency(data, 'p50'),\n      suffix: 'avg ms',\n    }),\n  },\n  {\n    dataKey: 'p95',\n    label: 'p95',\n    color: CHART_COLORS.yellow,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: averageLatency(data, 'p95'),\n      suffix: 'avg ms',\n    }),\n  },\n];\n\nexport type { LatencyTab };\n\nfunction LatencyChart({ data, onPointClick }: { data: LatencyPoint[]; onPointClick?: (point: LatencyPoint) => void }) {\n  if (data.length === 0) {\n    return <MetricsCard.NoData message=\"No latency data yet\" />;\n  }\n  return (\n    <MetricsLineChart\n      data={data}\n      series={latencySeries}\n      showLegend={false}\n      onPointClick={onPointClick ? point => (isDrillablePoint(point) ? onPointClick(point) : undefined) : undefined}\n    />\n  );\n}\n\nexport interface LatencyCardViewProps {\n  data:\n    | {\n        agentData: LatencyPoint[];\n        workflowData: LatencyPoint[];\n        toolData: LatencyPoint[];\n        /** Bucket size of the points. Defaults to `'1h'`. */\n        interval?: MetricsInterval;\n      }\n    | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown: invoked when a chart node is clicked. Container provides the navigation. */\n  onPointClick?: (tab: LatencyTab, point: LatencyPoint, interval: MetricsInterval) => void;\n  /**\n   * Optional slot for top-bar action buttons (e.g. \"View in Traces\").\n   * Pass a function to receive the active tab so the action can scope itself to the current entity type.\n   */\n  actions?: ReactNode | ((tab: LatencyTab) => ReactNode);\n}\n\nexport function LatencyCardView({ data, isLoading, isError, onPointClick, actions }: LatencyCardViewProps) {\n  const agentsHasData = (data?.agentData.length ?? 0) > 0;\n  const workflowsHasData = (data?.workflowData.length ?? 0) > 0;\n  const toolsHasData = (data?.toolData.length ?? 0) > 0;\n  const tabHasData = {\n    agents: agentsHasData,\n    workflows: workflowsHasData,\n    tools: toolsHasData,\n  } as const;\n  const initialTab: LatencyTab = agentsHasData\n    ? 'agents'\n    : workflowsHasData\n      ? 'workflows'\n      : toolsHasData\n        ? 'tools'\n        : 'agents';\n  const [selectedTab, setSelectedTab] = useState<LatencyTab>('agents');\n  const activeTab = tabHasData[selectedTab] ? selectedTab : initialTab;\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n  const interval = data?.interval ?? '1h';\n  const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);\n  const activeData = data\n    ? { agents: data.agentData, workflows: data.workflowData, tools: data.toolData }[activeTab]\n    : [];\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription\n          title=\"Latency\"\n          description={interval === '1h' ? 'Hourly p50 and p95 latency.' : 'Daily p50 and p95 latency.'}\n        />\n        {renderedActions ? <MetricsCard.Actions>{renderedActions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load latency data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No latency data yet\" />\n          ) : (\n            <Tabs\n              value={activeTab}\n              onValueChange={value => {\n                if (isLatencyTab(value) && tabHasData[value]) {\n                  setSelectedTab(value);\n                }\n              }}\n              defaultTab={initialTab}\n              className=\"overflow-visible\"\n            >\n              <div className=\"flex flex-wrap items-center justify-between gap-2 [&>:first-child]:w-auto\">\n                <TabList>\n                  <Tab value=\"agents\" disabled={!agentsHasData} disabledTooltip=\"No agent latency data for this period\">\n                    Agents\n                  </Tab>\n                  <Tab\n                    value=\"workflows\"\n                    disabled={!workflowsHasData}\n                    disabledTooltip=\"No workflow latency data for this period\"\n                  >\n                    Workflows\n                  </Tab>\n                  <Tab value=\"tools\" disabled={!toolsHasData} disabledTooltip=\"No tool latency data for this period\">\n                    Tools\n                  </Tab>\n                </TabList>\n                {activeData.length > 0 && <MetricsLineChartLegend data={activeData} series={latencySeries} />}\n              </div>\n              <TabContent value=\"agents\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.agentData}\n                  onPointClick={onPointClick ? p => onPointClick('agents', p, interval) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"workflows\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.workflowData}\n                  onPointClick={onPointClick ? p => onPointClick('workflows', p, interval) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"tools\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.toolData}\n                  onPointClick={onPointClick ? p => onPointClick('tools', p, interval) : undefined}\n                />\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["CHART_COLORS","averageLatency","jsx","MetricsCard","MetricsLineChart","isDrillablePoint","useState","jsxs","Tabs","isLatencyTab","TabList","Tab","MetricsLineChartLegend","TabContent"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-knlgw8bV.js';
+import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
+import { a as MetricsLineChartLegend, M as MetricsLineChart } from '../../../metrics-line-chart-CT_pqJtC.js';
 import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';
 import { a as Tabs, T as TabList } from '../../../tabs-root-UNPxoGhW.js';
 import { T as Tab } from '../../../tabs-tab-DluwCnDF.js';
-import { isLatencyTab, isDrillablePoint, averageLatency } from './latency-card-view.utils.es.js';
+import { isLatencyTab, averageLatency, isDrillablePoint } from './latency-card-view.utils.es.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
 
 const latencySeries = [
@@ -37,6 +37,7 @@ function LatencyChart({ data, onPointClick }) {
     {
       data,
       series: latencySeries,
+      showLegend: false,
       onPointClick: onPointClick ? (point) => isDrillablePoint(point) ? onPointClick(point) : void 0 : void 0
     }
   );
@@ -54,13 +55,18 @@ function LatencyCardView({ data, isLoading, isError, onPointClick, actions }) {
   const [selectedTab, setSelectedTab] = useState("agents");
   const activeTab = tabHasData[selectedTab] ? selectedTab : initialTab;
   const renderedActions = typeof actions === "function" ? actions(activeTab) : actions;
+  const interval = data?.interval ?? "1h";
   const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);
-  const p50Values = data ? Object.values(data).filter(Array.isArray).flat().map((d) => d.p50).filter((v) => typeof v === "number") : [];
-  const avgP50 = p50Values.length > 0 ? `${Math.round(p50Values.reduce((s, v) => s + v, 0) / p50Values.length)}ms` : "—";
+  const activeData = data ? { agents: data.agentData, workflows: data.workflowData, tools: data.toolData }[activeTab] : [];
   return /* @__PURE__ */ jsxs(MetricsCard, { children: [
     /* @__PURE__ */ jsxs(MetricsCard.TopBar, { children: [
-      /* @__PURE__ */ jsx(MetricsCard.TitleAndDescription, { title: "Latency", description: "Hourly p50 and p95 latency." }),
-      hasData && /* @__PURE__ */ jsx(MetricsCard.Summary, { value: avgP50, label: "Avg p50" }),
+      /* @__PURE__ */ jsx(
+        MetricsCard.TitleAndDescription,
+        {
+          title: "Latency",
+          description: interval === "1h" ? "Hourly p50 and p95 latency." : "Daily p50 and p95 latency."
+        }
+      ),
       renderedActions ? /* @__PURE__ */ jsx(MetricsCard.Actions, { children: renderedActions }) : null
     ] }),
     isLoading ? /* @__PURE__ */ jsx(MetricsCard.Loading, {}) : isError ? /* @__PURE__ */ jsx(MetricsCard.Error, { message: "Failed to load latency data" }) : /* @__PURE__ */ jsx(MetricsCard.Content, { children: !hasData ? /* @__PURE__ */ jsx(MetricsCard.NoData, { message: "No latency data yet" }) : /* @__PURE__ */ jsxs(
@@ -75,38 +81,41 @@ function LatencyCardView({ data, isLoading, isError, onPointClick, actions }) {
         defaultTab: initialTab,
         className: "overflow-visible",
         children: [
-          /* @__PURE__ */ jsxs(TabList, { children: [
-            /* @__PURE__ */ jsx(Tab, { value: "agents", disabled: !agentsHasData, disabledTooltip: "No agent latency data for this period", children: "Agents" }),
-            /* @__PURE__ */ jsx(
-              Tab,
-              {
-                value: "workflows",
-                disabled: !workflowsHasData,
-                disabledTooltip: "No workflow latency data for this period",
-                children: "Workflows"
-              }
-            ),
-            /* @__PURE__ */ jsx(Tab, { value: "tools", disabled: !toolsHasData, disabledTooltip: "No tool latency data for this period", children: "Tools" })
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 [&>:first-child]:w-auto", children: [
+            /* @__PURE__ */ jsxs(TabList, { children: [
+              /* @__PURE__ */ jsx(Tab, { value: "agents", disabled: !agentsHasData, disabledTooltip: "No agent latency data for this period", children: "Agents" }),
+              /* @__PURE__ */ jsx(
+                Tab,
+                {
+                  value: "workflows",
+                  disabled: !workflowsHasData,
+                  disabledTooltip: "No workflow latency data for this period",
+                  children: "Workflows"
+                }
+              ),
+              /* @__PURE__ */ jsx(Tab, { value: "tools", disabled: !toolsHasData, disabledTooltip: "No tool latency data for this period", children: "Tools" })
+            ] }),
+            activeData.length > 0 && /* @__PURE__ */ jsx(MetricsLineChartLegend, { data: activeData, series: latencySeries })
           ] }),
-          /* @__PURE__ */ jsx(TabContent, { value: "agents", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(TabContent, { value: "agents", className: "pt-3", children: /* @__PURE__ */ jsx(
             LatencyChart,
             {
               data: data.agentData,
-              onPointClick: onPointClick ? (p) => onPointClick("agents", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("agents", p, interval) : void 0
             }
           ) }),
-          /* @__PURE__ */ jsx(TabContent, { value: "workflows", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(TabContent, { value: "workflows", className: "pt-3", children: /* @__PURE__ */ jsx(
             LatencyChart,
             {
               data: data.workflowData,
-              onPointClick: onPointClick ? (p) => onPointClick("workflows", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("workflows", p, interval) : void 0
             }
           ) }),
-          /* @__PURE__ */ jsx(TabContent, { value: "tools", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(TabContent, { value: "tools", className: "pt-3", children: /* @__PURE__ */ jsx(
             LatencyChart,
             {
               data: data.toolData,
-              onPointClick: onPointClick ? (p) => onPointClick("tools", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("tools", p, interval) : void 0
             }
           ) })
         ]