@odigos/ui-kit 0.0.53 → 0.0.56

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 (47) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/lib/components/code/index.d.ts +1 -1
  3. package/lib/components/index.d.ts +55 -55
  4. package/lib/components.js +8 -8
  5. package/lib/constants.js +1 -1
  6. package/lib/containers/dropdowns/condition-dropdown/index.d.ts +15 -0
  7. package/lib/containers/dropdowns/index.d.ts +8 -7
  8. package/lib/containers/index.d.ts +39 -39
  9. package/lib/containers.js +34 -18
  10. package/lib/functions/index.d.ts +1 -0
  11. package/lib/functions/is-string-a-boolean/index.d.ts +1 -0
  12. package/lib/functions/split-camel-string/index.d.ts +1 -1
  13. package/lib/functions.js +5 -5
  14. package/lib/hooks.js +3 -3
  15. package/lib/icons/actions/index.d.ts +5 -5
  16. package/lib/icons/brand/index.d.ts +2 -2
  17. package/lib/icons/common/index.d.ts +26 -26
  18. package/lib/icons/compute-platform/index.d.ts +2 -2
  19. package/lib/icons/destinations/index.d.ts +59 -59
  20. package/lib/icons/instrumentation-rules/index.d.ts +4 -4
  21. package/lib/icons/math/index.d.ts +4 -4
  22. package/lib/icons/monitors/index.d.ts +3 -3
  23. package/lib/icons/on-off/index.d.ts +6 -6
  24. package/lib/icons/overview/index.d.ts +10 -10
  25. package/lib/icons/social/index.d.ts +1 -1
  26. package/lib/icons/status/index.d.ts +8 -8
  27. package/lib/icons.js +38 -38
  28. package/lib/{index-159d94f2.js → index-016ca5d0.js} +8 -6
  29. package/lib/{index-4c55824c.js → index-03c3e255.js} +11 -4
  30. package/lib/{index-1b057bd1.js → index-1de4c5cd.js} +2 -2
  31. package/lib/{index-f64b0a7d.js → index-59f6374b.js} +23 -23
  32. package/lib/{index-4dd6a1ce.js → index-ad94963f.js} +17 -13
  33. package/lib/index-ad99c5fe.js +62 -0
  34. package/lib/index-b08f2a91.js +145 -0
  35. package/lib/{index-118aa476.js → index-cccea570.js} +24 -21
  36. package/lib/{index-b833b336.js → index-dc3c54b0.js} +18 -18
  37. package/lib/snippets/copy-text/index.d.ts +1 -0
  38. package/lib/snippets/index.d.ts +1 -1
  39. package/lib/snippets.js +7 -7
  40. package/lib/store/useFilterStore.d.ts +3 -0
  41. package/lib/store.js +1 -1
  42. package/lib/theme.js +1 -1
  43. package/lib/types/common/index.d.ts +7 -0
  44. package/lib/{useTransition-53e46214.js → useTransition-d4c82b6e.js} +1 -1
  45. package/package.json +7 -7
  46. package/lib/index-974c5344.js +0 -62
  47. package/lib/index-f40b593d.js +0 -145
@@ -50,46 +50,46 @@ const useActiveNodeStore = create((set) => ({
50
50
  setActiveNodeId: (value) => set({ activeNodeId: value }),
51
51
  }));
52
52
 
53
- const AddClusterInfoIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
53
+ const AddClusterInfoIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
54
54
  const theme = Theme.useTheme();
55
55
  const fill = f || theme.text.secondary;
56
56
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
57
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.99992 11.3333V9.33333M7.99992 9.33333V7.33333M7.99992 9.33333H5.99992M7.99992 9.33333H9.99992M14.6666 8.26667V9.73333C14.6666 11.2268 14.6666 11.9735 14.3759 12.544C14.1203 13.0457 13.7123 13.4537 13.2106 13.7094C12.6401 14 11.8934 14 10.3999 14H5.59992C4.10645 14 3.35971 14 2.78928 13.7094C2.28751 13.4537 1.87956 13.0457 1.6239 12.544C1.33325 11.9735 1.33325 11.2268 1.33325 9.73333V6.26667C1.33325 4.77319 1.33325 4.02646 1.6239 3.45603C1.87956 2.95426 2.28751 2.54631 2.78928 2.29065C3.35971 2 4.10645 2 5.59992 2H5.81029C6.12336 2 6.2799 2 6.42199 2.04315C6.54778 2.08135 6.6648 2.14398 6.76636 2.22745C6.88108 2.32174 6.96791 2.45199 7.14157 2.71248L7.52493 3.28752C7.69859 3.54801 7.78542 3.67826 7.90014 3.77255C8.0017 3.85602 8.11873 3.91865 8.24452 3.95685C8.38661 4 8.54314 4 8.85621 4H10.3999C11.8934 4 12.6401 4 13.2106 4.29065C13.7123 4.54631 14.1203 4.95426 14.3759 5.45603C14.6666 6.02646 14.6666 6.77319 14.6666 8.26667Z' })));
57
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.99992 11.3333V9.33333M7.99992 9.33333V7.33333M7.99992 9.33333H5.99992M7.99992 9.33333H9.99992M14.6666 8.26667V9.73333C14.6666 11.2268 14.6666 11.9735 14.3759 12.544C14.1203 13.0457 13.7123 13.4537 13.2106 13.7094C12.6401 14 11.8934 14 10.3999 14H5.59992C4.10645 14 3.35971 14 2.78928 13.7094C2.28751 13.4537 1.87956 13.0457 1.6239 12.544C1.33325 11.9735 1.33325 11.2268 1.33325 9.73333V6.26667C1.33325 4.77319 1.33325 4.02646 1.6239 3.45603C1.87956 2.95426 2.28751 2.54631 2.78928 2.29065C3.35971 2 4.10645 2 5.59992 2H5.81029C6.12336 2 6.2799 2 6.42199 2.04315C6.54778 2.08135 6.6648 2.14398 6.76636 2.22745C6.88108 2.32174 6.96791 2.45199 7.14157 2.71248L7.52493 3.28752C7.69859 3.54801 7.78542 3.67826 7.90014 3.77255C8.0017 3.85602 8.11873 3.91865 8.24452 3.95685C8.38661 4 8.54314 4 8.85621 4H10.3999C11.8934 4 12.6401 4 13.2106 4.29065C13.7123 4.54631 14.1203 4.95426 14.3759 5.45603C14.6666 6.02646 14.6666 6.77319 14.6666 8.26667Z' })));
58
58
  };
59
59
 
60
- const DeleteAttributeIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
60
+ const DeleteAttributeIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
61
61
  const theme = Theme.useTheme();
62
62
  const fill = f || theme.text.secondary;
63
63
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
64
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.6666 10.0007L8.66659 8.00065M8.66659 8.00065L6.66659 6.00065M8.66659 8.00065L10.6666 6.00065M8.66659 8.00065L6.66659 10.0007M4.41666 4.01431C3.33136 5.06369 2.34376 6.24491 1.47059 7.5384C1.37903 7.67404 1.33325 7.83734 1.33325 8.00065C1.33325 8.16396 1.37903 8.32726 1.47059 8.4629C2.34376 9.75639 3.33136 10.9376 4.41666 11.987C4.65522 12.2177 4.77449 12.333 4.94023 12.4319C5.07791 12.514 5.25728 12.5866 5.41337 12.6232C5.60126 12.6673 5.78723 12.6673 6.15917 12.6673H11.3332C12.2667 12.6673 12.7334 12.6673 13.0899 12.4857C13.4035 12.3259 13.6585 12.0709 13.8183 11.7573C13.9999 11.4008 13.9999 10.9341 13.9999 10.0007V6.00065C13.9999 5.06723 13.9999 4.60052 13.8183 4.244C13.6585 3.9304 13.4035 3.67543 13.0899 3.51564C12.7334 3.33398 12.2667 3.33398 11.3332 3.33398H6.15917C5.78723 3.33398 5.60126 3.33398 5.41337 3.37809C5.25728 3.41473 5.07791 3.48727 4.94023 3.56943C4.77449 3.66832 4.65522 3.78365 4.41666 4.01431Z' })));
64
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.6666 10.0007L8.66659 8.00065M8.66659 8.00065L6.66659 6.00065M8.66659 8.00065L10.6666 6.00065M8.66659 8.00065L6.66659 10.0007M4.41666 4.01431C3.33136 5.06369 2.34376 6.24491 1.47059 7.5384C1.37903 7.67404 1.33325 7.83734 1.33325 8.00065C1.33325 8.16396 1.37903 8.32726 1.47059 8.4629C2.34376 9.75639 3.33136 10.9376 4.41666 11.987C4.65522 12.2177 4.77449 12.333 4.94023 12.4319C5.07791 12.514 5.25728 12.5866 5.41337 12.6232C5.60126 12.6673 5.78723 12.6673 6.15917 12.6673H11.3332C12.2667 12.6673 12.7334 12.6673 13.0899 12.4857C13.4035 12.3259 13.6585 12.0709 13.8183 11.7573C13.9999 11.4008 13.9999 10.9341 13.9999 10.0007V6.00065C13.9999 5.06723 13.9999 4.60052 13.8183 4.244C13.6585 3.9304 13.4035 3.67543 13.0899 3.51564C12.7334 3.33398 12.2667 3.33398 11.3332 3.33398H6.15917C5.78723 3.33398 5.60126 3.33398 5.41337 3.37809C5.25728 3.41473 5.07791 3.48727 4.94023 3.56943C4.77449 3.66832 4.65522 3.78365 4.41666 4.01431Z' })));
65
65
  };
66
66
 
67
- const PiiMaskingIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
67
+ const PiiMaskingIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
68
68
  const theme = Theme.useTheme();
69
69
  const fill = f || theme.text.secondary;
70
70
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
71
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M13.9486 9.71582C13.8698 9.87282 13.6245 9.98885 13.1338 10.2209L8.95284 12.198C8.60345 12.3632 8.42876 12.4458 8.24552 12.4783C8.08323 12.5071 7.91669 12.5071 7.7544 12.4783C7.57117 12.4458 7.39647 12.3632 7.04709 12.198L2.86615 10.2209C2.37544 9.98885 2.13008 9.87282 2.05135 9.71582M8.95288 9.19806L13.1338 7.22096C13.6245 6.98891 13.8699 6.87289 13.9486 6.71588C14.0171 6.57926 14.0171 6.42074 13.9486 6.28412C13.8699 6.12711 13.6245 6.01109 13.1338 5.77904L8.95288 3.80194C8.60349 3.63672 8.4288 3.55411 8.24556 3.5216C8.08327 3.4928 7.91673 3.4928 7.75444 3.5216C7.5712 3.55411 7.39651 3.63672 7.04712 3.80194L2.86618 5.77904C2.37547 6.01109 2.13012 6.12711 2.05139 6.28412C1.98287 6.42074 1.98287 6.57926 2.05139 6.71588C2.13012 6.87289 2.37547 6.98891 2.86618 7.22096L7.04712 9.19806C7.39651 9.36328 7.5712 9.44589 7.75444 9.4784C7.91673 9.5072 8.08327 9.5072 8.24556 9.4784C8.4288 9.44589 8.60349 9.36328 8.95288 9.19806Z' })));
71
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M13.9486 9.71582C13.8698 9.87282 13.6245 9.98885 13.1338 10.2209L8.95284 12.198C8.60345 12.3632 8.42876 12.4458 8.24552 12.4783C8.08323 12.5071 7.91669 12.5071 7.7544 12.4783C7.57117 12.4458 7.39647 12.3632 7.04709 12.198L2.86615 10.2209C2.37544 9.98885 2.13008 9.87282 2.05135 9.71582M8.95288 9.19806L13.1338 7.22096C13.6245 6.98891 13.8699 6.87289 13.9486 6.71588C14.0171 6.57926 14.0171 6.42074 13.9486 6.28412C13.8699 6.12711 13.6245 6.01109 13.1338 5.77904L8.95288 3.80194C8.60349 3.63672 8.4288 3.55411 8.24556 3.5216C8.08327 3.4928 7.91673 3.4928 7.75444 3.5216C7.5712 3.55411 7.39651 3.63672 7.04712 3.80194L2.86618 5.77904C2.37547 6.01109 2.13012 6.12711 2.05139 6.28412C1.98287 6.42074 1.98287 6.57926 2.05139 6.71588C2.13012 6.87289 2.37547 6.98891 2.86618 7.22096L7.04712 9.19806C7.39651 9.36328 7.5712 9.44589 7.75444 9.4784C7.91673 9.5072 8.08327 9.5072 8.24556 9.4784C8.4288 9.44589 8.60349 9.36328 8.95288 9.19806Z' })));
72
72
  };
