@gravitee/graphene-charts 2.44.0 → 2.45.0-monaco-base.11a7a3d

package/dist/charts/Metric/Metric.d.ts

@@ -3,6 +3,11 @@ import * as React from 'react';
 export interface MetricTrend {
     value: number;
     direction: 'up' | 'down' | 'neutral';
+    /**
+     * Signals a zero-baseline trend: previous period was 0 and current > 0.
+     * When true, the UI renders "New" instead of a numeric percentage.
+     */
+    isNew?: boolean;
 }
 export type MetricTrendSentiment = 'higher-is-better' | 'lower-is-better' | 'neutral';
 export interface MetricProps extends React.ComponentProps<'div'> {

package/dist/charts/Metric/Metric.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Metric.d.ts","sourceRoot":"","sources":["../../../src/charts/Metric/Metric.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAQlE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;CACtC;AAED,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,SAAS,CAAC;AAEtF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAEpE,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,WAAW,CAAC,WAAW,CAAC,EACnC,SAAS,EAAE,oBAAoB,GAC9B,iBAAiB,CAQnB;AAmKD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EACL,cAAmC,EACnC,QAAgB,EAChB,aAAa,EACb,cAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,qBA+Eb"}
+{"version":3,"file":"Metric.d.ts","sourceRoot":"","sources":["../../../src/charts/Metric/Metric.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAQlE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,SAAS,CAAC;AAEtF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAEpE,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,WAAW,CAAC,WAAW,CAAC,EACnC,SAAS,EAAE,oBAAoB,GAC9B,iBAAiB,CAQnB;AAmKD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EACL,cAAmC,EACnC,QAAgB,EAChB,aAAa,EACb,cAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,qBA+Eb"}

package/dist/charts/MetricGroup/MetricGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricGroup.d.ts","sourceRoot":"","sources":["../../../src/charts/MetricGroup/MetricGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAqB,MAAM,kBAAkB,CAAC;AAK7F,UAAU,qBAAqB;IAC7B,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,qDAAqD;IACrD,QAAQ,CAAC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CAChD;AAED,UAAU,sBAAsB;IAC9B,uDAAuD;IACvD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,SAAS,qBAAqB,EAAE,CAAC;CACpD;AAED,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,sBAAsB,CAAC;AAE7E,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACnE,8CAA8C;IAC9C,QAAQ,CAAC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAC3C;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAgBD,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,+CAA+C;AAC/C,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,SAAS,eAAe,EAAE,GAAG,MAAM,CAM9E;AAED,+CAA+C;AAC/C,wBAAgB,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAExD;AAID,+CAA+C;AAC/C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,SAAS,CAS9F;AAQD,+CAA+C;AAC/C,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,CAkB7G;AAgKD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,qBAuFhG"}
+{"version":3,"file":"MetricGroup.d.ts","sourceRoot":"","sources":["../../../src/charts/MetricGroup/MetricGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAqB,MAAM,kBAAkB,CAAC;AAK7F,UAAU,qBAAqB;IAC7B,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,qDAAqD;IACrD,QAAQ,CAAC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CAChD;AAED,UAAU,sBAAsB;IAC9B,uDAAuD;IACvD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,SAAS,qBAAqB,EAAE,CAAC;CACpD;AAED,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,sBAAsB,CAAC;AAE7E,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACnE,8CAA8C;IAC9C,QAAQ,CAAC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAC3C;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAgBD,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,+CAA+C;AAC/C,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,SAAS,eAAe,EAAE,GAAG,MAAM,CAM9E;AAED,+CAA+C;AAC/C,wBAAgB,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAExD;AAID,+CAA+C;AAC/C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,SAAS,CAS9F;AAQD,+CAA+C;AAC/C,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,CAkB7G;AAqKD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,qBAoFhG"}

package/dist/index.js

@@ -869,7 +869,10 @@ var He = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e)
 }]]), $e = Y("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), et = Y("circle-x", [
+}]]), et = Y("chevron-up", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]), tt = Y("circle-x", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -884,7 +887,7 @@ var He = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e)
 		d: "m9 9 6 6",
 		key: "z0biqf"
 	}]
-]), tt = Y("clock", [["circle", {
+]), nt = Y("clock", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
@@ -892,7 +895,7 @@ var He = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e)
 }], ["path", {
 	d: "M12 6v6l4 2",
 	key: "mmk7yg"
-}]]), nt = Y("server", [
+}]]), rt = Y("server", [
 	["rect", {
 		width: "20",
 		height: "8",
@@ -925,19 +928,7 @@ var He = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e)
 		y2: "18",
 		key: "nzw8ys"
 	}]
-]), rt = Y("trending-down", [["path", {
-	d: "M16 17h6v-6",
-	key: "t6n2it"
-}], ["path", {
-	d: "m22 17-8.5-8.5-5 5L2 7",
-	key: "x473p"
-}]]), it = Y("trending-up", [["path", {
-	d: "M16 7h6v6",
-	key: "box55l"
-}], ["path", {
-	d: "m22 7-8.5 8.5-5-5L2 17",
-	key: "1t1m79"
-}]]), at = V((e, t) => /* @__PURE__ */ W("svg", {
+]), it = V((e, t) => /* @__PURE__ */ W("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -950,8 +941,8 @@ var He = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e)
 		d: "M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z"
 	})
 }));
-at.displayName = "AnthropicIcon";
-var ot = V((e, t) => /* @__PURE__ */ G("svg", {
+it.displayName = "AnthropicIcon";
+var at = V((e, t) => /* @__PURE__ */ G("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -971,8 +962,8 @@ var ot = V((e, t) => /* @__PURE__ */ G("svg", {
 		clipRule: "evenodd"
 	})]
 }));
-ot.displayName = "ApigeeIcon";
-var st = V((e, t) => /* @__PURE__ */ G("svg", {
+at.displayName = "ApigeeIcon";
+var ot = V((e, t) => /* @__PURE__ */ G("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -999,8 +990,8 @@ var st = V((e, t) => /* @__PURE__ */ G("svg", {
 		})
 	]
 }));
-st.displayName = "AwsIcon";
-var ct = V((e, t) => /* @__PURE__ */ W("svg", {
+ot.displayName = "AwsIcon";
+var st = V((e, t) => /* @__PURE__ */ W("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1013,8 +1004,8 @@ var ct = V((e, t) => /* @__PURE__ */ W("svg", {
 		d: "M16.043 20.561a1.391 1.391 0 0 0 .003-.92l.003.01L10.405 2.93h5.184c.203 0 .376.13.439.311v.004l5.638 16.705a.463.463 0 0 1-.287.586l-.004.001-5.332.025Zm-3.988-9.838 3.114 9.226a.464.464 0 0 1-.438.613h-.026a.46.46 0 0 1-.277-.093h.001l-7.978-5.928h4.17l1.434-3.818Zm9.172 10.766h.001a1.391 1.391 0 0 0 1.315-1.848l.003.01v.002l-5.64-16.706A1.394 1.394 0 0 0 15.588 2H9.03c-.61 0-1.127.393-1.315.938l-.003.01-5.64 16.704A1.391 1.391 0 0 0 3.39 21.49h4.075a1.39 1.39 0 0 0 1.315-.938l.003-.01.84-2.484 4.25 3.157c.229.172.517.275.83.275h6.523Z"
 	})
 }));
-ct.displayName = "AzureIcon";
-var lt = V((e, t) => /* @__PURE__ */ W("svg", {
+st.displayName = "AzureIcon";
+var ct = V((e, t) => /* @__PURE__ */ W("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1029,8 +1020,8 @@ var lt = V((e, t) => /* @__PURE__ */ W("svg", {
 		clipRule: "evenodd"
 	})
 }));
-lt.displayName = "BitbucketIcon";
-var ut = V((e, t) => /* @__PURE__ */ G("svg", {
+ct.displayName = "BitbucketIcon";
+var lt = V((e, t) => /* @__PURE__ */ G("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1057,8 +1048,8 @@ var ut = V((e, t) => /* @__PURE__ */ G("svg", {
 		})
 	]
 }));
