@odigos/ui-kit 0.0.40 → 0.0.42

package/lib/{index-BeVb1H9n.js → index-BvZgTeSU.js}

@@ -1,13 +1,95 @@
 import React from 'react';
-import { T as Theme } from './index-BdZq2vdJ.js';
+import { ActionCategory, ActionType, SignalType, InstrumentationRuleType, ProgrammingLanguages, EntityTypes } from './types.js';
+import { ThemeProvider, keyframes, useTheme } from 'styled-components';
 
-const OdigosLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const createStoreImpl = (createState) => {
+  let state;
+  const listeners = /* @__PURE__ */ new Set();
+  const setState = (partial, replace) => {
+    const nextState = typeof partial === "function" ? partial(state) : partial;
+    if (!Object.is(nextState, state)) {
+      const previousState = state;
+      state = (replace != null ? replace : typeof nextState !== "object" || nextState === null) ? nextState : Object.assign({}, state, nextState);
+      listeners.forEach((listener) => listener(state, previousState));
+    }
+  };
+  const getState = () => state;
+  const getInitialState = () => initialState;
+  const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
+  const api = { setState, getState, getInitialState, subscribe };
+  const initialState = state = createState(setState, getState, api);
+  return api;
+};
+const createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
+
+const identity = (arg) => arg;
+function useStore(api, selector = identity) {
+  const slice = React.useSyncExternalStore(
+    api.subscribe,
+    () => selector(api.getState()),
+    () => selector(api.getInitialState())
+  );
+  React.useDebugValue(slice);
+  return slice;
+}
+const createImpl = (createState) => {
+  const api = createStore(createState);
+  const useBoundStore = (selector) => useStore(api, selector);
+  Object.assign(useBoundStore, api);
+  return useBoundStore;
+};
+const create = (createState) => createState ? createImpl(createState) : createImpl;
+
+const AddClusterInfoIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    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 },
+        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' })));
+};
+
+const DeleteAttributeIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
-    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 },
-        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' }),
-        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' }),
-        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' })));
+    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 },
+        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' })));
+};
+
+const PiiMaskingIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    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 },
+        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' })));
+};
+
+const RenameAttributeIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    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 },
+        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' })));
+};
+
+const SamplerIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    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 },
+        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' })));
+};
+
+const ImageErrorIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    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 },
+        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' })));
+};
+
+const K8sLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 20 20', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { fill: fill, d: 'M18.3862 11.574C18.3689 11.574 18.3689 11.574 18.3862 11.574H18.3689C18.3516 11.574 18.3343 11.574 18.3343 11.5562C18.2997 11.5562 18.2651 11.5384 18.2305 11.5384C18.1093 11.5206 18.0055 11.5028 17.9017 11.5028C17.8498 11.5028 17.7979 11.5028 17.7286 11.485H17.7113C17.3479 11.4494 17.0537 11.4138 16.7769 11.3248C16.6557 11.2714 16.6211 11.2002 16.5865 11.129C16.5865 11.1113 16.5692 11.1113 16.5692 11.0935L16.3442 11.0223C16.4481 10.2036 16.4135 9.3493 16.2231 8.51281C16.0328 7.67633 15.704 6.89324 15.254 6.18134L15.4271 6.02116V5.98556C15.4271 5.89658 15.4444 5.80759 15.5136 5.7186C15.7213 5.52283 15.9808 5.36265 16.2923 5.16688C16.3442 5.13128 16.3962 5.11349 16.4481 5.07789C16.5519 5.0245 16.6384 4.97111 16.7423 4.89992C16.7596 4.88212 16.7942 4.86432 16.8288 4.82873C16.8461 4.81093 16.8634 4.81093 16.8634 4.79313C17.1057 4.57956 17.1576 4.22361 16.9845 3.99224C16.898 3.86766 16.7423 3.79647 16.5865 3.79647C16.4481 3.79647 16.3269 3.84986 16.2058 3.93885C16.1885 3.95665 16.1885 3.95665 16.1712 3.97444C16.1366 3.99224 16.1193 4.02784 16.0847 4.04563C15.9981 4.13462 15.9289 4.20581 15.8597 4.2948C15.8251 4.33039 15.7905 4.38379 15.7386 4.41938C15.4963 4.68635 15.2713 4.89992 15.0464 5.06009C14.9945 5.09569 14.9425 5.11349 14.8906 5.11349C14.856 5.11349 14.8214 5.11349 14.7868 5.09569H14.7522L14.5445 5.23807C14.3196 4.9889 14.0773 4.77533 13.835 4.56176C12.7967 3.72528 11.5335 3.20915 10.2183 3.08457L10.201 2.8532C10.1837 2.8354 10.1837 2.8354 10.1664 2.81761C10.1145 2.76421 10.0452 2.71082 10.0279 2.58624C10.0106 2.30148 10.0452 1.98112 10.0799 1.62517V1.60737C10.0799 1.55398 10.0972 1.48279 10.1145 1.4294C10.1318 1.32261 10.1491 1.21583 10.1664 1.09125V0.984461V0.931068C10.1664 0.610713 9.92412 0.34375 9.62993 0.34375C9.49149 0.34375 9.35305 0.41494 9.24922 0.521725C9.1454 0.62851 9.09348 0.77089 9.09348 0.931068V0.966663V1.07345C9.09348 1.19803 9.11079 1.30482 9.1454 1.4116C9.1627 1.46499 9.1627 1.51839 9.18001 1.58958V1.60737C9.21461 1.96332 9.26653 2.28368 9.23192 2.56844C9.21461 2.69302 9.14539 2.74642 9.09348 2.79981C9.07617 2.81761 9.07617 2.81761 9.05887 2.8354L9.04156 3.06677C8.73008 3.10237 8.41859 3.13796 8.1071 3.20915C6.77462 3.51171 5.59789 4.20581 4.68073 5.20247L4.50768 5.07789H4.47307C4.43846 5.07789 4.40385 5.09569 4.36924 5.09569C4.31732 5.09569 4.26541 5.07789 4.21349 5.0423C3.98853 4.88212 3.76357 4.65075 3.5213 4.38379C3.48669 4.34819 3.45208 4.2948 3.40016 4.2592C3.33094 4.17022 3.26172 4.09903 3.1752 4.01004C3.15789 3.99224 3.12328 3.97444 3.08867 3.93885C3.07137 3.92105 3.05406 3.92105 3.05406 3.90325C2.95024 3.81427 2.8118 3.76087 2.67336 3.76087C2.51761 3.76087 2.36187 3.83206 2.27534 3.95665C2.10229 4.18801 2.15421 4.54397 2.39648 4.75754C2.41378 4.75754 2.41378 4.77533 2.43109 4.77533C2.4657 4.79313 2.483 4.82873 2.51761 4.84652C2.62144 4.91771 2.70797 4.97111 2.8118 5.0245C2.86371 5.0423 2.91563 5.07789 2.96754 5.11349C3.27903 5.30926 3.5386 5.46944 3.74626 5.66521C3.83279 5.7542 3.83279 5.84318 3.83279 5.93217V5.96777L4.00583 6.12794C3.97123 6.18134 3.93662 6.21693 3.91931 6.27033C3.05406 7.67633 2.72527 9.3315 2.95024 10.9689L2.72527 11.0401C2.72527 11.0579 2.70797 11.0579 2.70797 11.0757C2.67336 11.1468 2.62144 11.218 2.51761 11.2714C2.25804 11.3604 1.94655 11.396 1.58315 11.4316H1.56584C1.51393 11.4316 1.44471 11.4316 1.39279 11.4494C1.28896 11.4494 1.18513 11.4672 1.064 11.485C1.02939 11.485 0.99478 11.5028 0.96017 11.5028C0.942865 11.5028 0.925561 11.5028 0.908256 11.5206C0.596767 11.5918 0.406413 11.8943 0.458328 12.1791C0.510243 12.4283 0.735207 12.5884 1.01209 12.5884C1.064 12.5884 1.09861 12.5884 1.15052 12.5706C1.16783 12.5706 1.18513 12.5706 1.18513 12.5529C1.21974 12.5529 1.25435 12.5351 1.28896 12.5351C1.4101 12.4995 1.49662 12.4639 1.60045 12.4105C1.65237 12.3927 1.70428 12.3571 1.7562 12.3393H1.7735C2.10229 12.2147 2.39648 12.1079 2.67336 12.0723H2.70797C2.8118 12.0723 2.88102 12.1257 2.93293 12.1613C2.95024 12.1613 2.95024 12.1791 2.96754 12.1791L3.20981 12.1435C3.62513 13.4605 4.42115 14.6352 5.47675 15.4894C5.71902 15.6852 5.96129 15.8454 6.22086 16.0056L6.11703 16.2369C6.11703 16.2547 6.13434 16.2547 6.13434 16.2725C6.16895 16.3437 6.20356 16.4327 6.16895 16.5573C6.06512 16.8243 5.90938 17.0912 5.71902 17.3938V17.4116C5.68441 17.465 5.6498 17.5006 5.61519 17.554C5.54597 17.6429 5.49406 17.7319 5.42484 17.8387C5.40753 17.8565 5.39023 17.8921 5.37292 17.9277C5.37292 17.9455 5.35562 17.9633 5.35562 17.9633C5.21718 18.2659 5.32101 18.604 5.58058 18.7286C5.6498 18.7642 5.71902 18.782 5.78824 18.782C5.9959 18.782 6.20356 18.6396 6.30739 18.4438C6.30739 18.426 6.32469 18.4082 6.32469 18.4082C6.342 18.3726 6.3593 18.337 6.37661 18.3192C6.42852 18.1947 6.44583 18.1057 6.48044 17.9989C6.49774 17.9455 6.51505 17.8921 6.53235 17.8387C6.65349 17.4828 6.74001 17.198 6.89576 16.9488C6.96498 16.8421 7.0515 16.8243 7.12072 16.7887C7.13802 16.7887 7.13802 16.7887 7.15533 16.7709L7.27646 16.5395C8.03788 16.8421 8.86852 17.0022 9.69915 17.0022C10.201 17.0022 10.7201 16.9488 11.2047 16.8243C11.5162 16.7531 11.8104 16.6641 12.1045 16.5573L12.2084 16.7531C12.2257 16.7531 12.2257 16.7531 12.243 16.7709C12.3295 16.7887 12.3987 16.8243 12.4679 16.931C12.6064 17.1802 12.7102 17.4828 12.8313 17.8209V17.8387C12.8486 17.8921 12.866 17.9455 12.8833 17.9989C12.9179 18.1057 12.9352 18.2125 12.9871 18.3192C13.0044 18.3548 13.0217 18.3726 13.039 18.4082C13.039 18.426 13.0563 18.4438 13.0563 18.4438C13.1601 18.6574 13.3678 18.782 13.5755 18.782C13.6447 18.782 13.7139 18.7642 13.7831 18.7286C13.9042 18.6574 14.0081 18.5506 14.0427 18.4082C14.0773 18.2659 14.0773 18.1057 14.0081 17.9633C14.0081 17.9455 13.9908 17.9455 13.9908 17.9277C13.9735 17.8921 13.9562 17.8565 13.9389 17.8387C13.8869 17.7319 13.8177 17.6429 13.7485 17.554C13.7139 17.5006 13.6793 17.465 13.6447 17.4116V17.3938C13.4543 17.0912 13.2813 16.8243 13.1947 16.5573C13.1601 16.4327 13.1947 16.3615 13.212 16.2725C13.212 16.2547 13.2294 16.2547 13.2294 16.2369L13.1428 16.0234C14.06 15.4716 14.8387 14.6886 15.4271 13.7275C15.7386 13.2292 15.9808 12.6774 16.1539 12.1257L16.3615 12.1613C16.3788 12.1613 16.3788 12.1435 16.3962 12.1435C16.4654 12.1079 16.5173 12.0545 16.6211 12.0545H16.6557C16.9326 12.0901 17.2268 12.1969 17.5556 12.3215H17.5729C17.6248 12.3393 17.6767 12.3749 17.7286 12.3927C17.8325 12.4461 17.919 12.4817 18.0401 12.5173C18.0747 12.5173 18.1093 12.5351 18.1439 12.5351C18.1613 12.5351 18.1786 12.5351 18.1959 12.5529C18.2478 12.5706 18.2824 12.5706 18.3343 12.5706C18.5939 12.5706 18.8188 12.3927 18.8881 12.1613C18.8881 11.9477 18.6977 11.663 18.3862 11.574ZM10.374 10.7019L9.61263 11.0757L8.85121 10.7019L8.66086 9.86543L9.18001 9.18912H10.0279L10.5471 9.86543L10.374 10.7019ZM14.8906 8.85097C15.0291 9.45608 15.0637 10.0612 15.0118 10.6485L12.3641 9.86543C12.1218 9.79423 11.9834 9.54507 12.0353 9.2959C12.0526 9.22471 12.0872 9.15352 12.1391 9.10013L14.233 7.1602C14.5272 7.65853 14.7522 8.22805 14.8906 8.85097ZM13.4024 6.09235L11.1355 7.74752C10.9451 7.8721 10.6855 7.83651 10.5298 7.64073C10.4779 7.58734 10.4606 7.51615 10.4433 7.44496L10.2875 4.54397C11.4816 4.68635 12.5718 5.23807 13.4024 6.09235ZM8.38398 4.63295C8.57433 4.59736 8.74738 4.56176 8.93774 4.52617L8.78199 7.37377C8.76469 7.62294 8.57433 7.83651 8.31476 7.83651C8.24554 7.83651 8.15901 7.81871 8.1071 7.78311L5.80555 6.09235C6.51505 5.36265 7.3976 4.86432 8.38398 4.63295ZM4.97491 7.1602L7.03419 9.04674C7.22455 9.20692 7.24185 9.50947 7.08611 9.70525C7.03419 9.77644 6.96498 9.82983 6.87845 9.84763L4.19619 10.6485C4.09236 9.43828 4.35193 8.21026 4.97491 7.1602ZM4.50768 11.9833L7.25916 11.5028C7.48412 11.485 7.69178 11.6452 7.7437 11.8765C7.761 11.9833 7.761 12.0723 7.72639 12.1613L6.67079 14.7775C5.70172 14.1368 4.923 13.158 4.50768 11.9833ZM10.824 15.525C10.426 15.614 10.0279 15.6674 9.61263 15.6674C9.00696 15.6674 8.41859 15.5606 7.86483 15.3827L9.23192 12.8376C9.37036 12.6774 9.59532 12.6062 9.78568 12.713C9.8722 12.7664 9.94142 12.8376 9.99334 12.9088L11.3258 15.3827C11.1701 15.436 10.997 15.4716 10.824 15.525ZM14.1984 13.0512C13.7658 13.7631 13.1947 14.3326 12.5372 14.7775L11.4469 12.0901C11.395 11.8765 11.4816 11.6452 11.6892 11.5384C11.7584 11.5028 11.845 11.485 11.9315 11.485L14.7003 11.9655C14.5964 12.3571 14.4234 12.713 14.1984 13.0512Z' })));
 };
 
 const KafkaLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