73
73
 
74
- const RenameAttributeIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
74
+ const RenameAttributeIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
75
75
  const theme = Theme.useTheme();
76
76
  const fill = f || theme.text.secondary;
77
77
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
78
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14.6666 8.00065V12.0007M1.33325 12.6673L4.23847 4.1055C4.40371 3.64283 4.84196 3.33398 5.33325 3.33398C5.83824 3.33398 6.28547 3.66 6.43999 4.14076L9.33325 12.6673M2.69054 8.66732H7.97596M14.6666 10.0007C14.6666 11.1052 13.7712 12.0007 12.6666 12.0007C11.562 12.0007 10.6666 11.1052 10.6666 10.0007C10.6666 8.89608 11.562 8.00065 12.6666 8.00065C13.7712 8.00065 14.6666 8.89608 14.6666 10.0007Z' })));
78
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14.6666 8.00065V12.0007M1.33325 12.6673L4.23847 4.1055C4.40371 3.64283 4.84196 3.33398 5.33325 3.33398C5.83824 3.33398 6.28547 3.66 6.43999 4.14076L9.33325 12.6673M2.69054 8.66732H7.97596M14.6666 10.0007C14.6666 11.1052 13.7712 12.0007 12.6666 12.0007C11.562 12.0007 10.6666 11.1052 10.6666 10.0007C10.6666 8.89608 11.562 8.00065 12.6666 8.00065C13.7712 8.00065 14.6666 8.89608 14.6666 10.0007Z' })));
79
79
  };
80
80
 
81
- const SamplerIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
81
+ const SamplerIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
82
82
  const theme = Theme.useTheme();
83
83
  const fill = f || theme.text.secondary;
84
84
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
85
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.67367 5.67497H5.687M10.515 3.91532L12.1293 5.52965C13.0067 6.40707 13.4454 6.84578 13.6851 7.31618C14.1695 8.2669 14.1695 9.39207 13.6851 10.3428C13.4454 10.8132 13.0067 11.2519 12.1293 12.1293C11.2519 13.0067 10.8132 13.4454 10.3428 13.6851C9.39207 14.1695 8.2669 14.1695 7.31618 13.6851C6.84578 13.4454 6.40707 13.0067 5.52965 12.1293L3.91532 10.515C3.17317 9.77284 2.8021 9.40176 2.54483 8.96668C2.31682 8.58108 2.15521 8.15991 2.06673 7.72076C1.9669 7.22527 1.99448 6.70122 2.04965 5.65312L2.07845 5.10584C2.13195 4.0893 2.1587 3.58104 2.36993 3.18719C2.55598 2.84028 2.84028 2.55598 3.18719 2.36993C3.58104 2.1587 4.0893 2.13195 5.10584 2.07845L5.65312 2.04965C6.70122 1.99448 7.22527 1.9669 7.72076 2.06673C8.15991 2.15521 8.58108 2.31682 8.96668 2.54483C9.40176 2.8021 9.77284 3.17317 10.515 3.91532ZM6.32633 5.65853C6.32633 6.02672 6.02786 6.3252 5.65967 6.3252C5.29148 6.3252 4.993 6.02672 4.993 5.65853C4.993 5.29034 5.29148 4.99186 5.65967 4.99186C6.02786 4.99186 6.32633 5.29034 6.32633 5.65853Z' })));
85
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.67367 5.67497H5.687M10.515 3.91532L12.1293 5.52965C13.0067 6.40707 13.4454 6.84578 13.6851 7.31618C14.1695 8.2669 14.1695 9.39207 13.6851 10.3428C13.4454 10.8132 13.0067 11.2519 12.1293 12.1293C11.2519 13.0067 10.8132 13.4454 10.3428 13.6851C9.39207 14.1695 8.2669 14.1695 7.31618 13.6851C6.84578 13.4454 6.40707 13.0067 5.52965 12.1293L3.91532 10.515C3.17317 9.77284 2.8021 9.40176 2.54483 8.96668C2.31682 8.58108 2.15521 8.15991 2.06673 7.72076C1.9669 7.22527 1.99448 6.70122 2.04965 5.65312L2.07845 5.10584C2.13195 4.0893 2.1587 3.58104 2.36993 3.18719C2.55598 2.84028 2.84028 2.55598 3.18719 2.36993C3.58104 2.1587 4.0893 2.13195 5.10584 2.07845L5.65312 2.04965C6.70122 1.99448 7.22527 1.9669 7.72076 2.06673C8.15991 2.15521 8.58108 2.31682 8.96668 2.54483C9.40176 2.8021 9.77284 3.17317 10.515 3.91532ZM6.32633 5.65853C6.32633 6.02672 6.02786 6.3252 5.65967 6.3252C5.29148 6.3252 4.993 6.02672 4.993 5.65853C4.993 5.29034 5.29148 4.99186 5.65967 4.99186C6.02786 4.99186 6.32633 5.29034 6.32633 5.65853Z' })));
86
86
  };
87
87
 
88
- const ImageErrorIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
88
+ const ImageErrorIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
89
89
  const theme = Theme.useTheme();
90
90
  const fill = f || theme.text.secondary;
91
91
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
92
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M17.2 21.0002L19.6 18.6002M19.6 18.6002L22 16.2002M19.6 18.6002L17.2 16.2002M19.6 18.6002L22 21.0002M22 12.1944V11C22 10.6449 22 10.3123 21.9989 10M13.1992 21H10C9.24401 21 8.59006 21 8.01712 20.9893M21.9989 10H21C19.607 10 18.9104 10 18.324 10.0603C12.9031 10.6176 8.61758 14.9031 8.06029 20.324C8.03963 20.5249 8.02605 20.7388 8.01712 20.9893M21.9989 10C21.9912 7.84993 21.9309 6.66397 21.455 5.73005C20.9757 4.78924 20.2108 4.02433 19.27 3.54497C18.2004 3 16.8003 3 14 3H10C7.19974 3 5.79961 3 4.73005 3.54497C3.78924 4.02433 3.02433 4.78924 2.54497 5.73005C2 6.79961 2 8.19974 2 11V13C2 15.8003 2 17.2004 2.54497 18.27C3.02433 19.2108 3.78924 19.9757 4.73005 20.455C5.51086 20.8529 6.46784 20.9603 8.01712 20.9893M7.5 9.5C6.94772 9.5 6.5 9.05228 6.5 8.5C6.5 7.94772 6.94772 7.5 7.5 7.5C8.05228 7.5 8.5 7.94772 8.5 8.5C8.5 9.05228 8.05228 9.5 7.5 9.5Z' })));
92
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M17.2 21.0002L19.6 18.6002M19.6 18.6002L22 16.2002M19.6 18.6002L17.2 16.2002M19.6 18.6002L22 21.0002M22 12.1944V11C22 10.6449 22 10.3123 21.9989 10M13.1992 21H10C9.24401 21 8.59006 21 8.01712 20.9893M21.9989 10H21C19.607 10 18.9104 10 18.324 10.0603C12.9031 10.6176 8.61758 14.9031 8.06029 20.324C8.03963 20.5249 8.02605 20.7388 8.01712 20.9893M21.9989 10C21.9912 7.84993 21.9309 6.66397 21.455 5.73005C20.9757 4.78924 20.2108 4.02433 19.27 3.54497C18.2004 3 16.8003 3 14 3H10C7.19974 3 5.79961 3 4.73005 3.54497C3.78924 4.02433 3.02433 4.78924 2.54497 5.73005C2 6.79961 2 8.19974 2 11V13C2 15.8003 2 17.2004 2.54497 18.27C3.02433 19.2108 3.78924 19.9757 4.73005 20.455C5.51086 20.8529 6.46784 20.9603 8.01712 20.9893M7.5 9.5C6.94772 9.5 6.5 9.05228 6.5 8.5C6.5 7.94772 6.94772 7.5 7.5 7.5C8.05228 7.5 8.5 7.94772 8.5 8.5C8.5 9.05228 8.05228 9.5 7.5 9.5Z' })));
93
93
  };
94
94
 
95
95
  const K8sLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
@@ -104,33 +104,33 @@ const KafkaLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
104
104
  React.createElement("path", { fill: fill || '#231f20', d: 'M201.816 230.216c-16.186 0-30.697 7.171-40.634 18.461l-25.463-18.026c2.703-7.442 4.255-15.433 4.255-23.797 0-8.219-1.498-16.076-4.112-23.408l25.406-17.835c9.936 11.233 24.409 18.365 40.548 18.365 29.875 0 54.184-24.305 54.184-54.184 0-29.879-24.309-54.184-54.184-54.184-29.875 0-54.184 24.305-54.184 54.184 0 5.348.808 10.505 2.258 15.389l-25.423 17.844c-10.62-13.175-25.911-22.374-43.333-25.182v-30.64c24.544-5.155 43.037-26.962 43.037-53.019C124.171 24.305 99.862 0 69.987 0 40.112 0 15.803 24.305 15.803 54.184c0 25.708 18.014 47.246 42.067 52.769v31.038C25.044 143.753 0 172.401 0 206.854c0 34.621 25.292 63.374 58.355 68.94v32.774c-24.299 5.341-42.552 27.011-42.552 52.894 0 29.879 24.309 54.184 54.184 54.184 29.875 0 54.184-24.305 54.184-54.184 0-25.883-18.253-47.553-42.552-52.894v-32.775a69.965 69.965 0 0 0 42.6-24.776l25.633 18.143c-1.423 4.84-2.22 9.946-2.22 15.24 0 29.879 24.309 54.184 54.184 54.184 29.875 0 54.184-24.305 54.184-54.184 0-29.879-24.309-54.184-54.184-54.184zm0-126.695c14.487 0 26.27 11.788 26.27 26.271s-11.783 26.27-26.27 26.27-26.27-11.787-26.27-26.27c0-14.483 11.783-26.271 26.27-26.271zm-158.1-49.337c0-14.483 11.784-26.27 26.271-26.27s26.27 11.787 26.27 26.27c0 14.483-11.783 26.27-26.27 26.27s-26.271-11.787-26.271-26.27zm52.541 307.278c0 14.483-11.783 26.27-26.27 26.27s-26.271-11.787-26.271-26.27c0-14.483 11.784-26.27 26.271-26.27s26.27 11.787 26.27 26.27zm-26.272-117.97c-20.205 0-36.642-16.434-36.642-36.638 0-20.205 16.437-36.642 36.642-36.642 20.204 0 36.641 16.437 36.641 36.642 0 20.204-16.437 36.638-36.641 36.638zm131.831 67.179c-14.487 0-26.27-11.788-26.27-26.271s11.783-26.27 26.27-26.27 26.27 11.787 26.27 26.27c0 14.483-11.783 26.271-26.27 26.271z' })));
105
105
  };
106
106
 
107
- const CodeAttributesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
107
+ const CodeAttributesIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
108
108
  const theme = Theme.useTheme();
109
109
  const fill = f || theme.text.secondary;
110
110
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
111
- React.createElement("path", { stroke: fill, strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 4C6.34315 4 5 5.19391 5 6.66667V9.33333C5 10.8061 3.65685 12 2 12C3.65685 12 5 13.1939 5 14.6667V17.3333C5 18.8061 6.34315 20 8 20M16 4C17.6569 4 19 5.19391 19 6.66667V9.33333C19 10.8061 20.3431 12 22 12C20.3431 12 19 13.1939 19 14.6667V17.3333C19 18.8061 17.6569 20 16 20M12.001 12H12M15.001 12H15M9.001 12H9' })));
111
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 4C6.34315 4 5 5.19391 5 6.66667V9.33333C5 10.8061 3.65685 12 2 12C3.65685 12 5 13.1939 5 14.6667V17.3333C5 18.8061 6.34315 20 8 20M16 4C17.6569 4 19 5.19391 19 6.66667V9.33333C19 10.8061 20.3431 12 22 12C20.3431 12 19 13.1939 19 14.6667V17.3333C19 18.8061 17.6569 20 16 20M12.001 12H12M15.001 12H15M9.001 12H9' })));
112
112
  };
113
113
 
114
- const CustomInstrumentationIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
114
+ const CustomInstrumentationIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
115
115
  const theme = Theme.useTheme();
116
116
  const fill = f || theme.text.secondary;
117
117
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
118
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.5', d: 'M8 9H16M8 13H12M8 17H16M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5Z' }),
119
- React.createElement("circle", { cx: '17', cy: '7', r: '2', stroke: fill, strokeWidth: '1.5', fill: 'none' })));
118
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 9H16M8 13H12M8 17H16M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5Z' }),
119
+ React.createElement("circle", { cx: '17', cy: '7', r: '2', fill: 'none', stroke: fill, strokeWidth: strokeWidth })));
120
120
  };