-ut.displayName = "CohereIcon";
-var dt = V((e, t) => /* @__PURE__ */ W("svg", {
+lt.displayName = "CohereIcon";
+var ut = V((e, t) => /* @__PURE__ */ W("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1068,8 +1059,8 @@ var dt = V((e, t) => /* @__PURE__ */ W("svg", {
 	...e,
 	children: /* @__PURE__ */ W("path", { d: "M6.973 3 4.098 8.188l1.469 2.624L8.442 6h10.25l-1.688-3H6.973Zm8.75 4 2.969 4.906L13.629 21h3.375l5-9-2.781-5h-3.5Zm-3.719 1c-2.207 0-4 1.793-4 4s1.793 4 4 4 4-1.793 4-4-1.793-4-4-4ZM3.535 9.219 2.005 12l4.968 9h5.531l1.656-3H8.41L3.535 9.219Zm8.47.781c1.1 0 2 .898 2 2 0 1.102-.9 2-2 2-1.102 0-2-.898-2-2 0-1.102.898-2 2-2Z" })
 }));
-dt.displayName = "GcpIcon";
-var ft = V((e, t) => /* @__PURE__ */ W("svg", {
+ut.displayName = "GcpIcon";
+var dt = V((e, t) => /* @__PURE__ */ W("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1085,8 +1076,8 @@ var ft = V((e, t) => /* @__PURE__ */ W("svg", {
 		d: "M9.357 19.48c-4.553 1.484-4.553-2.65-6.353-3.18m12.706 5.3v-3.71c0-1.06.106-1.485-.53-2.12 2.965-.319 5.824-1.485 5.824-6.361a4.88 4.88 0 0 0-1.376-3.393 4.46 4.46 0 0 0-.106-3.392s-1.165-.318-3.706 1.378a13.008 13.008 0 0 0-6.565 0C6.71 2.306 5.545 2.624 5.545 2.624a4.458 4.458 0 0 0-.106 3.392A4.88 4.88 0 0 0 4.063 9.41c0 4.876 2.859 6.042 5.824 6.36-.636.636-.636 1.272-.53 2.12v3.71"
 	})
 }));
-ft.displayName = "GithubIcon";
-var pt = V((e, t) => /* @__PURE__ */ W("svg", {
+dt.displayName = "GithubIcon";
+var ft = V((e, t) => /* @__PURE__ */ W("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1102,8 +1093,8 @@ var pt = V((e, t) => /* @__PURE__ */ W("svg", {
 		d: "m22.004 13.29-3.33-10a.42.42 0 0 0-.14-.18.38.38 0 0 0-.22-.11.39.39 0 0 0-.37.25l-2.26 6.67h-7.36l-2.22-6.66a.42.42 0 0 0-.1-.18.38.38 0 0 0-.26-.08.39.39 0 0 0-.37.25l-3.37 10.04a.74.74 0 0 0 .27.83l9.73 6.88 9.69-6.88a.71.71 0 0 0 .31-.83v0Z"
 	})
 }));
-pt.displayName = "GitlabIcon";
-var mt = V((e, t) => /* @__PURE__ */ W("svg", {
+ft.displayName = "GitlabIcon";
+var pt = V((e, t) => /* @__PURE__ */ W("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1116,8 +1107,8 @@ var mt = V((e, t) => /* @__PURE__ */ W("svg", {
 		d: "M15.748 13.131c-.821 0-1.558.363-2.063.933l-1.293-.91a3.51 3.51 0 0 0 .216-1.203c0-.415-.076-.812-.209-1.183l1.29-.9a2.75 2.75 0 0 0 2.06.927A2.748 2.748 0 0 0 18.5 8.058a2.748 2.748 0 0 0-2.752-2.738 2.748 2.748 0 0 0-2.751 2.738c0 .27.041.53.115.777l-1.291.902a3.556 3.556 0 0 0-2.2-1.273V6.916a2.745 2.745 0 0 0 2.185-2.678A2.748 2.748 0 0 0 9.054 1.5a2.748 2.748 0 0 0-2.752 2.738c0 1.298.915 2.387 2.137 2.666v1.568C6.772 8.762 5.5 10.21 5.5 11.95c0 1.75 1.284 3.202 2.963 3.483v1.656a2.744 2.744 0 0 0-2.16 2.672 2.748 2.748 0 0 0 2.75 2.739 2.748 2.748 0 0 0 2.752-2.738 2.745 2.745 0 0 0-2.161-2.672v-1.656c.867-.145 1.63-.6 2.163-1.252l1.302.917a2.71 2.71 0 0 0-.113.77 2.748 2.748 0 0 0 2.752 2.738 2.748 2.748 0 0 0 2.751-2.738 2.748 2.748 0 0 0-2.752-2.738Zm0-6.4c.736 0 1.335.595 1.335 1.327 0 .731-.599 1.327-1.334 1.327a1.332 1.332 0 0 1-1.335-1.327c0-.732.599-1.328 1.335-1.328ZM7.72 4.237c0-.732.598-1.328 1.334-1.328.736 0 1.334.596 1.334 1.328 0 .731-.598 1.327-1.334 1.327A1.332 1.332 0 0 1 7.72 4.238Zm2.668 15.524c0 .732-.598 1.328-1.334 1.328a1.332 1.332 0 0 1-1.334-1.328c0-.731.598-1.327 1.334-1.327.736 0 1.334.596 1.334 1.327Zm-1.334-5.96c-1.026 0-1.86-.83-1.86-1.851 0-1.02.834-1.851 1.86-1.851 1.026 0 1.86.83 1.86 1.851 0 1.02-.834 1.851-1.86 1.851Zm6.694 3.394a1.332 1.332 0 0 1-1.334-1.327c0-.732.599-1.327 1.335-1.327.735 0 1.333.595 1.333 1.327s-.598 1.327-1.334 1.327Z"
 	})
 }));
-mt.displayName = "KafkaIcon";
-var ht = V((e, t) => /* @__PURE__ */ W("svg", {
+pt.displayName = "KafkaIcon";
+var mt = V((e, t) => /* @__PURE__ */ W("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1130,8 +1121,8 @@ var ht = V((e, t) => /* @__PURE__ */ W("svg", {
 		d: "m23 14.095-2.748-.63a8.18 8.18 0 0 0-1.269-5.53l2.113-1.692-1.037-1.306-2.112 1.69a8.282 8.282 0 0 0-5.115-2.48V1.6h-1.664v2.548a8.282 8.282 0 0 0-5.115 2.48L3.941 4.937 2.903 6.243l2.114 1.691a8.194 8.194 0 0 0-1.269 5.532L1 14.096l.37 1.627 2.744-.629a8.374 8.374 0 0 0 3.55 4.474l-1.106 2.308 1.5.724 1.105-2.306a8.134 8.134 0 0 0 5.675 0l1.105 2.306 1.5-.725-1.107-2.307a8.374 8.374 0 0 0 3.55-4.474l2.744.629.37-1.628Zm-4.345-1.64c0 .215-.012.427-.032.637l-4.16-.953a2.482 2.482 0 0 0-.114-.496l3.325-2.661a6.648 6.648 0 0 1 .981 3.473Zm-7.487 0a.837.837 0 0 1 .514-.771.829.829 0 0 1 1.134.608.839.839 0 0 1-.354.857.83.83 0 0 1-1.05-.104.837.837 0 0 1-.244-.59Zm5.47-4.78-3.324 2.66a2.49 2.49 0 0 0-.482-.231V5.833a6.625 6.625 0 0 1 3.806 1.841Zm-5.47-1.842v4.27a2.49 2.49 0 0 0-.482.232l-3.324-2.66a6.626 6.626 0 0 1 3.806-1.842Zm-5.823 6.622c0-1.226.34-2.429.981-3.473l3.325 2.66a2.485 2.485 0 0 0-.115.497l-4.16.953a6.763 6.763 0 0 1-.031-.637Zm.402 2.265 4.139-.949c.098.162.213.313.345.448l-1.842 3.84a6.701 6.701 0 0 1-2.642-3.339ZM12 19.135a6.607 6.607 0 0 1-2.113-.35l1.847-3.852c.088.014.177.023.266.027.089-.004.178-.013.265-.027l1.848 3.852c-.68.23-1.394.35-2.113.35Zm3.611-1.077-1.842-3.839c.132-.136.247-.286.345-.448l4.139.949a6.701 6.701 0 0 1-2.642 3.338Z"
 	})
 }));
-ht.displayName = "KubernetesIcon";
-var gt = V((e, t) => /* @__PURE__ */ G("svg", {
+mt.displayName = "KubernetesIcon";
+var ht = V((e, t) => /* @__PURE__ */ G("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1182,8 +1173,8 @@ var gt = V((e, t) => /* @__PURE__ */ G("svg", {
 		})
 	]
 }));
-gt.displayName = "MistralIcon";
-var _t = V((e, t) => /* @__PURE__ */ W("svg", {
+ht.displayName = "MistralIcon";
+var gt = V((e, t) => /* @__PURE__ */ W("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1196,8 +1187,8 @@ var _t = V((e, t) => /* @__PURE__ */ W("svg", {
 		d: "M304.246 294.611V249.028c0-3.839 1.441-6.719 4.798-8.636l91.648-52.78c12.475-7.197 27.35-10.554 42.702-10.554 57.577 0 94.046 44.624 94.046 92.124 0 3.358 0 7.197-.481 11.036l-95.005-55.66c-5.757-3.357-11.517-3.357-17.274 0l-120.434 70.053ZM518.245 472.145V363.224c0-6.719-2.881-11.517-8.637-14.875l-120.434-70.053 39.345-22.553c3.358-1.917 6.238-1.917 9.596 0l91.647 52.78c26.392 15.356 44.143 47.982 44.143 79.648 0 36.465-21.59 70.054-55.66 83.97v.004ZM275.937 376.182l-39.345-23.03c-3.357-1.917-4.798-4.798-4.798-8.637V238.956c0-51.339 39.345-90.207 92.606-90.207 20.155 0 38.864 6.719 54.702 18.714l-94.524 54.701c-5.756 3.357-8.636 8.155-8.636 14.875v139.147l-.005-.004ZM360.626 425.122 304.246 393.455v-67.172l56.38-31.667 56.376 31.667v67.172l-56.376 31.667ZM396.852 570.989c-20.154 0-38.863-6.719-54.701-18.713l94.523-54.702c5.757-3.357 8.637-8.155 8.637-14.875V343.552l39.827 23.03c3.357 1.917 4.798 4.797 4.798 8.637v105.559c0 51.339-39.827 90.207-93.084 90.207v.004ZM283.134 463.99l-91.648-52.779c-26.392-15.357-44.143-47.982-44.143-79.649 0-36.946 22.072-70.053 56.137-83.969v109.398c0 6.719 2.881 11.517 8.637 14.875l119.957 69.571-39.345 22.553c-3.357 1.917-6.238 1.917-9.595 0ZM277.859 542.68c-54.22 0-94.046-40.785-94.046-91.166 0-3.839.481-7.678.958-11.517l94.524 54.701c5.756 3.358 11.517 3.358 17.273 0L417.002 425.127v45.583c0 3.839-1.44 6.719-4.798 8.636l-91.647 52.78c-12.476 7.197-27.351 10.554-42.703 10.554h.005ZM396.852 599.776c58.059 0 106.518-41.263 117.558-95.964 53.739-13.916 88.286-64.297 88.286-115.636 0-33.589-14.393-66.214-40.304-89.726 2.399-10.077 3.839-20.154 3.839-30.226 0-68.613-55.66-119.957-119.957-119.957-12.952 0-25.428 1.917-37.904 6.238-21.595-21.113-51.344-34.547-83.97-34.547-58.058 0-106.517 41.262-117.557 95.963-53.739 13.916-88.286 64.297-88.286 115.636 0 33.589 14.393 66.214 40.304 89.726-2.399 10.077-3.839 20.154-3.839 30.227 0 68.613 55.66 119.956 119.956 119.956 12.953 0 25.429-1.917 37.905-6.238 21.59 21.113 51.339 34.548 83.969 34.548Z"
 	})
 }));
-_t.displayName = "OpenAIIcon";
-var vt = V((e, t) => {
+gt.displayName = "OpenAIIcon";
+var _t = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -1422,8 +1413,8 @@ var vt = V((e, t) => {
 		})]
 	});
 });