@@ -15,25 +97,25 @@ const KafkaLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
         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' })));
 };
 
-const LogsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const CodeAttributesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
-    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 },
-        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' })));
+    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 },
+        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' })));
 };
 
-const MetricsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const HeadersCollectionIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
-    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 },
-        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' })));
+    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 },
+        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' })));
 };
 
-const TracesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const PayloadCollectionIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
-    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 },
-        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' })));
+    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 },
+        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' })));
 };
 
 const CPlusPlusLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
@@ -482,32 +564,1283 @@ const SwiftLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
         React.createElement("path", { fill: fill || '#FFFFFF', d: 'M144.7 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27.1 14.3 50.8c0 0-9.9-16.6-26.5-16.6-16 0-25.4 16.6-57.6 16.6-71.7 0-105.6-59.9-105.6-59.9C91 192.1 135.1 162 135.1 162c-29.1-16.9-91-97.7-91-97.7 53.9 45.9 77.2 58 77.2 58-13.9-11.5-52.9-67.7-52.9-67.7 31.2 31.6 93.2 75.7 93.2 75.7C179.2 81.5 144.7 38 144.7 38z' })));
 };
 
-const CheckCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
-    const theme = Theme.useTheme();
-    const fill = f || theme.text.secondary;
-    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 },
-        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' })));
+const getActionIcon = (type) => {
+    const typeLowerCased = type?.toLowerCase();
+    const isSamplerCategory = typeLowerCased?.includes(ActionCategory.Samplers);
+    const isAttributesCategory = typeLowerCased === ActionCategory.Attributes;
+    if (isSamplerCategory)
+        return SamplerIcon;
+    if (isAttributesCategory)
+        return PiiMaskingIcon;
+    const LOGOS = {
+        [ActionType.K8sAttributes]: K8sLogo,
+        [ActionType.AddClusterInfo]: AddClusterInfoIcon,
+        [ActionType.DeleteAttributes]: DeleteAttributeIcon,
+        [ActionType.PiiMasking]: PiiMaskingIcon,
+        [ActionType.RenameAttributes]: RenameAttributeIcon,
+        [ActionType.ErrorSampler]: SamplerIcon,
+        [ActionType.ProbabilisticSampler]: SamplerIcon,
+        [ActionType.LatencySampler]: SamplerIcon,
+        [ActionType.ServiceNameSampler]: SamplerIcon,
+        [ActionType.SpanAttributeSampler]: SamplerIcon,
+    };
+    return LOGOS[type] || ImageErrorIcon;
 };
 