121
121
 
122
- const HeadersCollectionIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
122
+ const HeadersCollectionIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
123
123
  const theme = Theme.useTheme();
124
124
  const fill = f || theme.text.secondary;
125
125
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
126
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M15.9959 6.49365C15.9959 4.28451 14.205 2.49365 11.9959 2.49365C9.78673 2.49365 7.99587 4.28451 7.99587 6.49365C7.99587 8.00872 8.8382 9.32706 10.0801 10.0059L5.99587 17.4937M15.8474 20.8547C17.7058 22.0491 20.1806 21.5107 21.3749 19.6522C22.5692 17.7937 22.0308 15.3189 20.1724 14.1246C18.8978 13.3055 17.3333 13.3014 16.0908 13.9792L11.9997 6.49524M4.07185 13.9954C2.13343 15.055 1.42105 17.4855 2.48069 19.4239C3.54033 21.3623 5.97073 22.0747 7.90915 21.015C9.23855 20.2883 9.9913 18.9168 9.99125 17.5015L18.5205 17.4937' })));
126
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M15.9959 6.49365C15.9959 4.28451 14.205 2.49365 11.9959 2.49365C9.78673 2.49365 7.99587 4.28451 7.99587 6.49365C7.99587 8.00872 8.8382 9.32706 10.0801 10.0059L5.99587 17.4937M15.8474 20.8547C17.7058 22.0491 20.1806 21.5107 21.3749 19.6522C22.5692 17.7937 22.0308 15.3189 20.1724 14.1246C18.8978 13.3055 17.3333 13.3014 16.0908 13.9792L11.9997 6.49524M4.07185 13.9954C2.13343 15.055 1.42105 17.4855 2.48069 19.4239C3.54033 21.3623 5.97073 22.0747 7.90915 21.015C9.23855 20.2883 9.9913 18.9168 9.99125 17.5015L18.5205 17.4937' })));
127
127
  };
128
128
 
129
- const PayloadCollectionIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
129
+ const PayloadCollectionIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
130
130
  const theme = Theme.useTheme();
131
131
  const fill = f || theme.text.secondary;
132
132
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
133
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.99967 7.33333V11.3333M7.99967 11.3333C7.92987 11.3333 7.86007 11.31 7.80254 11.2634C7.37701 10.9186 6.99534 10.5224 6.66634 10.0837M7.99967 11.3333C8.06947 11.3333 8.13927 11.31 8.19681 11.2634C8.62234 10.9186 9.00401 10.5224 9.33301 10.0837M1.33301 6.26667C1.33301 4.77319 1.33301 4.02645 1.62365 3.45603C1.87932 2.95426 2.28727 2.54631 2.78903 2.29065C3.35946 2 4.1062 2 5.59967 2H5.81005C6.12312 2 6.27965 2 6.42174 2.04315C6.54753 2.08135 6.66455 2.14398 6.76614 2.22745C6.88081 2.32175 6.96767 2.45199 7.14134 2.71248L7.52467 3.28752C7.69834 3.54801 7.78521 3.67825 7.89987 3.77255C8.00147 3.85602 8.11847 3.91865 8.24427 3.95685C8.38634 4 8.54287 4 8.85594 4H10.3997C11.8931 4 12.6399 4 13.2103 4.29065C13.7121 4.54631 14.12 4.95426 14.3757 5.45603C14.6663 6.02645 14.6663 6.7732 14.6663 8.26667V9.73333C14.6663 11.2268 14.6663 11.9735 14.3757 12.544C14.12 13.0457 13.7121 13.4537 13.2103 13.7093C12.6399 14 11.8931 14 10.3997 14H5.59967C4.1062 14 3.35946 14 2.78903 13.7093C2.28727 13.4537 1.87932 13.0457 1.62365 12.544C1.33301 11.9735 1.33301 11.2268 1.33301 9.73333V6.26667Z' })));
133
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.99967 7.33333V11.3333M7.99967 11.3333C7.92987 11.3333 7.86007 11.31 7.80254 11.2634C7.37701 10.9186 6.99534 10.5224 6.66634 10.0837M7.99967 11.3333C8.06947 11.3333 8.13927 11.31 8.19681 11.2634C8.62234 10.9186 9.00401 10.5224 9.33301 10.0837M1.33301 6.26667C1.33301 4.77319 1.33301 4.02645 1.62365 3.45603C1.87932 2.95426 2.28727 2.54631 2.78903 2.29065C3.35946 2 4.1062 2 5.59967 2H5.81005C6.12312 2 6.27965 2 6.42174 2.04315C6.54753 2.08135 6.66455 2.14398 6.76614 2.22745C6.88081 2.32175 6.96767 2.45199 7.14134 2.71248L7.52467 3.28752C7.69834 3.54801 7.78521 3.67825 7.89987 3.77255C8.00147 3.85602 8.11847 3.91865 8.24427 3.95685C8.38634 4 8.54287 4 8.85594 4H10.3997C11.8931 4 12.6399 4 13.2103 4.29065C13.7121 4.54631 14.12 4.95426 14.3757 5.45603C14.6663 6.02645 14.6663 6.7732 14.6663 8.26667V9.73333C14.6663 11.2268 14.6663 11.9735 14.3757 12.544C14.12 13.0457 13.7121 13.4537 13.2103 13.7093C12.6399 14 11.8931 14 10.3997 14H5.59967C4.1062 14 3.35946 14 2.78903 13.7093C2.28727 13.4537 1.87932 13.0457 1.62365 12.544C1.33301 11.9735 1.33301 11.2268 1.33301 9.73333V6.26667Z' })));
134
134
  };
135
135
 
136
136
  const CPlusPlusLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
@@ -1371,6 +1371,7 @@ const getEmptyState = () => ({
1371
1371
  kinds: [],
1372
1372
  monitors: [],
1373
1373
  languages: [],
1374
+ conditions: [],
1374
1375
  errors: [],
1375
1376
  onlyErrors: false,
1376
1377
  });
@@ -1389,6 +1390,8 @@ const useFilterStore = create((set) => ({
1389
1390
  setMonitors: (monitors) => set({ monitors }),
1390
1391
  languages: [],
1391
1392
  setLanguages: (languages) => set({ languages }),
1393
+ conditions: [],
1394
+ setConditions: (conditions) => set({ conditions }),
1392
1395
  errors: [],
1393
1396
  setErrors: (errors) => set({ errors }),
1394
1397
  onlyErrors: false,
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
- import { T as Theme } from './index-118aa476.js';
2
+ import { T as Theme } from './index-cccea570.js';
3
3
 
4
- const VmLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
4
+ const VmLogo = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
5
5
  const theme = Theme.useTheme();
6
6
  const fill = f || theme.text.secondary;
7
7
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 14 14', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
8
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 7.00016V12.5418M7 7.00016L1.94814 4.30969M7 7.00016L12.0519 4.30969M7 12.5418C7.12674 12.5418 7.25347 12.5291 7.37812 12.5037C7.65987 12.4463 7.92489 12.2996 8.45492 12.0063L10.7951 10.7111C11.3251 10.4177 11.5901 10.2711 11.7829 10.0659C11.9534 9.8843 12.0822 9.6704 12.161 9.43804C12.25 9.17542 12.25 8.88207 12.25 8.29536V5.70497C12.25 5.11826 12.25 4.82491 12.161 4.56229C12.1315 4.47526 12.095 4.39081 12.0519 4.30969M7 12.5418C6.87326 12.5418 6.74653 12.5291 6.62188 12.5037C6.34013 12.4463 6.07511 12.2996 5.54508 12.0063L3.20492 10.7111C2.67489 10.4177 2.40987 10.2711 2.21713 10.0659C2.04659 9.8843 1.91777 9.6704 1.83901 9.43804C1.75 9.17542 1.75 8.88207 1.75 8.29536V5.70497C1.75 5.11826 1.75 4.82491 1.83901 4.56229C1.86851 4.47526 1.90503 4.39081 1.94814 4.30969M12.0519 4.30969C11.9799 4.17423 11.8895 4.04802 11.7829 3.93447C11.5901 3.72926 11.3251 3.58258 10.7951 3.28923L8.45492 1.99404C7.92489 1.70068 7.65987 1.554 7.37812 1.49659C7.12882 1.4458 6.87117 1.4458 6.62188 1.49659C6.34013 1.554 6.07511 1.70068 5.54508 1.99404L3.20492 3.28923C2.67489 3.58258 2.40987 3.72926 2.21713 3.93447C2.11047 4.04802 2.02013 4.17423 1.94814 4.30969' })));
8
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 7.00016V12.5418M7 7.00016L1.94814 4.30969M7 7.00016L12.0519 4.30969M7 12.5418C7.12674 12.5418 7.25347 12.5291 7.37812 12.5037C7.65987 12.4463 7.92489 12.2996 8.45492 12.0063L10.7951 10.7111C11.3251 10.4177 11.5901 10.2711 11.7829 10.0659C11.9534 9.8843 12.0822 9.6704 12.161 9.43804C12.25 9.17542 12.25 8.88207 12.25 8.29536V5.70497C12.25 5.11826 12.25 4.82491 12.161 4.56229C12.1315 4.47526 12.095 4.39081 12.0519 4.30969M7 12.5418C6.87326 12.5418 6.74653 12.5291 6.62188 12.5037C6.34013 12.4463 6.07511 12.2996 5.54508 12.0063L3.20492 10.7111C2.67489 10.4177 2.40987 10.2711 2.21713 10.0659C2.04659 9.8843 1.91777 9.6704 1.83901 9.43804C1.75 9.17542 1.75 8.88207 1.75 8.29536V5.70497C1.75 5.11826 1.75 4.82491 1.83901 4.56229C1.86851 4.47526 1.90503 4.39081 1.94814 4.30969M12.0519 4.30969C11.9799 4.17423 11.8895 4.04802 11.7829 3.93447C11.5901 3.72926 11.3251 3.58258 10.7951 3.28923L8.45492 1.99404C7.92489 1.70068 7.65987 1.554 7.37812 1.49659C7.12882 1.4458 6.87117 1.4458 6.62188 1.49659C6.34013 1.554 6.07511 1.70068 5.54508 1.99404L3.20492 3.28923C2.67489 3.58258 2.40987 3.72926 2.21713 3.93447C2.11047 4.04802 2.02013 4.17423 1.94814 4.30969' })));
9
9
  };
10
10
 
11
11
  const AlaudaLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
@@ -268,7 +268,7 @@ const KloudmateLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
268
268
  React.createElement("g", null,
269
269
  React.createElement("rect", { fill: fill || '#f47715', width: '28', height: '28', rx: '6' }),
270
270
  React.createElement("path", { fill: fill || '#ffffff', d: 'M12.982 19.983a6.24 6.24 0 0 1-3.516-1.084 6.463 6.463 0 0 1-1.488-1.404 6.533 6.533 0 0 1-1.333-4.29 6.513 6.513 0 0 1 1.743-4.134 6.266 6.266 0 0 1 8.25-.827l.49-2.125a8.253 8.253 0 0 0-5.626-.986 8.345 8.345 0 0 0-4.94 2.91 8.61 8.61 0 0 0-1.959 5.455 8.612 8.612 0 0 0 1.93 5.465l-2.236 2.275a1.04 1.04 0 0 0 0 1.46 1.005 1.005 0 0 0 1.434 0l2.278-2.319a8.257 8.257 0 0 0 5.817 1.624 8.314 8.314 0 0 0 5.377-2.78l-.504-2.894a6.433 6.433 0 0 1-2.342 2.662 6.28 6.28 0 0 1-3.375.992z' }),
271
- React.createElement("path", { stroke: fill || '#ffffff', strokeLinecap: 'round', strokeWidth: '1.5', d: 'M11.333 14.265h5.724l1.665-6.546c.053-.21.355-.197.39.017l1.685 10.02a.2.2 0 0 0 .372.064l1.969-3.555H26' }))));
271
+ React.createElement("path", { stroke: fill || '#ffffff', strokeWidth: '1', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M11.333 14.265h5.724l1.665-6.546c.053-.21.355-.197.39.017l1.685 10.02a.2.2 0 0 0 .372.064l1.969-3.555H26' }))));
272
272
  };
273
273
 
274
274
  const Last9Logo = ({ size = 16, fill, rotate = 0, onClick }) => {
@@ -376,7 +376,7 @@ const MiddlewareLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
376
376
  return (React.createElement("svg", { width: size, height: size * (19 / 37), viewBox: '0 0 37 19', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
377
377
  React.createElement("g", null,
378
378
  React.createElement("path", { fill: fill || '#E95E5F', d: 'M27.174 10.508c.21-.322.377-.558.531-.808 1.152-1.888 2.283-3.79 3.49-5.67.22-.383.55-.686.945-.868a2.048 2.048 0 0 1 1.26-.148c.412.063.791.266 1.077.576.286.31.462.708.501 1.133a2.686 2.686 0 0 1-.307 1.48 482.459 482.459 0 0 1-5.78 9.532c-.935 1.502-2.791 1.43-3.699-.143-1.11-1.852-2.164-3.74-3.245-5.606-.147-.258-.308-.5-.524-.858l-.768 1.244c-1.033 1.723-2.094 3.447-3.127 5.177-1.033 1.73-3.001 1.76-4.055-.079-1.187-2.059-2.367-4.126-3.595-6.264-.181.28-.335.5-.468.715-1.158 1.888-2.303 3.783-3.49 5.664a2.127 2.127 0 0 1-.555.621 2.07 2.07 0 0 1-1.569.387 2.062 2.062 0 0 1-.77-.294 2.115 2.115 0 0 1-.601-.576 2.17 2.17 0 0 1-.36-1.611c.046-.28.147-.547.295-.787a661.831 661.831 0 0 1 5.675-9.217c.192-.376.483-.69.84-.905a2.179 2.179 0 0 1 2.341.055c.347.232.623.558.798.943 1.054 1.823 2.094 3.661 3.134 5.484.146.258.307.501.51.83l3.545-5.807c.154-.25.3-.514.482-.758.207-.332.495-.603.837-.786a2.163 2.163 0 0 1 2.192.087c.326.209.594.502.775.85 1.082 1.837 2.094 3.697 3.183 5.549.14.264.293.514.502.858z' }),
379
- React.createElement("path", { stroke: fill || '#E95E5F', strokeOpacity: '.2', d: 'm27.7 7.783-.49.806c-.422-.73-.837-1.46-1.253-2.196l-.009-.016a192.02 192.02 0 0 0-1.585-2.764 3.238 3.238 0 0 0-1.11-1.204 3.169 3.169 0 0 0-3.204-.126c-.484.26-.893.64-1.19 1.102-.161.221-.308.466-.42.654l-.088.146-.001.002-2.682 4.392-.49-.86c-.754-1.325-1.512-2.657-2.276-3.98a3.258 3.258 0 0 0-1.13-1.312 3.182 3.182 0 0 0-3.415-.08 3.25 3.25 0 0 0-1.19 1.264 662.652 662.652 0 0 0-5.66 9.193 3.177 3.177 0 0 0-.396 2.368c.09.403.258.785.494 1.123.236.338.536.627.884.848a3.064 3.064 0 0 0 2.369.389 3.07 3.07 0 0 0 1.106-.525c.326-.245.6-.55.81-.9a345.117 345.117 0 0 0 2.57-4.163l.492-.803.684 1.195c.7 1.222 1.393 2.43 2.086 3.633.663 1.155 1.711 1.869 2.894 1.879 1.179.01 2.228-.683 2.887-1.786.558-.935 1.112-1.848 1.668-2.764.45-.74.9-1.484 1.355-2.241.258.447.516.898.775 1.35a213.215 213.215 0 0 0 2.145 3.692c.602 1.038 1.582 1.675 2.663 1.717 1.09.042 2.11-.53 2.747-1.552a483.087 483.087 0 0 0 5.792-9.552l.01-.019.011-.019a3.685 3.685 0 0 0 .422-2.031l-.001-.012a2.93 2.93 0 0 0-.762-1.72 2.85 2.85 0 0 0-1.636-.882 3.048 3.048 0 0 0-1.854.225 3.111 3.111 0 0 0-1.38 1.253c-.912 1.42-1.782 2.856-2.643 4.276z' }))));
379
+ React.createElement("path", { stroke: fill || '#E95E5F', strokeOpacity: '0.2', d: 'm27.7 7.783-.49.806c-.422-.73-.837-1.46-1.253-2.196l-.009-.016a192.02 192.02 0 0 0-1.585-2.764 3.238 3.238 0 0 0-1.11-1.204 3.169 3.169 0 0 0-3.204-.126c-.484.26-.893.64-1.19 1.102-.161.221-.308.466-.42.654l-.088.146-.001.002-2.682 4.392-.49-.86c-.754-1.325-1.512-2.657-2.276-3.98a3.258 3.258 0 0 0-1.13-1.312 3.182 3.182 0 0 0-3.415-.08 3.25 3.25 0 0 0-1.19 1.264 662.652 662.652 0 0 0-5.66 9.193 3.177 3.177 0 0 0-.396 2.368c.09.403.258.785.494 1.123.236.338.536.627.884.848a3.064 3.064 0 0 0 2.369.389 3.07 3.07 0 0 0 1.106-.525c.326-.245.6-.55.81-.9a345.117 345.117 0 0 0 2.57-4.163l.492-.803.684 1.195c.7 1.222 1.393 2.43 2.086 3.633.663 1.155 1.711 1.869 2.894 1.879 1.179.01 2.228-.683 2.887-1.786.558-.935 1.112-1.848 1.668-2.764.45-.74.9-1.484 1.355-2.241.258.447.516.898.775 1.35a213.215 213.215 0 0 0 2.145 3.692c.602 1.038 1.582 1.675 2.663 1.717 1.09.042 2.11-.53 2.747-1.552a483.087 483.087 0 0 0 5.792-9.552l.01-.019.011-.019a3.685 3.685 0 0 0 .422-2.031l-.001-.012a2.93 2.93 0 0 0-.762-1.72 2.85 2.85 0 0 0-1.636-.882 3.048 3.048 0 0 0-1.854.225 3.111 3.111 0 0 0-1.38 1.253c-.912 1.42-1.782 2.856-2.643 4.276z' }))));
380
380
  };