-vt.displayName = "GioAgentManagementIcon";
-var yt = V((e, t) => {
+_t.displayName = "GioAgentManagementIcon";
+var vt = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -1661,8 +1652,8 @@ var yt = V((e, t) => {
 		})]
 	});
 });
-yt.displayName = "GioApiManagementIcon";
-var bt = V((e, t) => {
+vt.displayName = "GioApiManagementIcon";
+var yt = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -1789,8 +1780,8 @@ var bt = V((e, t) => {
 		})]
 	});
 });
-bt.displayName = "GioAuthorizationIcon";
-var xt = V((e, t) => {
+yt.displayName = "GioAuthorizationIcon";
+var bt = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -1977,8 +1968,8 @@ var xt = V((e, t) => {
 		})]
 	});
 });
-xt.displayName = "GioCatalogIcon";
-var St = V((e, t) => {
+bt.displayName = "GioCatalogIcon";
+var xt = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -2203,8 +2194,8 @@ var St = V((e, t) => {
 		})]
 	});
 });
-St.displayName = "GioDeveloperPortalIcon";
-var Ct = V((e, t) => {
+xt.displayName = "GioDeveloperPortalIcon";
+var St = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -2391,8 +2382,8 @@ var Ct = V((e, t) => {
 		})]
 	});
 });
-Ct.displayName = "GioEventApiManagementIcon";
-var wt = V((e, t) => {
+St.displayName = "GioEventApiManagementIcon";
+var Ct = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -2633,8 +2624,8 @@ var wt = V((e, t) => {
 		})]
 	});
 });
-wt.displayName = "GioGammaIcon";
-var Tt = V((e, t) => {
+Ct.displayName = "GioGammaIcon";
+var wt = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -2875,8 +2866,8 @@ var Tt = V((e, t) => {
 		})]
 	});
 });
-Tt.displayName = "GioHomeIcon";
-var Et = V((e, t) => {
+wt.displayName = "GioHomeIcon";
+var Tt = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -3171,8 +3162,8 @@ var Et = V((e, t) => {
 		})]
 	});
 });
-Et.displayName = "GioIamIcon";
-var Dt = V((e, t) => {
+Tt.displayName = "GioIamIcon";
+var Et = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -3397,8 +3388,8 @@ var Dt = V((e, t) => {
 		})]
 	});
 });
-Dt.displayName = "GioObservabilityIcon";
-var Ot = V((e, t) => {
+Et.displayName = "GioObservabilityIcon";
+var Dt = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -3517,8 +3508,8 @@ var Ot = V((e, t) => {
 		})]
 	});
 });
-Ot.displayName = "GioObserveIcon";
-var kt = V((e, t) => {
+Dt.displayName = "GioObserveIcon";
+var Ot = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -3849,8 +3840,8 @@ var kt = V((e, t) => {
 		})]
 	});
 });
-kt.displayName = "GioPlatformIcon";
-var At = V((e, t) => {
+Ot.displayName = "GioPlatformIcon";
+var kt = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -3969,8 +3960,8 @@ var At = V((e, t) => {
 		})]
 	});
 });