-const ErrorTriangleIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
-    const theme = Theme.useTheme();
-    const fill = f || theme.text.error;
-    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 },
-        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' })));
+const ACTION_OPTIONS = [
+    {
+        label: 'Attributes',
+        icon: getActionIcon(ActionCategory.Attributes),
+        items: [
+            {
+                type: ActionType.K8sAttributes,
+                icon: getActionIcon(ActionType.K8sAttributes),
+                label: 'Kubernetes Attributes',
+                description: 'Add dynamic k8s resource attributes to your data.',
+                allowedSignals: [SignalType.Traces, SignalType.Metrics, SignalType.Logs],
+                docsEndpoint: '/pipeline/actions/attributes/k8sattributes',
+                docsDescription: 'This action adds kubernetes related resource attributes to spans, metrics data points and log records.',
+            },
+            {
+                type: ActionType.AddClusterInfo,
+                icon: getActionIcon(ActionType.AddClusterInfo),
+                label: 'Add Cluster Info',
+                description: 'Add static cluster-scoped attributes to your data.',
+                allowedSignals: [SignalType.Traces, SignalType.Metrics, SignalType.Logs],
+                docsEndpoint: '/pipeline/actions/attributes/addclusterinfo',
+                docsDescription: 'This action adds static resource attributes to spans, metrics data points and log records. It is useful to add cluster-wide attributes to all telemetry signals.',
+            },
+            {
+                type: ActionType.DeleteAttributes,
+                icon: getActionIcon(ActionType.DeleteAttributes),
+                label: 'Delete Attribute',
+                description: 'Delete attributes from logs, metrics, and traces.',
+                allowedSignals: [SignalType.Traces, SignalType.Metrics, SignalType.Logs],
+                docsEndpoint: '/pipeline/actions/attributes/deleteattribute',
+                docsDescription: 'This action will delete the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition.',
+            },
+            {
+                type: ActionType.RenameAttributes,
+                icon: getActionIcon(ActionType.RenameAttributes),
+                label: 'Rename Attribute',
+                description: 'Rename attributes in logs, metrics, and traces.',
+                allowedSignals: [SignalType.Traces, SignalType.Metrics, SignalType.Logs],
+                docsEndpoint: '/pipeline/actions/attributes/renameattribute',
+                docsDescription: 'This action will rename the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition.',
+            },
+            {
+                type: ActionType.PiiMasking,
+                icon: getActionIcon(ActionType.PiiMasking),
+                label: 'PII Masking',
+                description: 'Mask PII data in your traces.',
+                allowedSignals: [SignalType.Traces],
+                docsEndpoint: '/pipeline/actions/attributes/piimasking',
+                docsDescription: 'This action processes a list of PII categories to be masked from the traces.',
+            },
+        ],
+    },
+    {
+        label: 'Samplers',
+        icon: getActionIcon(ActionCategory.Samplers),
+        items: [
+            {
+                type: ActionType.ErrorSampler,
+                icon: getActionIcon(ActionCategory.Samplers),
+                label: 'Error Sampler',
+                description: 'Sample errors based on percentage.',
+                allowedSignals: [SignalType.Traces],
+                docsEndpoint: '/pipeline/actions/sampling/errorsampler',
+                docsDescription: 'This action is a Global Action that supports error sampling by filtering out non-error traces.',
+            },
+            {
+                type: ActionType.LatencySampler,
+                icon: getActionIcon(ActionCategory.Samplers),
+                label: 'Latency Sampler',
+                description: 'Add latency to your traces.',
+                allowedSignals: [SignalType.Traces],
+                docsEndpoint: '/pipeline/actions/sampling/latencysampler',
+                docsDescription: 'This action is an Endpoint Action that samples traces based on their duration for a specific service and endpoint (HTTP route) filter.',
+            },
+            {
+                type: ActionType.ProbabilisticSampler,
+                icon: getActionIcon(ActionCategory.Samplers),
+                label: 'Probabilistic Sampler',
+                description: 'Sample traces based on percentage.',
+                allowedSignals: [SignalType.Traces],
+                docsEndpoint: '/pipeline/actions/sampling/probabilisticsampler',
+                docsDescription: 'This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID.',
+            },
+            {
+                type: ActionType.ServiceNameSampler,
+                icon: getActionIcon(ActionCategory.Samplers),
+                label: 'Service Name Sampler',
+                description: 'Sample traces based on the presence of specified services within a trace.',
+                allowedSignals: [SignalType.Traces],
+                docsEndpoint: '/pipeline/actions/sampling/servicenamesampler',
+                docsDescription: 'This action supports service name sampling based on the presence of specified services within a trace.',
+            },
+            {
+                type: ActionType.SpanAttributeSampler,
+                icon: getActionIcon(ActionCategory.Samplers),
+                label: 'Span Attributes Sampler',
+                description: 'Sample traces based on the presence or value of specific attributes within a trace.',
+                allowedSignals: [SignalType.Traces],
+                docsEndpoint: '/pipeline/actions/sampling/spanattributesampler',
+                docsDescription: 'This action supports service name sampling based on the presence or value of specific attributes within a trace.',
+            },
+        ],
+    },
+];
+
+const getInstrumentationRuleIcon = (type) => {
+    const LOGOS = {
+        [InstrumentationRuleType.CodeAttributes]: CodeAttributesIcon,
+        [InstrumentationRuleType.HeadersCollection]: HeadersCollectionIcon,
+        [InstrumentationRuleType.PayloadCollection]: PayloadCollectionIcon,
+        [InstrumentationRuleType.UnknownType]: ImageErrorIcon,
+    };
+    return LOGOS[type] || ImageErrorIcon;
 };
 