381
381
 
382
382
  const NewRelicLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
@@ -612,42 +612,42 @@ const VictoriaMetricsLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
612
612
  React.createElement("path", { fill: fill || '#ffffff', transform: 'translate(2, 0)', d: 'm 30.94,11.139 h 1.721 c 0.188,0 0.336,0.039 0.455,0.128 0.119,0.089 0.208,0.197 0.257,0.335 l 1.79,4.925 c 0.079,0.217 0.158,0.443 0.247,0.699 0.079,0.256 0.158,0.522 0.227,0.798 0.059,-0.276 0.129,-0.542 0.208,-0.798 0.079,-0.256 0.158,-0.483 0.227,-0.699 l 1.77,-4.925 c 0.04,-0.118 0.129,-0.227 0.247,-0.315 0.119,-0.098 0.277,-0.138 0.445,-0.138 h 1.73 l -3.698,9.189 H 34.628 L 30.93,11.149 Z m 12.35,0.857 c 0,0.158 -0.03,0.305 -0.099,0.433 -0.059,0.138 -0.148,0.256 -0.257,0.364 -0.109,0.098 -0.237,0.187 -0.386,0.246 -0.149,0.059 -0.297,0.089 -0.465,0.089 -0.168,0 -0.307,-0.03 -0.455,-0.089 -0.138,-0.059 -0.267,-0.148 -0.366,-0.246 -0.109,-0.098 -0.188,-0.227 -0.257,-0.364 -0.059,-0.138 -0.089,-0.286 -0.089,-0.433 0,-0.147 0.03,-0.305 0.089,-0.453 0.059,-0.138 0.148,-0.256 0.257,-0.364 0.109,-0.108 0.227,-0.187 0.366,-0.246 0.138,-0.059 0.287,-0.089 0.455,-0.089 0.168,0 0.316,0.03 0.465,0.089 0.148,0.059 0.277,0.138 0.386,0.246 0.109,0.108 0.198,0.227 0.257,0.364 0.059,0.137 0.099,0.286 0.099,0.453 z m -0.227,1.793 v 6.54 h -1.968 v -6.54 z m 6.318,1.556 c -0.059,0.069 -0.119,0.128 -0.168,0.167 -0.059,0.039 -0.128,0.059 -0.237,0.059 -0.109,0 -0.188,-0.02 -0.267,-0.069 -0.079,-0.049 -0.168,-0.098 -0.267,-0.158 -0.099,-0.06 -0.208,-0.108 -0.346,-0.158 -0.129,-0.049 -0.297,-0.069 -0.485,-0.069 -0.237,0 -0.445,0.039 -0.623,0.128 -0.178,0.089 -0.316,0.217 -0.435,0.374 -0.119,0.158 -0.198,0.364 -0.257,0.601 -0.059,0.237 -0.079,0.502 -0.079,0.808 0,0.63 0.119,1.103 0.366,1.448 0.247,0.335 0.574,0.502 1.009,0.502 0.228,0 0.405,-0.03 0.544,-0.089 0.128,-0.059 0.247,-0.118 0.336,-0.187 0.089,-0.069 0.178,-0.138 0.257,-0.197 0.079,-0.059 0.178,-0.089 0.297,-0.089 0.158,0 0.277,0.059 0.356,0.167 l 0.574,0.699 c -0.208,0.227 -0.416,0.424 -0.643,0.561 -0.227,0.148 -0.455,0.256 -0.692,0.345 -0.237,0.079 -0.465,0.138 -0.702,0.167 -0.237,0.029 -0.465,0.049 -0.692,0.049 -0.405,0 -0.781,-0.079 -1.147,-0.227 -0.366,-0.148 -0.682,-0.374 -0.959,-0.66 -0.277,-0.286 -0.494,-0.64 -0.663,-1.064 -0.158,-0.424 -0.247,-0.896 -0.247,-1.438 0,-0.473 0.069,-0.916 0.208,-1.32 0.138,-0.414 0.346,-0.768 0.623,-1.064 0.277,-0.296 0.623,-0.542 1.028,-0.709 0.405,-0.167 0.88,-0.256 1.414,-0.256 0.534,0 0.969,0.079 1.355,0.246 0.386,0.167 0.742,0.404 1.048,0.719 l -0.524,0.689 0.02,0.02 z m 3.728,5.092 c -0.316,0 -0.583,-0.049 -0.831,-0.138 C 52.03,20.21 51.843,20.082 51.675,19.915 51.517,19.748 51.388,19.551 51.309,19.314 51.22,19.078 51.181,18.812 51.181,18.526 v -3.378 h -0.554 c -0.099,0 -0.188,-0.03 -0.257,-0.098 -0.069,-0.068 -0.108,-0.158 -0.108,-0.286 v -0.758 l 1.048,-0.207 0.385,-1.596 c 0.05,-0.197 0.198,-0.305 0.435,-0.305 h 1.029 v 1.911 h 1.592 v 1.339 h -1.592 v 3.25 c 0,0.148 0.039,0.276 0.108,0.374 0.069,0.098 0.178,0.148 0.317,0.148 0.069,0 0.128,0 0.178,-0.02 0.05,-0.02 0.089,-0.03 0.129,-0.049 0.039,-0.02 0.069,-0.039 0.099,-0.049 0.03,-0.02 0.069,-0.02 0.108,-0.02 0.06,0 0.109,0.01 0.139,0.039 0.04,0.03 0.069,0.069 0.109,0.128 l 0.593,0.926 c -0.257,0.187 -0.534,0.335 -0.85,0.424 -0.317,0.098 -0.643,0.138 -0.979,0.138 z m 5.685,-6.747 c 0.495,0 0.95,0.079 1.365,0.236 0.406,0.158 0.762,0.374 1.058,0.67 0.297,0.286 0.524,0.64 0.682,1.054 0.158,0.414 0.247,0.877 0.247,1.399 0,0.522 -0.079,0.995 -0.247,1.408 -0.158,0.414 -0.395,0.778 -0.682,1.064 -0.287,0.286 -0.643,0.522 -1.058,0.68 -0.405,0.158 -0.86,0.236 -1.365,0.236 -0.505,0 -0.959,-0.079 -1.374,-0.236 -0.416,-0.158 -0.761,-0.384 -1.068,-0.68 -0.297,-0.296 -0.524,-0.65 -0.693,-1.064 -0.158,-0.424 -0.247,-0.886 -0.247,-1.408 0,-0.522 0.079,-0.985 0.247,-1.399 0.159,-0.414 0.396,-0.768 0.693,-1.054 0.297,-0.286 0.652,-0.512 1.068,-0.67 0.415,-0.158 0.87,-0.236 1.374,-0.236 z m 0,5.289 c 0.455,0 0.781,-0.158 0.999,-0.473 0.218,-0.315 0.317,-0.798 0.317,-1.448 0,-0.65 -0.109,-1.133 -0.317,-1.448 -0.217,-0.315 -0.544,-0.473 -0.999,-0.473 -0.455,0 -0.801,0.158 -1.018,0.473 -0.217,0.315 -0.326,0.798 -0.326,1.448 0,0.65 0.109,1.133 0.326,1.448 0.217,0.315 0.554,0.473 1.018,0.473 z m 4.421,1.35 v -6.54 h 1.167 c 0.099,0 0.178,0 0.247,0.03 0.069,0.02 0.119,0.039 0.168,0.079 0.04,0.039 0.079,0.079 0.099,0.138 0.02,0.059 0.04,0.128 0.06,0.217 l 0.108,0.611 c 0.237,-0.374 0.514,-0.66 0.811,-0.877 0.297,-0.217 0.623,-0.325 0.979,-0.325 0.297,0 0.544,0.069 0.722,0.217 l -0.257,1.438 c -0.02,0.089 -0.05,0.148 -0.099,0.187 -0.049,0.039 -0.119,0.049 -0.198,0.049 -0.069,0 -0.159,0 -0.257,-0.03 -0.098,-0.03 -0.217,-0.03 -0.366,-0.03 -0.514,0 -0.919,0.276 -1.216,0.817 v 4.009 H 63.215 Z M 70.7,11.996 c 0,0.158 -0.03,0.305 -0.099,0.433 -0.059,0.138 -0.148,0.256 -0.257,0.364 -0.109,0.098 -0.237,0.187 -0.386,0.246 -0.149,0.059 -0.297,0.089 -0.465,0.089 -0.168,0 -0.306,-0.03 -0.455,-0.089 -0.138,-0.059 -0.267,-0.148 -0.366,-0.246 -0.109,-0.098 -0.188,-0.227 -0.257,-0.364 -0.06,-0.138 -0.089,-0.286 -0.089,-0.433 0,-0.147 0.03,-0.305 0.089,-0.453 0.059,-0.138 0.148,-0.256 0.257,-0.364 0.109,-0.108 0.227,-0.187 0.366,-0.246 0.138,-0.059 0.287,-0.089 0.455,-0.089 0.168,0 0.317,0.03 0.465,0.089 0.149,0.059 0.277,0.138 0.386,0.246 0.109,0.108 0.198,0.227 0.257,0.364 0.059,0.137 0.099,0.286 0.099,0.453 z m -0.227,1.793 v 6.54 h -1.968 v -6.54 z m 6.12,6.54 c -0.188,0 -0.326,-0.03 -0.425,-0.079 -0.099,-0.049 -0.178,-0.158 -0.237,-0.315 l -0.138,-0.364 c -0.168,0.138 -0.326,0.256 -0.474,0.364 -0.148,0.108 -0.307,0.197 -0.475,0.266 -0.158,0.069 -0.336,0.128 -0.514,0.167 -0.188,0.039 -0.385,0.049 -0.613,0.049 -0.297,0 -0.574,-0.039 -0.821,-0.118 C 72.649,20.22 72.441,20.102 72.273,19.954 72.105,19.806 71.966,19.609 71.878,19.383 71.789,19.156 71.74,18.9 71.74,18.605 c 0,-0.236 0.059,-0.473 0.178,-0.719 0.119,-0.246 0.326,-0.463 0.613,-0.67 0.287,-0.197 0.683,-0.364 1.177,-0.502 0.494,-0.138 1.117,-0.207 1.869,-0.207 v -0.276 c 0,-0.384 -0.079,-0.67 -0.237,-0.837 -0.158,-0.167 -0.385,-0.256 -0.672,-0.256 -0.237,0 -0.425,0.03 -0.574,0.079 -0.149,0.049 -0.277,0.108 -0.395,0.167 -0.118,0.059 -0.227,0.118 -0.336,0.167 -0.109,0.049 -0.237,0.079 -0.395,0.079 -0.138,0 -0.247,-0.03 -0.346,-0.098 -0.099,-0.068 -0.168,-0.148 -0.228,-0.246 l -0.356,-0.611 c 0.395,-0.345 0.841,-0.611 1.325,-0.778 0.484,-0.167 0.999,-0.256 1.553,-0.256 0.395,0 0.751,0.059 1.078,0.197 0.317,0.128 0.594,0.305 0.811,0.532 0.217,0.227 0.395,0.502 0.514,0.817 0.118,0.315 0.178,0.66 0.178,1.034 v 4.087 h -0.9 v 0.02 z m -2.254,-1.192 c 0.257,0 0.475,-0.039 0.662,-0.128 0.187,-0.089 0.385,-0.227 0.574,-0.433 V 17.68 c -0.395,0 -0.712,0.03 -0.969,0.079 -0.257,0.049 -0.455,0.118 -0.603,0.187 -0.149,0.079 -0.247,0.167 -0.307,0.266 -0.06,0.099 -0.089,0.207 -0.089,0.315 0,0.227 0.059,0.384 0.188,0.473 0.119,0.089 0.307,0.138 0.534,0.138 h 0.01 z m 9.512,-1.753 c 0.04,0.108 0.089,0.227 0.129,0.335 0.039,-0.118 0.089,-0.227 0.128,-0.335 0.039,-0.108 0.099,-0.217 0.158,-0.325 l 3.075,-5.555 c 0.059,-0.098 0.108,-0.158 0.168,-0.177 0.06,-0.019 0.148,-0.03 0.257,-0.03 h 0.91 v 9.042 h -1.078 v -6.638 c 0,-0.089 0,-0.187 0,-0.286 0,-0.099 0.01,-0.207 0.02,-0.305 l -3.115,5.653 c -0.109,0.187 -0.257,0.286 -0.445,0.286 H 83.88 c -0.188,0 -0.336,-0.098 -0.445,-0.286 L 80.251,13.09 c 0.01,0.108 0.02,0.217 0.03,0.325 0.01,0.108 0,0.207 0,0.286 v 6.638 h -1.078 v -9.042 h 0.91 c 0.108,0 0.198,0.01 0.257,0.03 0.059,0.02 0.118,0.079 0.168,0.177 l 3.135,5.565 c 0.059,0.098 0.109,0.207 0.158,0.315 z m 9.394,-3.546 c 0.385,0 0.741,0.069 1.068,0.197 0.327,0.128 0.603,0.315 0.84,0.552 0.237,0.246 0.426,0.542 0.554,0.896 0.128,0.354 0.198,0.758 0.198,1.211 0,0.177 -0.02,0.296 -0.059,0.355 -0.039,0.059 -0.109,0.089 -0.218,0.089 h -4.272 c 0,0.404 0.059,0.758 0.168,1.054 0.099,0.296 0.237,0.552 0.416,0.749 0.179,0.197 0.385,0.345 0.633,0.443 0.247,0.098 0.524,0.148 0.821,0.148 0.287,0 0.524,-0.03 0.732,-0.098 0.208,-0.068 0.386,-0.138 0.534,-0.207 0.149,-0.079 0.267,-0.148 0.366,-0.207 0.099,-0.069 0.188,-0.099 0.257,-0.099 0.089,0 0.168,0.039 0.218,0.108 l 0.316,0.414 c -0.138,0.167 -0.306,0.315 -0.504,0.443 -0.198,0.128 -0.406,0.227 -0.623,0.305 -0.217,0.079 -0.455,0.138 -0.682,0.177 -0.237,0.039 -0.475,0.059 -0.702,0.059 -0.445,0 -0.851,-0.079 -1.226,-0.227 -0.375,-0.148 -0.693,-0.364 -0.969,-0.66 -0.277,-0.295 -0.485,-0.64 -0.633,-1.074 -0.149,-0.424 -0.228,-0.916 -0.228,-1.468 0,-0.443 0.069,-0.867 0.208,-1.251 0.139,-0.384 0.336,-0.719 0.593,-1.005 0.257,-0.286 0.574,-0.502 0.939,-0.67 0.376,-0.158 0.791,-0.246 1.256,-0.246 v 0.01 z m 0.03,0.827 c -0.544,0 -0.969,0.158 -1.286,0.473 -0.317,0.315 -0.504,0.748 -0.583,1.3 h 3.49 c 0,-0.256 -0.04,-0.502 -0.109,-0.719 C 94.718,15.502 94.609,15.315 94.471,15.158 94.333,15 94.164,14.882 93.957,14.794 93.759,14.705 93.532,14.666 93.275,14.666 Z m 6.011,5.762 c -0.504,0 -0.9,-0.138 -1.167,-0.424 -0.267,-0.286 -0.406,-0.689 -0.406,-1.221 v -3.91 h -0.771 c -0.069,0 -0.129,-0.02 -0.168,-0.059 -0.05,-0.039 -0.069,-0.098 -0.069,-0.187 v -0.443 l 1.048,-0.128 0.257,-1.97 c 0,-0.059 0.039,-0.118 0.079,-0.158 0.04,-0.04 0.109,-0.059 0.178,-0.059 h 0.574 v 2.206 h 1.839 v 0.817 h -1.839 v 3.831 c 0,0.266 0.069,0.473 0.198,0.601 0.129,0.128 0.297,0.197 0.504,0.197 0.118,0 0.217,-0.02 0.306,-0.049 0.089,-0.029 0.159,-0.069 0.228,-0.108 0.069,-0.039 0.118,-0.069 0.158,-0.108 0.04,-0.03 0.079,-0.049 0.118,-0.049 0.059,0 0.109,0.039 0.158,0.108 l 0.327,0.532 c -0.198,0.177 -0.426,0.325 -0.702,0.424 -0.276,0.099 -0.554,0.158 -0.851,0.158 z m 2.779,-0.098 v -6.392 h 0.643 c 0.118,0 0.207,0.02 0.257,0.069 0.05,0.049 0.079,0.128 0.099,0.236 l 0.079,0.995 c 0.217,-0.443 0.494,-0.798 0.811,-1.044 0.326,-0.246 0.702,-0.374 1.137,-0.374 0.178,0 0.336,0.02 0.485,0.059 0.149,0.039 0.277,0.098 0.395,0.167 l -0.149,0.837 c -0.03,0.108 -0.099,0.158 -0.198,0.158 -0.059,0 -0.149,-0.02 -0.277,-0.059 -0.128,-0.039 -0.297,-0.059 -0.514,-0.059 -0.395,0 -0.722,0.118 -0.989,0.345 -0.267,0.227 -0.484,0.561 -0.662,0.995 v 4.068 h -1.117 z m 6.615,-8.392 c 0,0.108 -0.02,0.207 -0.069,0.305 -0.039,0.098 -0.099,0.177 -0.178,0.256 -0.069,0.079 -0.158,0.128 -0.257,0.177 -0.099,0.039 -0.198,0.059 -0.306,0.059 -0.108,0 -0.208,-0.02 -0.307,-0.059 -0.099,-0.039 -0.178,-0.099 -0.257,-0.177 -0.069,-0.069 -0.129,-0.158 -0.178,-0.256 -0.04,-0.098 -0.059,-0.197 -0.059,-0.305 0,-0.108 0.02,-0.217 0.059,-0.315 0.04,-0.098 0.099,-0.187 0.178,-0.256 0.069,-0.069 0.158,-0.128 0.257,-0.177 0.099,-0.039 0.198,-0.059 0.307,-0.059 0.109,0 0.217,0.02 0.306,0.059 0.099,0.039 0.178,0.098 0.257,0.177 0.069,0.079 0.128,0.158 0.178,0.256 0.04,0.099 0.069,0.207 0.069,0.315 z m -0.257,2.009 v 6.392 h -1.127 v -6.392 z m 6.368,1.133 c 0,0 -0.069,0.079 -0.099,0.108 -0.03,0.029 -0.079,0.039 -0.149,0.039 -0.069,0 -0.128,-0.03 -0.207,-0.079 -0.079,-0.049 -0.168,-0.108 -0.287,-0.177 -0.118,-0.069 -0.247,-0.118 -0.415,-0.177 -0.159,-0.049 -0.366,-0.079 -0.603,-0.079 -0.317,0 -0.584,0.059 -0.831,0.167 -0.237,0.108 -0.445,0.276 -0.603,0.483 -0.158,0.207 -0.287,0.463 -0.366,0.758 -0.079,0.295 -0.119,0.63 -0.119,1.005 0,0.375 0.04,0.729 0.128,1.034 0.089,0.305 0.218,0.552 0.376,0.758 0.158,0.206 0.356,0.364 0.584,0.463 0.227,0.098 0.484,0.158 0.771,0.158 0.287,0 0.504,-0.03 0.682,-0.098 0.178,-0.069 0.326,-0.138 0.445,-0.217 0.119,-0.079 0.217,-0.148 0.287,-0.217 0.079,-0.069 0.149,-0.098 0.227,-0.098 0.099,0 0.168,0.039 0.218,0.108 l 0.316,0.414 c -0.277,0.345 -0.623,0.591 -1.048,0.748 -0.425,0.157 -0.86,0.236 -1.325,0.236 -0.405,0 -0.771,-0.069 -1.117,-0.217 -0.346,-0.148 -0.643,-0.364 -0.9,-0.64 -0.257,-0.276 -0.455,-0.62 -0.593,-1.034 -0.149,-0.404 -0.218,-0.877 -0.218,-1.399 0,-0.473 0.069,-0.916 0.198,-1.32 0.129,-0.404 0.327,-0.749 0.584,-1.044 0.257,-0.296 0.574,-0.522 0.949,-0.68 0.375,-0.158 0.811,-0.246 1.296,-0.246 0.445,0 0.84,0.069 1.186,0.217 0.346,0.148 0.652,0.355 0.919,0.611 l -0.297,0.404 0.01,0.01 z M 120.002,15 c -0.05,0.089 -0.129,0.138 -0.237,0.138 -0.06,0 -0.138,-0.02 -0.218,-0.069 -0.08,-0.049 -0.178,-0.098 -0.297,-0.158 -0.118,-0.059 -0.257,-0.108 -0.415,-0.158 -0.158,-0.05 -0.346,-0.069 -0.574,-0.069 -0.188,0 -0.366,0.02 -0.514,0.069 -0.148,0.049 -0.287,0.118 -0.385,0.197 -0.109,0.089 -0.188,0.177 -0.247,0.295 -0.059,0.118 -0.089,0.236 -0.089,0.364 0,0.167 0.049,0.305 0.138,0.414 0.099,0.108 0.217,0.207 0.375,0.286 0.158,0.079 0.336,0.148 0.534,0.207 0.198,0.059 0.406,0.128 0.613,0.197 0.207,0.069 0.416,0.148 0.613,0.227 0.198,0.089 0.375,0.187 0.534,0.315 0.159,0.128 0.287,0.276 0.375,0.463 0.099,0.187 0.138,0.404 0.138,0.66 0,0.296 -0.049,0.571 -0.158,0.817 -0.109,0.246 -0.267,0.463 -0.465,0.65 -0.208,0.187 -0.455,0.325 -0.761,0.433 -0.297,0.108 -0.643,0.158 -1.038,0.158 -0.445,0 -0.851,-0.069 -1.216,-0.217 -0.365,-0.148 -0.672,-0.335 -0.919,-0.561 l 0.267,-0.433 c 0.03,-0.059 0.079,-0.098 0.118,-0.128 0.039,-0.03 0.109,-0.039 0.188,-0.039 0.079,0 0.158,0.03 0.237,0.089 0.089,0.059 0.188,0.128 0.306,0.197 0.118,0.069 0.267,0.138 0.435,0.197 0.168,0.059 0.386,0.089 0.643,0.089 0.218,0 0.416,-0.03 0.574,-0.089 0.168,-0.059 0.307,-0.138 0.415,-0.227 0.109,-0.098 0.188,-0.207 0.247,-0.335 0.05,-0.128 0.079,-0.256 0.079,-0.404 0,-0.177 -0.05,-0.325 -0.138,-0.433 -0.099,-0.118 -0.218,-0.217 -0.376,-0.295 -0.158,-0.078 -0.336,-0.158 -0.534,-0.217 -0.198,-0.059 -0.406,-0.128 -0.613,-0.197 -0.207,-0.069 -0.415,-0.148 -0.613,-0.227 -0.198,-0.089 -0.376,-0.197 -0.534,-0.325 -0.158,-0.128 -0.287,-0.295 -0.376,-0.483 -0.099,-0.187 -0.138,-0.424 -0.138,-0.699 0,-0.246 0.05,-0.483 0.149,-0.699 0.099,-0.216 0.247,-0.424 0.445,-0.591 0.198,-0.167 0.435,-0.305 0.712,-0.404 0.277,-0.099 0.603,-0.148 0.969,-0.148 0.425,0 0.801,0.069 1.137,0.197 0.336,0.128 0.623,0.315 0.87,0.542 l -0.257,0.414 V 15 Z M 11.579,14.075 c 0.554,0.463 1.454,0.798 2.363,0.817 h 0.089 c 0.91,-0.02 1.819,-0.355 2.363,-0.817 C 19.242,11.652 27.498,4.108 27.498,4.108 29.733,2.059 23.563,0.021 14.05,0.001 H 13.961 C 4.419,0.021 -1.771,2.059 0.454,4.098 c 0,0 8.276,7.544 11.124,9.967 v 0.01 z m 4.835,4.077 C 15.86,18.615 14.96,18.95 14.051,18.969 H 13.962 C 13.052,18.949 12.143,18.614 11.599,18.152 9.611,16.468 2.65,10.174 0.03,7.801 v 3.634 c 0,0.404 0.148,0.926 0.425,1.182 1.77,1.615 8.652,7.909 11.144,10.007 0.554,0.463 1.454,0.798 2.363,0.817 h 0.089 c 0.91,-0.02 1.819,-0.355 2.363,-0.817 2.472,-2.108 9.354,-8.372 11.144,-10.007 0.277,-0.256 0.425,-0.778 0.425,-1.182 V 7.801 c -2.64,2.374 -9.601,8.687 -11.569,10.342 v 0.01 z m 0,8.559 c -0.554,0.463 -1.454,0.798 -2.363,0.817 H 13.962 C 13.052,27.508 12.143,27.173 11.599,26.711 9.611,25.027 2.65,18.733 0.03,16.36 v 3.634 c 0,0.404 0.148,0.926 0.425,1.182 1.77,1.615 8.652,7.909 11.144,10.007 0.554,0.463 1.454,0.798 2.363,0.817 h 0.089 c 0.91,-0.02 1.819,-0.355 2.363,-0.817 2.472,-2.108 9.354,-8.372 11.144,-10.007 0.277,-0.256 0.425,-0.778 0.425,-1.182 V 16.36 c -2.64,2.374 -9.601,8.687 -11.569,10.342 v 0.01 z' }))));
