@gravitee/graphene-charts 3.21.1 → 3.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +463 -266
  2. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -1657,6 +1657,78 @@ var kt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
1657
1657
  }));
1658
1658
  kt.displayName = "CursorIcon";
1659
1659
  var At = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1660
+ ref: n,
1661
+ xmlns: "http://www.w3.org/2000/svg",
1662
+ width: 24,
1663
+ height: 24,
1664
+ viewBox: "0 0 24 24",
1665
+ fill: "none",
1666
+ ...t,
1667
+ children: /* @__PURE__ */ Y("path", {
1668
+ fill: "currentColor",
1669
+ d: "M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"
1670
+ })
1671
+ }) : /* @__PURE__ */ Y("svg", {
1672
+ ref: n,
1673
+ xmlns: "http://www.w3.org/2000/svg",
1674
+ width: 24,
1675
+ height: 24,
1676
+ viewBox: "0 0 24 24",
1677
+ fill: "none",
1678
+ ...t,
1679
+ children: /* @__PURE__ */ Y("path", {
1680
+ fill: "#5786FE",
1681
+ d: "M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"
1682
+ })
1683
+ }));
1684
+ At.displayName = "DeepSeekIcon";
1685
+ var jt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ X("svg", {
1686
+ ref: n,
1687
+ xmlns: "http://www.w3.org/2000/svg",
1688
+ width: 24,
1689
+ height: 24,
1690
+ viewBox: "0 0 32 32",
1691
+ fill: "none",
1692
+ ...t,
1693
+ children: [
1694
+ /* @__PURE__ */ Y("path", {
1695
+ fill: "currentColor",
1696
+ d: "M15.9851 19.1274C15.0969 19.1274 14.2999 18.6001 13.96 17.7838L9.86258 8H12.2608L15.9991 16.9499L19.7339 8H22.1321L18.0102 17.7873C17.6686 18.6001 16.8733 19.1274 15.9851 19.1274Z"
1697
+ }),
1698
+ /* @__PURE__ */ Y("path", {
1699
+ fill: "currentColor",
1700
+ d: "M21.3316 23.8029C20.4469 23.8029 19.6533 23.2792 19.31 22.4698C18.9649 21.6535 19.1436 20.7215 19.7672 20.0891L27.2299 12.5302L28.1618 14.7287L21.3298 21.636L31.068 21.5817L32 23.7802L21.3333 23.8065L21.3298 23.8029H21.3316Z"
1701
+ }),
1702
+ /* @__PURE__ */ Y("path", {
1703
+ fill: "currentColor",
1704
+ d: "M0 23.7766L0.931955 21.5781L10.6702 21.6324L3.83993 14.7234L4.77189 12.5249L12.2345 20.0838C12.8582 20.7145 13.0386 21.65 12.6918 22.4645C12.3484 23.2756 11.5513 23.7977 10.6702 23.7977L0.00350359 23.7731L0 23.7766Z"
1705
+ })
1706
+ ]
1707
+ }) : /* @__PURE__ */ X("svg", {
1708
+ ref: n,
1709
+ xmlns: "http://www.w3.org/2000/svg",
1710
+ width: 24,
1711
+ height: 24,
1712
+ viewBox: "0 0 32 32",
1713
+ fill: "none",
1714
+ ...t,
1715
+ children: [
1716
+ /* @__PURE__ */ Y("path", {
1717
+ fill: "#6720FF",
1718
+ d: "M15.9851 19.1274C15.0969 19.1274 14.2999 18.6001 13.96 17.7838L9.86258 8H12.2608L15.9991 16.9499L19.7339 8H22.1321L18.0102 17.7873C17.6686 18.6001 16.8733 19.1274 15.9851 19.1274Z"
1719
+ }),
1720
+ /* @__PURE__ */ Y("path", {
1721
+ fill: "#6720FF",
1722
+ d: "M21.3316 23.8029C20.4469 23.8029 19.6533 23.2792 19.31 22.4698C18.9649 21.6535 19.1436 20.7215 19.7672 20.0891L27.2299 12.5302L28.1618 14.7287L21.3298 21.636L31.068 21.5817L32 23.7802L21.3333 23.8065L21.3298 23.8029H21.3316Z"
1723
+ }),
1724
+ /* @__PURE__ */ Y("path", {
1725
+ fill: "#6720FF",
1726
+ d: "M0 23.7766L0.931955 21.5781L10.6702 21.6324L3.83993 14.7234L4.77189 12.5249L12.2345 20.0838C12.8582 20.7145 13.0386 21.65 12.6918 22.4645C12.3484 23.2756 11.5513 23.7977 10.6702 23.7977L0.00350359 23.7731L0 23.7766Z"
1727
+ })
1728
+ ]
1729
+ }));
1730
+ jt.displayName = "FireworksAiIcon";
1731
+ var Mt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1660
1732
  ref: n,
1661
1733
  xmlns: "http://www.w3.org/2000/svg",
1662
1734
  width: 24,
@@ -1692,8 +1764,58 @@ var At = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
1692
1764
  })
1693
1765
  ]
1694
1766
  }));
1695
- At.displayName = "GcpIcon";
1696
- var jt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1767
+ Mt.displayName = "GcpIcon";
1768
+ var Nt = W(({ variant: e = "brand", ...t }, n) => {
1769
+ let r = K();
1770
+ return e === "mono" ? /* @__PURE__ */ Y("svg", {
1771
+ ref: n,
1772
+ xmlns: "http://www.w3.org/2000/svg",
1773
+ width: 24,
1774
+ height: 24,
1775
+ viewBox: "0 0 28 28",
1776
+ fill: "none",
1777
+ ...t,
1778
+ children: /* @__PURE__ */ Y("path", {
1779
+ fill: "currentColor",
1780
+ d: "M14 28C14 26.0633 13.6267 24.2433 12.88 22.54C12.1567 20.8367 11.165 19.355 9.905 18.095C8.645 16.835 7.16333 15.8433 5.46 15.12C3.75667 14.3733 1.93667 14 0 14C1.93667 14 3.75667 13.6383 5.46 12.915C7.16333 12.1683 8.645 11.165 9.905 9.905C11.165 8.645 12.1567 7.16333 12.88 5.46C13.6267 3.75667 14 1.93667 14 0C14 1.93667 14.3617 3.75667 15.085 5.46C15.8317 7.16333 16.835 8.645 18.095 9.905C19.355 11.165 20.8367 12.1683 22.54 12.915C24.2433 13.6383 26.0633 14 28 14C26.0633 14 24.2433 14.3733 22.54 15.12C20.8367 15.8433 19.355 16.835 18.095 18.095C16.835 19.355 15.8317 20.8367 15.085 22.54C14.3617 24.2433 14 26.0633 14 28Z"
1781
+ })
1782
+ }) : /* @__PURE__ */ X("svg", {
1783
+ ref: n,
1784
+ xmlns: "http://www.w3.org/2000/svg",
1785
+ width: 24,
1786
+ height: 24,
1787
+ viewBox: "0 0 28 28",
1788
+ fill: "none",
1789
+ ...t,
1790
+ children: [/* @__PURE__ */ Y("path", {
1791
+ fill: `url(#${r}-a)`,
1792
+ d: "M14 28C14 26.0633 13.6267 24.2433 12.88 22.54C12.1567 20.8367 11.165 19.355 9.905 18.095C8.645 16.835 7.16333 15.8433 5.46 15.12C3.75667 14.3733 1.93667 14 0 14C1.93667 14 3.75667 13.6383 5.46 12.915C7.16333 12.1683 8.645 11.165 9.905 9.905C11.165 8.645 12.1567 7.16333 12.88 5.46C13.6267 3.75667 14 1.93667 14 0C14 1.93667 14.3617 3.75667 15.085 5.46C15.8317 7.16333 16.835 8.645 18.095 9.905C19.355 11.165 20.8367 12.1683 22.54 12.915C24.2433 13.6383 26.0633 14 28 14C26.0633 14 24.2433 14.3733 22.54 15.12C20.8367 15.8433 19.355 16.835 18.095 18.095C16.835 19.355 15.8317 20.8367 15.085 22.54C14.3617 24.2433 14 26.0633 14 28Z"
1793
+ }), /* @__PURE__ */ Y("defs", { children: /* @__PURE__ */ X("radialGradient", {
1794
+ id: `${r}-a`,
1795
+ cx: "0",
1796
+ cy: "0",
1797
+ r: "1",
1798
+ gradientUnits: "userSpaceOnUse",
1799
+ gradientTransform: "translate(2.77876 11.3795) rotate(18.6832) scale(29.8025 238.737)",
1800
+ children: [
1801
+ /* @__PURE__ */ Y("stop", {
1802
+ offset: "0.0671246",
1803
+ stopColor: "#9168C0"
1804
+ }),
1805
+ /* @__PURE__ */ Y("stop", {
1806
+ offset: "0.342551",
1807
+ stopColor: "#5684D1"
1808
+ }),
1809
+ /* @__PURE__ */ Y("stop", {
1810
+ offset: "0.672076",
1811
+ stopColor: "#1BA1E3"
1812
+ })
1813
+ ]
1814
+ }) })]
1815
+ });
1816
+ });
1817
+ Nt.displayName = "GeminiIcon";
1818
+ var Pt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1697
1819
  ref: n,
1698
1820
  xmlns: "http://www.w3.org/2000/svg",
1699
1821
  width: 24,
@@ -1730,8 +1852,8 @@ var jt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
1730
1852
  })
1731
1853
  })]
1732
1854
  }));
1733
- jt.displayName = "GithubIcon";
1734
- var Mt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1855
+ Pt.displayName = "GithubIcon";
1856
+ var Ft = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1735
1857
  ref: n,
1736
1858
  xmlns: "http://www.w3.org/2000/svg",
1737
1859
  width: 24,
@@ -1773,8 +1895,37 @@ var Mt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
1773
1895
  })
1774
1896
  ]
1775
1897
  }));
1776
- Mt.displayName = "GitlabIcon";
1777
- var Nt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1898
+ Ft.displayName = "GitlabIcon";
1899
+ var It = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1900
+ ref: n,
1901
+ xmlns: "http://www.w3.org/2000/svg",
1902
+ width: 24,
1903
+ height: 24,
1904
+ viewBox: "0.54 0.39 32 32",
1905
+ fill: "none",
1906
+ ...t,
1907
+ children: /* @__PURE__ */ Y("path", {
1908
+ fill: "currentColor",
1909
+ d: "m18.445 4.406-9.468 13.74 7.341.665-1.69 9.578 9.469-13.74-7.342-.664 1.69-9.579Z"
1910
+ })
1911
+ }) : /* @__PURE__ */ X("svg", {
1912
+ ref: n,
1913
+ xmlns: "http://www.w3.org/2000/svg",
1914
+ width: 24,
1915
+ height: 24,
1916
+ viewBox: "0.54 0.39 32 32",
1917
+ fill: "none",
1918
+ ...t,
1919
+ children: [/* @__PURE__ */ Y("path", {
1920
+ fill: "#F43E01",
1921
+ d: "M.54.39h32v32h-32z"
1922
+ }), /* @__PURE__ */ Y("path", {
1923
+ fill: "#FFFFFF",
1924
+ d: "m18.445 4.406-9.468 13.74 7.341.665-1.69 9.578 9.469-13.74-7.342-.664 1.69-9.579Z"
1925
+ })]
1926
+ }));
1927
+ It.displayName = "GroqIcon";
1928
+ var Lt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1778
1929
  ref: n,
1779
1930
  xmlns: "http://www.w3.org/2000/svg",
1780
1931
  width: 24,
@@ -1808,8 +1959,8 @@ var Nt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
1808
1959
  })
1809
1960
  })]
1810
1961
  }));
1811
- Nt.displayName = "KafkaIcon";
1812
- var Pt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1962
+ Lt.displayName = "KafkaIcon";
1963
+ var Rt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1813
1964
  ref: n,
1814
1965
  xmlns: "http://www.w3.org/2000/svg",
1815
1966
  width: 24,
@@ -1848,8 +1999,8 @@ var Pt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
1848
1999
  })
1849
2000
  ]
1850
2001
  }));
1851
- Pt.displayName = "KubernetesIcon";
1852
- var Ft = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ X("svg", {
2002
+ Rt.displayName = "KubernetesIcon";
2003
+ var zt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ X("svg", {
1853
2004
  ref: n,
1854
2005
  xmlns: "http://www.w3.org/2000/svg",
1855
2006
  width: 24,
@@ -1980,8 +2131,8 @@ var Ft = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
1980
2131
  })
1981
2132
  ]
1982
2133
  }));
1983
- Ft.displayName = "MistralIcon";
1984
- var It = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
2134
+ zt.displayName = "MistralIcon";
2135
+ var Bt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
1985
2136
  ref: n,
1986
2137
  xmlns: "http://www.w3.org/2000/svg",
1987
2138
  width: 24,
@@ -2015,8 +2166,8 @@ var It = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
2015
2166
  })
2016
2167
  })]
2017
2168
  }));
2018
- It.displayName = "OpenAIIcon";
2019
- var Lt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
2169
+ Bt.displayName = "OpenAIIcon";
2170
+ var Vt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
2020
2171
  ref: n,
2021
2172
  xmlns: "http://www.w3.org/2000/svg",
2022
2173
  width: 24,