-const InfoIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
-    const theme = Theme.useTheme();
-    const fill = f || theme.text.secondary;
-    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 },
-        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' })));
+const INSTRUMENTATION_RULE_OPTIONS = [
+    {
+        type: InstrumentationRuleType.CodeAttributes,
+        icon: getInstrumentationRuleIcon(InstrumentationRuleType.CodeAttributes),
+        label: 'Code Attributes',
+        description: 'Collect code attributes containing payload data to traces.',
+        docsEndpoint: '/pipeline/rules/codeattributes',
+        docsDescription: 'The “Code Attributes” Rule can be used to add code attributes containing payload data to traces.',
+    },
+    {
+        type: InstrumentationRuleType.HeadersCollection,
+        icon: getInstrumentationRuleIcon(InstrumentationRuleType.HeadersCollection),
+        label: 'Headers Collection',
+        description: 'Collect span attributes containing HTTP Headers data to traces.',
+        docsEndpoint: '/pipeline/rules/headerscollection',
+        docsDescription: 'The “Headers Collection” Rule can be used to add span attributes containing HTTP Headers data to traces.',
+    },
+    {
+        type: InstrumentationRuleType.PayloadCollection,
+        icon: getInstrumentationRuleIcon(InstrumentationRuleType.PayloadCollection),
+        label: 'Payload Collection',
+        description: 'Collect span attributes containing payload data to traces.',
+        docsEndpoint: '/pipeline/rules/payloadcollection',
+        docsDescription: 'The “Payload Collection” Rule can be used to add span attributes containing payload data to traces.',
+    },
+];
+
+const MONITORS_OPTIONS = [
+    {
+        id: SignalType.Logs,
+        value: 'Logs',
+    },
+    {
+        id: SignalType.Metrics,
+        value: 'Metrics',
+    },
+    {
+        id: SignalType.Traces,
+        value: 'Traces',
+    },
+];
+
+const getProgrammingLanguageIcon = (language) => {
+    const LOGOS = {
+        [ProgrammingLanguages.Java]: JavaLogo,
+        [ProgrammingLanguages.Go]: GoLogo,
+        [ProgrammingLanguages.JavaScript]: NodejsLogo,
+        [ProgrammingLanguages.Python]: PythonLogo,
+        [ProgrammingLanguages.DotNet]: DotnetLogo,
+        [ProgrammingLanguages.CSharp]: CSharpLogo,
+        [ProgrammingLanguages.CPlusPlus]: CPlusPlusLogo,
+        [ProgrammingLanguages.Php]: PhpLogo,
+        [ProgrammingLanguages.Ruby]: RubyLogo,
+        [ProgrammingLanguages.Rust]: RustLogo,
+        [ProgrammingLanguages.Swift]: SwiftLogo,
+        [ProgrammingLanguages.Elixir]: ElixirLogo,
+        [ProgrammingLanguages.MySql]: MysqlLogo,
+        [ProgrammingLanguages.Nginx]: NginxLogo,
+        [ProgrammingLanguages.Postgres]: PostgresLogo,
+        [ProgrammingLanguages.Redis]: RedisLogo,
+        [ProgrammingLanguages.Kafka]: KafkaLogo,
+        [ProgrammingLanguages.Ignored]: ImageErrorIcon, // TODO: good icon
+        [ProgrammingLanguages.Unknown]: ImageErrorIcon, // TODO: good icon
+        [ProgrammingLanguages.Processing]: ImageErrorIcon, // TODO: good icon
+        [ProgrammingLanguages.NoContainers]: ImageErrorIcon, // TODO: good icon
+        [ProgrammingLanguages.NoRunningPods]: ImageErrorIcon, // TODO: good icon
+    };
+    return LOGOS[language] || ImageErrorIcon;
 };
 
-const WarningTriangleIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
-    const theme = Theme.useTheme();
-    const fill = f || theme.text.warning;
-    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 },
-        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' })));
+const getEntityId = (item) => {
+    if ('ruleId' in item && !!item.ruleId) {
+        // Instrumentation Rule
+        return item.ruleId;
+    }
+    else if ('id' in item && !!item.id) {
+        // Destination or Action
+        return item.id;
+    }
+    else if ('namespace' in item && !!item.namespace && 'kind' in item && !!item.kind && 'name' in item && !!item.name) {
+        // Source
+        return {
+            namespace: item.namespace,
+            name: item.name,
+            kind: item.kind,
+        };
+    }
+    else if ('name' in item && !!item.name) {
+        // Namespace
+        return item.name;
+    }
+    console.warn('getEntityId() - cannot get ID of entity:', item);
+    return undefined;
 };
 