613
613
  };
614
614
 
615
- const ActionsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
615
+ const ActionsIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
616
616
  const theme = Theme.useTheme();
617
617
  const fill = f || theme.text.secondary;
618
618
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
619
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4.03577 5.58623L7.87311 2.57807C8.96507 1.72206 9.51105 1.29405 9.88484 1.33635C10.2084 1.37297 10.4931 1.58015 10.6428 1.88795C10.8158 2.24356 10.6404 2.94122 10.2895 4.33655L9.99556 5.50565C9.85509 6.06426 9.78486 6.34357 9.83323 6.58606C9.87578 6.79937 9.9806 6.99284 10.1327 7.13876C10.3056 7.30464 10.5677 7.37948 11.0919 7.52916L11.432 7.62628C12.4401 7.91412 12.9442 8.05804 13.1457 8.35103C13.3209 8.60578 13.3771 8.93198 13.2982 9.23643C13.2074 9.58657 12.7841 9.91181 11.9376 10.5623L8.16976 13.4575C7.08454 14.2914 6.54192 14.7083 6.16999 14.6636C5.84799 14.6248 5.56547 14.4171 5.41715 14.1101C5.24584 13.7555 5.41898 13.0669 5.76527 11.6898L6.02808 10.6446C6.16855 10.0859 6.23878 9.80664 6.19041 9.56415C6.14786 9.35085 6.04304 9.15737 5.89096 9.01146C5.71807 8.84557 5.45596 8.77073 4.93173 8.62105L4.55326 8.51299C3.55574 8.22817 3.05698 8.08576 2.8556 7.79472C2.68046 7.5416 2.62311 7.21724 2.6998 6.91357C2.78798 6.5644 3.20391 6.23834 4.03577 5.58623Z' })));
619
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4.03577 5.58623L7.87311 2.57807C8.96507 1.72206 9.51105 1.29405 9.88484 1.33635C10.2084 1.37297 10.4931 1.58015 10.6428 1.88795C10.8158 2.24356 10.6404 2.94122 10.2895 4.33655L9.99556 5.50565C9.85509 6.06426 9.78486 6.34357 9.83323 6.58606C9.87578 6.79937 9.9806 6.99284 10.1327 7.13876C10.3056 7.30464 10.5677 7.37948 11.0919 7.52916L11.432 7.62628C12.4401 7.91412 12.9442 8.05804 13.1457 8.35103C13.3209 8.60578 13.3771 8.93198 13.2982 9.23643C13.2074 9.58657 12.7841 9.91181 11.9376 10.5623L8.16976 13.4575C7.08454 14.2914 6.54192 14.7083 6.16999 14.6636C5.84799 14.6248 5.56547 14.4171 5.41715 14.1101C5.24584 13.7555 5.41898 13.0669 5.76527 11.6898L6.02808 10.6446C6.16855 10.0859 6.23878 9.80664 6.19041 9.56415C6.14786 9.35085 6.04304 9.15737 5.89096 9.01146C5.71807 8.84557 5.45596 8.77073 4.93173 8.62105L4.55326 8.51299C3.55574 8.22817 3.05698 8.08576 2.8556 7.79472C2.68046 7.5416 2.62311 7.21724 2.6998 6.91357C2.78798 6.5644 3.20391 6.23834 4.03577 5.58623Z' })));
620
620
  };