@@ -2087,8 +2238,54 @@ var Lt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
2087
2238
  })
2088
2239
  ]
2089
2240
  }));
2090
- Lt.displayName = "OpenApiIcon";
2091
- var Rt = W((e, t) => {
2241
+ Vt.displayName = "OpenApiIcon";
2242
+ var Ht = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ X("svg", {
2243
+ ref: n,
2244
+ xmlns: "http://www.w3.org/2000/svg",
2245
+ width: 24,
2246
+ height: 24,
2247
+ viewBox: "0 0 484.98 452.5",
2248
+ fill: "none",
2249
+ ...t,
2250
+ children: [
2251
+ /* @__PURE__ */ Y("path", {
2252
+ fill: "currentColor",
2253
+ d: "M468.72,60.67C435.25,2.69,361.11-17.18,303.12,16.3c-37.3,21.54-58.82,59.62-60.52,99.69l121.15.16v10.39h-121.15c.78,18.94,6.02,37.81,16.15,55.36,33.48,57.98,107.62,77.85,165.6,44.37,57.98-33.48,77.85-107.62,44.37-165.6Z"
2254
+ }),
2255
+ /* @__PURE__ */ Y("path", {
2256
+ fill: "currentColor",
2257
+ d: "M16.26,60.63C-17.21,118.61,2.65,192.76,60.63,226.23c37.3,21.54,81.04,21.13,116.59,2.57l-60.44-105,9-5.18,60.57,104.91c16.01-10.14,29.74-24.12,39.87-41.67,33.48-57.98,13.61-132.12-44.37-165.6C123.88-17.21,49.74,2.65,16.26,60.63Z"
2258
+ }),
2259
+ /* @__PURE__ */ Y("path", {
2260
+ fill: "currentColor",
2261
+ d: "M242.46,452.5c66.95,0,121.23-54.27,121.23-121.23,0-43.07-22.22-80.75-56.07-102.25l-60.71,104.84-8.99-5.21,60.57-104.91c-16.79-8.79-35.75-13.7-56.02-13.7-66.95,0-121.23,54.27-121.23,121.23,0,66.95,54.27,121.23,121.23,121.23Z"
2262
+ })
2263
+ ]
2264
+ }) : /* @__PURE__ */ X("svg", {
2265
+ ref: n,
2266
+ xmlns: "http://www.w3.org/2000/svg",
2267
+ width: 24,
2268
+ height: 24,
2269
+ viewBox: "0 0 484.98 452.5",
2270
+ fill: "none",
2271
+ ...t,
2272
+ children: [
2273
+ /* @__PURE__ */ Y("path", {
2274
+ fill: "#EF2CC1",
2275
+ d: "M468.72,60.67C435.25,2.69,361.11-17.18,303.12,16.3c-37.3,21.54-58.82,59.62-60.52,99.69l121.15.16v10.39h-121.15c.78,18.94,6.02,37.81,16.15,55.36,33.48,57.98,107.62,77.85,165.6,44.37,57.98-33.48,77.85-107.62,44.37-165.6Z"
2276
+ }),
2277
+ /* @__PURE__ */ Y("path", {
2278
+ fill: "#CAAEF5",
2279
+ d: "M16.26,60.63C-17.21,118.61,2.65,192.76,60.63,226.23c37.3,21.54,81.04,21.13,116.59,2.57l-60.44-105,9-5.18,60.57,104.91c16.01-10.14,29.74-24.12,39.87-41.67,33.48-57.98,13.61-132.12-44.37-165.6C123.88-17.21,49.74,2.65,16.26,60.63Z"
2280
+ }),
2281
+ /* @__PURE__ */ Y("path", {
2282
+ fill: "#FC4C02",
2283
+ d: "M242.46,452.5c66.95,0,121.23-54.27,121.23-121.23,0-43.07-22.22-80.75-56.07-102.25l-60.71,104.84-8.99-5.21,60.57-104.91c-16.79-8.79-35.75-13.7-56.02-13.7-66.95,0-121.23,54.27-121.23,121.23,0,66.95,54.27,121.23,121.23,121.23Z"
2284
+ })
2285
+ ]
2286
+ }));
2287
+ Ht.displayName = "TogetherAiIcon";
2288
+ var Ut = W((e, t) => {
2092
2289
  let n = K();
2093
2290
  return /* @__PURE__ */ X("svg", {
2094
2291
  ref: t,
@@ -2313,8 +2510,8 @@ var Rt = W((e, t) => {
2313
2510
  })]
2314
2511
  });
2315
2512
  });