-export { CPlusPlusLogo as C, DotnetLogo as D, ElixirLogo as E, GoLogo as G, InfoIcon as I, JavaLogo as J, KafkaLogo as K, LogsIcon as L, MysqlLogo as M, NginxLogo as N, OdigosLogo as O, PostgresLogo as P, RedisLogo as R, SwiftLogo as S, TracesIcon as T, WarningTriangleIcon as W, RustLogo as a, RubyLogo as b, PhpLogo as c, CSharpLogo as d, PythonLogo as e, NodejsLogo as f, MetricsIcon as g, ErrorTriangleIcon as h, CheckCircledIcon as i };
+const DISPLAY_LANGUAGES = {
+    [ProgrammingLanguages.Go]: 'Go',
+    [ProgrammingLanguages.Java]: 'Java',
+    [ProgrammingLanguages.JavaScript]: 'Node.js',
+    [ProgrammingLanguages.Python]: 'Python',
+    [ProgrammingLanguages.DotNet]: '.NET',
+    [ProgrammingLanguages.CSharp]: 'C#',
+    [ProgrammingLanguages.CPlusPlus]: 'C++',
+    [ProgrammingLanguages.Php]: 'PHP',
+    [ProgrammingLanguages.Ruby]: 'Ruby',
+    [ProgrammingLanguages.Rust]: 'Rust',
+    [ProgrammingLanguages.Swift]: 'Swift',
+    [ProgrammingLanguages.Elixir]: 'Elixir',
+    [ProgrammingLanguages.MySql]: 'MySQL',
+    [ProgrammingLanguages.Nginx]: 'Nginx',
+    [ProgrammingLanguages.Postgres]: 'PostgreSQL',
+    [ProgrammingLanguages.Redis]: 'Redis',
+    [ProgrammingLanguages.Kafka]: 'Kafka',
+    [ProgrammingLanguages.Ignored]: 'Ignored',
+    [ProgrammingLanguages.Unknown]: 'Unknown',
+    [ProgrammingLanguages.Processing]: 'Processing',
+    [ProgrammingLanguages.NoContainers]: 'No Containers',
+    [ProgrammingLanguages.NoRunningPods]: 'No Running Pods',
+};
+const LANGUAGE_OPTIONS = [
+    {
+        id: ProgrammingLanguages.Go,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Go],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Go),
+    },
+    {
+        id: ProgrammingLanguages.Java,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Java],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Java),
+    },
+    {
+        id: ProgrammingLanguages.JavaScript,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.JavaScript],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.JavaScript),
+    },
+    {
+        id: ProgrammingLanguages.Python,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Python],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Python),
+    },
+    {
+        id: ProgrammingLanguages.DotNet,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.DotNet],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.DotNet),
+    },
+    {
+        id: ProgrammingLanguages.Php,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Php],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Php),
+    },
+    {
+        id: ProgrammingLanguages.Ruby,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Ruby],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Ruby),
+    },
+    {
+        id: ProgrammingLanguages.Unknown,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Unknown],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Unknown),
+    },
+];
+
+const DEFAULT_DATA_STREAM_NAME = 'default';
+const STORAGE_KEYS = {
+    SELECTED_DATA_STREAM: 'SELECTED_DATA_STREAM',
+    SELECTED_DATA_STREAM_WITH_PROXY: (proxyId) => `SELECTED_DATA_STREAM_${proxyId}`,
+    OVERVIEW_FILTERS: 'OVERVIEW_FILTERS',
+    DARK_MODE: 'DARK_MODE',
+};
+const FORM_ALERTS = {
+    REQUIRED_FIELDS: 'Required fields are missing',
+    FIELD_IS_REQUIRED: 'This field is required',
+    FORBIDDEN: 'Forbidden',
+    ENTERPRISE_ONLY: (str = 'This') => `${str} is an Enterprise feature. Please upgrade your plan.`,
+    DEFINED_FOR_ALL_STREAMS: (str) => `${str} are defined for all Data Streams.`,
+    CANNOT_EDIT_RULE: 'Cannot edit a system-managed instrumentation rule',
+    CANNOT_DELETE_RULE: 'Cannot delete a system-managed instrumentation rule',
+    LATENCY_HTTP_ROUTE: 'HTTP route must start with a forward slash "/"',
+    READONLY_WARNING: "You're not allowed to create/update/delete in readonly mode",
+    ILLEGAL_K8S_LABEL: 'Must be 63 characters or less, must consist of alphanumeric characters, "-", "_", or ".", and must start & end with an alphanumeric character (e.g., my-name, 123.abc).',
+    INVALID_VERSION: 'Invalid version format, must be in the format of "major.minor.patch" (e.g. 1.0.0)',
+};
+const DISPLAY_TITLES = {
+    NAMESPACE: 'Namespace',
+    NAME: 'Name',
+    KIND: 'Kind',
+    CONNECTION: 'Connection',
+    CONNECTIONS: 'Connections',
+    DATA_STREAM: 'Data Stream',
+    DATA_STREAMS: 'Data Streams',
+    STREAM_NAME: 'Data Stream Name',
+    NAME_YOUR_STREAM: 'Name your Data Stream',
+    NAME_YOUR_STREAM_PLACEHOLDER: 'e.g. Highest priority',
+    STREAM_DESCRIPTION: 'Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.',
+    STREAM_CONFIRM: 'Confirm your new Data Stream',
+    ACTION: 'Action',
+    ACTIONS: 'Actions',
+    ADD_ACTION: 'Add Action',
+    ACTION_DETAILS: 'Action Details',
+    INSTRUMENTATION_RULE: 'Instrumentation Rule',
+    INSTRUMENTATION_RULES: 'Instrumentation Rules',
+    ADD_INSTRUMENTATION_RULE: 'Add Instrumentation Rule',
+    INSTRUMENTATION_RULE_DETAILS: 'Instrumentation Rule Details',
+    DESTINATION: 'Destination',
+    DESTINATIONS: 'Destinations',
+    ADD_DESTINATION: 'Add Destination',
+    ADD_DESTINATIONS: 'Add Destinations',
+    ADD_DESTINATION_DESCRIPTION: 'Add a destination to send your telemetry data to. You can add multiple destinations.',
+    DESTINATION_DETAILS: 'Destination Details',
+    SELECTED_DESTINATIONS: 'Selected Destinations',
+    SOURCE: 'Source',
+    SOURCES: 'Sources',
+    ADD_SOURCE: 'Add Source',
+    SOURCE_DETAILS: 'Source Details',
+    SELECT_SOURCES: 'Select Sources',
+    SELECTED_SOURCES: 'Selected Sources',
+    SELECT_SOURCES_DESCRIPTION: 'Choose which sources to monitor in your pipeline by searching by source name or namespace.',
+    NO_SOURCES: 'No sources',
+    NO_SOURCES_GO_BACK: 'No sources selected. Please go back to select sources.',
+    PLEASE_ADD_SOURCE: 'Please add a source',
+    NO_SOURCES_NAMESPACE: 'No sources available in this namespace',
+    TRY_SEARCH_OR_OTHER_NAMESPACE: 'Try searching again or select another namespace.',
+    PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES: 'Please make sure your cluster has unignored namespaces',
+    INSTALLATION: 'Installation',
+    SUMMARY: 'Summary',
+    TYPE: 'Type',
+    NOTES: 'Notes',
+    STATUS: 'Status',
+    READONLY: 'Readonly',
+    LANGUAGE: 'Language',
+    VERSION: 'Version',
+    VERSION_PLACEHOLDER: '1.0.0',
+    MONITORS: 'Monitors',
+    SIGNALS_FOR_PROCESSING: 'Signals for Processing',
+    MANAGED_BY_PROFILE: 'Managed by Profile',
+    API_TOKEN: 'API Token',
+    API_TOKENS: 'API Tokens',
+    DESCRIBE_ODIGOS: 'Describe Odigos',
+    DESCRIBE_SOURCE: 'Describe Source',
+    DETECTED_CONTAINERS: 'Detected Containers',
+    DETECTED_CONTAINERS_DESCRIPTION: 'The system automatically instruments the containers it detects with a supported programming language.',
+    CONTAINER_NAME: 'Container Name',
+    FILTERED_COUNT_TOOLTIP: 'Represents filtered amount, out of total amount',
+    SEARCH_NAMESPACES: 'Search Namespaces',
+    SEARCH_SOURCES: 'Search Sources',
+    SHOW_SELECTED_ONLY: 'Show selected only',
+    TO_COLLECT_OTEL_DATA: 'To collect OpenTelemetry data',
+    TO_MONITOR_OTEL_DATA: 'To monitor OpenTelemetry data',
+    TO_MODIFY_OTEL_DATA: 'To modify OpenTelemetry data',
+    QUICK_BACK_TO_SUMMARY: 'When you finish editing you can quickly go back to the summary.',
+    GO_TO_SUMMARY: 'Go to summary',
+};
+const BUTTON_TEXTS = {
+    ADD: 'Add',
+    ADD_NEW: 'Add New',
+    NEW: 'New',
+    SELECT: 'Select',
+    CREATE: 'Create',
+    UPDATE: 'Update',
+    EDIT: 'Edit',
+    DELETE: 'Delete',
+    CANCEL: 'Cancel',
+    DONE: 'Done',
+    SAVE: 'Save',
+    BACK: 'Back',
+    NEXT: 'Next',
+    TEST: 'Test',
+    TEST_CONNECTION: 'Test Connection',
+    INSTRUMENT: 'Instrument',
+    UNINSTRUMENT: 'Uninstrument',
+};
+
+function createJSONStorage(getStorage, options) {
+  let storage;
+  try {
+    storage = getStorage();
+  } catch (e) {
+    return;
+  }
+  const persistStorage = {
+    getItem: (name) => {
+      var _a;
+      const parse = (str2) => {
+        if (str2 === null) {
+          return null;
+        }
+        return JSON.parse(str2, void 0 );
+      };
+      const str = (_a = storage.getItem(name)) != null ? _a : null;
+      if (str instanceof Promise) {
+        return str.then(parse);
+      }
+      return parse(str);
+    },
+    setItem: (name, newValue) => storage.setItem(name, JSON.stringify(newValue, void 0 )),
+    removeItem: (name) => storage.removeItem(name)
+  };
+  return persistStorage;
+}
+const toThenable = (fn) => (input) => {
+  try {
+    const result = fn(input);
+    if (result instanceof Promise) {
+      return result;
+    }
+    return {
+      then(onFulfilled) {
+        return toThenable(onFulfilled)(result);
+      },
+      catch(_onRejected) {
+        return this;
+      }
+    };
+  } catch (e) {
+    return {
+      then(_onFulfilled) {
+        return this;
+      },
+      catch(onRejected) {
+        return toThenable(onRejected)(e);
+      }
+    };
+  }
+};
+const persistImpl = (config, baseOptions) => (set, get, api) => {
+  let options = {
+    storage: createJSONStorage(() => localStorage),
+    partialize: (state) => state,
+    version: 0,
+    merge: (persistedState, currentState) => ({
+      ...currentState,
+      ...persistedState
+    }),
+    ...baseOptions
+  };
+  let hasHydrated = false;
+  const hydrationListeners = /* @__PURE__ */ new Set();
+  const finishHydrationListeners = /* @__PURE__ */ new Set();
+  let storage = options.storage;
+  if (!storage) {
+    return config(
+      (...args) => {
+        console.warn(
+          `[zustand persist middleware] Unable to update item '${options.name}', the given storage is currently unavailable.`
+        );
+        set(...args);
+      },
+      get,
+      api
+    );
+  }
+  const setItem = () => {
+    const state = options.partialize({ ...get() });
+    return storage.setItem(options.name, {
+      state,
+      version: options.version
+    });
+  };
+  const savedSetState = api.setState;
+  api.setState = (state, replace) => {
+    savedSetState(state, replace);
+    void setItem();
+  };
+  const configResult = config(
+    (...args) => {
+      set(...args);
+      void setItem();
+    },
+    get,
+    api
+  );
+  api.getInitialState = () => configResult;
+  let stateFromStorage;
+  const hydrate = () => {
+    var _a, _b;
+    if (!storage) return;
+    hasHydrated = false;
+    hydrationListeners.forEach((cb) => {
+      var _a2;
+      return cb((_a2 = get()) != null ? _a2 : configResult);
+    });
+    const postRehydrationCallback = ((_b = options.onRehydrateStorage) == null ? void 0 : _b.call(options, (_a = get()) != null ? _a : configResult)) || void 0;
+    return toThenable(storage.getItem.bind(storage))(options.name).then((deserializedStorageValue) => {
+      if (deserializedStorageValue) {
+        if (typeof deserializedStorageValue.version === "number" && deserializedStorageValue.version !== options.version) {
+          if (options.migrate) {
+            const migration = options.migrate(
+              deserializedStorageValue.state,
+              deserializedStorageValue.version
+            );
+            if (migration instanceof Promise) {
+              return migration.then((result) => [true, result]);
+            }
+            return [true, migration];
+          }
+          console.error(
+            `State loaded from storage couldn't be migrated since no migrate function was provided`
+          );
+        } else {
+          return [false, deserializedStorageValue.state];
+        }
+      }
+      return [false, void 0];
+    }).then((migrationResult) => {
+      var _a2;
+      const [migrated, migratedState] = migrationResult;
+      stateFromStorage = options.merge(
+        migratedState,
+        (_a2 = get()) != null ? _a2 : configResult
+      );
+      set(stateFromStorage, true);
+      if (migrated) {
+        return setItem();
+      }
+    }).then(() => {
+      postRehydrationCallback == null ? void 0 : postRehydrationCallback(stateFromStorage, void 0);
+      stateFromStorage = get();
+      hasHydrated = true;
+      finishHydrationListeners.forEach((cb) => cb(stateFromStorage));
+    }).catch((e) => {
+      postRehydrationCallback == null ? void 0 : postRehydrationCallback(void 0, e);
+    });
+  };
+  api.persist = {
+    setOptions: (newOptions) => {
+      options = {
+        ...options,
+        ...newOptions
+      };
+      if (newOptions.storage) {
+        storage = newOptions.storage;
+      }
+    },
+    clearStorage: () => {
+      storage == null ? void 0 : storage.removeItem(options.name);
+    },
+    getOptions: () => options,
+    rehydrate: () => hydrate(),
+    hasHydrated: () => hasHydrated,
+    onHydrate: (cb) => {
+      hydrationListeners.add(cb);
+      return () => {
+        hydrationListeners.delete(cb);
+      };
+    },
+    onFinishHydration: (cb) => {
+      finishHydrationListeners.add(cb);
+      return () => {
+        finishHydrationListeners.delete(cb);
+      };
+    }
+  };
+  if (!options.skipHydration) {
+    hydrate();
+  }
+  return stateFromStorage || configResult;
+};
+const persist = persistImpl;
+
+const useDarkMode = create()(persist((set) => ({
+    darkMode: true,
+    setDarkMode: (bool) => set({ darkMode: bool }),
+}), {
+    name: STORAGE_KEYS.DARK_MODE,
+    storage: typeof window !== 'undefined' ? createJSONStorage(() => localStorage) : undefined,
+}));
+
+const initialState$1 = {
+    dataStreamsLoading: false,
+    dataStreams: [],
+    selectedStreamName: '',
+};
+const useDataStreamStore = create((set) => ({
+    ...initialState$1,
+    setDataStreamsLoading: (bool) => set({ dataStreamsLoading: bool }),
+    setDataStreams: (dataStreams) => set({ dataStreams }),
+    addDataStreams: (newStreams) => set((state) => {
+        const merged = [...state.dataStreams, ...newStreams];
+        const mapped = merged.map((ds) => [ds.name, ds]);
+        const uniqueByName = Array.from(new Map(mapped).values());
+        return { dataStreams: uniqueByName };
+    }),
+    removeDataStreams: (dataStreams) => set((state) => {
+        const filtered = state.dataStreams.filter((ds) => !dataStreams.find((toRemove) => toRemove.name === ds.name));
+        return { dataStreams: filtered };
+    }),
+    setSelectedStreamName: (streamName) => set({ selectedStreamName: streamName }),
+    resetDataStreamStore: () => set(initialState$1),
+}));
+
+const useDrawerStore = create((set) => ({
+    drawerType: null,
+    drawerEntityId: null,
+    setDrawerType: (value) => set({ drawerType: value }),
+    setDrawerEntityId: (value) => set({ drawerEntityId: value }),
+}));
+
+const useEntityStore = create((set) => ({
+    namespacesLoading: false,
+    namespaces: [],
+    sourcesLoading: false,
+    sources: [],
+    destinationsLoading: false,
+    destinations: [],
+    actionsLoading: false,
+    actions: [],
+    instrumentationRulesLoading: false,
+    instrumentationRules: [],
+    setEntitiesLoading: (entityType, bool) => {
+        const KEY = entityType === EntityTypes.Namespace
+            ? 'namespacesLoading'
+            : entityType === EntityTypes.Source
+                ? 'sourcesLoading'
+                : entityType === EntityTypes.Destination
+                    ? 'destinationsLoading'
+                    : entityType === EntityTypes.Action
+                        ? 'actionsLoading'
+                        : entityType === EntityTypes.InstrumentationRule
+                            ? 'instrumentationRulesLoading'
+                            : 'NONE';
+        if (KEY === 'NONE')
+            return;
+        set({ [KEY]: bool });
+    },
+    setEntities: (entityType, payload) => {
+        const KEY = entityType === EntityTypes.Namespace
+            ? 'namespaces'
+            : entityType === EntityTypes.Source
+                ? 'sources'
+                : entityType === EntityTypes.Destination
+                    ? 'destinations'
+                    : entityType === EntityTypes.Action
+                        ? 'actions'
+                        : entityType === EntityTypes.InstrumentationRule
+                            ? 'instrumentationRules'
+                            : 'NONE';
+        if (KEY === 'NONE')
+            return;
+        set({ [KEY]: payload });
+    },
+    addEntities: (entityType, entities) => {
+        const KEY = entityType === EntityTypes.Namespace
+            ? 'namespaces'
+            : entityType === EntityTypes.Source
+                ? 'sources'
+                : entityType === EntityTypes.Destination
+                    ? 'destinations'
+                    : entityType === EntityTypes.Action
+                        ? 'actions'
+                        : entityType === EntityTypes.InstrumentationRule
+                            ? 'instrumentationRules'
+                            : 'NONE';
+        if (KEY === 'NONE')
+            return;
+        set((state) => {
+            const prev = [...state[KEY]];
+            entities.forEach((newItem) => {
+                const foundIdx = prev.findIndex((oldItem) => JSON.stringify(getEntityId(oldItem)) === JSON.stringify(getEntityId(newItem)));
+                if (foundIdx !== -1) {
+                    prev[foundIdx] = { ...prev[foundIdx], ...newItem };
+                }
+                else {
+                    prev.push(newItem);
+                }
+            });
+            return { [KEY]: prev };
+        });
+    },
+    removeEntities: (entityType, entityIds) => {
+        const KEY = entityType === EntityTypes.Namespace
+            ? 'namespaces'
+            : entityType === EntityTypes.Source
+                ? 'sources'
+                : entityType === EntityTypes.Destination
+                    ? 'destinations'
+                    : entityType === EntityTypes.Action
+                        ? 'actions'
+                        : entityType === EntityTypes.InstrumentationRule
+                            ? 'instrumentationRules'
+                            : 'NONE';
+        if (KEY === 'NONE')
+            return;
+        set((state) => {
+            const prev = [...state[KEY]];
+            entityIds.forEach((id) => {
+                const foundIdx = prev.findIndex((entity) => entityType === EntityTypes.Source ? JSON.stringify(getEntityId(entity)) === JSON.stringify(getEntityId(id)) : getEntityId(entity) === id);
+                if (foundIdx !== -1) {
+                    prev.splice(foundIdx, 1);
+                }
+            });
+            return { [KEY]: prev };
+        });
+    },
+    resetEntityStore: () => {
+        set({
+            namespacesLoading: false,
+            namespaces: [],
+            sourcesLoading: false,
+            sources: [],
+            destinationsLoading: false,
+            destinations: [],
+            actionsLoading: false,
+            actions: [],
+            instrumentationRulesLoading: false,
+            instrumentationRules: [],
+        });
+    },
+}));
+
+const getEmptyState = () => ({
+    searchText: '',
+    statuses: [],
+    platformTypes: [],
+    namespaces: [],
+    kinds: [],
+    monitors: [],
+    languages: [],
+    errors: [],
+    onlyErrors: false,
+});
+const useFilterStore = create((set) => ({
+    searchText: '',
+    setSearchText: (searchText) => set({ searchText }),
+    statuses: [],
+    setStatuses: (statuses) => set({ statuses }),
+    platformTypes: [],
+    setPlatformTypes: (platformTypes) => set({ platformTypes }),
+    namespaces: [],
+    setNamespaces: (namespaces) => set({ namespaces }),
+    kinds: [],
+    setKinds: (kinds) => set({ kinds }),
+    monitors: [],
+    setMonitors: (monitors) => set({ monitors }),
+    languages: [],
+    setLanguages: (languages) => set({ languages }),
+    errors: [],
+    setErrors: (errors) => set({ errors }),
+    onlyErrors: false,
+    setOnlyErrors: (onlyErrors) => set({ onlyErrors }),
+    setAll: (params) => set(params),
+    clearAll: () => set(getEmptyState()),
+    getEmptyState,
+}));
+
+const useInstrumentStore = create((set) => ({
+    isAwaitingInstrumentation: false,
+    sourcesToCreate: 0,
+    sourcesCreated: 0,
+    sourcesToDelete: 0,
+    sourcesDeleted: 0,
+    setInstrumentAwait: (v) => set({ isAwaitingInstrumentation: v }),
+    setInstrumentCount: (k, v) => set({ [k]: v }),
+}));
+
+const useModalStore = create((set) => ({
+    currentModal: '',
+    setCurrentModal: (str) => set({ currentModal: str }),
+}));
+
+const useNotificationStore = create((set, get) => ({
+    notifications: [],
+    addNotification: (notif) => {
+        const date = new Date();
+        const id = `${date.getTime().toString()}${!!notif.target ? `#${notif.target}` : ''}`;
+        // This is to prevent duplicate notifications.
+        // This is useful for notifications that are triggered multiple times in a short period, like failed API queries...
+        const { notifications } = get();
+        const isSameNotification = (n) => n.type === notif.type && n.title === notif.title && n.message === notif.message && !n.dismissed;
+        const hasThisToast = notifications.some(isSameNotification);
+        if (!hasThisToast) {
+            set((state) => ({
+                notifications: [
+                    {
+                        ...notif,
+                        id,
+                        time: date.toISOString(),
+                        dismissed: false,
+                        seen: false,
+                    },
+                    ...state.notifications,
+                ],
+            }));
+        }
+    },
+    markAsDismissed: (id) => {
+        set((state) => {
+            const foundIdx = state.notifications.findIndex((notif) => notif.id === id);
+            if (foundIdx !== -1) {
+                state.notifications[foundIdx].dismissed = true;
+            }
+            return {
+                notifications: state.notifications,
+            };
+        });
+    },
+    markAsSeen: (id) => {
+        set((state) => {
+            const foundIdx = state.notifications.findIndex((notif) => notif.id === id);
+            if (foundIdx !== -1) {
+                state.notifications[foundIdx].seen = true;
+            }
+            return {
+                notifications: state.notifications,
+            };
+        });
+    },
+    removeNotification: (id) => {
+        set((state) => {
+            const foundIdx = state.notifications.findIndex((notif) => notif.id === id);
+            if (foundIdx !== -1) {
+                state.notifications.splice(foundIdx, 1);
+            }
+            return {
+                notifications: state.notifications,
+            };
+        });
+    },
+    removeNotifications: (target) => {
+        if (!target)
+            return;
+        set((state) => {
+            const filtered = state.notifications.filter((notif) => notif.id.split('#')[1] !== target);
+            return {
+                notifications: filtered,
+            };
+        });
+    },
+}));
+
+const itemsAreEqual = (item1, item2) => {
+    const entityTypesEqual = item1.entityType === item2.entityType;
+    const idsEqual = typeof item1.entityId === 'string' && typeof item2.entityId === 'string'
+        ? item1.entityId === item2.entityId
+        : typeof item1.entityId === 'object' && typeof item2.entityId === 'object'
+            ? item1.entityId.namespace === item2.entityId.namespace && item1.entityId.name === item2.entityId.name && item1.entityId.kind === item2.entityId.kind
+            : !item1.entityId && !item2.entityId;
+    return entityTypesEqual && idsEqual;
+};
+const usePendingStore = create((set, get) => ({
+    pendingItems: [],
+    setPendingItems: (arr) => set({ pendingItems: arr }),
+    addPendingItems: (arr) => set((state) => ({
+        pendingItems: state.pendingItems.concat(arr.filter((addItem) => !state.pendingItems.some((existingItem) => itemsAreEqual(existingItem, addItem)))),
+    })),
+    removePendingItems: (arr) => set((state) => ({
+        pendingItems: state.pendingItems.filter((existingItem) => !arr.find((removeItem) => itemsAreEqual(existingItem, removeItem))),
+    })),
+    // Pass an item to check if it's in the pending items array.
+    // This is used to show loading spinners, toasts etc.
+    isThisPending: (item) => {
+        const { pendingItems } = get();
+        let bool = false;
+        for (let i = 0; i < pendingItems.length; i++) {
+            const pendingItem = pendingItems[i];
+            if (pendingItem.entityType === item.entityType &&
+                (!item.entityId ||
+                    (pendingItem.entityType === EntityTypes.Source
+                        ? !!pendingItem.entityId &&
+                            !!item.entityId &&
+                            pendingItem.entityId.namespace === item.entityId.namespace &&
+                            pendingItem.entityId.name === item.entityId.name &&
+                            pendingItem.entityId.kind === item.entityId.kind
+                        : pendingItem.entityId === item.entityId))) {
+                bool = true;
+                break;
+            }
+        }
+        return bool;
+    },
+}));
+
+const useSelectedStore = create((set) => ({
+    selectedSources: {},
+    setSelectedSources: (payload) => set({ selectedSources: payload }),
+    resetSelectedState: () => set(() => ({ selectedSources: {} })),
+}));
+
+const initialState = {
+    availableSources: {},
+    configuredSources: {},
+    configuredFutureApps: {},
+    configuredDestinations: [],
+    configuredDestinationsUpdateOnly: [],
+};
+const filterByType = (existingDest, compareDest) => existingDest.destinationType.type !== compareDest.destinationType.type;
+const useSetupStore = create((set) => ({
+    ...initialState,
+    setAvailableSources: (payload) => set({ availableSources: payload }),
+    setConfiguredSources: (payload) => set({ configuredSources: payload }),
+    setConfiguredFutureApps: (payload) => set({ configuredFutureApps: payload }),
+    setConfiguredDestinations: (payload) => set({ configuredDestinations: payload }),
+    addConfiguredDestination: (payload) => set((state) => ({ configuredDestinations: [...state.configuredDestinations, payload] })),
+    removeConfiguredDestination: (payload) => set((state) => ({ configuredDestinations: state.configuredDestinations.filter((dest) => filterByType(dest, payload)) })),
+    setConfiguredDestinationsUpdateOnly: (payload) => set({ configuredDestinationsUpdateOnly: payload }),
+    addConfiguredDestinationUpdateOnly: (payload) => set((state) => {
+        // For update-only cases, we have to prevent duplicates using the dest ID
+        const merged = [...state.configuredDestinationsUpdateOnly, payload];
+        const mapped = merged.map((d) => [d.id, d]);
+        const uniqueById = Array.from(new Map(mapped).values());
+        return { configuredDestinationsUpdateOnly: uniqueById };
+    }),
+    removeConfiguredDestinationUpdateOnly: (payload) => set((state) => ({ configuredDestinationsUpdateOnly: state.configuredDestinationsUpdateOnly.filter((dest) => filterByType(dest, payload)) })),
+    resetState: () => set(() => ({ ...initialState })),
+}));
+
+const baseTheme = {
+    colors: {
+        // Custom Colors
+        majestic_blue: '#444AD9',
+        majestic_blue_soft: '#6C7AE8',
+        orange_og: '#FE9239',
+        orange_soft: '#FFB160',
+        dark_red: '#802828',
+        darker_red: '#611F1F',
+        darkest_red: '#281515',
+        darkest_red_hover: '#351515',
+        dark_green: '#2D4323',
+    },
+    font_family: {
+        primary: 'Inter, sans-serif',
+        secondary: 'Kode Mono, sans-serif',
+        code: 'IBM Plex Mono, monospace',
+    },
+};
+const darkModeTheme = {
+    darkMode: true,
+    colors: {
+        ...baseTheme.colors,
+        // Base Colors
+        primary: '#111111',
+        secondary: '#F9F9F9',
+        border: '#525252',
+        dark_grey: '#151515',
+        translucent_bg: '#1A1A1A',
+        dropdown_bg: '#242424',
+        dropdown_bg_2: '#333333',
+        // Notification Colors
+        warning: '#472300',
+        error: '#431919',
+        success: '#172013',
+        info: '#242424',
+        default: '#181944',
+    },
+    text: {
+        // Base Colors
+        white: '#FFFFFF',
+        primary: '#111111',
+        secondary: '#F9F9F9',
+        grey: '#B8B8B8',
+        dark_grey: '#8F8F8F',
+        darker_grey: '#7A7A7A',
+        light_grey: '#CCD0D2',
+        dark_button: '#0A1824',
+        // Notification Colors
+        warning: '#E9CF35',
+        warning_secondary: '#FFA349',
+        error: '#EF7676',
+        error_secondary: '#DB5151',
+        success: '#81AF65',
+        success_secondary: '#51DB51',
+        info: '#B8B8B8',
+        info_secondary: '#CCDDDD',
+        default: '#AABEF7',
+        default_secondary: '#8CBEFF',
+    },
+    font_family: baseTheme.font_family,
+};
+const lightModeTheme = {
+    darkMode: false,
+    colors: {
+        ...baseTheme.colors,
+        // Base Colors
+        primary: '#EEEEEE',
+        secondary: '#060606',
+        border: '#ADADAD',
+        dark_grey: '#EAEAEA',
+        translucent_bg: '#E5E5E5',
+        dropdown_bg: '#DBDBDB',
+        dropdown_bg_2: '#CCCCCC',
+        // Notification Colors
+        warning: '#F6F092',
+        error: '#FACECE',
+        success: '#C8DEB8',
+        info: '#E0E0E0',
+        default: '#CAD9FB',
+    },
+    text: {
+        // Base Colors
+        white: '#FFFFFF',
+        primary: '#EEEEEE',
+        secondary: '#060606',
+        grey: '#474747',
+        dark_grey: '#707070',
+        darker_grey: '#858585',
+        light_grey: '#332F2D',
+        dark_button: '#F5E7DB',
+        // Notification Colors
+        warning: '#A56F12',
+        warning_secondary: '#CA9416',
+        error: '#B63A3A',
+        error_secondary: '#DB5151',
+        success: '#4E763A',
+        success_secondary: '#67964C',
+        info: '#525252',
+        info_secondary: '#7A7A7A',
+        default: '#444AD9',
+        default_secondary: '#6C7AE8',
+    },
+    font_family: baseTheme.font_family,
+};
+const getTheme = (darkMode) => (darkMode ? darkModeTheme : lightModeTheme);
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "/* Preload key fonts in your global CSS */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Kode+Mono:wght@100;200;300;400;500;600;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');\n\n* {\n  -ms-overflow-style: none; /* IE, Edge */\n  scrollbar-width: none; /* Firefox */\n}\n*::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n}\n\nsvg {\n  transition: all 0.3s;\n}\n\n/*\n  The input styles below are to override the browser \":-webkit-autofill\" default style declarations.\n  The issue is when someone autocompletes an input field, the browser will apply its own styles (and the browser applies \"!important\" preventing direct overrides).\n  With the following, we're able to delay the browser styles to be applied for 50000s (13.8 hours), so the user will not see the browser styles applied.\n*/\n\ninput {\n  all: unset;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-transition: all 50000s ease-in-out 0s;\n  transition: all 50000s ease-in-out 0s;\n}\n";
+styleInject(css_248z);
+
+const Provider = ({ children }) => {
+    const { darkMode } = useDarkMode();
+    return React.createElement(ThemeProvider, { theme: getTheme(darkMode) }, children);
+};
+
+const hex = {
+    '100': 'FF',
+    '099': 'FC',
+    '098': 'FA',
+    '097': 'F7',
+    '096': 'F5',
+    '095': 'F2',
+    '094': 'F0',
+    '093': 'ED',
+    '092': 'EB',
+    '091': 'E8',
+    '090': 'E6',
+    '089': 'E3',
+    '088': 'E0',
+    '087': 'DE',
+    '086': 'DB',
+    '085': 'D9',
+    '084': 'D6',
+    '083': 'D4',
+    '082': 'D1',
+    '081': 'CF',
+    '080': 'CC',
+    '079': 'C9',
+    '078': 'C7',
+    '077': 'C4',
+    '076': 'C2',
+    '075': 'BF',
+    '074': 'BD',
+    '073': 'BA',
+    '072': 'B8',
+    '071': 'B5',
+    '070': 'B3',
+    '069': 'B0',
+    '068': 'AD',
+    '067': 'AB',
+    '066': 'A8',
+    '065': 'A6',
+    '064': 'A3',
+    '063': 'A1',
+    '062': '9E',
+    '061': '9C',
+    '060': '99',
+    '059': '96',
+    '058': '94',
+    '057': '91',
+    '056': '8F',
+    '055': '8C',
+    '054': '8A',
+    '053': '87',
+    '052': '85',
+    '051': '82',
+    '050': '80',
+    '049': '7D',
+    '048': '7A',
+    '047': '78',
+    '046': '75',
+    '045': '73',
+    '044': '70',
+    '043': '6E',
+    '042': '6B',
+    '041': '69',
+    '040': '66',
+    '039': '63',
+    '038': '61',
+    '037': '5E',
+    '036': '5C',
+    '035': '59',
+    '034': '57',
+    '033': '54',
+    '032': '52',
+    '031': '4F',
+    '030': '4D',
+    '029': '4A',
+    '028': '47',
+    '027': '45',
+    '026': '42',
+    '025': '40',
+    '024': '3D',
+    '023': '3B',
+    '022': '38',
+    '021': '36',
+    '020': '33',
+    '019': '30',
+    '018': '2E',
+    '017': '2B',
+    '016': '29',
+    '015': '26',
+    '014': '24',
+    '013': '21',
+    '012': '1F',
+    '011': '1C',
+    '010': '1A',
+    '009': '17',
+    '008': '14',
+    '007': '12',
+    '006': '0F',
+    '005': '0D',
+    '004': '0A',
+    '003': '08',
+    '002': '05',
+    '001': '03',
+    '000': '00',
+};
+
+var opacity = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  hex: hex
+});
+
+const slide = {
+    in: {
+        left: keyframes `
+      from { transform: translateX(-100%); }
+      to { transform: translateX(0); }
+    `,
+        right: keyframes `
+      from { transform: translateX(100%); }
+      to { transform: translateX(0); }
+    `,
+        top: keyframes `
+      from { transform: translateY(-100%); }
+      to { transform: translateY(0); }
+    `,
+        bottom: keyframes `
+      from { transform: translateY(100%); }
+      to { transform: translateY(0); }
+    `,
+        center: keyframes `
+      from { transform: translate(-50%, 100%); }
+      to { transform: translate(-50%, -50%); }
+    `,
+    },
+    out: {
+        left: keyframes `
+      from { transform: translateX(0); }
+      to { transform: translateX(-100%); }
+    `,
+        right: keyframes `
+      from { transform: translateX(0); }
+      to { transform: translateX(100%); }
+    `,
+        top: keyframes `
+      from { transform: translateY(0); }
+      to { transform: translateY(-100%); }
+    `,
+        bottom: keyframes `
+      from { transform: translateY(0); }
+      to { transform: translateY(100%); }
+    `,
+        center: keyframes `
+      from { transform: translate(-50%, -50%); }
+      to { transform: translate(-50%, 100%); }
+    `,
+    },
+};
+const progress = {
+    in: keyframes `
+    from { width: 0%; }
+    to { width: 100%; }
+  `,
+    out: keyframes `
+    from { width: 100%; }
+    to { width: 0%; }
+  `,
+};
+const ping = keyframes `
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+`;
+const shimmer = keyframes `
+  0% {
+    background-position: -500px 0;
+  }
+  100% {
+    background-position: 500px 0;
+  }
+`;
+
+var animations = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  ping: ping,
+  progress: progress,
+  shimmer: shimmer,
+  slide: slide
+});
+
+const Theme = { Provider, useTheme, opacity, animations };
+
+export { styleInject as $, ACTION_OPTIONS as A, BUTTON_TEXTS as B, CodeAttributesIcon as C, DISPLAY_LANGUAGES as D, ElixirLogo as E, FORM_ALERTS as F, GoLogo as G, HeadersCollectionIcon as H, INSTRUMENTATION_RULE_OPTIONS as I, JavaLogo as J, K8sLogo as K, LANGUAGE_OPTIONS as L, MONITORS_OPTIONS as M, MysqlLogo as N, NginxLogo as O, PiiMaskingIcon as P, NodejsLogo as Q, RenameAttributeIcon as R, STORAGE_KEYS as S, Theme as T, PhpLogo as U, PostgresLogo as V, PythonLogo as W, RedisLogo as X, RubyLogo as Y, RustLogo as Z, SwiftLogo as _, useDataStreamStore as a, useDrawerStore as b, useEntityStore as c, useFilterStore as d, useInstrumentStore as e, useModalStore as f, useNotificationStore as g, usePendingStore as h, useSelectedStore as i, useSetupStore as j, DEFAULT_DATA_STREAM_NAME as k, DISPLAY_TITLES as l, getActionIcon as m, getEntityId as n, getInstrumentationRuleIcon as o, getProgrammingLanguageIcon as p, AddClusterInfoIcon as q, DeleteAttributeIcon as r, SamplerIcon as s, ImageErrorIcon as t, useDarkMode as u, KafkaLogo as v, PayloadCollectionIcon as w, CPlusPlusLogo as x, CSharpLogo as y, DotnetLogo as z };