621
621
 
622
- const DestinationsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
622
+ const DestinationsIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
623
623
  const theme = Theme.useTheme();
624
624
  const fill = f || theme.text.secondary;
625
625
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
626
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.9999 14.0999C11.3688 14.0999 14.0999 11.3688 14.0999 7.9999C14.0999 4.63096 11.3688 1.8999 7.9999 1.8999C4.63096 1.8999 1.8999 4.63096 1.8999 7.9999C1.8999 11.3688 4.63096 14.0999 7.9999 14.0999Z' }),
627
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.99984 11.3332C9.84077 11.3332 11.3332 9.84077 11.3332 7.99984C11.3332 6.15889 9.84077 4.6665 7.99984 4.6665C6.15889 4.6665 4.6665 6.15889 4.6665 7.99984C4.6665 9.84077 6.15889 11.3332 7.99984 11.3332Z' }),
628
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8.6665 7.99984C8.6665 8.36804 8.36804 8.6665 7.99984 8.6665C7.63164 8.6665 7.33317 8.36804 7.33317 7.99984C7.33317 7.63164 7.63164 7.33317 7.99984 7.33317C8.36804 7.33317 8.6665 7.63164 8.6665 7.99984Z' })));
626
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.9999 14.0999C11.3688 14.0999 14.0999 11.3688 14.0999 7.9999C14.0999 4.63096 11.3688 1.8999 7.9999 1.8999C4.63096 1.8999 1.8999 4.63096 1.8999 7.9999C1.8999 11.3688 4.63096 14.0999 7.9999 14.0999Z' }),
627
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.99984 11.3332C9.84077 11.3332 11.3332 9.84077 11.3332 7.99984C11.3332 6.15889 9.84077 4.6665 7.99984 4.6665C6.15889 4.6665 4.6665 6.15889 4.6665 7.99984C4.6665 9.84077 6.15889 11.3332 7.99984 11.3332Z' }),
628
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8.6665 7.99984C8.6665 8.36804 8.36804 8.6665 7.99984 8.6665C7.63164 8.6665 7.33317 8.36804 7.33317 7.99984C7.33317 7.63164 7.63164 7.33317 7.99984 7.33317C8.36804 7.33317 8.6665 7.63164 8.6665 7.99984Z' })));
629
629
  };
630
630
 
631
- const NamespacesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
631
+ const NamespacesIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
632
632
  const theme = Theme.useTheme();
633
633
  const fill = f || theme.text.secondary;