2316
- Rt.displayName = "GioAgentManagementIcon";
2317
- var zt = W((e, t) => {
2513
+ Ut.displayName = "GioAgentManagementIcon";
2514
+ var Wt = W((e, t) => {
2318
2515
  let n = K();
2319
2516
  return /* @__PURE__ */ X("svg", {
2320
2517
  ref: t,
@@ -2552,8 +2749,8 @@ var zt = W((e, t) => {
2552
2749
  })]
2553
2750
  });
2554
2751
  });
2555
- zt.displayName = "GioApiManagementIcon";
2556
- var Bt = W((e, t) => {
2752
+ Wt.displayName = "GioApiManagementIcon";
2753
+ var Gt = W((e, t) => {
2557
2754
  let n = K();
2558
2755
  return /* @__PURE__ */ X("svg", {
2559
2756
  ref: t,
@@ -2680,8 +2877,8 @@ var Bt = W((e, t) => {
2680
2877
  })]
2681
2878
  });
2682
2879
  });
2683
- Bt.displayName = "GioAuthorizationIcon";
2684
- var Vt = W((e, t) => {
2880
+ Gt.displayName = "GioAuthorizationIcon";
2881
+ var Kt = W((e, t) => {
2685
2882
  let n = K();
2686
2883
  return /* @__PURE__ */ X("svg", {
2687
2884
  ref: t,
@@ -2868,8 +3065,8 @@ var Vt = W((e, t) => {
2868
3065
  })]
2869
3066
  });
2870
3067
  });
2871
- Vt.displayName = "GioCatalogIcon";
2872
- var Ht = W((e, t) => {
3068
+ Kt.displayName = "GioCatalogIcon";
3069
+ var qt = W((e, t) => {
2873
3070
  let n = K();
2874
3071
  return /* @__PURE__ */ X("svg", {
2875
3072
  ref: t,
@@ -3094,8 +3291,8 @@ var Ht = W((e, t) => {
3094
3291
  })]
3095
3292
  });
3096
3293
  });
3097
- Ht.displayName = "GioDeveloperPortalIcon";
3098
- var Ut = W((e, t) => {
3294
+ qt.displayName = "GioDeveloperPortalIcon";
3295
+ var Jt = W((e, t) => {
3099
3296
  let n = K();
3100
3297
  return /* @__PURE__ */ X("svg", {
3101
3298
  ref: t,
@@ -3370,8 +3567,8 @@ var Ut = W((e, t) => {
3370
3567
  })]
3371
3568
  });
3372
3569
  });
3373
- Ut.displayName = "GioEdgeManagementIcon";
3374
- var Wt = W((e, t) => {
3570
+ Jt.displayName = "GioEdgeManagementIcon";
3571
+ var Yt = W((e, t) => {
3375
3572
  let n = K();
3376
3573
  return /* @__PURE__ */ X("svg", {
3377
3574
  ref: t,
@@ -3558,8 +3755,8 @@ var Wt = W((e, t) => {
3558
3755
  })]
3559
3756
  });
3560
3757
  });
3561
- Wt.displayName = "GioEventApiManagementIcon";
3562
- var Gt = W((e, t) => {
3758
+ Yt.displayName = "GioEventApiManagementIcon";
3759
+ var Xt = W((e, t) => {
3563
3760
  let n = K();
3564
3761
  return /* @__PURE__ */ X("svg", {
3565
3762
  ref: t,
@@ -3800,8 +3997,8 @@ var Gt = W((e, t) => {
3800
3997
  })]
3801
3998
  });
3802
3999
  });
3803
- Gt.displayName = "GioGammaIcon";
3804
- var Kt = W((e, t) => {
4000
+ Xt.displayName = "GioGammaIcon";
4001
+ var Zt = W((e, t) => {
3805
4002
  let n = K();
3806
4003
  return /* @__PURE__ */ X("svg", {
3807
4004
  ref: t,
@@ -4042,8 +4239,8 @@ var Kt = W((e, t) => {
4042
4239
  })]
4043
4240
  });
4044
4241
  });
4045
- Kt.displayName = "GioHomeIcon";
4046
- var qt = W((e, t) => {
4242
+ Zt.displayName = "GioHomeIcon";
4243
+ var Qt = W((e, t) => {
4047
4244
  let n = K();
4048
4245
  return /* @__PURE__ */ X("svg", {
4049
4246
  ref: t,
@@ -4338,8 +4535,8 @@ var qt = W((e, t) => {
4338
4535
  })]
4339
4536
  });
4340
4537
  });
4341
- qt.displayName = "GioIamIcon";
4342
- var Jt = W((e, t) => {
4538
+ Qt.displayName = "GioIamIcon";
4539
+ var $t = W((e, t) => {
4343
4540
  let n = K();
4344
4541
  return /* @__PURE__ */ X("svg", {
4345
4542
  ref: t,
@@ -4564,8 +4761,8 @@ var Jt = W((e, t) => {
4564
4761
  })]
4565
4762
  });
4566
4763
  });
4567
- Jt.displayName = "GioObservabilityIcon";
4568
- var Yt = W((e, t) => {
4764
+ $t.displayName = "GioObservabilityIcon";
4765
+ var en = W((e, t) => {
4569
4766
  let n = K();
4570
4767
  return /* @__PURE__ */ X("svg", {
4571
4768
  ref: t,
@@ -4684,8 +4881,8 @@ var Yt = W((e, t) => {
4684
4881
  })]
4685
4882
  });
4686
4883
  });
4687
- Yt.displayName = "GioObserveIcon";
4688
- var Xt = W((e, t) => {
4884
+ en.displayName = "GioObserveIcon";
4885
+ var tn = W((e, t) => {
4689
4886
  let n = K();
4690
4887
  return /* @__PURE__ */ X("svg", {
4691
4888
  ref: t,
@@ -5016,8 +5213,8 @@ var Xt = W((e, t) => {
5016
5213
  })]
5017
5214
  });
5018
5215
  });
5019
- Xt.displayName = "GioPlatformIcon";
5020
- var Zt = W((e, t) => {
5216
+ tn.displayName = "GioPlatformIcon";
5217
+ var nn = W((e, t) => {
5021
5218
  let n = K();
5022
5219
  return /* @__PURE__ */ X("svg", {
5023
5220
  ref: t,
@@ -5136,8 +5333,8 @@ var Zt = W((e, t) => {
5136
5333
  })]
5137
5334
  });
5138
5335
  });
5139
- Zt.displayName = "GioProductizeIcon";
5140
- var Qt = W((e, t) => {
5336
+ nn.displayName = "GioProductizeIcon";
5337
+ var rn = W((e, t) => {
5141
5338
  let n = K();
5142
5339
  return /* @__PURE__ */ X("svg", {
5143
5340
  ref: t,
@@ -5264,10 +5461,10 @@ var Qt = W((e, t) => {
5264
5461
  })]
5265
5462
  });
5266
5463
  });
5267
- Qt.displayName = "GioSecureIcon";
5464
+ rn.displayName = "GioSecureIcon";
5268
5465
  //#endregion
5269
5466
  //#region src/lib/useContainerSize.ts
5270
- function $t() {
5467
+ function an() {
5271
5468
  let [e, t] = q({
5272
5469
  width: 0,
5273
5470
  height: 0
@@ -5292,29 +5489,29 @@ function $t() {
5292
5489
  }
5293
5490
  //#endregion
5294
5491
  //#region src/charts/Metric/Metric.tsx
5295
- var en = {
5492
+ var on = {
5296
5493
  positive: "text-success",
5297
5494
  negative: "text-destructive",
5298
5495
  neutral: "text-muted-foreground"
5299
5496
  };
5300
- function tn(e, t) {
5497
+ function sn(e, t) {
5301
5498
  return e === "neutral" || t === "neutral" ? "neutral" : t === "higher-is-better" ? e === "up" ? "positive" : "negative" : e === "up" ? "negative" : "positive";
5302
5499
  }
5303
- var nn = 56;
5304
- function rn(e, t) {
5500
+ var cn = 56;
5501
+ function ln(e, t) {
5305
5502
  let n = Math.min(t > 0 ? t : 100, (e > 0 ? e : 200) * .65);
5306
5503
  return Math.max(18, Math.min(96, Math.round(n * .22)));
5307
5504
  }
5308
- function an(e) {
5505
+ function un(e) {
5309
5506
  return Math.max(10, Math.round(e * .22));
5310
5507
  }
5311
- function on(e) {
5508
+ function dn(e) {
5312
5509
  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";
5313
5510
  }
5314
- function sn(e) {
5511
+ function fn(e) {
5315
5512
  return e < 50 ? "text-[9px]" : e < 80 ? "text-[10px]" : e < 120 ? "text-xs" : "text-sm";
5316
5513
  }
5317
- function cn(e) {
5514
+ function pn(e) {
5318
5515
  return e < 60 ? {
5319
5516
  text: "text-[9px]",
5320
5517
  icon: "size-2 stroke-[2.5]"
@@ -5329,7 +5526,7 @@ function cn(e) {
5329
5526
  icon: "size-3.5 stroke-[2.5]"
5330
5527
  };
5331
5528
  }
5332
- function ln({ data: t, color: n, colorClass: r }) {
5529
+ function mn({ data: t, color: n, colorClass: r }) {
5333
5530
  let i = U.useRef(null), [a, o] = U.useState({
5334
5531
  width: 0,
5335
5532
  height: 0
@@ -5381,14 +5578,14 @@ function ln({ data: t, color: n, colorClass: r }) {
5381
5578
  ] })
5382
5579
  });
5383
5580
  }
5384
- function un({ trend: t, sentiment: n, trendClass: r }) {
5581
+ function hn({ trend: t, sentiment: n, trendClass: r }) {
5385
5582
  let i = t.direction === "down" ? Q : pt;
5386
5583
  return /* @__PURE__ */ X("span", {
5387
- className: e("inline-flex items-center gap-1 font-medium", r.text, en[n]),
5584
+ className: e("inline-flex items-center gap-1 font-medium", r.text, on[n]),
5388
5585
  children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className: r.icon }), t.isNew ? "New" : `${t.value}%`]
5389
5586
  });
5390
5587
  }
5391
- function dn({ className: t, ...n }) {
5588
+ function gn({ className: t, ...n }) {
5392
5589
  return /* @__PURE__ */ X("div", {
5393
5590
  role: "img",
5394
5591
  "aria-busy": "true",
@@ -5407,15 +5604,15 @@ function dn({ className: t, ...n }) {
5407
5604
  }), /* @__PURE__ */ Y(b, { className: "min-h-5 w-full flex-1" })]
5408
5605
  });
5409
5606
  }
5410
- function fn({ 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 }) {
5411
- let { ref: p, width: m, height: h } = $t();
5412
- if (r === "loading") return /* @__PURE__ */ Y(dn, {
5607
+ function _n({ 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 }) {
5608
+ let { ref: p, width: m, height: h } = an();
5609
+ if (r === "loading") return /* @__PURE__ */ Y(gn, {
5413
5610
  className: d,
5414
5611
  ...f
5415
5612
  });
5416
- let g = r === "empty" ? "—" : t, _ = r === "empty" ? void 0 : o, v = r === "empty" ? void 0 : l, y = _ ? tn(_.direction, s) : void 0, b = !u && y ? en[y] : void 0, x = u ?? (y ? void 0 : "var(--chart-1)"), S = v != null && v.length >= 2 && h >= nn && !c, C = c || !S, w = on(h), T = sn(h), E = cn(h), D = n && h > 50, O = !!(_ && y && (S || h > 40));
5613
+ let g = r === "empty" ? "—" : t, _ = r === "empty" ? void 0 : o, v = r === "empty" ? void 0 : l, y = _ ? sn(_.direction, s) : void 0, b = !u && y ? on[y] : void 0, x = u ?? (y ? void 0 : "var(--chart-1)"), S = v != null && v.length >= 2 && h >= cn && !c, C = c || !S, w = dn(h), T = fn(h), E = pn(h), D = n && h > 50, O = !!(_ && y && (S || h > 40));
5417
5614
  if (C) {
5418
- let t = rn(m, h), r = an(t);
5615
+ let t = ln(m, h), r = un(t);
5419
5616
  return /* @__PURE__ */ X("div", {
5420
5617
  ref: p,
5421
5618
  className: e("flex h-full flex-col items-center justify-center gap-1 text-center", d),
@@ -5431,7 +5628,7 @@ function fn({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
5431
5628
  style: { fontSize: r },
5432
5629
  children: n
5433
5630
  }),
5434
- O && _ && y && /* @__PURE__ */ Y(un, {
5631
+ O && _ && y && /* @__PURE__ */ Y(hn, {
5435
5632
  trend: _,
5436
5633
  sentiment: y,
5437
5634
  trendClass: E
@@ -5455,7 +5652,7 @@ function fn({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
5455
5652
  }),
5456
5653
  O && _ && y && /* @__PURE__ */ X("span", {
5457
5654
  className: "flex shrink-0 items-center gap-1",
5458
- children: [/* @__PURE__ */ Y(un, {
5655
+ children: [/* @__PURE__ */ Y(hn, {
5459
5656
  trend: _,
5460
5657
  sentiment: y,
5461
5658
  trendClass: E
@@ -5475,7 +5672,7 @@ function fn({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
5475
5672
  ]
5476
5673
  }), /* @__PURE__ */ Y("div", {
5477
5674
  className: "min-h-0 flex-1 pt-1",
5478
- children: /* @__PURE__ */ Y(ln, {
5675
+ children: /* @__PURE__ */ Y(mn, {
5479
5676
  data: v,
5480
5677
  color: x,
5481
5678
  colorClass: b
@@ -5485,49 +5682,49 @@ function fn({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
5485
5682
  }
5486
5683
  //#endregion
5487
5684
  //#region src/charts/MetricGroup/MetricGroup.tsx
5488
- function pn(e) {
5685
+ function vn(e) {
5489
5686
  return "category" in e && "metrics" in e;
5490
5687
  }
5491
- var mn = {
5688
+ var yn = {
5492
5689
  positive: "text-success",
5493
5690
  negative: "text-destructive",
5494
5691
  neutral: "text-muted-foreground"
5495
5692
  };
5496
- function hn(e) {
5693
+ function bn(e) {
5497
5694
  let t = 0;
5498
- for (let n of e) t += pn(n) ? n.metrics.length : 1;
5695
+ for (let n of e) t += vn(n) ? n.metrics.length : 1;
5499
5696
  return t;
5500
5697
  }
5501
- function gn(e) {
5502
- return pn(e) ? e.metrics.length : 1;
5698
+ function xn(e) {
5699
+ return vn(e) ? e.metrics.length : 1;
5503
5700
  }
5504
- var _n = [
5701
+ var Sn = [
5505
5702
  "xs",
5506
5703
  "sm",
5507
5704
  "md",
5508
5705
  "lg"
5509
5706
  ];
5510
- function vn(e, t, n) {
5707
+ function Cn(e, t, n) {
5511
5708
  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";
5512
- return _n[Math.min(_n.indexOf(i), _n.indexOf(a))];
5709
+ return Sn[Math.min(Sn.indexOf(i), Sn.indexOf(a))];
5513
5710
  }
5514
- var yn = {
5711
+ var wn = {
5515
5712
  xs: 40,
5516
5713
  sm: 55,
5517
5714
  md: 75,
5518
5715
  lg: 100
5519
- }, bn = 40, xn = 80;
5520
- function Sn(e, t, n) {
5521
- if (e < xn) return 0;
5522
- let r = yn[n], i = 0, a = 0;
5716
+ }, Tn = 40, En = 80;
5717
+ function Dn(e, t, n) {
5718
+ if (e < En) return 0;
5719
+ let r = wn[n], i = 0, a = 0;
5523
5720
  for (let n = 0; n < t.length; n++) {
5524
- let o = r * gn(t[n]), s = t.length - (n + 1) > 0 ? bn : 0;
5721
+ let o = r * xn(t[n]), s = t.length - (n + 1) > 0 ? Tn : 0;
5525
5722
  if (a + o + s > e) break;
5526
5723
  a += o, i++;
5527
5724
  }
5528
5725
  return i;
5529
5726
  }
5530
- var Cn = {
5727
+ var On = {
5531
5728
  value: {
5532
5729
  xs: "text-xs font-bold leading-tight",
5533
5730
  sm: "text-base font-semibold",
@@ -5565,31 +5762,31 @@ var Cn = {
5565
5762
  lg: "px-5"
5566
5763
  }
5567
5764
  };
5568
- function wn({ trend: t, sentiment: n, size: r }) {
5765
+ function kn({ trend: t, sentiment: n, size: r }) {
5569
5766
  let i = t.direction === "down" ? Q : pt, a = r === "xs" || r === "sm";
5570
5767
  return a && t.direction === "neutral" ? null : /* @__PURE__ */ X("span", {
5571
- className: e("inline-flex items-center gap-px font-medium", Cn.trend[r], mn[n]),
5572
- children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className: Cn.trendIcon[r] }), !a && (t.isNew ? "New" : `${t.value}%`)]
5768
+ className: e("inline-flex items-center gap-px font-medium", On.trend[r], yn[n]),
5769
+ children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className: On.trendIcon[r] }), !a && (t.isNew ? "New" : `${t.value}%`)]
5573
5770
  });
5574
5771
  }
5575
- function Tn({ item: t, size: n, labelVisible: r }) {
5576
- let i = t.trend ? tn(t.trend.direction, t.trendSentiment ?? "higher-is-better") : void 0, a = r && t.label, o = /* @__PURE__ */ X("div", {
5772
+ function An({ item: t, size: n, labelVisible: r }) {
5773
+ let i = t.trend ? sn(t.trend.direction, t.trendSentiment ?? "higher-is-better") : void 0, a = r && t.label, o = /* @__PURE__ */ X("div", {
5577
5774
  className: "flex w-full min-w-0 flex-col",
5578
5775
  children: [/* @__PURE__ */ X("div", {
5579
5776
  className: "flex items-baseline justify-between gap-1",
5580
5777
  children: [/* @__PURE__ */ Y("span", {
5581
- className: e("truncate tracking-tight text-foreground", Cn.value[n]),
5778
+ className: e("truncate tracking-tight text-foreground", On.value[n]),
5582
5779
  children: t.value
5583
5780
  }), t.trend && i && !(t.trend.direction === "neutral" && (n === "xs" || n === "sm")) && /* @__PURE__ */ Y("span", {
5584
5781
  className: "shrink-0",
5585
- children: /* @__PURE__ */ Y(wn, {
5782
+ children: /* @__PURE__ */ Y(kn, {
5586
5783
  trend: t.trend,
5587
5784
  sentiment: i,
5588
5785
  size: n
5589
5786
  })
5590
5787
  })]
5591
5788
  }), a && /* @__PURE__ */ Y("span", {
5592
- className: e("truncate text-muted-foreground", Cn.label[n]),
5789
+ className: e("truncate text-muted-foreground", On.label[n]),
5593
5790
  children: t.label
5594
5791
  })]
5595
5792
  });
@@ -5604,7 +5801,7 @@ function Tn({ item: t, size: n, labelVisible: r }) {
5604
5801
  children: o
5605
5802
  });
5606
5803
  }
5607
- function En({ count: t, size: n }) {
5804
+ function jn({ count: t, size: n }) {
5608
5805
  let r = `${t} more ${t === 1 ? "metric" : "metrics"} hidden`;
5609
5806
  return /* @__PURE__ */ X(se, { children: [/* @__PURE__ */ Y(ue, {
5610
5807
  asChild: !0,
@@ -5616,7 +5813,7 @@ function En({ count: t, size: n }) {
5616
5813
  })
5617
5814
  }), /* @__PURE__ */ Y(ce, { children: r })] });
5618
5815
  }
5619
- function Dn({ count: t, className: n, ...r }) {
5816
+ function Mn({ count: t, className: n, ...r }) {
5620
5817
  return /* @__PURE__ */ Y("div", {
5621
5818
  role: "img",
5622
5819
  "aria-busy": "true",
@@ -5629,14 +5826,14 @@ function Dn({ count: t, className: n, ...r }) {
5629
5826
  }, t))
5630
5827
  });
5631
5828
  }
5632
- function On({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
5633
- let { ref: o, width: s, height: c } = $t();
5634
- if (n === "loading") return /* @__PURE__ */ Y(Dn, {
5635
- count: t.length > 0 ? hn(t) : r ?? 5,
5829
+ function Nn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
5830
+ let { ref: o, width: s, height: c } = an();
5831
+ if (n === "loading") return /* @__PURE__ */ Y(Mn, {
5832
+ count: t.length > 0 ? bn(t) : r ?? 5,
5636
5833
  className: i,
5637
5834
  ...a
5638
5835
  });
5639
- let l = n === "empty" ? t.map((e) => pn(e) ? {
5836
+ let l = n === "empty" ? t.map((e) => vn(e) ? {
5640
5837
  ...e,
5641
5838
  metrics: e.metrics.map((e) => ({
5642
5839
  ...e,
@@ -5647,7 +5844,7 @@ function On({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
5647
5844
  ...e,
5648
5845
  value: "—",
5649
5846
  trend: void 0
5650
- }) : t, u = hn(l), d = s > 0 ? vn(s, c, u) : "md", f = c >= 50, p = s > 0 ? Sn(s, l, d) : l.length, m = l.slice(0, p), h = l.length - p, g = p === 0;
5847
+ }) : t, u = bn(l), d = s > 0 ? Cn(s, c, u) : "md", f = c >= 50, p = s > 0 ? Dn(s, l, d) : l.length, m = l.slice(0, p), h = l.length - p, g = p === 0;
5651
5848
  return /* @__PURE__ */ Y(le, {
5652
5849
  delayDuration: 300,
5653
5850
  children: /* @__PURE__ */ X("div", {
@@ -5657,21 +5854,21 @@ function On({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
5657
5854
  className: e("flex h-full items-center overflow-hidden", g ? "justify-center" : "divide-x divide-border/30 dark:divide-white/[0.06]", i),
5658
5855
  ...a,
5659
5856
  children: [s > 0 && !g && m.map((t) => {
5660
- let n = pn(t) ? t.category : `${t.value}-${t.label ?? ""}`;
5857
+ let n = vn(t) ? t.category : `${t.value}-${t.label ?? ""}`;
5661
5858
  return /* @__PURE__ */ Y("div", {
5662
- style: { flex: gn(t) },
5663
- className: e("flex min-w-0 flex-col justify-center overflow-x-hidden", Cn.cellPadding[d]),
5664
- children: pn(t) ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("span", {
5665
- className: e("mb-0.5 font-medium tracking-wider text-muted-foreground uppercase", Cn.category[d]),
5859
+ style: { flex: xn(t) },
5860
+ className: e("flex min-w-0 flex-col justify-center overflow-x-hidden", On.cellPadding[d]),
5861
+ children: vn(t) ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("span", {
5862
+ className: e("mb-0.5 font-medium tracking-wider text-muted-foreground uppercase", On.category[d]),
5666
5863
  children: t.category
5667
5864
  }), /* @__PURE__ */ Y("div", {
5668
5865
  className: "flex w-full min-w-0 items-stretch gap-3",
5669
- children: t.metrics.map((e) => /* @__PURE__ */ Y(Tn, {
5866
+ children: t.metrics.map((e) => /* @__PURE__ */ Y(An, {
5670
5867
  item: e,
5671
5868
  size: d,
5672
5869
  labelVisible: f
5673
5870
  }, `${e.value}-${e.label ?? ""}`))
5674
- })] }) : /* @__PURE__ */ Y(Tn, {
5871
+ })] }) : /* @__PURE__ */ Y(An, {
5675
5872
  item: t,
5676
5873
  size: d,
5677
5874
  labelVisible: f
@@ -5679,7 +5876,7 @@ function On({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
5679
5876
  }, n);
5680
5877
  }), s > 0 && h > 0 && /* @__PURE__ */ Y("div", {
5681
5878
  className: e("flex shrink-0 items-center", g ? "" : "px-2"),
5682
- children: /* @__PURE__ */ Y(En, {
5879
+ children: /* @__PURE__ */ Y(jn, {
5683
5880
  count: h,
5684
5881
  size: d
5685
5882
  })
@@ -5689,7 +5886,7 @@ function On({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
5689
5886
  }
5690
5887
  //#endregion
5691
5888
  //#region src/charts/LineChart/LineChart.tsx
5692
- function kn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDots: a = !1, showGrid: o = !0, showCategoryAxis: s = !0, showValueAxis: l = !0, connectNulls: u = !1, valueTickFormatter: f, categoryTickFormatter: p, animated: h = !0, onPointHover: _, onPointLeave: v, ariaLabel: y, margin: b, className: x, children: S, ...C }) {
5889
+ function Pn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDots: a = !1, showGrid: o = !0, showCategoryAxis: s = !0, showValueAxis: l = !0, connectNulls: u = !1, valueTickFormatter: f, categoryTickFormatter: p, animated: h = !0, onPointHover: _, onPointLeave: v, ariaLabel: y, margin: b, className: x, children: S, ...C }) {
5693
5890
  let { config: w } = i(), T = t ?? Ke(e, Object.keys(w));
5694
5891
  return n === "loading" ? /* @__PURE__ */ Y(d, {
5695
5892
  ariaLabel: y,
@@ -5724,7 +5921,7 @@ function kn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDot
5724
5921
  }
5725
5922
  //#endregion
5726
5923
  //#region src/charts/AreaChart/AreaChart.tsx
5727
- function An({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked: a = !0, gradient: o = !0, fillOpacity: s = .2, showDots: l = !1, showGrid: u = !0, showCategoryAxis: d = !0, showValueAxis: f = !0, connectNulls: p = !1, animated: h = !0, ariaLabel: _, margin: v, valueTickFormatter: y, categoryTickFormatter: b, onPointHover: x, onPointLeave: S, className: w, children: T, ...E }) {
5924
+ function Fn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked: a = !0, gradient: o = !0, fillOpacity: s = .2, showDots: l = !1, showGrid: u = !0, showCategoryAxis: d = !0, showValueAxis: f = !0, connectNulls: p = !1, animated: h = !0, ariaLabel: _, margin: v, valueTickFormatter: y, categoryTickFormatter: b, onPointHover: x, onPointLeave: S, className: w, children: T, ...E }) {
5728
5925
  let { config: D } = i(), O = t ?? Ke(e, Object.keys(D)), k = a ? "default" : void 0;
5729
5926
  return n === "loading" ? /* @__PURE__ */ Y(C, {
5730
5927
  ariaLabel: _,
@@ -5760,7 +5957,7 @@ function An({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked
5760
5957
  ]
5761
5958
  });
5762
5959
  }
5763
- function jn(e) {
5960
+ function In(e) {
5764
5961
  if (e === 0) return "0ns";
5765
5962
  if (e < 1e3) return `${Math.round(e)}ns`;
5766
5963
  let t = e / 1e3;
@@ -5772,7 +5969,7 @@ function jn(e) {
5772
5969
  let i = Math.floor(r / 60), a = r % 60;
5773
5970
  return `${i}m ${Math.round(a)}s`;
5774
5971
  }
5775
- function Mn(e) {
5972
+ function Ln(e) {
5776
5973
  let t = 0;
5777
5974
  for (let n of e) {
5778
5975
  let e = n.startOffsetNs + n.durationNs;
@@ -5780,7 +5977,7 @@ function Mn(e) {
5780
5977
  }
5781
5978
  return t > 0 ? t : 1;
5782
5979
  }
5783
- function Nn(e, t, n, r) {
5980
+ function Rn(e, t, n, r) {
5784
5981
  if (r <= 0 || n <= 0) return {
5785
5982
  x: 0,
5786
5983
  width: 0
@@ -5791,18 +5988,18 @@ function Nn(e, t, n, r) {
5791
5988
  width: a
5792
5989
  };
5793
5990
  }
5794
- function Pn(e, t) {
5991
+ function zn(e, t) {
5795
5992
  if (t === 0 || e === 0) return "0%";
5796
5993
  let n = e / t * 100;
5797
5994
  return n < .1 ? "<0.1%" : n >= 100 ? "100%" : `${n < 1 ? n.toFixed(1) : Math.round(n)}%`;
5798
5995
  }
5799
- var Fn = 6, In = 80;
5800
- function Ln(e) {
5996
+ var Bn = 6, Vn = 80;
5997
+ function Hn(e) {
5801
5998
  if (e <= 0) return 0;
5802
- let t = Math.floor(e / In) + 1;
5803
- return Math.max(2, Math.min(t, Fn));
5999
+ let t = Math.floor(e / Vn) + 1;
6000
+ return Math.max(2, Math.min(t, Bn));
5804
6001
  }
5805
- function Rn(e, t = 5) {
6002
+ function Un(e, t = 5) {
5806
6003
  if (e <= 0) return [0];
5807
6004
  if (t <= 1) return [0, e];
5808
6005
  let n = e / (t - 1);
@@ -5810,13 +6007,13 @@ function Rn(e, t = 5) {
5810
6007
  }
5811
6008
  //#endregion
5812
6009
  //#region src/charts/TraceWaterfall/TraceWaterfall.tsx
5813
- var zn = 280, Bn = .45, Vn = 36, Hn = 20, Un = 20, Wn = 4, $ = 12, Gn = 48, Kn = 32, qn = 3, Jn = {
6010
+ var Wn = 280, Gn = .45, Kn = 36, qn = 20, Jn = 20, Yn = 4, $ = 12, Xn = 48, Zn = 32, Qn = 3, $n = {
5814
6011
  internal: "INTERNAL",
5815
6012
  server: "SERVER",
5816
6013
  client: "CLIENT",
5817
6014
  producer: "PRODUCER",
5818
6015
  consumer: "CONSUMER"
5819
- }, Yn = [
6016
+ }, er = [
5820
6017
  "bg-chart-1",
5821
6018
  "bg-chart-2",
5822
6019
  "bg-chart-3",
@@ -5826,21 +6023,21 @@ var zn = 280, Bn = .45, Vn = 36, Hn = 20, Un = 20, Wn = 4, $ = 12, Gn = 48, Kn =
5826
6023
  "bg-chart-7",
5827
6024
  "bg-chart-8"
5828
6025
  ];
5829
- function Xn(e) {
6026
+ function tr(e) {
5830
6027
  let t = /* @__PURE__ */ new Map(), n = 0;
5831
- for (let r of e) t.has(r.serviceName) || (t.set(r.serviceName, Yn[n % Yn.length]), n++);
6028
+ for (let r of e) t.has(r.serviceName) || (t.set(r.serviceName, er[n % er.length]), n++);
5832
6029
  return t;
5833
6030
  }
5834
- var Zn = { error: "bg-destructive" }, Qn = {
6031
+ var nr = { error: "bg-destructive" }, rr = {
5835
6032
  ok: "success",
5836
6033
  error: "destructive",
5837
6034
  unset: "secondary"
5838
- }, $n = {
6035
+ }, ir = {
5839
6036
  ok: "OK",
5840
6037
  error: "Error",
5841
6038
  unset: "Unset"
5842
6039
  };
5843
- function er({ icon: e, label: t, children: n }) {
6040
+ function ar({ icon: e, label: t, children: n }) {
5844
6041
  return /* @__PURE__ */ X("div", {
5845
6042
  className: "flex items-center justify-between gap-4",
5846
6043
  children: [/* @__PURE__ */ X("div", {
@@ -5852,7 +6049,7 @@ function er({ icon: e, label: t, children: n }) {
5852
6049
  })]
5853
6050
  });
5854
6051
  }
5855
- function tr({ span: t, serviceColor: n, traceDurationNs: r }) {
6052
+ function or({ span: t, serviceColor: n, traceDurationNs: r }) {
5856
6053
  return /* @__PURE__ */ X(J, { children: [
5857
6054
  /* @__PURE__ */ X("div", {
5858
6055
  className: "space-y-1 px-2.5 pt-2 pb-1.5",
@@ -5865,13 +6062,13 @@ function tr({ span: t, serviceColor: n, traceDurationNs: r }) {
5865
6062
  }), /* @__PURE__ */ X("div", {
5866
6063
  className: "flex items-center gap-1.5 pl-[14px]",
5867
6064
  children: [/* @__PURE__ */ Y(j, {
5868
- variant: Qn[t.status],
6065
+ variant: rr[t.status],
5869
6066
  className: "h-4 text-[9px]",
5870
- children: $n[t.status]
6067
+ children: ir[t.status]
5871
6068
  }), /* @__PURE__ */ Y(j, {
5872
6069
  variant: "outline",
5873
6070
  className: "h-4 text-[9px]",
5874
- children: Jn[t.kind]
6071
+ children: $n[t.kind]
5875
6072
  })]
5876
6073
  })]
5877
6074
  }),
@@ -5879,25 +6076,25 @@ function tr({ span: t, serviceColor: n, traceDurationNs: r }) {
5879
6076
  /* @__PURE__ */ X("div", {
5880
6077
  className: "space-y-1 px-2.5 py-1.5 text-[11px]",
5881
6078
  children: [
5882
- /* @__PURE__ */ Y(er, {
6079
+ /* @__PURE__ */ Y(ar, {
5883
6080
  icon: _t,
5884
6081
  label: "Service",
5885
6082
  children: t.serviceName
5886
6083
  }),
5887
- /* @__PURE__ */ Y(er, {
6084
+ /* @__PURE__ */ Y(ar, {
5888
6085
  icon: ht,
5889
6086
  label: "Duration",
5890
6087
  children: /* @__PURE__ */ Y("span", {
5891
6088
  className: "font-mono tabular-nums",
5892
- children: jn(t.durationNs)
6089
+ children: In(t.durationNs)
5893
6090
  })
5894
6091
  }),
5895
- /* @__PURE__ */ Y(er, {
6092
+ /* @__PURE__ */ Y(ar, {
5896
6093
  icon: dt,
5897
6094
  label: "% of trace",
5898
6095
  children: /* @__PURE__ */ Y("span", {
5899
6096
  className: "font-mono tabular-nums",
5900
- children: Pn(t.durationNs, r)
6097
+ children: zn(t.durationNs, r)
5901
6098
  })
5902
6099
  })
5903
6100
  ]
@@ -5911,7 +6108,7 @@ function tr({ span: t, serviceColor: n, traceDurationNs: r }) {
5911
6108
  })
5912
6109
  ] });
5913
6110
  }
5914
- function nr({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, children: i }) {
6111
+ function sr({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, children: i }) {
5915
6112
  return /* @__PURE__ */ X(H, {
5916
6113
  openDelay: 250,
5917
6114
  closeDelay: 0,
@@ -5923,7 +6120,7 @@ function nr({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, ch
5923
6120
  align: "start",
5924
6121
  sideOffset: 4,
5925
6122
  className: "w-56 p-0",
5926
- children: r ? r(e) : /* @__PURE__ */ Y(tr, {
6123
+ children: r ? r(e) : /* @__PURE__ */ Y(or, {
5927
6124
  span: e,
5928
6125
  serviceColor: t,
5929
6126
  traceDurationNs: n
@@ -5931,13 +6128,13 @@ function nr({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, ch
5931
6128
  })]
5932
6129
  });
5933
6130
  }
5934
- function rr({ depth: e }) {
6131
+ function cr({ depth: e }) {
5935
6132
  return e === 0 ? null : /* @__PURE__ */ Y("span", {
5936
6133
  className: "pointer-events-none relative shrink-0",
5937
- style: { width: e * Hn },
6134
+ style: { width: e * qn },
5938
6135
  "aria-hidden": "true",
5939
6136
  children: Array.from({ length: e }, (t, n) => {
5940
- let r = n === e - 1, i = n * Hn + Hn / 2;
6137
+ let r = n === e - 1, i = n * qn + qn / 2;
5941
6138
  return r ? /* @__PURE__ */ Y("span", {
5942
6139
  className: "absolute top-0 border-l border-border/30",
5943
6140
  style: {
@@ -5946,7 +6143,7 @@ function rr({ depth: e }) {
5946
6143
  },
5947
6144
  children: /* @__PURE__ */ Y("span", {
5948
6145
  className: "absolute bottom-0 left-0 border-b border-border/30",
5949
- style: { width: Hn / 2 - 2 }
6146
+ style: { width: qn / 2 - 2 }
5950
6147
  })
5951
6148
  }, n) : /* @__PURE__ */ Y("span", {
5952
6149
  className: "absolute top-0 h-full border-l border-border/30",
@@ -5955,12 +6152,12 @@ function rr({ depth: e }) {
5955
6152
  })
5956
6153
  });
5957
6154
  }
5958
- function ir(e) {
6155
+ function lr(e) {
5959
6156
  let t = /* @__PURE__ */ new Set(), n = new Set(e.map((e) => e.spanId));
5960
6157
  for (let r of e) r.parentSpanId && n.has(r.parentSpanId) && t.add(r.parentSpanId);
5961
6158
  return t;
5962
6159
  }
5963
- function ar(e, t) {
6160
+ function ur(e, t) {
5964
6161
  if (t.size === 0) return e;
5965
6162
  let n = /* @__PURE__ */ new Set();
5966
6163
  for (let r = 0; r < e.length; r++) {
@@ -5972,7 +6169,7 @@ function ar(e, t) {
5972
6169
  }
5973
6170
  return e.filter((e) => !n.has(e.spanId));
5974
6171
  }
5975
- function or(e) {
6172
+ function dr(e) {
5976
6173
  let t = /* @__PURE__ */ new Map(), n = [];
5977
6174
  for (let r = e.length - 1; r >= 0; r--) {
5978
6175
  let i = e[r].depth;
@@ -5982,11 +6179,11 @@ function or(e) {
5982
6179
  }
5983
6180
  return t;
5984
6181
  }
5985
- function sr({ 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 }) {
5986
- let { x: h, width: g } = Nn(t.startOffsetNs, t.durationNs, n, i), _ = t.status === "error" ? Zn.error : a, v = jn(t.durationNs), y = g >= 56, b = !y;
6182
+ function fr({ 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 }) {
6183
+ let { x: h, width: g } = Rn(t.startOffsetNs, t.durationNs, n, i), _ = t.status === "error" ? nr.error : a, v = In(t.durationNs), y = g >= 56, b = !y;
5987
6184
  return /* @__PURE__ */ X("div", {
5988
6185
  className: e("group flex w-full cursor-pointer transition-colors", o ? "bg-accent/50" : "hover:bg-muted/30"),
5989
- style: { height: Vn },
6186
+ style: { height: Kn },
5990
6187
  onClick: () => u?.(t),
5991
6188
  onKeyDown: (e) => {
5992
6189
  e.key === "Enter" || e.key === " " ? (e.preventDefault(), u?.(t)) : (e.key === "ArrowRight" && s && c || e.key === "ArrowLeft" && s && !c) && (e.preventDefault(), d?.(t.spanId));
@@ -6001,7 +6198,7 @@ function sr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
6001
6198
  className: e("w-[3px] shrink-0 transition-colors", o ? "bg-primary" : "bg-transparent"),
6002
6199
  "aria-hidden": "true"
6003
6200
  }),
6004
- /* @__PURE__ */ Y(nr, {
6201
+ /* @__PURE__ */ Y(sr, {
6005
6202
  span: t,
6006
6203
  serviceColor: a,
6007
6204
  traceDurationNs: n,
@@ -6010,7 +6207,7 @@ function sr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
6010
6207
  className: "flex shrink-0 items-center gap-1 overflow-hidden border-r border-border/30 px-1.5",
6011
6208
  style: { width: r },
6012
6209
  children: [
6013
- /* @__PURE__ */ Y(rr, { depth: t.depth }),
6210
+ /* @__PURE__ */ Y(cr, { depth: t.depth }),
6014
6211
  s ? /* @__PURE__ */ Y("button", {
6015
6212
  type: "button",
6016
6213
  tabIndex: -1,
@@ -6051,7 +6248,7 @@ function sr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
6051
6248
  className: "relative flex-1 overflow-hidden",
6052
6249
  style: {
6053
6250
  paddingLeft: $,
6054
- paddingRight: Gn
6251
+ paddingRight: Xn
6055
6252
  },
6056
6253
  "aria-label": `${t.name}: ${v}`,
6057
6254
  children: [
@@ -6060,8 +6257,8 @@ function sr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
6060
6257
  style: {
6061
6258
  left: $ + h,
6062
6259
  width: Math.max(g, 3),
6063
- height: Un,
6064
- borderRadius: Wn
6260
+ height: Jn,
6261
+ borderRadius: Yn
6065
6262
  }
6066
6263
  }),
6067
6264
  y && /* @__PURE__ */ Y("span", {
@@ -6082,14 +6279,14 @@ function sr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
6082
6279
  ]
6083
6280
  });
6084
6281
  }
6085
- function cr({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible: r, isAllCollapsed: i, onExpandAll: a, onCollapseAll: o }) {
6086
- let s = Rn(e, Ln(n)), c = ve().domain([0, e]).range([0, n]);
6282
+ function pr({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible: r, isAllCollapsed: i, onExpandAll: a, onCollapseAll: o }) {
6283
+ let s = Un(e, Hn(n)), c = ve().domain([0, e]).range([0, n]);
6087
6284
  return /* @__PURE__ */ X("div", {
6088
6285
  className: "flex shrink-0 items-end border-b border-border bg-muted/30",
6089
- style: { height: Kn },
6286
+ style: { height: Zn },
6090
6287
  children: [/* @__PURE__ */ X("div", {
6091
6288
  className: "flex shrink-0 items-center justify-between border-r border-border/30 px-3 pb-2",
6092
- style: { width: t + qn },
6289
+ style: { width: t + Qn },
6093
6290
  children: [/* @__PURE__ */ Y("span", {
6094
6291
  className: "truncate text-[11px] font-semibold tracking-wider text-muted-foreground uppercase",
6095
6292
  children: "Service & Operation"
@@ -6104,7 +6301,7 @@ function cr({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible:
6104
6301
  className: "relative flex-1 pb-2",
6105
6302
  style: {
6106
6303
  paddingLeft: $,
6107
- paddingRight: Gn
6304
+ paddingRight: Xn
6108
6305
  },
6109
6306
  children: s.map((e, t) => {
6110
6307
  let n = t === 0, r = t === s.length - 1;
@@ -6114,18 +6311,18 @@ function cr({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible:
6114
6311
  left: $ + c(e),
6115
6312
  transform: n ? "none" : r ? "translateX(-100%)" : "translateX(-50%)"
6116
6313
  },
6117
- children: jn(e)
6314
+ children: In(e)
6118
6315
  }, e);
6119
6316
  })
6120
6317
  })]
6121
6318
  });
6122
6319
  }
6123
- function lr({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r }) {
6124
- let i = Rn(e, Ln(n)), a = ve().domain([0, e]).range([0, n]), o = r * Vn;
6320
+ function mr({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r }) {
6321
+ let i = Un(e, Hn(n)), a = ve().domain([0, e]).range([0, n]), o = r * Kn;
6125
6322
  return /* @__PURE__ */ Y("svg", {
6126
6323
  className: "pointer-events-none absolute top-0",
6127
6324
  style: {
6128
- left: t + qn + $,
6325
+ left: t + Qn + $,
6129
6326
  width: n,
6130
6327
  height: o
6131
6328
  },
@@ -6141,7 +6338,7 @@ function lr({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r })
6141
6338
  }, e))
6142
6339
  });
6143
6340
  }
6144
- var ur = [
6341
+ var hr = [
6145
6342
  {
6146
6343
  indent: 0,
6147
6344
  labelPct: 60,
@@ -6173,7 +6370,7 @@ var ur = [
6173
6370
  barPct: 65
6174
6371
  }
6175
6372
  ];
6176
- function dr({ ariaLabel: t, className: n, ...r }) {
6373
+ function gr({ ariaLabel: t, className: n, ...r }) {
6177
6374
  return /* @__PURE__ */ X("div", {
6178
6375
  role: "img",
6179
6376
  "aria-busy": "true",
@@ -6182,13 +6379,13 @@ function dr({ ariaLabel: t, className: n, ...r }) {
6182
6379
  ...r,
6183
6380
  children: [/* @__PURE__ */ Y("div", {
6184
6381
  className: "flex shrink-0 items-center border-b border-border bg-muted/30 px-3",
6185
- style: { height: Kn },
6382
+ style: { height: Zn },
6186
6383
  children: /* @__PURE__ */ Y(b, { className: "h-3 w-1/3 max-w-32" })
6187
6384
  }), /* @__PURE__ */ Y("div", {
6188
6385
  className: "flex-1",
6189
- children: ur.map((e, t) => /* @__PURE__ */ X("div", {
6386
+ children: hr.map((e, t) => /* @__PURE__ */ X("div", {
6190
6387
  className: "flex items-center gap-2 px-2",
6191
- style: { height: Vn },
6388
+ style: { height: Kn },
6192
6389
  children: [/* @__PURE__ */ X("div", {
6193
6390
  className: "flex shrink-0 items-center gap-1.5",
6194
6391
  style: { paddingLeft: e.indent * 12 },
@@ -6206,7 +6403,7 @@ function dr({ ariaLabel: t, className: n, ...r }) {
6206
6403
  className: "rounded-sm",
6207
6404
  style: {
6208
6405
  width: `${e.barPct}%`,
6209
- height: Un
6406
+ height: Jn
6210
6407
  }
6211
6408
  })
6212
6409
  })]
@@ -6214,14 +6411,14 @@ function dr({ ariaLabel: t, className: n, ...r }) {
6214
6411
  })]
6215
6412
  });
6216
6413
  }
6217
- function fr({ 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 }) {
6414
+ function _r({ 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 }) {
6218
6415
  let f = E(n, t.length), [p, m] = U.useState({
6219
- labelWidth: zn,
6416
+ labelWidth: Wn,
6220
6417
  timelineWidth: 0
6221
- }), h = U.useRef(null), g = U.useMemo(() => ir(t), [t]), [_, v] = U.useState(() => s ? new Set(ir(t)) : /* @__PURE__ */ new Set()), y = U.useCallback((e) => {
6418
+ }), h = U.useRef(null), g = U.useMemo(() => lr(t), [t]), [_, v] = U.useState(() => s ? new Set(lr(t)) : /* @__PURE__ */ new Set()), y = U.useCallback((e) => {
6222
6419
  if (h.current &&= (h.current.disconnect(), null), e) {
6223
6420
  let t = new ResizeObserver(([e]) => {
6224
- let t = Math.round(e.contentRect.width), n = Math.min(zn, Math.round(t * Bn)), r = t - n - qn - $ - Gn;
6421
+ let t = Math.round(e.contentRect.width), n = Math.min(Wn, Math.round(t * Gn)), r = t - n - Qn - $ - Xn;
6225
6422
  m({
6226
6423
  labelWidth: n,
6227
6424
  timelineWidth: Math.max(r, 0)
@@ -6229,13 +6426,13 @@ function fr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
6229
6426
  });
6230
6427
  t.observe(e), h.current = t;
6231
6428
  }
6232
- }, []), b = U.useMemo(() => Mn(t), [t]), S = U.useMemo(() => Xn(t), [t]), C = U.useMemo(() => or(t), [t]), w = U.useMemo(() => ar(t, _), [t, _]), T = U.useCallback((e) => {
6429
+ }, []), b = U.useMemo(() => Ln(t), [t]), S = U.useMemo(() => tr(t), [t]), C = U.useMemo(() => dr(t), [t]), w = U.useMemo(() => ur(t, _), [t, _]), T = U.useCallback((e) => {
6233
6430
  v((t) => {
6234
6431
  let n = new Set(t);
6235
6432
  return n.has(e) ? n.delete(e) : n.add(e), n;
6236
6433
  });
6237
6434
  }, []), D = U.useCallback(() => v(/* @__PURE__ */ new Set()), []), O = U.useCallback(() => v(new Set(g)), [g]), k = _.size > 0;
6238
- return f === "loading" ? /* @__PURE__ */ Y(dr, {
6435
+ return f === "loading" ? /* @__PURE__ */ Y(gr, {
6239
6436
  ariaLabel: l,
6240
6437
  className: u,
6241
6438
  ...d
@@ -6249,7 +6446,7 @@ function fr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
6249
6446
  role: "treegrid",
6250
6447
  "aria-label": l,
6251
6448
  ...d,
6252
- children: [/* @__PURE__ */ Y(cr, {
6449
+ children: [/* @__PURE__ */ Y(pr, {
6253
6450
  traceDurationNs: b,
6254
6451
  labelWidth: p.labelWidth,
6255
6452
  usableWidth: p.timelineWidth,
@@ -6261,17 +6458,17 @@ function fr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
6261
6458
  className: "min-h-0 flex-1",
6262
6459
  children: /* @__PURE__ */ X("div", {
6263
6460
  className: "relative",
6264
- children: [/* @__PURE__ */ Y(lr, {
6461
+ children: [/* @__PURE__ */ Y(mr, {
6265
6462
  traceDurationNs: b,
6266
6463
  labelWidth: p.labelWidth,
6267
6464
  usableWidth: p.timelineWidth,
6268
6465
  rowCount: w.length
6269
- }), w.map((e) => /* @__PURE__ */ Y(sr, {
6466
+ }), w.map((e) => /* @__PURE__ */ Y(fr, {
6270
6467
  span: e,
6271
6468
  traceDurationNs: b,
6272
6469
  labelWidth: p.labelWidth,
6273
6470
  usableWidth: p.timelineWidth,
6274
- serviceColor: S.get(e.serviceName) ?? Yn[0],
6471
+ serviceColor: S.get(e.serviceName) ?? er[0],
6275
6472
  selected: e.spanId === r,
6276
6473
  hasChildren: g.has(e.spanId),
6277
6474
  collapsed: _.has(e.spanId),
@@ -6288,27 +6485,27 @@ function fr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
6288
6485
  }
6289
6486
  //#endregion
6290
6487
  //#region src/charts/BreakdownChart/BarMeter.tsx
6291
- var pr = {
6488
+ var vr = {
6292
6489
  positive: "text-success",
6293
6490
  negative: "text-destructive",
6294
6491
  neutral: "text-muted-foreground"
6295
6492
  };
6296
- function mr({ trend: t, sentiment: n }) {
6493
+ function yr({ trend: t, sentiment: n }) {
6297
6494
  let r = t.direction === "down" ? Q : pt;
6298
6495
  return /* @__PURE__ */ X("span", {
6299
- className: e("inline-flex items-center gap-0.5 text-xs font-medium", pr[n]),
6496
+ className: e("inline-flex items-center gap-0.5 text-xs font-medium", vr[n]),
6300
6497
  children: [t.direction !== "neutral" && /* @__PURE__ */ Y(r, { className: "size-3 stroke-[2.5]" }), t.isNew ? "New" : `${t.value}%`]
6301
6498
  });
6302
6499
  }
6303
- function hr({ rank: e }) {
6500
+ function br({ rank: e }) {
6304
6501
  return /* @__PURE__ */ Y("span", {
6305
6502
  "aria-hidden": "true",
6306
6503
  className: "inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-md bg-muted px-1 text-[11px] font-semibold text-muted-foreground tabular-nums",
6307
6504
  children: e
6308
6505
  });
6309
6506
  }
6310
- function gr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon: o, trend: s, trendSentiment: c = "higher-is-better", threshold: l, rank: u, compact: d = !1, animated: f = !0, highlighted: p = !1, dimmed: m = !1, interactive: h = !1, className: g, ..._ }) {
6311
- let v = Math.max(0, Math.min(1, r)), y = l === void 0 ? void 0 : Math.max(0, Math.min(1, l)), b = p ? `0 1px 8px -1px color-mix(in oklab, ${i} 55%, transparent)` : void 0, x = s ? tn(s.direction, c) : void 0;
6507
+ function xr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon: o, trend: s, trendSentiment: c = "higher-is-better", threshold: l, rank: u, compact: d = !1, animated: f = !0, highlighted: p = !1, dimmed: m = !1, interactive: h = !1, className: g, ..._ }) {
6508
+ let v = Math.max(0, Math.min(1, r)), y = l === void 0 ? void 0 : Math.max(0, Math.min(1, l)), b = p ? `0 1px 8px -1px color-mix(in oklab, ${i} 55%, transparent)` : void 0, x = s ? sn(s.direction, c) : void 0;
6312
6509
  return /* @__PURE__ */ X("div", {
6313
6510
  "data-slot": "bar-meter",
6314
6511
  role: h ? "button" : void 0,
@@ -6324,7 +6521,7 @@ function gr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon:
6324
6521
  children: [/* @__PURE__ */ X("span", {
6325
6522
  className: "flex min-w-0 items-center gap-2",
6326
6523
  children: [
6327
- u !== void 0 && /* @__PURE__ */ Y(hr, { rank: u }),
6524
+ u !== void 0 && /* @__PURE__ */ Y(br, { rank: u }),
6328
6525
  o && /* @__PURE__ */ Y(o, { className: e("size-4 shrink-0 transition-colors", p ? "text-foreground" : "text-muted-foreground") }),
6329
6526
  /* @__PURE__ */ Y("span", {
6330
6527
  className: e("truncate text-sm transition-colors", p ? "font-semibold text-foreground" : "font-medium text-foreground"),
@@ -6333,7 +6530,7 @@ function gr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon:
6333
6530
  ]
6334
6531
  }), /* @__PURE__ */ X("span", {
6335
6532
  className: "flex shrink-0 items-center gap-2",
6336
- children: [s && x && /* @__PURE__ */ Y(mr, {
6533
+ children: [s && x && /* @__PURE__ */ Y(yr, {
6337
6534
  trend: s,
6338
6535
  sentiment: x
6339
6536
  }), /* @__PURE__ */ Y("span", {
@@ -6371,9 +6568,9 @@ function gr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon:
6371
6568
  }
6372
6569
  //#endregion
6373
6570
  //#region src/charts/BreakdownChart/BreakdownContext.tsx
6374
- var _r = U.createContext(null);
6375
- function vr() {
6376
- return U.useContext(_r) || {
6571
+ var Sr = U.createContext(null);
6572
+ function Cr() {
6573
+ return U.useContext(Sr) || {
6377
6574
  tooltip: null,
6378
6575
  legend: null,
6379
6576
  summary: null,
@@ -6382,7 +6579,7 @@ function vr() {
6382
6579
  setSummary: () => void 0
6383
6580
  };
6384
6581
  }
6385
- function yr({ children: e }) {
6582
+ function wr({ children: e }) {
6386
6583
  let [t, n] = U.useState(null), [r, i] = U.useState(null), [a, o] = U.useState(null), s = U.useMemo(() => ({
6387
6584
  tooltip: t,
6388
6585
  legend: r,
@@ -6395,21 +6592,21 @@ function yr({ children: e }) {
6395
6592
  r,
6396
6593
  a
6397
6594
  ]);
6398
- return /* @__PURE__ */ Y(_r.Provider, {
6595
+ return /* @__PURE__ */ Y(Sr.Provider, {
6399
6596
  value: s,
6400
6597
  children: e
6401
6598
  });
6402
6599
  }
6403
6600
  //#endregion
6404
6601
  //#region src/charts/BreakdownChart/BreakdownTooltip.tsx
6405
- function br({ content: e }) {
6406
- let { setTooltip: t } = vr();
6602
+ function Tr({ content: e }) {
6603
+ let { setTooltip: t } = Cr();
6407
6604
  return U.useLayoutEffect(() => (t({ content: typeof e == "function" ? e : (t, n) => U.cloneElement(e, {
6408
6605
  item: t,
6409
6606
  meta: n
6410
6607
  }) }), () => t(null)), [e, t]), null;
6411
6608
  }
6412
- function xr({ pos: e, containerRef: t, children: n }) {
6609
+ function Er({ pos: e, containerRef: t, children: n }) {
6413
6610
  let r = U.useRef(null), [i, a] = U.useState({
6414
6611
  x: 0,
6415
6612
  y: 0,
@@ -6451,10 +6648,10 @@ function xr({ pos: e, containerRef: t, children: n }) {
6451
6648
  children: n
6452
6649
  }), document.body);
6453
6650
  }
6454
- function Sr(e) {
6651
+ function Dr(e) {
6455
6652
  return typeof e == "number" ? e.toLocaleString() : e;
6456
6653
  }
6457
- function Cr({ item: t, meta: n, label: r, items: i, hideLabel: a, hideIndicator: o = !1, indicator: s = "dot", valueFormatter: c = Sr, showTotal: l = !1, totalLabel: u = "Total", className: d, ...f }) {
6654
+ function Or({ item: t, meta: n, label: r, items: i, hideLabel: a, hideIndicator: o = !1, indicator: s = "dot", valueFormatter: c = Dr, showTotal: l = !1, totalLabel: u = "Total", className: d, ...f }) {
6458
6655
  let p = i === void 0 && t !== void 0 && n !== void 0, m = r ?? t?.label, h = i ?? (p ? [{
6459
6656
  name: n.formattedValue,
6460
6657
  value: `${(n.ratio * 100).toFixed(1)}%`,
@@ -6508,7 +6705,7 @@ function Cr({ item: t, meta: n, label: r, items: i, hideLabel: a, hideIndicator:
6508
6705
  }
6509
6706
  //#endregion
6510
6707
  //#region src/charts/BreakdownChart/BreakdownChart.tsx
6511
- function wr(e) {
6708
+ function kr(e) {
6512
6709
  let [t, n] = U.useState(!e);
6513
6710
  return U.useEffect(() => {
6514
6711
  if (!e) return;
@@ -6516,7 +6713,7 @@ function wr(e) {
6516
6713
  return () => cancelAnimationFrame(t);
6517
6714
  }, [e]), t;
6518
6715
  }
6519
- var Tr = [
6716
+ var Ar = [
6520
6717
  "var(--chart-1)",
6521
6718
  "var(--chart-2)",
6522
6719
  "var(--chart-3)",
@@ -6528,10 +6725,10 @@ var Tr = [
6528
6725
  "var(--chart-9)",
6529
6726
  "var(--chart-10)"
6530
6727
  ];
6531
- function Er(e, t) {
6532
- return e.color ?? Tr[t % Tr.length];
6728
+ function jr(e, t) {
6729
+ return e.color ?? Ar[t % Ar.length];
6533
6730
  }
6534
- function Dr(e, t) {
6731
+ function Mr(e, t) {
6535
6732
  switch (t) {
6536
6733
  case "total": {
6537
6734
  let t = e.reduce((e, t) => e + t.value, 0);
@@ -6545,7 +6742,7 @@ function Dr(e, t) {
6545
6742
  default: return t;
6546
6743
  }
6547
6744
  }
6548
- var Or = [
6745
+ var Nr = [
6549
6746
  .7,
6550
6747
  .45,
6551
6748
  .25,
@@ -6553,7 +6750,7 @@ var Or = [
6553
6750
  .35,
6554
6751
  .2
6555
6752
  ];
6556
- function kr({ rows: t = 3, compact: n = !1, className: r, ...i }) {
6753
+ function Pr({ rows: t = 3, compact: n = !1, className: r, ...i }) {
6557
6754
  return /* @__PURE__ */ Y("div", {
6558
6755
  role: "img",
6559
6756
  "aria-busy": "true",
@@ -6569,15 +6766,15 @@ function kr({ rows: t = 3, compact: n = !1, className: r, ...i }) {
6569
6766
  }),
6570
6767
  /* @__PURE__ */ Y(b, {
6571
6768
  className: "h-2 rounded-full",
6572
- style: { width: `${Or[r % Or.length] * 100}%` }
6769
+ style: { width: `${Nr[r % Nr.length] * 100}%` }
6573
6770
  }),
6574
6771
  /* @__PURE__ */ Y(b, { className: "h-3 w-20" })
6575
6772
  ]
6576
6773
  }, r))
6577
6774
  });
6578
6775
  }
6579
- var Ar = 12, jr = -12;
6580
- function Mr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey: a, highlightOnHover: o, interactive: s, legendSlot: c, onSegmentHover: l, onSegmentClick: u }) {
6776
+ var Fr = 12, Ir = -12;
6777
+ function Lr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey: a, highlightOnHover: o, interactive: s, legendSlot: c, onSegmentHover: l, onSegmentClick: u }) {
6581
6778
  let d = t.reduce((e, t) => e + t.value, 0);
6582
6779
  return /* @__PURE__ */ X("div", {
6583
6780
  className: "flex flex-col gap-3",
@@ -6592,7 +6789,7 @@ function Mr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey
6592
6789
  className: e("h-full ease-out", r ? "transition-[width,opacity] duration-700" : "transition-opacity duration-200", f === 0 && "rounded-l-full", f === t.length - 1 && "rounded-r-full", h && "opacity-55", m && o && "opacity-100", s && "cursor-pointer"),
6593
6790
  style: {
6594
6791
  width: i ? `${p}%` : "0%",
6595
- backgroundColor: Er(c, f)
6792
+ backgroundColor: jr(c, f)
6596
6793
  },
6597
6794
  onMouseEnter: () => l(c),
6598
6795
  onMouseLeave: () => l(null),
@@ -6610,7 +6807,7 @@ function Mr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey
6610
6807
  children: [
6611
6808
  /* @__PURE__ */ Y("span", {
6612
6809
  className: "inline-block size-2.5 shrink-0 rounded-full",
6613
- style: { backgroundColor: Er(e, t) },
6810
+ style: { backgroundColor: jr(e, t) },
6614
6811
  "aria-hidden": "true"
6615
6812
  }),
6616
6813
  /* @__PURE__ */ Y("span", {
@@ -6626,10 +6823,10 @@ function Mr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey
6626
6823
  })]
6627
6824
  });
6628
6825
  }
6629
- function Nr(e, { pitch: t, gap: n }) {
6826
+ function Rr(e, { pitch: t, gap: n }) {
6630
6827
  return Math.max(0, Math.floor((e + n) / t));
6631
6828
  }
6632
- function Pr(e, t) {
6829
+ function zr(e, t) {
6633
6830
  let n = e.querySelectorAll("[data-slot=\"bar-meter\"]");
6634
6831
  if (n.length >= 2) {
6635
6832
  let e = n[1].offsetTop - n[0].offsetTop;
@@ -6646,12 +6843,12 @@ function Pr(e, t) {
6646
6843
  gap: i
6647
6844
  };
6648
6845
  }
6649
- function Fr(e) {
6846
+ function Br(e) {
6650
6847
  let [t, n] = U.useState(void 0), r = U.useRef(null), i = U.useCallback(() => {
6651
6848
  let t = e.current;
6652
6849
  if (!t) return;
6653
- r.current = Pr(t, r.current);
6654
- let i = r.current, a = t.clientHeight, o = i && a > 0 ? Nr(a, i) : void 0;
6850
+ r.current = zr(t, r.current);
6851
+ let i = r.current, a = t.clientHeight, o = i && a > 0 ? Rr(a, i) : void 0;
6655
6852
  n((e) => e === o ? e : o);
6656
6853
  }, [e]);
6657
6854
  return U.useEffect(() => {
@@ -6664,7 +6861,7 @@ function Fr(e) {
6664
6861
  remeasure: i
6665
6862
  };
6666
6863
  }
6667
- function Ir(e, t, n) {
6864
+ function Vr(e, t, n) {
6668
6865
  let r = t === void 0 || Number.isNaN(t) ? void 0 : Math.max(0, Math.floor(t)), i = r ?? n, [a, o] = U.useState(!1), [s, c] = U.useState(r);
6669
6866
  Object.is(r, s) || (c(r), a && o(!1));
6670
6867
  let l = U.useCallback(() => o((e) => !e), []);
@@ -6682,21 +6879,21 @@ function Ir(e, t, n) {
6682
6879
  toggle: l
6683
6880
  };
6684
6881
  }
6685
- function Lr({ children: e, ...t }) {
6686
- return /* @__PURE__ */ X(yr, { children: [e, /* @__PURE__ */ Y(Rr, { ...t })] });
6882
+ function Hr({ children: e, ...t }) {
6883
+ return /* @__PURE__ */ X(wr, { children: [e, /* @__PURE__ */ Y(Ur, { ...t })] });
6687
6884
  }
6688
- function Rr({ items: t, variant: n = "list", ratioMode: r = "total", formatValue: i, trendSentiment: a = "higher-is-better", sortByValue: o, showRank: s = !1, summary: c, maxItems: l, animated: u = !0, compact: d = !1, highlightOnHover: f = !0, state: p, skeletonRows: m = 3, ariaLabel: h = "Breakdown chart", onItemClick: g, onItemHover: _, className: v, ...y }) {
6689
- let { tooltip: b, legend: S, summary: C } = vr(), w = p ?? (t.length === 0 ? "empty" : "ready"), [T, E] = U.useState(null), D = g !== void 0, O = wr(u), k = U.useRef(null), [A, j] = U.useState(null), M = U.useMemo(() => o ? [...t].sort((e, t) => o === "asc" ? e.value - t.value : t.value - e.value) : t, [t, o]), N = U.useMemo(() => Dr(M, r), [M, r]), P = U.useCallback((e) => {
6885
+ function Ur({ items: t, variant: n = "list", ratioMode: r = "total", formatValue: i, trendSentiment: a = "higher-is-better", sortByValue: o, showRank: s = !1, summary: c, maxItems: l, animated: u = !0, compact: d = !1, highlightOnHover: f = !0, state: p, skeletonRows: m = 3, ariaLabel: h = "Breakdown chart", onItemClick: g, onItemHover: _, className: v, ...y }) {
6886
+ let { tooltip: b, legend: S, summary: C } = Cr(), w = p ?? (t.length === 0 ? "empty" : "ready"), [T, E] = U.useState(null), D = g !== void 0, O = kr(u), k = U.useRef(null), [A, j] = U.useState(null), M = U.useMemo(() => o ? [...t].sort((e, t) => o === "asc" ? e.value - t.value : t.value - e.value) : t, [t, o]), N = U.useMemo(() => Mr(M, r), [M, r]), P = U.useCallback((e) => {
6690
6887
  E(e?.key ?? null), e || j(null), _?.(e);
6691
6888
  }, [_]), F = U.useCallback((e) => {
6692
6889
  if (!b || !k.current) return;
6693
6890
  let t = k.current.getBoundingClientRect();
6694
6891
  j({
6695
- x: e.clientX - t.left + Ar,
6696
- y: e.clientY - t.top + jr
6892
+ x: e.clientX - t.left + Fr,
6893
+ y: e.clientY - t.top + Ir
6697
6894
  });
6698
6895
  }, [b]);
6699
- if (w === "loading") return /* @__PURE__ */ Y(kr, {
6896
+ if (w === "loading") return /* @__PURE__ */ Y(Pr, {
6700
6897
  rows: m,
6701
6898
  compact: d,
6702
6899
  className: v,
@@ -6708,11 +6905,11 @@ function Rr({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
6708
6905
  children: /* @__PURE__ */ Y(x, { ariaLabel: h })
6709
6906
  });
6710
6907
  let I = T ? M.findIndex((e) => e.key === T) : -1, L = I >= 0 ? M[I] : null, R = L ? {
6711
- color: Er(L, I),
6908
+ color: jr(L, I),
6712
6909
  index: I,
6713
6910
  ratio: N[I],
6714
6911
  formattedValue: i ? i(L.value) : String(L.value)
6715
- } : null, z = b && L && R && A ? /* @__PURE__ */ Y(xr, {
6912
+ } : null, z = b && L && R && A ? /* @__PURE__ */ Y(Er, {
6716
6913
  pos: A,
6717
6914
  containerRef: k,
6718
6915
  children: b.content(L, R)
@@ -6724,7 +6921,7 @@ function Rr({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
6724
6921
  onMouseMove: F,
6725
6922
  ...y,
6726
6923
  ref: k,
6727
- children: [/* @__PURE__ */ Y(Mr, {
6924
+ children: [/* @__PURE__ */ Y(Lr, {
6728
6925
  items: M,
6729
6926
  formatValue: i,
6730
6927
  animated: u,
@@ -6736,7 +6933,7 @@ function Rr({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
6736
6933
  onSegmentHover: P,
6737
6934
  onSegmentClick: g
6738
6935
  }), z]
6739
- }) : /* @__PURE__ */ Y(zr, {
6936
+ }) : /* @__PURE__ */ Y(Wr, {
6740
6937
  containerRef: k,
6741
6938
  items: M,
6742
6939
  ratios: N,
@@ -6761,8 +6958,8 @@ function Rr({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
6761
6958
  ...y
6762
6959
  });
6763
6960
  }
6764
- function zr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentiment: a = "higher-is-better", showRank: o = !1, summary: s, summarySlot: c, maxItems: l, animated: u = !0, compact: d = !1, highlightOnHover: f, mounted: p, ariaLabel: m = "Breakdown chart", hoveredKey: h, interactive: g, onItemHover: _, onItemClick: v, tooltipPortal: y, className: b, ...x }) {
6765
- let S = U.useRef(null), { fitCount: C, remeasure: w } = Fr(S), { visibleItems: T, hiddenCount: E, expanded: D, collapsible: O, toggle: k } = Ir(n, l, C);
6961
+ function Wr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentiment: a = "higher-is-better", showRank: o = !1, summary: s, summarySlot: c, maxItems: l, animated: u = !0, compact: d = !1, highlightOnHover: f, mounted: p, ariaLabel: m = "Breakdown chart", hoveredKey: h, interactive: g, onItemHover: _, onItemClick: v, tooltipPortal: y, className: b, ...x }) {
6962
+ let S = U.useRef(null), { fitCount: C, remeasure: w } = Br(S), { visibleItems: T, hiddenCount: E, expanded: D, collapsible: O, toggle: k } = Vr(n, l, C);
6766
6963
  U.useLayoutEffect(w, [
6767
6964
  w,
6768
6965
  n,
@@ -6798,11 +6995,11 @@ function zr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentime
6798
6995
  },
6799
6996
  children: /* @__PURE__ */ Y("div", {
6800
6997
  className: e("flex flex-col", M),
6801
- children: T.map((e, t) => /* @__PURE__ */ Y(gr, {
6998
+ children: T.map((e, t) => /* @__PURE__ */ Y(xr, {
6802
6999
  label: e.label,
6803
7000
  formattedValue: i ? i(e.value) : String(e.value),
6804
7001
  ratio: p ? r[t] : 0,
6805
- color: Er(e, t),
7002
+ color: jr(e, t),
6806
7003
  detail: e.detail,
6807
7004
  icon: e.icon,
6808
7005
  trend: e.trend,
@@ -6846,11 +7043,11 @@ function zr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentime
6846
7043
  }
6847
7044
  //#endregion
6848
7045
  //#region src/charts/BreakdownChart/BreakdownLegend.tsx
6849
- function Br({ children: e }) {
6850
- let { setLegend: t } = vr();
7046
+ function Gr({ children: e }) {
7047
+ let { setLegend: t } = Cr();
6851
7048
  return U.useLayoutEffect(() => (t(e), () => t(null)), [e, t]), null;
6852
7049
  }
6853
- function Vr({ items: t, colors: n, formatValue: r, className: i, ...a }) {
7050
+ function Kr({ items: t, colors: n, formatValue: r, className: i, ...a }) {
6854
7051
  return /* @__PURE__ */ Y("div", {
6855
7052
  className: e("flex flex-wrap items-center gap-x-4 gap-y-1", i),
6856
7053
  ...a,
@@ -6876,13 +7073,13 @@ function Vr({ items: t, colors: n, formatValue: r, className: i, ...a }) {
6876
7073
  }
6877
7074
  //#endregion
6878
7075
  //#region src/charts/BreakdownChart/BreakdownSummary.tsx
6879
- function Hr({ children: e }) {
6880
- let { setSummary: t } = vr();
7076
+ function qr({ children: e }) {
7077
+ let { setSummary: t } = Cr();
6881
7078
  return U.useLayoutEffect(() => (t(e), () => t(null)), [e, t]), null;
6882
7079
  }
6883
7080
  //#endregion
6884
7081
  //#region src/charts/FilterCombobox/DataTypeIcon.tsx
6885
- function Ur({ icon: t, tooltipContent: n, colorClass: r }) {
7082
+ function Jr({ icon: t, tooltipContent: n, colorClass: r }) {
6886
7083
  return /* @__PURE__ */ X(se, { children: [/* @__PURE__ */ Y(ue, {
6887
7084
  asChild: !0,
6888
7085
  children: /* @__PURE__ */ Y("span", {
@@ -6896,10 +7093,10 @@ function Ur({ icon: t, tooltipContent: n, colorClass: r }) {
6896
7093
  }
6897
7094
  //#endregion
6898
7095
  //#region src/charts/FilterCombobox/DataTypeIcons.tsx
6899
- function Wr({ dataTypes: e }) {
7096
+ function Yr({ dataTypes: e }) {
6900
7097
  return e.length === 0 ? null : /* @__PURE__ */ Y("span", {
6901
7098
  className: "ml-2 flex shrink-0 items-center",
6902
- children: e.map((e) => /* @__PURE__ */ Y(Ur, {
7099
+ children: e.map((e) => /* @__PURE__ */ Y(Jr, {
6903
7100
  icon: e.icon,
6904
7101
  tooltipContent: e.tooltipContent,
6905
7102
  colorClass: e.colorClass
@@ -6908,19 +7105,19 @@ function Wr({ dataTypes: e }) {
6908
7105
  }
6909
7106
  //#endregion
6910
7107
  //#region src/charts/FilterCombobox/filter-combobox-options.ts
6911
- function Gr(e, t) {
7108
+ function Xr(e, t) {
6912
7109
  return `${e}-${t}`;
6913
7110
  }
6914
- function Kr(e) {
7111
+ function Zr(e) {
6915
7112
  return e;
6916
7113
  }
6917
- function qr(e, t) {
7114
+ function Qr(e, t) {
6918
7115
  return `${e}-option-${t}`;
6919
7116
  }
6920
- function Jr(e, t, n, r) {
7117
+ function $r(e, t, n, r) {
6921
7118
  if (!e) return t.map((e) => ({
6922
7119
  item: e,
6923
- optionValue: Kr(e.id)
7120
+ optionValue: Zr(e.id)
6924
7121
  }));
6925
7122
  let i = [];
6926
7123
  for (let e of n) {
@@ -6928,30 +7125,30 @@ function Jr(e, t, n, r) {
6928
7125
  let n = t.filter((t) => t.scopes.includes(e.id));
6929
7126
  for (let t of n) i.push({
6930
7127
  item: t,
6931
- optionValue: Gr(e.id, t.id)
7128
+ optionValue: Xr(e.id, t.id)
6932
7129
  });
6933
7130
  }
6934
7131
  return i;
6935
7132
  }
6936
- function Yr(e, t, n) {
7133
+ function ei(e, t, n) {
6937
7134
  if (e.length === 0) return;
6938
7135
  let r = t ? e.findIndex((e) => e.optionValue === t) : -1;
6939
7136
  return r === -1 ? n === "next" ? e[0].optionValue : e[e.length - 1].optionValue : n === "next" ? e[r < e.length - 1 ? r + 1 : 0].optionValue : e[r > 0 ? r - 1 : e.length - 1].optionValue;
6940
7137
  }
6941
- function Xr(e, t) {
7138
+ function ti(e, t) {
6942
7139
  if (t) return e.some((e) => e.optionValue === t) ? t : void 0;
6943
7140
  }
6944
7141
  //#endregion
6945
7142
  //#region src/charts/FilterCombobox/resolve-item-data-types.ts
6946
- function Zr(e) {
7143
+ function ni(e) {
6947
7144
  return e.dataTypeIds ?? [];
6948
7145
  }
6949
- function Qr(e, t) {
6950
- return Array.from(new Set(Zr(e))).map((e) => t.find((t) => t.id === e)).filter((e) => e !== void 0);
7146
+ function ri(e, t) {
7147
+ return Array.from(new Set(ni(e))).map((e) => t.find((t) => t.id === e)).filter((e) => e !== void 0);
6951
7148
  }
6952
7149
  //#endregion
6953
7150
  //#region src/charts/FilterCombobox/FilterGroupedList.tsx
6954
- function $r({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScope: a, onSelect: o, onHighlightOption: s }) {
7151
+ function ii({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScope: a, onSelect: o, onHighlightOption: s }) {
6955
7152
  return /* @__PURE__ */ Y(J, { children: t.map((t) => {
6956
7153
  let c = r.filter((e) => e.scopes.includes(t.id));
6957
7154
  if (c.length === 0) return null;
@@ -6982,7 +7179,7 @@ function $r({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScop
6982
7179
  }), /* @__PURE__ */ Y(R, { children: /* @__PURE__ */ Y(B, {
6983
7180
  className: "mt-1 ml-3 pl-1",
6984
7181
  children: (i[t.id] ?? !0) && c.map((e) => {
6985
- let r = Qr(e, n), i = Gr(t.id, e.id);
7182
+ let r = ri(e, n), i = Xr(t.id, e.id);
6986
7183
  return /* @__PURE__ */ X(V, {
6987
7184
  "data-filter-option-value": i,
6988
7185
  value: i,
@@ -6992,7 +7189,7 @@ function $r({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScop
6992
7189
  children: [/* @__PURE__ */ Y("span", {
6993
7190
  className: "min-w-0 flex-1 truncate font-medium text-foreground",
6994
7191
  children: e.name
6995
- }), /* @__PURE__ */ Y(Wr, { dataTypes: r })]
7192
+ }), /* @__PURE__ */ Y(Yr, { dataTypes: r })]
6996
7193
  }, `${t.id}-${e.id}`);
6997
7194
  })
6998
7195
  }) })]
@@ -7001,12 +7198,12 @@ function $r({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScop
7001
7198
  }
7002
7199
  //#endregion
7003
7200
  //#region src/charts/FilterCombobox/HighlightMatch.tsx
7004
- function ei(e) {
7201
+ function ai(e) {
7005
7202
  return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
7006
7203
  }
7007
- function ti(e, t) {
7204
+ function oi(e, t) {
7008
7205
  if (!t.trim()) return [e];
7009
- let n = ei(t);
7206
+ let n = ai(t);
7010
7207
  return e.split(RegExp(`(${n})`, "gi")).map((e, n) => e.toLowerCase() === t.toLowerCase() ? /* @__PURE__ */ Y("mark", {
7011
7208
  className: "rounded-sm bg-warning/10 text-warning-foreground",
7012
7209
  children: e
@@ -7014,12 +7211,12 @@ function ti(e, t) {
7014
7211
  }
7015
7212
  //#endregion
7016
7213
  //#region src/charts/FilterCombobox/FilterSearchList.tsx
7017
- function ni({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, onHighlightOption: o }) {
7214
+ function si({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, onHighlightOption: o }) {
7018
7215
  return /* @__PURE__ */ Y(B, {
7019
7216
  heading: `Results (${r.length})`,
7020
7217
  className: "mt-1",
7021
7218
  children: r.map((r) => {
7022
- let s = Qr(r, n), c = Kr(r.id);
7219
+ let s = ri(r, n), c = Zr(r.id);
7023
7220
  return /* @__PURE__ */ X(V, {
7024
7221
  "data-filter-option-value": c,
7025
7222
  value: c,
@@ -7030,7 +7227,7 @@ function ni({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, on
7030
7227
  className: "flex min-w-0 flex-1 flex-col gap-1.5 overflow-hidden",
7031
7228
  children: [/* @__PURE__ */ Y("span", {
7032
7229
  className: "truncate text-sm font-medium text-foreground",
7033
- children: ti(r.name, i)
7230
+ children: oi(r.name, i)
7034
7231
  }), /* @__PURE__ */ Y("div", {
7035
7232
  className: "flex flex-wrap items-center gap-1.5",
7036
7233
  children: r.scopes.map((n) => {
@@ -7044,14 +7241,14 @@ function ni({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, on
7044
7241
  }, n);
7045
7242
  })
7046
7243
  })]
7047
- }), /* @__PURE__ */ Y(Wr, { dataTypes: s })]
7244
+ }), /* @__PURE__ */ Y(Yr, { dataTypes: s })]
7048
7245
  }, r.id);
7049
7246
  })
7050
7247
  });
7051
7248
  }
7052
7249
  //#endregion
7053
7250
  //#region src/charts/FilterCombobox/use-filter-combobox.ts
7054
- function ri({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open: a, onOpenChange: o }) {
7251
+ function ci({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open: a, onOpenChange: o }) {
7055
7252
  let s = K(), c = _e(null), l = _e(null), u = _e(null), d = _e(!1), f = a !== void 0, p = r !== void 0, [m, h] = q(!1), [g, _] = q(null), [v, y] = q(""), [b, x] = q(void 0), S = f ? a : m, C = p ? r : g, w = G((e) => {
7056
7253
  f ? o?.(e) : h(e);
7057
7254
  }, [f, o]), T = G((e) => {
@@ -7064,15 +7261,15 @@ function ri({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
7064
7261
  }, []), k = ge(() => {
7065
7262
  let t = v.trim().toLowerCase();
7066
7263
  return t ? e.filter((e) => e.name.toLowerCase().includes(t) || e.id.toLowerCase().includes(t)) : e;
7067
- }, [e, v]), A = v.trim() === "", j = ge(() => Jr(A, k, t, E), [
7264
+ }, [e, v]), A = v.trim() === "", j = ge(() => $r(A, k, t, E), [
7068
7265
  A,
7069
7266
  k,
7070
7267
  t,
7071
7268
  E
7072
- ]), M = ge(() => Xr(j, b), [j, b]), N = M ? qr(s, M) : void 0, P = G(() => {
7269
+ ]), M = ge(() => ti(j, b), [j, b]), N = M ? Qr(s, M) : void 0, P = G(() => {
7073
7270
  x(void 0);
7074
7271
  }, []), F = G((e) => {
7075
- x((t) => Yr(j, t, e));
7272
+ x((t) => ei(j, t, e));
7076
7273
  }, [j]), I = G((e) => {
7077
7274
  d.current = !1, u.current = e, T(e), y(e.name), P(), w(!1), n(e);
7078
7275
  }, [
@@ -7142,7 +7339,7 @@ function ri({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
7142
7339
  }
7143
7340
  return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
7144
7341
  }, [P, w]), me(() => {
7145
- !S || !M || document.getElementById(qr(s, M))?.scrollIntoView({ block: "nearest" });
7342
+ !S || !M || document.getElementById(Qr(s, M))?.scrollIntoView({ block: "nearest" });
7146
7343
  }, [
7147
7344
  M,
7148
7345
  S,
@@ -7155,7 +7352,7 @@ function ri({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
7155
7352
  for (let e of t) {
7156
7353
  if (!(e instanceof HTMLElement)) continue;
7157
7354
  let t = e.getAttribute("data-filter-option-value");
7158
- t && (e.id = qr(s, t));
7355
+ t && (e.id = Qr(s, t));
7159
7356
  }
7160
7357
  }, [
7161
7358
  S,
@@ -7189,8 +7386,8 @@ function ri({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
7189
7386
  }
7190
7387
  //#endregion
7191
7388
  //#region src/charts/FilterCombobox/FilterCombobox.tsx
7192
- function ii({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "Search a property...", emptyMessage: a = "No results found.", listLabel: o = "Filter options", inputId: s, value: c, onValueChange: l, open: u, onOpenChange: d }) {
7193
- let { listboxId: f, containerRef: p, inputRef: m, isOpen: h, isIdle: g, inputValue: _, highlightedOptionValue: v, activeDescendantId: y, expandedScopes: b, filteredItems: x, toggleScope: S, handleSelect: C, handleClear: w, handleInputChange: T, handleClick: E, handleHighlightOption: D, handleFocus: O, handleKeyDown: k } = ri({
7389
+ function li({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "Search a property...", emptyMessage: a = "No results found.", listLabel: o = "Filter options", inputId: s, value: c, onValueChange: l, open: u, onOpenChange: d }) {
7390
+ let { listboxId: f, containerRef: p, inputRef: m, isOpen: h, isIdle: g, inputValue: _, highlightedOptionValue: v, activeDescendantId: y, expandedScopes: b, filteredItems: x, toggleScope: S, handleSelect: C, handleClear: w, handleInputChange: T, handleClick: E, handleHighlightOption: D, handleFocus: O, handleKeyDown: k } = ci({
7194
7391
  items: n,
7195
7392
  scopes: e,
7196
7393
  onSelect: r,
@@ -7253,7 +7450,7 @@ function ii({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
7253
7450
  className: "text-xs",
7254
7451
  children: a
7255
7452
  })]
7256
- }) }), g ? /* @__PURE__ */ Y($r, {
7453
+ }) }), g ? /* @__PURE__ */ Y(ii, {
7257
7454
  scopes: e,
7258
7455
  dataTypes: t,
7259
7456
  items: x,
@@ -7261,7 +7458,7 @@ function ii({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
7261
7458
  onToggleScope: S,
7262
7459
  onSelect: C,
7263
7460
  onHighlightOption: D
7264
- }) : /* @__PURE__ */ Y(ni, {
7461
+ }) : /* @__PURE__ */ Y(si, {
7265
7462
  scopes: e,
7266
7463
  dataTypes: t,
7267
7464
  items: x,
@@ -7276,4 +7473,4 @@ function ii({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
7276
7473
  });
7277
7474
  }
7278
7475
  //#endregion
7279
- export { An as AreaChart, Ge as AreaSeries, Je as BarChart, gr as BarMeter, Ue as BarSeries, Lr as BreakdownChart, kr as BreakdownChartSkeleton, Br as BreakdownLegend, Vr as BreakdownLegendContent, Hr as BreakdownSummary, br as BreakdownTooltip, Cr as BreakdownTooltipContent, a as CHART_THEMES, g as CartesianChart, m as CategoryAxis, m as XAxis, Re as ChartBrush, De as ChartCard, O as ChartContainer, Le as ChartLegend, Ie as ChartLegendContent, s as ChartStyle, Pe as ChartTooltip, Ne as ChartTooltipContent, _ as DEFAULT_MARGIN, $e as DoughnutChart, ii as FilterCombobox, A as Grid, kn as LineChart, Ve as LineSeries, fn as Metric, On as MetricGroup, D as ReferenceLine, fr as TraceWaterfall, c as ValueAxis, c as YAxis, Rn as buildTimeAxisTicks, e as cn, t as compactTick, Nn as computeBarGeometry, Mn as computeTraceDurationNs, jn as formatDurationNs, Pn as formatTracePercent, tn as resolveSentiment, i as useChartConfig };
7476
+ export { Fn as AreaChart, Ge as AreaSeries, Je as BarChart, xr as BarMeter, Ue as BarSeries, Hr as BreakdownChart, Pr as BreakdownChartSkeleton, Gr as BreakdownLegend, Kr as BreakdownLegendContent, qr as BreakdownSummary, Tr as BreakdownTooltip, Or as BreakdownTooltipContent, a as CHART_THEMES, g as CartesianChart, m as CategoryAxis, m as XAxis, Re as ChartBrush, De as ChartCard, O as ChartContainer, Le as ChartLegend, Ie as ChartLegendContent, s as ChartStyle, Pe as ChartTooltip, Ne as ChartTooltipContent, _ as DEFAULT_MARGIN, $e as DoughnutChart, li as FilterCombobox, A as Grid, Pn as LineChart, Ve as LineSeries, _n as Metric, Nn as MetricGroup, D as ReferenceLine, _r as TraceWaterfall, c as ValueAxis, c as YAxis, Un as buildTimeAxisTicks, e as cn, t as compactTick, Rn as computeBarGeometry, Ln as computeTraceDurationNs, In as formatDurationNs, zn as formatTracePercent, sn as resolveSentiment, i as useChartConfig };