-At.displayName = "GioProductizeIcon";
-var jt = V((e, t) => {
+kt.displayName = "GioProductizeIcon";
+var At = V((e, t) => {
 	let n = H();
 	return /* @__PURE__ */ G("svg", {
 		ref: t,
@@ -4097,10 +4088,10 @@ var jt = V((e, t) => {
 		})]
 	});
 });
-jt.displayName = "GioSecureIcon";
+At.displayName = "GioSecureIcon";
 //#endregion
 //#region src/lib/useContainerSize.ts
-function Mt() {
+function jt() {
 	let [e, t] = ce({
 		width: 0,
 		height: 0
@@ -4125,44 +4116,44 @@ function Mt() {
 }
 //#endregion
 //#region src/charts/Metric/Metric.tsx
-var Nt = {
+var Mt = {
 	positive: "text-success",
 	negative: "text-destructive",
 	neutral: "text-muted-foreground"
 };
-function Pt(e, t) {
+function Nt(e, t) {
 	return e === "neutral" || t === "neutral" ? "neutral" : t === "higher-is-better" ? e === "up" ? "positive" : "negative" : e === "up" ? "negative" : "positive";
 }
-var Ft = 56;
-function It(e, t) {
+var Pt = 56;
+function Ft(e, t) {
 	let n = Math.min(t > 0 ? t : 100, (e > 0 ? e : 200) * .65);
 	return Math.max(18, Math.min(96, Math.round(n * .22)));
 }
-function Lt(e) {
+function It(e) {
 	return Math.max(10, Math.round(e * .22));
 }
-function Rt(e) {
+function Lt(e) {
 	return e < 80 ? "text-sm font-semibold leading-tight" : e < 110 ? "text-base font-semibold leading-tight" : e < 150 ? "text-lg font-semibold leading-tight" : "text-xl font-semibold leading-tight";
 }
-function zt(e) {
+function Rt(e) {
 	return e < 50 ? "text-[9px]" : e < 80 ? "text-[10px]" : e < 120 ? "text-xs" : "text-sm";
 }
-function Bt(e) {
+function zt(e) {
 	return e < 60 ? {
 		text: "text-[9px]",
-		icon: "size-2"
+		icon: "size-2 stroke-[2.5]"
 	} : e < 100 ? {
 		text: "text-[10px]",
-		icon: "size-2.5"
+		icon: "size-2.5 stroke-[2.5]"
 	} : e < 140 ? {
 		text: "text-xs",
-		icon: "size-3"
+		icon: "size-3 stroke-[2.5]"
 	} : {
 		text: "text-sm",
-		icon: "size-3.5"
+		icon: "size-3.5 stroke-[2.5]"
 	};
 }
-function Vt({ data: t, color: n, colorClass: r }) {
+function Bt({ data: t, color: n, colorClass: r }) {
 	let i = R.useRef(null), [a, o] = R.useState({
 		width: 0,
 		height: 0
@@ -4214,18 +4205,14 @@ function Vt({ data: t, color: n, colorClass: r }) {
 		] })
 	});
 }
-function Ht({ trend: t, sentiment: n, trendClass: r }) {
-	let i = t.direction === "down" ? rt : it;
+function Vt({ trend: t, sentiment: n, trendClass: r }) {
+	let i = t.direction === "down" ? Qe : et;
 	return /* @__PURE__ */ G("span", {
-		className: e("inline-flex items-center gap-1 font-medium", r.text, Nt[n]),
-		children: [
-			t.direction !== "neutral" && /* @__PURE__ */ W(i, { className: r.icon }),
-			t.value,
-			"%"
-		]
+		className: e("inline-flex items-center gap-1 font-medium", r.text, Mt[n]),
+		children: [t.direction !== "neutral" && /* @__PURE__ */ W(i, { className: r.icon }), t.isNew ? "New" : `${t.value}%`]
 	});
 }
-function Ut({ className: t, ...n }) {
+function Ht({ className: t, ...n }) {
 	return /* @__PURE__ */ G("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -4244,15 +4231,15 @@ function Ut({ className: t, ...n }) {
 		}), /* @__PURE__ */ W(_, { className: "min-h-5 w-full flex-1" })]
 	});
 }
-function Wt({ value: t, label: n, state: r, description: i, icon: a, trend: o, trendSentiment: s = "higher-is-better", centered: c = !1, sparklineData: l, sparklineColor: u, className: d, ...f }) {
-	let { ref: p, width: m, height: h } = Mt();
-	if (r === "loading") return /* @__PURE__ */ W(Ut, {
+function Ut({ value: t, label: n, state: r, description: i, icon: a, trend: o, trendSentiment: s = "higher-is-better", centered: c = !1, sparklineData: l, sparklineColor: u, className: d, ...f }) {
+	let { ref: p, width: m, height: h } = jt();
+	if (r === "loading") return /* @__PURE__ */ W(Ht, {
 		className: d,
 		...f
 	});
-	let g = r === "empty" ? "—" : t, _ = r === "empty" ? void 0 : o, v = r === "empty" ? void 0 : l, y = _ ? Pt(_.direction, s) : void 0, b = !u && y ? Nt[y] : void 0, x = u ?? (y ? void 0 : "var(--chart-1)"), S = v != null && v.length >= 2 && h >= Ft && !c, C = c || !S, w = Rt(h), T = zt(h), E = Bt(h), D = n && h > 50, O = !!(_ && y && (S || h > 40));
+	let g = r === "empty" ? "—" : t, _ = r === "empty" ? void 0 : o, v = r === "empty" ? void 0 : l, y = _ ? Nt(_.direction, s) : void 0, b = !u && y ? Mt[y] : void 0, x = u ?? (y ? void 0 : "var(--chart-1)"), S = v != null && v.length >= 2 && h >= Pt && !c, C = c || !S, w = Lt(h), T = Rt(h), E = zt(h), D = n && h > 50, O = !!(_ && y && (S || h > 40));
 	if (C) {
-		let t = It(m, h), r = Lt(t);
+		let t = Ft(m, h), r = It(t);
 		return /* @__PURE__ */ G("div", {
 			ref: p,
 			className: e("flex h-full flex-col items-center justify-center gap-1 text-center", d),
@@ -4268,7 +4255,7 @@ function Wt({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 					style: { fontSize: r },
 					children: n
 				}),
-				O && _ && y && /* @__PURE__ */ W(Ht, {
+				O && _ && y && /* @__PURE__ */ W(Vt, {
 					trend: _,
 					sentiment: y,
 					trendClass: E
@@ -4292,7 +4279,7 @@ function Wt({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 						}),
 						O && _ && y && /* @__PURE__ */ G("span", {
 							className: "flex shrink-0 items-center gap-1",
-							children: [/* @__PURE__ */ W(Ht, {
+							children: [/* @__PURE__ */ W(Vt, {
 								trend: _,
 								sentiment: y,
 								trendClass: E
@@ -4312,7 +4299,7 @@ function Wt({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 			]
 		}), /* @__PURE__ */ W("div", {
 			className: "min-h-0 flex-1 pt-1",
-			children: /* @__PURE__ */ W(Vt, {
+			children: /* @__PURE__ */ W(Bt, {
 				data: v,
 				color: x,
 				colorClass: b
@@ -4325,40 +4312,40 @@ function Wt({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 function X(e) {
 	return "category" in e && "metrics" in e;
 }
-var Gt = {
+var Wt = {
 	positive: "text-success",
 	negative: "text-destructive",
 	neutral: "text-muted-foreground"
 };
-function Kt(e) {
+function Gt(e) {
 	let t = 0;
 	for (let n of e) t += X(n) ? n.metrics.length : 1;
 	return t;
 }
-function qt(e) {
+function Kt(e) {
 	return X(e) ? e.metrics.length : 1;
 }
-var Jt = [
+var qt = [
 	"xs",
 	"sm",
 	"md",
 	"lg"
 ];
-function Yt(e, t, n) {
+function Jt(e, t, n) {
 	let r = e / Math.max(n, 1), i = r < 40 ? "xs" : r < 70 ? "sm" : r < 110 ? "md" : "lg", a = t < 25 ? "xs" : t < 40 ? "sm" : t < 60 ? "md" : "lg";
-	return Jt[Math.min(Jt.indexOf(i), Jt.indexOf(a))];
+	return qt[Math.min(qt.indexOf(i), qt.indexOf(a))];
 }
-var Xt = {
+var Yt = {
 	xs: 40,
 	sm: 55,
 	md: 75,
 	lg: 100
-}, Zt = 40, Qt = 80;
-function $t(e, t, n) {
-	if (e < Qt) return 0;
-	let r = Xt[n], i = 0, a = 0;
+}, Xt = 40, Zt = 80;
+function Qt(e, t, n) {
+	if (e < Zt) return 0;
+	let r = Yt[n], i = 0, a = 0;
 	for (let n = 0; n < t.length; n++) {
-		let o = r * qt(t[n]), s = t.length - (n + 1) > 0 ? Zt : 0;
+		let o = r * Kt(t[n]), s = t.length - (n + 1) > 0 ? Xt : 0;
 		if (a + o + s > e) break;
 		a += o, i++;
 	}
@@ -4390,10 +4377,10 @@ var Z = {
 		lg: "text-xs"
 	},
 	trendIcon: {
-		xs: "size-2",
-		sm: "size-2.5",
-		md: "size-3",
-		lg: "size-3.5"
+		xs: "size-2 stroke-[2.5]",
+		sm: "size-2.5 stroke-[2.5]",
+		md: "size-3 stroke-[2.5]",
+		lg: "size-3.5 stroke-[2.5]"
 	},
 	cellPadding: {
 		xs: "px-1",
@@ -4402,47 +4389,46 @@ var Z = {
 		lg: "px-5"
 	}
 };
-function en({ trend: t, sentiment: n, size: r }) {
-	let i = t.direction === "down" ? rt : it;
-	return /* @__PURE__ */ G("span", {
-		className: e("inline-flex items-center gap-px font-medium", Z.trend[r], Gt[n]),
-		children: [
-			t.direction !== "neutral" && /* @__PURE__ */ W(i, { className: Z.trendIcon[r] }),
-			t.value,
-			"%"
-		]
+function $t({ trend: t, sentiment: n, size: r }) {
+	let i = t.direction === "down" ? Qe : et, a = r === "xs" || r === "sm";
+	return a && t.direction === "neutral" ? null : /* @__PURE__ */ G("span", {
+		className: e("inline-flex items-center gap-px font-medium", Z.trend[r], Wt[n]),
+		children: [t.direction !== "neutral" && /* @__PURE__ */ W(i, { className: Z.trendIcon[r] }), !a && (t.isNew ? "New" : `${t.value}%`)]
 	});
 }
-function tn({ item: t, size: n, labelVisible: r }) {
-	let i = t.trend ? Pt(t.trend.direction, t.trendSentiment ?? "higher-is-better") : void 0, a = r && t.label, o = /* @__PURE__ */ G("div", {
-		className: "flex min-w-0 flex-col items-center text-center",
+function en({ item: t, size: n, labelVisible: r }) {
+	let i = t.trend ? Nt(t.trend.direction, t.trendSentiment ?? "higher-is-better") : void 0, a = r && t.label, o = /* @__PURE__ */ G("div", {
+		className: "flex w-full min-w-0 flex-col",
 		children: [/* @__PURE__ */ G("div", {
-			className: "flex items-baseline gap-0.5",
+			className: "flex items-baseline justify-between gap-1",
 			children: [/* @__PURE__ */ W("span", {
 				className: e("truncate tracking-tight text-foreground", Z.value[n]),
 				children: t.value
-			}), t.trend && i && /* @__PURE__ */ W(en, {
-				trend: t.trend,
-				sentiment: i,
-				size: n
+			}), t.trend && i && !(t.trend.direction === "neutral" && (n === "xs" || n === "sm")) && /* @__PURE__ */ W("span", {
+				className: "shrink-0",
+				children: /* @__PURE__ */ W($t, {
+					trend: t.trend,
+					sentiment: i,
+					size: n
+				})
 			})]
 		}), a && /* @__PURE__ */ W("span", {
-			className: e("max-w-full truncate text-muted-foreground", Z.label[n]),
+			className: e("truncate text-muted-foreground", Z.label[n]),
 			children: t.label
 		})]
 	});
 	return !a && t.label ? /* @__PURE__ */ G(ne, { children: [/* @__PURE__ */ W(ie, {
 		asChild: !0,
 		children: /* @__PURE__ */ W("div", {
-			className: "flex min-w-0 flex-1 cursor-default justify-center",
+			className: "flex min-w-0 flex-1 cursor-default",
 			children: o
 		})
 	}), /* @__PURE__ */ W(re, { children: t.label })] }) : /* @__PURE__ */ W("div", {
-		className: "flex min-w-0 flex-1 justify-center",
+		className: "flex min-w-0 flex-1",
 		children: o
 	});
 }
-function nn({ count: t, size: n }) {
+function tn({ count: t, size: n }) {
 	let r = `${t} more ${t === 1 ? "metric" : "metrics"} hidden`;
 	return /* @__PURE__ */ G(ne, { children: [/* @__PURE__ */ W(ie, {
 		asChild: !0,
@@ -4454,7 +4440,7 @@ function nn({ count: t, size: n }) {
 		})
 	}), /* @__PURE__ */ W(re, { children: r })] });
 }
-function rn({ count: t, className: n, ...r }) {
+function nn({ count: t, className: n, ...r }) {
 	return /* @__PURE__ */ W("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -4467,10 +4453,10 @@ function rn({ count: t, className: n, ...r }) {
 		}, t))
 	});
 }
-function an({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
-	let { ref: o, width: s, height: c } = Mt();
-	if (n === "loading") return /* @__PURE__ */ W(rn, {
-		count: t.length > 0 ? Kt(t) : r ?? 5,
+function rn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
+	let { ref: o, width: s, height: c } = jt();
+	if (n === "loading") return /* @__PURE__ */ W(nn, {
+		count: t.length > 0 ? Gt(t) : r ?? 5,
 		className: i,
 		...a
 	});
@@ -4485,7 +4471,7 @@ function an({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 		...e,
 		value: "—",
 		trend: void 0
-	}) : t, u = Kt(l), d = s > 0 ? Yt(s, c, u) : "md", f = c >= 50, p = s > 0 ? $t(s, l, d) : l.length, m = l.slice(0, p), h = l.length - p, g = p === 0;
+	}) : t, u = Gt(l), d = s > 0 ? Jt(s, c, u) : "md", f = c >= 50, p = s > 0 ? Qt(s, l, d) : l.length, m = l.slice(0, p), h = l.length - p, g = p === 0;
 	return /* @__PURE__ */ W(L, {
 		delayDuration: 300,
 		children: /* @__PURE__ */ G("div", {
@@ -4497,19 +4483,19 @@ function an({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 			children: [s > 0 && !g && m.map((t) => {
 				let n = X(t) ? t.category : `${t.value}-${t.label ?? ""}`;
 				return /* @__PURE__ */ W("div", {
-					style: { flex: qt(t) },
-					className: e("flex min-w-0 flex-col items-center justify-center overflow-x-hidden", Z.cellPadding[d]),
+					style: { flex: Kt(t) },
+					className: e("flex min-w-0 flex-col justify-center overflow-x-hidden", Z.cellPadding[d]),
 					children: X(t) ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("span", {
 						className: e("mb-0.5 font-medium tracking-wider text-muted-foreground uppercase", Z.category[d]),
 						children: t.category
 					}), /* @__PURE__ */ W("div", {
-						className: "flex w-full min-w-0 items-end justify-evenly",
-						children: t.metrics.map((e) => /* @__PURE__ */ W(tn, {
+						className: "flex w-full min-w-0 items-stretch gap-3",
+						children: t.metrics.map((e) => /* @__PURE__ */ W(en, {
 							item: e,
 							size: d,
 							labelVisible: f
 						}, `${e.value}-${e.label ?? ""}`))
-					})] }) : /* @__PURE__ */ W(tn, {
+					})] }) : /* @__PURE__ */ W(en, {
 						item: t,
 						size: d,
 						labelVisible: f
@@ -4517,7 +4503,7 @@ function an({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 				}, n);
 			}), s > 0 && h > 0 && /* @__PURE__ */ W("div", {
 				className: e("flex shrink-0 items-center", g ? "" : "px-2"),
-				children: /* @__PURE__ */ W(nn, {
+				children: /* @__PURE__ */ W(tn, {
 					count: h,
 					size: d
 				})
@@ -4527,7 +4513,7 @@ function an({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 }
 //#endregion
 //#region src/charts/LineChart/LineChart.tsx
-function on({ data: e, dataKeys: n, state: r, curveType: i = "monotone", showDots: a = !1, showGrid: s = !0, showCategoryAxis: c = !0, showValueAxis: l = !0, connectNulls: u = !1, valueTickFormatter: d, categoryTickFormatter: f, animated: h = !0, onPointHover: _, onPointLeave: v, ariaLabel: y, margin: b, className: S, children: C, ...w }) {
+function an({ data: e, dataKeys: n, state: r, curveType: i = "monotone", showDots: a = !1, showGrid: s = !0, showCategoryAxis: c = !0, showValueAxis: l = !0, connectNulls: u = !1, valueTickFormatter: d, categoryTickFormatter: f, animated: h = !0, onPointHover: _, onPointLeave: v, ariaLabel: y, margin: b, className: S, children: C, ...w }) {
 	let { config: T } = t(), E = n ?? Ne(e, Object.keys(T));
 	return r === "loading" ? /* @__PURE__ */ W(x, {
 		ariaLabel: y,
@@ -4562,7 +4548,7 @@ function on({ data: e, dataKeys: n, state: r, curveType: i = "monotone", showDot
 }
 //#endregion
 //#region src/charts/AreaChart/AreaChart.tsx
-function sn({ data: e, dataKeys: n, state: r, curveType: i = "monotone", stacked: a = !0, gradient: s = !0, fillOpacity: c = .2, showGrid: l = !0, showCategoryAxis: u = !0, showValueAxis: d = !0, connectNulls: f = !1, animated: h = !0, ariaLabel: _, margin: v, valueTickFormatter: y, categoryTickFormatter: x, onPointHover: S, onPointLeave: C, className: w, children: T, ...E }) {
+function on({ data: e, dataKeys: n, state: r, curveType: i = "monotone", stacked: a = !0, gradient: s = !0, fillOpacity: c = .2, showGrid: l = !0, showCategoryAxis: u = !0, showValueAxis: d = !0, connectNulls: f = !1, animated: h = !0, ariaLabel: _, margin: v, valueTickFormatter: y, categoryTickFormatter: x, onPointHover: S, onPointLeave: C, className: w, children: T, ...E }) {
 	let { config: D } = t(), O = n ?? Ne(e, Object.keys(D)), k = a ? "default" : void 0;
 	return r === "loading" ? /* @__PURE__ */ W(b, {
 		ariaLabel: _,
@@ -4597,7 +4583,7 @@ function sn({ data: e, dataKeys: n, state: r, curveType: i = "monotone", stacked
 		]
 	});
 }
-function cn(e) {
+function sn(e) {
 	if (e === 0) return "0ns";
 	if (e < 1e3) return `${Math.round(e)}ns`;
 	let t = e / 1e3;
@@ -4609,7 +4595,7 @@ function cn(e) {
 	let i = Math.floor(r / 60), a = r % 60;
 	return `${i}m ${Math.round(a)}s`;
 }
-function ln(e) {
+function cn(e) {
 	let t = 0;
 	for (let n of e) {
 		let e = n.startOffsetNs + n.durationNs;
@@ -4617,7 +4603,7 @@ function ln(e) {
 	}
 	return t > 0 ? t : 1;
 }
-function un(e, t, n, r) {
+function ln(e, t, n, r) {
 	if (r <= 0 || n <= 0) return {
 		x: 0,
 		width: 0
@@ -4628,18 +4614,18 @@ function un(e, t, n, r) {
 		width: a
 	};
 }
-function dn(e, t) {
+function un(e, t) {
 	if (t === 0 || e === 0) return "0%";
 	let n = e / t * 100;
 	return n < .1 ? "<0.1%" : n >= 100 ? "100%" : `${n < 1 ? n.toFixed(1) : Math.round(n)}%`;
 }
-var fn = 6, pn = 80;
-function mn(e) {
+var dn = 6, fn = 80;
+function pn(e) {
 	if (e <= 0) return 0;
-	let t = Math.floor(e / pn) + 1;
-	return Math.max(2, Math.min(t, fn));
+	let t = Math.floor(e / fn) + 1;
+	return Math.max(2, Math.min(t, dn));
 }
-function hn(e, t = 5) {
+function mn(e, t = 5) {
 	if (e <= 0) return [0];
 	if (t <= 1) return [0, e];
 	let n = e / (t - 1);
@@ -4647,13 +4633,13 @@ function hn(e, t = 5) {
 }
 //#endregion
 //#region src/charts/TraceWaterfall/TraceWaterfall.tsx
-var gn = 280, _n = .45, vn = 36, Q = 20, yn = 20, bn = 4, $ = 12, xn = 48, Sn = 32, Cn = 3, wn = {
+var hn = 280, gn = .45, _n = 36, Q = 20, vn = 20, yn = 4, $ = 12, bn = 48, xn = 32, Sn = 3, Cn = {
 	internal: "INTERNAL",
 	server: "SERVER",
 	client: "CLIENT",
 	producer: "PRODUCER",
 	consumer: "CONSUMER"
-}, Tn = [
+}, wn = [
 	"bg-chart-1",
 	"bg-chart-2",
 	"bg-chart-3",
@@ -4663,21 +4649,21 @@ var gn = 280, _n = .45, vn = 36, Q = 20, yn = 20, bn = 4, $ = 12, xn = 48, Sn =
 	"bg-chart-7",
 	"bg-chart-8"
 ];
-function En(e) {
+function Tn(e) {
 	let t = /* @__PURE__ */ new Map(), n = 0;
-	for (let r of e) t.has(r.serviceName) || (t.set(r.serviceName, Tn[n % Tn.length]), n++);
+	for (let r of e) t.has(r.serviceName) || (t.set(r.serviceName, wn[n % wn.length]), n++);
 	return t;
 }
-var Dn = { error: "bg-destructive" }, On = {
+var En = { error: "bg-destructive" }, Dn = {
 	ok: "success",
 	error: "destructive",
 	unset: "secondary"
-}, kn = {
+}, On = {
 	ok: "OK",
 	error: "Error",
 	unset: "Unset"
 };
-function An({ icon: e, label: t, children: n }) {
+function kn({ icon: e, label: t, children: n }) {
 	return /* @__PURE__ */ G("div", {
 		className: "flex items-center justify-between gap-4",
 		children: [/* @__PURE__ */ G("div", {
@@ -4689,7 +4675,7 @@ function An({ icon: e, label: t, children: n }) {
 		})]
 	});
 }
-function jn({ span: t, serviceColor: n, traceDurationNs: r }) {
+function An({ span: t, serviceColor: n, traceDurationNs: r }) {
 	return /* @__PURE__ */ G(U, { children: [
 		/* @__PURE__ */ G("div", {
 			className: "space-y-1 px-2.5 pt-2 pb-1.5",
@@ -4702,13 +4688,13 @@ function jn({ span: t, serviceColor: n, traceDurationNs: r }) {
 			}), /* @__PURE__ */ G("div", {
 				className: "flex items-center gap-1.5 pl-[14px]",
 				children: [/* @__PURE__ */ W(O, {
-					variant: On[t.status],
+					variant: Dn[t.status],
 					className: "h-4 text-[9px]",
-					children: kn[t.status]
+					children: On[t.status]
 				}), /* @__PURE__ */ W(O, {
 					variant: "outline",
 					className: "h-4 text-[9px]",
-					children: wn[t.kind]
+					children: Cn[t.kind]
 				})]
 			})]
 		}),
@@ -4716,25 +4702,25 @@ function jn({ span: t, serviceColor: n, traceDurationNs: r }) {
 		/* @__PURE__ */ G("div", {
 			className: "space-y-1 px-2.5 py-1.5 text-[11px]",
 			children: [
-				/* @__PURE__ */ W(An, {
-					icon: nt,
+				/* @__PURE__ */ W(kn, {
+					icon: rt,
 					label: "Service",
 					children: t.serviceName
 				}),
-				/* @__PURE__ */ W(An, {
-					icon: tt,
+				/* @__PURE__ */ W(kn, {
+					icon: nt,
 					label: "Duration",
 					children: /* @__PURE__ */ W("span", {
 						className: "font-mono tabular-nums",
-						children: cn(t.durationNs)
+						children: sn(t.durationNs)
 					})
 				}),
-				/* @__PURE__ */ W(An, {
+				/* @__PURE__ */ W(kn, {
 					icon: Ze,
 					label: "% of trace",
 					children: /* @__PURE__ */ W("span", {
 						className: "font-mono tabular-nums",
-						children: dn(t.durationNs, r)
+						children: un(t.durationNs, r)
 					})
 				})
 			]
@@ -4748,7 +4734,7 @@ function jn({ span: t, serviceColor: n, traceDurationNs: r }) {
 		})
 	] });
 }
-function Mn({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, children: i }) {
+function jn({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, children: i }) {
 	return /* @__PURE__ */ G(P, {
 		openDelay: 250,
 		closeDelay: 0,
@@ -4760,7 +4746,7 @@ function Mn({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, ch
 			align: "start",
 			sideOffset: 4,
 			className: "w-56 p-0",
-			children: r ? r(e) : /* @__PURE__ */ W(jn, {
+			children: r ? r(e) : /* @__PURE__ */ W(An, {
 				span: e,
 				serviceColor: t,
 				traceDurationNs: n
@@ -4768,7 +4754,7 @@ function Mn({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, ch
 		})]
 	});
 }
-function Nn({ depth: e }) {
+function Mn({ depth: e }) {
 	return e === 0 ? null : /* @__PURE__ */ W("span", {
 		className: "pointer-events-none relative shrink-0",
 		style: { width: e * Q },
@@ -4792,12 +4778,12 @@ function Nn({ depth: e }) {
 		})
 	});
 }
-function Pn(e) {
+function Nn(e) {
 	let t = /* @__PURE__ */ new Set(), n = new Set(e.map((e) => e.spanId));
 	for (let r of e) r.parentSpanId && n.has(r.parentSpanId) && t.add(r.parentSpanId);
 	return t;
 }
-function Fn(e, t) {
+function Pn(e, t) {
 	if (t.size === 0) return e;
 	let n = /* @__PURE__ */ new Set();
 	for (let r = 0; r < e.length; r++) {
@@ -4809,7 +4795,7 @@ function Fn(e, t) {
 	}
 	return e.filter((e) => !n.has(e.spanId));
 }
-function In(e) {
+function Fn(e) {
 	let t = /* @__PURE__ */ new Map(), n = [];
 	for (let r = e.length - 1; r >= 0; r--) {
 		let i = e[r].depth;
@@ -4819,11 +4805,11 @@ function In(e) {
 	}
 	return t;
 }
-function Ln({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, serviceColor: a, selected: o, hasChildren: s, collapsed: c, collapsedCount: l, onSelect: u, onToggle: d, onHover: f, onLeave: p, renderTooltip: m }) {
-	let { x: h, width: g } = un(t.startOffsetNs, t.durationNs, n, i), _ = t.status === "error" ? Dn.error : a, v = cn(t.durationNs), y = g >= 56, b = !y;
+function In({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, serviceColor: a, selected: o, hasChildren: s, collapsed: c, collapsedCount: l, onSelect: u, onToggle: d, onHover: f, onLeave: p, renderTooltip: m }) {
+	let { x: h, width: g } = ln(t.startOffsetNs, t.durationNs, n, i), _ = t.status === "error" ? En.error : a, v = sn(t.durationNs), y = g >= 56, b = !y;
 	return /* @__PURE__ */ G("div", {
 		className: e("group flex w-full cursor-pointer transition-colors", o ? "bg-accent/50" : "hover:bg-muted/30"),
-		style: { height: vn },
+		style: { height: _n },
 		onClick: () => u?.(t),
 		onKeyDown: (e) => {
 			e.key === "Enter" || e.key === " " ? (e.preventDefault(), u?.(t)) : (e.key === "ArrowRight" && s && c || e.key === "ArrowLeft" && s && !c) && (e.preventDefault(), d?.(t.spanId));
@@ -4838,7 +4824,7 @@ function Ln({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 				className: e("w-[3px] shrink-0 transition-colors", o ? "bg-primary" : "bg-transparent"),
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ W(Mn, {
+			/* @__PURE__ */ W(jn, {
 				span: t,
 				serviceColor: a,
 				traceDurationNs: n,
@@ -4847,7 +4833,7 @@ function Ln({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 					className: "flex shrink-0 items-center gap-1 overflow-hidden border-r border-border/30 px-1.5",
 					style: { width: r },
 					children: [
-						/* @__PURE__ */ W(Nn, { depth: t.depth }),
+						/* @__PURE__ */ W(Mn, { depth: t.depth }),
 						s ? /* @__PURE__ */ W("button", {
 							type: "button",
 							tabIndex: -1,
@@ -4869,7 +4855,7 @@ function Ln({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 									className: "truncate text-[13px] leading-tight font-medium text-foreground",
 									children: t.name
 								}),
-								t.status === "error" && /* @__PURE__ */ W(et, { className: "size-3.5 shrink-0 text-destructive" }),
+								t.status === "error" && /* @__PURE__ */ W(tt, { className: "size-3.5 shrink-0 text-destructive" }),
 								c && /* @__PURE__ */ W(O, {
 									variant: "secondary",
 									className: "h-4 shrink-0 text-[9px]",
@@ -4888,7 +4874,7 @@ function Ln({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 				className: "relative flex-1 overflow-hidden",
 				style: {
 					paddingLeft: $,
-					paddingRight: xn
+					paddingRight: bn
 				},
 				"aria-label": `${t.name}: ${v}`,
 				children: [
@@ -4897,8 +4883,8 @@ function Ln({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 						style: {
 							left: $ + h,
 							width: Math.max(g, 3),
-							height: yn,
-							borderRadius: bn
+							height: vn,
+							borderRadius: yn
 						}
 					}),
 					y && /* @__PURE__ */ W("span", {
@@ -4919,14 +4905,14 @@ function Ln({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 		]
 	});
 }
-function Rn({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible: r, isAllCollapsed: i, onExpandAll: a, onCollapseAll: o }) {
-	let s = hn(e, mn(n)), c = K().domain([0, e]).range([0, n]);
+function Ln({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible: r, isAllCollapsed: i, onExpandAll: a, onCollapseAll: o }) {
+	let s = mn(e, pn(n)), c = K().domain([0, e]).range([0, n]);
 	return /* @__PURE__ */ G("div", {
 		className: "flex shrink-0 items-end border-b border-border bg-muted/30",
-		style: { height: Sn },
+		style: { height: xn },
 		children: [/* @__PURE__ */ G("div", {
 			className: "flex shrink-0 items-center justify-between border-r border-border/30 px-3 pb-2",
-			style: { width: t + Cn },
+			style: { width: t + Sn },
 			children: [/* @__PURE__ */ W("span", {
 				className: "truncate text-[11px] font-semibold tracking-wider text-muted-foreground uppercase",
 				children: "Service & Operation"
@@ -4941,7 +4927,7 @@ function Rn({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible:
 			className: "relative flex-1 pb-2",
 			style: {
 				paddingLeft: $,
-				paddingRight: xn
+				paddingRight: bn
 			},
 			children: s.map((e, t) => {
 				let n = t === 0, r = t === s.length - 1;
@@ -4951,18 +4937,18 @@ function Rn({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible:
 						left: $ + c(e),
 						transform: n ? "none" : r ? "translateX(-100%)" : "translateX(-50%)"
 					},
-					children: cn(e)
+					children: sn(e)
 				}, e);
 			})
 		})]
 	});
 }
-function zn({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r }) {
-	let i = hn(e, mn(n)), a = K().domain([0, e]).range([0, n]), o = r * vn;
+function Rn({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r }) {
+	let i = mn(e, pn(n)), a = K().domain([0, e]).range([0, n]), o = r * _n;
 	return /* @__PURE__ */ W("svg", {
 		className: "pointer-events-none absolute top-0",
 		style: {
-			left: t + Cn + $,
+			left: t + Sn + $,
 			width: n,
 			height: o
 		},
@@ -4978,7 +4964,7 @@ function zn({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r })
 		}, e))
 	});
 }
-var Bn = [
+var zn = [
 	{
 		indent: 0,
 		labelPct: 60,
@@ -5010,7 +4996,7 @@ var Bn = [
 		barPct: 65
 	}
 ];
-function Vn({ ariaLabel: t, className: n, ...r }) {
+function Bn({ ariaLabel: t, className: n, ...r }) {
 	return /* @__PURE__ */ G("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -5019,13 +5005,13 @@ function Vn({ ariaLabel: t, className: n, ...r }) {
 		...r,
 		children: [/* @__PURE__ */ W("div", {
 			className: "flex shrink-0 items-center border-b border-border bg-muted/30 px-3",
-			style: { height: Sn },
+			style: { height: xn },
 			children: /* @__PURE__ */ W(_, { className: "h-3 w-1/3 max-w-32" })
 		}), /* @__PURE__ */ W("div", {
 			className: "flex-1",
-			children: Bn.map((e, t) => /* @__PURE__ */ G("div", {
+			children: zn.map((e, t) => /* @__PURE__ */ G("div", {
 				className: "flex items-center gap-2 px-2",
-				style: { height: vn },
+				style: { height: _n },
 				children: [/* @__PURE__ */ G("div", {
 					className: "flex shrink-0 items-center gap-1.5",
 					style: { paddingLeft: e.indent * 12 },
@@ -5043,7 +5029,7 @@ function Vn({ ariaLabel: t, className: n, ...r }) {
 						className: "rounded-sm",
 						style: {
 							width: `${e.barPct}%`,
-							height: yn
+							height: vn
 						}
 					})
 				})]
@@ -5051,14 +5037,14 @@ function Vn({ ariaLabel: t, className: n, ...r }) {
 		})]
 	});
 }
-function Hn({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHover: a, onSpanLeave: o, defaultCollapsed: s = !1, renderTooltip: c, ariaLabel: l = "Trace waterfall timeline", className: u, ...d }) {
+function Vn({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHover: a, onSpanLeave: o, defaultCollapsed: s = !1, renderTooltip: c, ariaLabel: l = "Trace waterfall timeline", className: u, ...d }) {
 	let f = h(n, t.length), [p, m] = R.useState({
-		labelWidth: gn,
+		labelWidth: hn,
 		timelineWidth: 0
-	}), g = R.useRef(null), _ = R.useMemo(() => Pn(t), [t]), [y, b] = R.useState(() => s ? new Set(Pn(t)) : /* @__PURE__ */ new Set()), x = R.useCallback((e) => {
+	}), g = R.useRef(null), _ = R.useMemo(() => Nn(t), [t]), [y, b] = R.useState(() => s ? new Set(Nn(t)) : /* @__PURE__ */ new Set()), x = R.useCallback((e) => {
 		if (g.current &&= (g.current.disconnect(), null), e) {
 			let t = new ResizeObserver(([e]) => {
-				let t = Math.round(e.contentRect.width), n = Math.min(gn, Math.round(t * _n)), r = t - n - Cn - $ - xn;
+				let t = Math.round(e.contentRect.width), n = Math.min(hn, Math.round(t * gn)), r = t - n - Sn - $ - bn;
 				m({
 					labelWidth: n,
 					timelineWidth: Math.max(r, 0)
@@ -5066,13 +5052,13 @@ function Hn({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 			});
 			t.observe(e), g.current = t;
 		}
-	}, []), S = R.useMemo(() => ln(t), [t]), C = R.useMemo(() => En(t), [t]), w = R.useMemo(() => In(t), [t]), T = R.useMemo(() => Fn(t, y), [t, y]), E = R.useCallback((e) => {
+	}, []), S = R.useMemo(() => cn(t), [t]), C = R.useMemo(() => Tn(t), [t]), w = R.useMemo(() => Fn(t), [t]), T = R.useMemo(() => Pn(t, y), [t, y]), E = R.useCallback((e) => {
 		b((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []), D = R.useCallback(() => b(/* @__PURE__ */ new Set()), []), O = R.useCallback(() => b(new Set(_)), [_]), k = y.size > 0;
-	return f === "loading" ? /* @__PURE__ */ W(Vn, {
+	return f === "loading" ? /* @__PURE__ */ W(Bn, {
 		ariaLabel: l,
 		className: u,
 		...d
@@ -5086,7 +5072,7 @@ function Hn({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 		role: "treegrid",
 		"aria-label": l,
 		...d,
-		children: [/* @__PURE__ */ W(Rn, {
+		children: [/* @__PURE__ */ W(Ln, {
 			traceDurationNs: S,
 			labelWidth: p.labelWidth,
 			usableWidth: p.timelineWidth,
@@ -5098,17 +5084,17 @@ function Hn({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 			className: "min-h-0 flex-1",
 			children: /* @__PURE__ */ G("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ W(zn, {
+				children: [/* @__PURE__ */ W(Rn, {
 					traceDurationNs: S,
 					labelWidth: p.labelWidth,
 					usableWidth: p.timelineWidth,
 					rowCount: T.length
-				}), T.map((e) => /* @__PURE__ */ W(Ln, {
+				}), T.map((e) => /* @__PURE__ */ W(In, {
 					span: e,
 					traceDurationNs: S,
 					labelWidth: p.labelWidth,
 					usableWidth: p.timelineWidth,
-					serviceColor: C.get(e.serviceName) ?? Tn[0],
+					serviceColor: C.get(e.serviceName) ?? wn[0],
 					selected: e.spanId === r,
 					hasChildren: _.has(e.spanId),
 					collapsed: y.has(e.spanId),
@@ -5124,4 +5110,4 @@ function Hn({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 	});
 }
 //#endregion
-export { sn as AreaChart, Me as AreaSeries, Fe as BarChart, Ae as BarSeries, a as CHART_THEMES, m as CartesianChart, g as CategoryAxis, g as XAxis, he as ChartCard, E as ChartContainer, Te as ChartLegend, we as ChartLegendContent, i as ChartStyle, Se as ChartTooltip, xe as ChartTooltipContent, r as DEFAULT_MARGIN, Be as DoughnutChart, o as Grid, on as LineChart, Oe as LineSeries, Wt as Metric, an as MetricGroup, f as ReferenceLine, Hn as TraceWaterfall, p as ValueAxis, p as YAxis, hn as buildTimeAxisTicks, e as cn, n as compactTick, un as computeBarGeometry, ln as computeTraceDurationNs, cn as formatDurationNs, dn as formatTracePercent, Pt as resolveSentiment, t as useChartConfig };
+export { on as AreaChart, Me as AreaSeries, Fe as BarChart, Ae as BarSeries, a as CHART_THEMES, m as CartesianChart, g as CategoryAxis, g as XAxis, he as ChartCard, E as ChartContainer, Te as ChartLegend, we as ChartLegendContent, i as ChartStyle, Se as ChartTooltip, xe as ChartTooltipContent, r as DEFAULT_MARGIN, Be as DoughnutChart, o as Grid, an as LineChart, Oe as LineSeries, Ut as Metric, rn as MetricGroup, f as ReferenceLine, Vn as TraceWaterfall, p as ValueAxis, p as YAxis, mn as buildTimeAxisTicks, e as cn, n as compactTick, ln as computeBarGeometry, cn as computeTraceDurationNs, sn as formatDurationNs, un as formatTracePercent, Nt as resolveSentiment, t as useChartConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/graphene-charts",
-  "version": "2.44.0",
+  "version": "2.45.0-monaco-base.11a7a3d",
   "type": "module",
   "description": "Theme-compliant data visualization components for the Graphene design system. Built on D3, styled with Tailwind, and designed to inherit the Graphene token system out of the box.",
   "keywords": [
@@ -64,7 +64,7 @@
     "d3-shape": "3.2.0"
   },
   "peerDependencies": {
-    "@gravitee/graphene-core": "^2.31.0",
+    "@gravitee/graphene-core": "2.45.0-monaco-base.11a7a3d",
     "@xyflow/react": "^12.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",