634
634
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
635
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M12 12V21.5M12 12L3.33967 7.38776M12 12L16.3302 9.69388M12 21.5C12.2173 21.5 12.4345 21.4782 12.6482 21.4347C13.1312 21.3363 13.5855 21.0848 14.4942 20.5819L18.5058 18.3616C19.4145 17.8587 19.8688 17.6073 20.1992 17.2555C20.4916 16.9442 20.7124 16.5775 20.8474 16.1792C21 15.729 21 15.2261 21 14.2203V9.77967C21 8.77388 21 8.27099 20.8474 7.82079C20.7968 7.67159 20.7342 7.52683 20.6603 7.38776M12 21.5C11.7827 21.5 11.5655 21.4782 11.3518 21.4347C10.8688 21.3363 10.4145 21.0848 9.50585 20.5819L5.49415 18.3616C4.58552 17.8587 4.13121 17.6073 3.8008 17.2555C3.50845 16.9442 3.2876 16.5775 3.15259 16.1792C3 15.729 3 15.2261 3 14.2203V9.77967C3 8.77388 3 8.27099 3.15259 7.82079C3.20316 7.67159 3.26577 7.52683 3.33967 7.38776M20.6603 7.38776C20.5369 7.15554 20.3821 6.93919 20.1992 6.74452C19.8688 6.39274 19.4145 6.14129 18.5058 5.6384L14.4942 3.41807C13.5855 2.91518 13.1312 2.66373 12.6482 2.56531C12.2208 2.47823 11.7792 2.47823 11.3518 2.56531C10.8688 2.66373 10.4145 2.91518 9.50585 3.41807L7.5 4.52823M20.6603 7.38776L16.3302 9.69388M3.33967 7.38776C3.46307 7.15554 3.61795 6.93919 3.8008 6.74452C4.13121 6.39274 4.58552 6.14129 5.49415 5.6384L7.5 4.52823M7.5 4.52823L16.3302 9.69388' })));
635
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M12 12V21.5M12 12L3.33967 7.38776M12 12L16.3302 9.69388M12 21.5C12.2173 21.5 12.4345 21.4782 12.6482 21.4347C13.1312 21.3363 13.5855 21.0848 14.4942 20.5819L18.5058 18.3616C19.4145 17.8587 19.8688 17.6073 20.1992 17.2555C20.4916 16.9442 20.7124 16.5775 20.8474 16.1792C21 15.729 21 15.2261 21 14.2203V9.77967C21 8.77388 21 8.27099 20.8474 7.82079C20.7968 7.67159 20.7342 7.52683 20.6603 7.38776M12 21.5C11.7827 21.5 11.5655 21.4782 11.3518 21.4347C10.8688 21.3363 10.4145 21.0848 9.50585 20.5819L5.49415 18.3616C4.58552 17.8587 4.13121 17.6073 3.8008 17.2555C3.50845 16.9442 3.2876 16.5775 3.15259 16.1792C3 15.729 3 15.2261 3 14.2203V9.77967C3 8.77388 3 8.27099 3.15259 7.82079C3.20316 7.67159 3.26577 7.52683 3.33967 7.38776M20.6603 7.38776C20.5369 7.15554 20.3821 6.93919 20.1992 6.74452C19.8688 6.39274 19.4145 6.14129 18.5058 5.6384L14.4942 3.41807C13.5855 2.91518 13.1312 2.66373 12.6482 2.56531C12.2208 2.47823 11.7792 2.47823 11.3518 2.56531C10.8688 2.66373 10.4145 2.91518 9.50585 3.41807L7.5 4.52823M20.6603 7.38776L16.3302 9.69388M3.33967 7.38776C3.46307 7.15554 3.61795 6.93919 3.8008 6.74452C4.13121 6.39274 4.58552 6.14129 5.49415 5.6384L7.5 4.52823M7.5 4.52823L16.3302 9.69388' })));
636
636
  };
637
637
 
638
- const RulesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
638
+ const RulesIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
639
639
  const theme = Theme.useTheme();
640
640
  const fill = f || theme.text.secondary;
641
641
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
642
- React.createElement("path", { stroke: fill, strokeWidth: '1.2', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4.5 1.94059V1.94836M1.94111 4.49806V4.50583M1 7.99611V8.00389M1.94111 11.4942V11.5019M4.5 14.0516V14.0594M8 14.9922V15M11.5 14.0516V14.0594M14.0589 11.4942V11.5019M15 7.99611V8.00389M14.0589 4.49806V4.50583M11.5 1.94059V1.94836M8 1V1.00777' }),
643
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8H8.01125M8 3.5L9.326 4.79876L11.182 4.81802L11.2012 6.674L12.5 8L11.2012 9.326L11.182 11.182L9.326 11.2012L8 12.5L6.674 11.2012L4.81802 11.182L4.79876 9.326L3.5 8L4.79876 6.674L4.81802 4.81802L6.674 4.79876L8 3.5Z' })));
642
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4.5 1.94059V1.94836M1.94111 4.49806V4.50583M1 7.99611V8.00389M1.94111 11.4942V11.5019M4.5 14.0516V14.0594M8 14.9922V15M11.5 14.0516V14.0594M14.0589 11.4942V11.5019M15 7.99611V8.00389M14.0589 4.49806V4.50583M11.5 1.94059V1.94836M8 1V1.00777' }),
643
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8H8.01125M8 3.5L9.326 4.79876L11.182 4.81802L11.2012 6.674L12.5 8L11.2012 9.326L11.182 11.182L9.326 11.2012L8 12.5L6.674 11.2012L4.81802 11.182L4.79876 9.326L3.5 8L4.79876 6.674L4.81802 4.81802L6.674 4.79876L8 3.5Z' })));
644
644
  };
645
645
 
646
- const SourcesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
646
+ const SourcesIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
647
647
  const theme = Theme.useTheme();
648
648
  const fill = f || theme.text.secondary;
649
649
  return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
650
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M13.3332 3.8V8M13.3332 3.8C13.3332 4.79411 10.9454 5.6 7.99984 5.6C5.05432 5.6 2.6665 4.79411 2.6665 3.8M13.3332 3.8C13.3332 2.80589 10.9454 2 7.99984 2C5.05432 2 2.6665 2.80589 2.6665 3.8M13.3332 8V12.0875C13.3332 13.1437 10.9454 14 7.99984 14C5.05432 14 2.6665 13.1437 2.6665 12.0875V8M13.3332 8C13.3332 8.99413 10.9454 9.8 7.99984 9.8C5.05432 9.8 2.6665 8.99413 2.6665 8M2.6665 8V3.8M10.6665 7.33333H10.6732M10.6665 11.3333H10.6732' })));
650
+ React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M13.3332 3.8V8M13.3332 3.8C13.3332 4.79411 10.9454 5.6 7.99984 5.6C5.05432 5.6 2.6665 4.79411 2.6665 3.8M13.3332 3.8C13.3332 2.80589 10.9454 2 7.99984 2C5.05432 2 2.6665 2.80589 2.6665 3.8M13.3332 8V12.0875C13.3332 13.1437 10.9454 14 7.99984 14C5.05432 14 2.6665 13.1437 2.6665 12.0875V8M13.3332 8C13.3332 8.99413 10.9454 9.8 7.99984 9.8C5.05432 9.8 2.6665 8.99413 2.6665 8M2.6665 8V3.8M10.6665 7.33333H10.6732M10.6665 11.3333H10.6732' })));
651
651
  };
652
652
 
653
653
  export { TingyunLogo as $, AlaudaLogo as A, BetterStackLogo as B, CauselyLogo as C, Dash0Logo as D, ElasticApmLogo as E, OpenTelemetryLogo as F, GigapipeLogo as G, HoneycombLogo as H, InstanaLogo as I, JaegerLogo as J, KloudmateLogo as K, Last9Logo as L, MiddlewareLogo as M, NewRelicLogo as N, ObserveLogo as O, OpsVerseLogo as P, OracleLogo as Q, PrometheusLogo as R, QrynLogo as S, QuickwitLogo as T, SeqLogo as U, VmLogo as V, SignozLogo as W, SplunkLogo as X, SumoLogicLogo as Y, TelemetryHubLogo as Z, TempoLogo as _, AlibabaCloudLogo as a, TraceloopLogo as a0, UptraceLogo as a1, VictoriaMetricsLogo as a2, ActionsIcon as a3, DestinationsIcon as a4, NamespacesIcon as a5, RulesIcon as a6, SourcesIcon as a7, AppDynamicsLogo as b, AwsCloudwatchLogo as c, AwsS3Logo as d, AwsXrayLogo as e, AxiomLogo as f, BlobStorageLogo as g, BonreeLogo as h, ChecklyLogo as i, ChronosphereLogo as j, ClickhouseLogo as k, CoralogixLogo as l, DatadogLogo as m, DynatraceLogo as n, ElasticSearchLogo as o, GoogleCloudPlatformLogo as p, GrafanaLogo as q, GreptimeLogo as r, GroundcoverLogo as s, HyperDxLogo as t, LightstepLogo as u, LogzioLogo as v, LokiLogo as w, LumigoLogo as x, OneUptimeLogo as y, OpenObserveLogo as z };
@@ -1,6 +1,7 @@
1
1
  import { type FC } from 'react';
2
2
  interface CopyTextProps {
3
3
  value: string;
4
+ callbackCopyDone?: () => void;
4
5
  }
5
6
  declare const CopyText: FC<CopyTextProps>;
6
7
  export { CopyText, type CopyTextProps };
@@ -1,7 +1,7 @@
1
1
  export * from './add-button';
2
2
  export * from './copy-text';
3
3
  export * from './edit-button';
4
- export * from './note-back-to-summary/index';
4
+ export * from './note-back-to-summary';
5
5
  export * from './pod-container';
6
6
  export * from './react-flow';
7
7
  export * from './source-container';
package/lib/snippets.js CHANGED
@@ -1,15 +1,15 @@
1
- import { B as Button, Z as Text, L as NotificationNote } from './index-4dd6a1ce.js';
2
- export { ah as AddButton, am as AddNode, an as BaseNode, aj as CopyText, ao as EdgedNode, af as Flow, ap as FrameNode, aq as HeaderNode, av as LabeledEdge, ar as MapItemNode, as as NoDataNode, ak as PodContainer, at as ScrollNode, au as SkeletonNode, al as SourceContainer, ac as nodeConfig } from './index-4dd6a1ce.js';
1
+ import { B as Button, Z as Text, L as NotificationNote } from './index-ad94963f.js';
2
+ export { ah as AddButton, am as AddNode, an as BaseNode, aj as CopyText, ao as EdgedNode, af as Flow, ap as FrameNode, aq as HeaderNode, av as LabeledEdge, ar as MapItemNode, as as NoDataNode, ak as PodContainer, at as ScrollNode, au as SkeletonNode, al as SourceContainer, ac as nodeConfig } from './index-ad94963f.js';
3
3
  import React from 'react';
4
- import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-118aa476.js';
5
- import { E as EditIcon } from './index-f40b593d.js';
4
+ import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-cccea570.js';
5
+ import { E as EditIcon } from './index-b08f2a91.js';
6
6
  import { StatusType } from './types.js';
7
7
  import 'styled-components';
8
- import { I as InfoIcon } from './index-974c5344.js';
9
- import './index-4c55824c.js';
8
+ import { I as InfoIcon } from './index-ad99c5fe.js';
9
+ import './index-03c3e255.js';
10
10
  import './index-ec555530.js';
11
11
  import 'react-dom';
12
- import './useTransition-53e46214.js';
12
+ import './useTransition-d4c82b6e.js';
13
13
 
14
14
  const EditButton = ({ label, onClick, variant = 'tertiary', ...props }) => {
15
15
  const theme = Theme.useTheme();
@@ -7,6 +7,7 @@ export interface FiltersState {
7
7
  kinds?: DropdownProps['options'];
8
8
  monitors?: DropdownProps['options'];
9
9
  languages?: DropdownProps['options'];
10
+ conditions?: DropdownProps['options'];
10
11
  errors?: DropdownProps['options'];
11
12
  onlyErrors?: boolean;
12
13
  }
@@ -25,6 +26,8 @@ interface StoreState {
25
26
  setMonitors: (metrics: FiltersState['monitors']) => void;
26
27
  languages: FiltersState['languages'];
27
28
  setLanguages: (metrics: FiltersState['languages']) => void;
29
+ conditions: FiltersState['conditions'];
30
+ setConditions: (conditions: FiltersState['conditions']) => void;
28
31
  errors: FiltersState['errors'];
29
32
  setErrors: (metrics: FiltersState['errors']) => void;
30
33
  onlyErrors: FiltersState['onlyErrors'];
package/lib/store.js CHANGED
@@ -1,4 +1,4 @@
1
- export { Q as useActiveNodeStore, a0 as useDarkMode, Y as useDataStreamStore, O as useDrawerStore, W as useEntityStore, X as useFilterStore, Z as useInstrumentStore, z as useModalStore, V as useNotificationStore, U as usePendingStore, $ as useSelectedStore, _ as useSetupStore } from './index-118aa476.js';
1
+ export { Q as useActiveNodeStore, a0 as useDarkMode, Y as useDataStreamStore, O as useDrawerStore, W as useEntityStore, X as useFilterStore, Z as useInstrumentStore, z as useModalStore, V as useNotificationStore, U as usePendingStore, $ as useSelectedStore, _ as useSetupStore } from './index-cccea570.js';
2
2
  import 'react';
3
3
  import './types.js';
4
4
  import 'styled-components';
package/lib/theme.js CHANGED
@@ -1,4 +1,4 @@
1
- export { T as default } from './index-118aa476.js';
1
+ export { T as default } from './index-cccea570.js';
2
2
  import 'styled-components';
3
3
  import 'react';
4
4
  import './types.js';
@@ -3,6 +3,7 @@ export type AnyObj = Record<string, any>;
3
3
  export type SVG = FC<{
4
4
  /**
5
5
  * Size of the SVG icon
6
+ * @default 16
6
7
  */
7
8
  size?: number;
8
9
  /**
@@ -11,12 +12,18 @@ export type SVG = FC<{
11
12
  fill?: string;
12
13
  /**
13
14
  * Rotate the SVG icon by a number of degrees
15
+ * @default 0
14
16
  */
15
17
  rotate?: number;
16
18
  /**
17
19
  * Click handler for the SVG icon
18
20
  */
19
21
  onClick?: MouseEventHandler<SVGSVGElement>;
22
+ /**
23
+ * Stroke width of the SVG icon
24
+ * @default 1
25
+ */
26
+ strokeWidth?: number;
20
27
  }>;
21
28
  export declare enum Tier {
22
29
  Community = "community",
@@ -1,4 +1,4 @@
1
- import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-118aa476.js';
1
+ import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-cccea570.js';
2
2
  import { AddNodeTypes, EntityTypes, PayloadCollectionKeyTypes, CodeAttributesKeyTypes, CustomInstrumentationsKeyTypes } from './types.js';
3
3
  import React, { useState, useRef, useEffect, useCallback } from 'react';
4
4
  import styled from 'styled-components';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@odigos/ui-kit",
3
- "version": "0.0.53",
3
+ "version": "0.0.56",
4
4
  "author": "Odigos",
5
5
  "repository": {
6
6
  "type": "git",
@@ -11,7 +11,7 @@
11
11
  "prebuild": "rm -rf lib",
12
12
  "build": "rollup -c --bundleConfigAsCjs",
13
13
  "watch": "rollup -c --bundleConfigAsCjs -w",
14
- "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
14
+ "lint": "eslint . --ext .js,.jsx,.ts,.tsx --ignore-pattern ./lib --ignore-pattern ./node_modules"
15
15
  },
16
16
  "release": {
17
17
  "branches": [
@@ -81,7 +81,7 @@
81
81
  "react": "^19.1.0",
82
82
  "react-dom": "^19.1.0",
83
83
  "react-error-boundary": "^6.0.0",
84
- "styled-components": "6.1.19",
84
+ "styled-components": "^6.1.19",
85
85
  "zustand": "^5.0.6"
86
86
  },
87
87
  "dependencies": {
@@ -92,7 +92,7 @@
92
92
  "react": "^19.1.0",
93
93
  "react-dom": "^19.1.0",
94
94
  "react-error-boundary": "^6.0.0",
95
- "styled-components": "6.1.19",
95
+ "styled-components": "^6.1.19",
96
96
  "zustand": "^5.0.6"
97
97
  },
98
98
  "devDependencies": {
@@ -108,15 +108,15 @@
108
108
  "@storybook/addon-docs": "^9.0.16",
109
109
  "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
110
110
  "@storybook/react-webpack5": "9.0.16",
111
- "@types/node": "^24.0.13",
111
+ "@types/node": "^24.0.14",
112
112
  "@types/react": "^19.1.8",
113
113
  "@types/react-dom": "^19.1.6",
114
114
  "babel-loader": "^10.0.0",
115
115
  "babel-plugin-styled-components": "^2.1.4",
116
116
  "eslint": "^9.31.0",
117
- "eslint-config-next": "^15.3.5",
117
+ "eslint-config-next": "^15.4.1",
118
118
  "eslint-plugin-storybook": "9.0.16",
119
- "next": "^15.3.5",
119
+ "next": "^15.4.1",
120
120
  "postcss": "^8.5.6",
121
121
  "rollup": "^3.29.4",
122
122
  "rollup-plugin-postcss": "^4.0.2",
@@ -1,62 +0,0 @@
1
- import React from 'react';
2
- import { T as Theme } from './index-118aa476.js';
3
-
4
- const OdigosLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
5
- const theme = Theme.useTheme();
6
- const fill = f || theme.text.secondary;
7
- return (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: size, height: size * (431 / 511), viewBox: '0 0 511 431', fill: fill, style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
8
- React.createElement("path", { d: 'M308.491 83.3091V0.0765381H472.573C493.785 0.0765381 511 16.4464 511 36.6589V374.508C511 394.72 493.785 411.09 472.573 411.09H308.491V328.396L454.666 263.762C478.721 253.079 493.708 230.791 493.708 205.583C493.708 180.375 478.721 158.011 454.666 147.405L308.414 83.3859L308.491 83.3091Z' }),
9
- React.createElement("path", { d: 'M202.51 327.781V411.014H38.4269C17.2152 411.014 0 394.644 0 374.431V36.5824C0 16.3698 17.2152 0 38.4269 0H202.51V82.6946L56.3338 147.329C32.2786 158.011 17.2921 180.299 17.2921 205.507C17.2921 230.715 32.2786 253.079 56.3338 263.685L202.586 327.704L202.51 327.781Z' }),
10
- React.createElement("path", { d: 'M255.462 290.507C302.363 290.507 340.385 252.485 340.385 205.584C340.385 158.682 302.363 120.66 255.462 120.66C208.56 120.66 170.538 158.682 170.538 205.584C170.538 252.485 208.56 290.507 255.462 290.507Z' })));
11
- };
12
-
13
- const LogsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
14
- const theme = Theme.useTheme();
15
- const fill = f || theme.text.secondary;
16
- return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
17
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.66699 8.5H6.66699M2.66699 12.5H6.66699M2.66699 4.5L13.3337 4.5M12.4765 12.0146C13.0334 11.61 13.5322 11.1357 13.96 10.6043C14.0138 10.5375 14.0138 10.4441 13.96 10.3773C13.5322 9.84585 13.0334 9.37156 12.4765 8.96696M10.1908 8.96696C9.63389 9.37156 9.13508 9.84585 8.7073 10.3773C8.65356 10.4441 8.65356 10.5375 8.7073 10.6043C9.13508 11.1357 9.63389 11.61 10.1908 12.0146' })));
18
- };
19
-
20
- const MetricsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
21
- const theme = Theme.useTheme();
22
- const fill = f || theme.text.secondary;
23
- return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
24
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M13.2389 9.1672C13.2389 12.4305 10.5935 15.0758 7.33025 15.0758V14.3373M13.2389 9.1672H14.0883C14.0883 5.43485 11.0626 2.40918 7.33025 2.40918V4.73571M13.2389 9.1672L7.33025 9.1672M7.33025 14.3373C4.47491 14.3373 2.16016 12.0225 2.16016 9.1672H2.89877M7.33025 14.3373L7.33025 9.1672M2.89877 9.1672C2.89877 6.71975 4.88281 4.73571 7.33025 4.73571M2.89877 9.1672H7.33025M7.33025 4.73571L7.33025 9.1672' })));
25
- };
26
-
27
- const TracesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
28
- const theme = Theme.useTheme();
29
- const fill = f || theme.text.secondary;
30
- return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
31
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.3337 8.5C10.3337 9.60457 11.2291 10.5 12.3337 10.5C13.4382 10.5 14.3337 9.60457 14.3337 8.5C14.3337 7.39543 13.4382 6.5 12.3337 6.5C11.2291 6.5 10.3337 7.39543 10.3337 8.5ZM10.3337 8.5L8.00032 8.5M8.00032 8.5L8.00032 9.3C8.00032 10.4201 8.00032 10.9802 7.78234 11.408C7.59059 11.7843 7.28463 12.0903 6.90831 12.282C6.60852 12.4348 6.24381 12.4805 5.66698 12.4942M8.00032 8.5L8.00032 7.7C8.00032 6.57989 8.00032 6.01984 7.78234 5.59202C7.59059 5.21569 7.28463 4.90973 6.90831 4.71799C6.60852 4.56524 6.24381 4.51952 5.66698 4.50584M5.66698 12.4942C5.66383 11.3923 4.76961 10.5 3.66699 10.5C2.56242 10.5 1.66699 11.3954 1.66699 12.5C1.66699 13.6046 2.56242 14.5 3.66699 14.5C4.77156 14.5 5.66699 13.6046 5.66699 12.5C5.66699 12.4981 5.66699 12.4961 5.66698 12.4942ZM5.66698 4.50584C5.66383 5.60773 4.76961 6.5 3.66699 6.5C2.56242 6.5 1.66699 5.60457 1.66699 4.5C1.66699 3.39543 2.56242 2.5 3.66699 2.5C4.77156 2.5 5.66699 3.39543 5.66699 4.5C5.66699 4.50195 5.66699 4.5039 5.66698 4.50584Z' })));
32
- };
33
-
34
- const CheckCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
35
- const theme = Theme.useTheme();
36
- const fill = f || theme.text.secondary;
37
- return (React.createElement("svg", { width: size, height: size * (16 / 17), viewBox: '0 0 17 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
38
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.41707 8.34197L7.97787 9.90111C8.72855 8.58846 9.76744 7.46337 11.0162 6.61065L11.0837 6.56453M14.8504 8.00039C14.8504 11.3693 12.1193 14.1004 8.75039 14.1004C5.38145 14.1004 2.65039 11.3693 2.65039 8.00039C2.65039 4.63145 5.38145 1.90039 8.75039 1.90039C12.1193 1.90039 14.8504 4.63145 14.8504 8.00039Z' })));
39
- };
40
-
41
- const ErrorTriangleIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
42
- const theme = Theme.useTheme();
43
- const fill = f || theme.text.error;
44
- return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
45
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8.66673V6.00006M8 10.9167V10.9175M7.07337 2.18915C7.66595 1.93695 8.33405 1.93695 8.92662 2.18915C10.6942 2.94145 14.8697 9.61453 14.7474 11.3981C14.6994 12.0972 14.3529 12.7408 13.7982 13.1614C12.323 14.2795 3.67698 14.2795 2.20185 13.1614C1.64705 12.7408 1.3006 12.0972 1.25263 11.3981C1.13026 9.61453 5.30575 2.94145 7.07337 2.18915Z' })));
46
- };
47
-
48
- const InfoIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
49
- const theme = Theme.useTheme();
50
- const fill = f || theme.text.secondary;
51
- return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
52
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8.91498V11.5816M8 6.66498V6.66423M14 8.91504C14 12.2287 11.3137 14.915 8 14.915C4.68629 14.915 2 12.2287 2 8.91504C2 5.60133 4.68629 2.91504 8 2.91504C11.3137 2.91504 14 5.60133 14 8.91504Z' })));
53
- };
54
-
55
- const WarningTriangleIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
56
- const theme = Theme.useTheme();
57
- const fill = f || theme.text.warning;
58
- return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
59
- React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8.66673V6.00006M8 10.9167V10.9175M7.07337 2.18915C7.66595 1.93695 8.33405 1.93695 8.92662 2.18915C10.6942 2.94145 14.8697 9.61453 14.7474 11.3981C14.6994 12.0972 14.3529 12.7408 13.7982 13.1614C12.323 14.2795 3.67698 14.2795 2.20185 13.1614C1.64705 12.7408 1.3006 12.0972 1.25263 11.3981C1.13026 9.61453 5.30575 2.94145 7.07337 2.18915Z' })));
60
- };
61
-
62
- export { CheckCircledIcon as C, ErrorTriangleIcon as E, InfoIcon as I, LogsIcon as L, MetricsIcon as M, OdigosLogo as O, TracesIcon as T, WarningTriangleIcon as W };