@odigos/ui-kit 0.0.98 → 0.0.100

package/lib/index-89edd01d.js

@@ -1,1968 +0,0 @@
-import React from 'react';
-import { ActionCategory, ActionType, SignalType, InstrumentationRuleType, ProgrammingLanguages, EntityTypes } from './types.js';
-import { ThemeProvider, keyframes, useTheme } from 'styled-components';
-
-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,
-    React.useCallback(() => selector(api.getState()), [api, selector]),
-    React.useCallback(() => selector(api.getInitialState()), [api, selector])
-  );
-  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 useActiveNodeStore = create((set) => ({
-    activeNodeType: null,
-    activeNodeId: null,
-    setActiveNodeType: (value) => set({ activeNodeType: value }),
-    setActiveNodeId: (value) => set({ activeNodeId: value }),
-}));
-
-const AddClusterInfoIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
-    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, 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' })));
-};
-
-const DeleteAttributeIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
-    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, 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' })));
-};
-
-const PiiMaskingIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
-    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, 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' })));
-};
-
-const RenameAttributeIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
-    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, 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' })));
-};
-
-const SamplerIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
-    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, 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' })));
-};
-
-const ImageErrorIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
-    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, 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' })));
-};
-
-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: f, rotate = 0, onClick }) => {
-    const theme = Theme.useTheme();
-    const fill = f || theme.text.secondary;
-    return (React.createElement("svg", { width: size * (256 / 416), height: size, viewBox: '0 0 256 416', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: 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 CodeAttributesIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
-    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, 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' })));
-};
-
-const CustomInstrumentationIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
-    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, 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' }),
-        React.createElement("circle", { cx: '17', cy: '7', r: '2', fill: 'none', stroke: fill, strokeWidth: strokeWidth })));
-};
-
-const HeadersCollectionIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
-    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, 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' })));
-};
-
-const PayloadCollectionIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
-    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, 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' })));
-};
-
-const CPlusPlusLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size * (32 / 36), height: size, viewBox: '0 0 32 36', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("g", { fillRule: 'evenodd', clipRule: 'evenodd' },
-            React.createElement("path", { fill: fill || '#00599c', d: 'M31.593 27.008c.251-.435.407-.925.407-1.365V10.367c0-.44-.156-.93-.407-1.364L16 18.005Z' }),
-            React.createElement("path", { fill: fill || '#004482', d: 'm17.386 35.68 13.228-7.637c.381-.22.728-.6.979-1.035L16 18.005.407 27.008c.251.435.598.815.979 1.035l13.228 7.637c.762.44 2.01.44 2.772 0z' }),
-            React.createElement("path", { fill: fill || '#659ad2', d: 'M31.593 9.003c-.251-.436-.598-.815-.979-1.035L17.386.33c-.762-.44-2.01-.44-2.772 0L1.386 7.968C.624 8.408 0 9.488 0 10.368v15.275c0 .44.156.93.407 1.365L16 18.005Z' }),
-            React.createElement("path", { fill: fill || '#fff', d: 'M16 28.672c-5.882 0-10.667-4.785-10.667-10.667S10.118 7.338 16 7.338c3.795 0 7.335 2.043 9.237 5.33l-4.616 2.672A5.356 5.356 0 0 0 16 12.672a5.34 5.34 0 0 0-5.333 5.333A5.34 5.34 0 0 0 16 23.34a5.356 5.356 0 0 0 4.621-2.669l4.616 2.671A10.705 10.705 0 0 1 16 28.671Z' }),
-            React.createElement("path", { fill: fill || '#fff', d: 'M26.667 17.413H25.48v-1.186h-1.185v1.186H23.11v1.185h1.185v1.185h1.185v-1.185h1.186v-1.185zm4.444 0h-1.185v-1.186H28.74v1.186h-1.185v1.185h1.185v1.185h1.185v-1.185h1.185v-1.185z' }))));
-};
-
-const CSharpLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size * (256 / 288), height: size, viewBox: '0 0 256 288', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("g", { fillRule: 'evenodd', clipRule: 'evenodd' },
-            React.createElement("path", { fill: fill || '#A179DC', d: 'M255.569 84.452c-.002-4.83-1.035-9.098-3.124-12.76-2.052-3.603-5.125-6.622-9.247-9.009-34.025-19.619-68.083-39.178-102.097-58.817-9.17-5.294-18.061-5.1-27.163.27-13.543 7.986-81.348 46.833-101.553 58.536C4.064 67.49.015 74.862.013 84.443 0 123.898.013 163.353 0 202.808c0 4.724.991 8.91 2.988 12.517 2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.27 34.015-19.64 68.075-39.199 102.105-58.818 4.217-2.44 7.333-5.544 9.386-9.252 1.994-3.608 2.987-7.793 2.987-12.518 0 0 0-78.889-.013-118.345' }),
-            React.createElement("path", { fill: fill || '#280068', d: 'M128.182 143.241 2.988 215.325c2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.27 34.015-19.64 68.075-39.199 102.105-58.818 4.217-2.44 7.333-5.544 9.386-9.252l-124.413-72.074' }),
-            React.createElement("path", { fill: fill || '#390091', d: 'M255.569 84.452c-.002-4.83-1.035-9.098-3.124-12.76l-124.263 71.55 124.413 72.073c1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345' }),
-            React.createElement("path", { fill: fill || '#FFF', d: 'M201.892 116.294v13.474h13.474v-13.474h6.737v13.474h13.474v6.737h-13.474v13.473h13.474v6.737h-13.474v13.474h-6.737v-13.474h-13.474v13.474h-6.737v-13.474h-13.473v-6.737h13.473v-13.473h-13.473v-6.737h13.473v-13.474h6.737Zm13.474 20.21h-13.474v13.474h13.474v-13.473Z' }),
-            React.createElement("path", { fill: fill || '#FFF', d: 'M128.457 48.626c35.144 0 65.827 19.086 82.262 47.456l-.16-.273-41.35 23.808c-8.146-13.793-23.08-23.102-40.213-23.294l-.54-.003c-26.125 0-47.305 21.18-47.305 47.305a47.08 47.08 0 0 0 6.239 23.47c8.154 14.235 23.483 23.836 41.067 23.836 17.693 0 33.109-9.723 41.221-24.11l-.197.345 41.287 23.918c-16.255 28.13-46.518 47.157-81.253 47.536l-1.058.006c-35.255 0-66.025-19.204-82.419-47.724-8.003-13.923-12.582-30.064-12.582-47.277 0-52.466 42.532-95 95-95Z' }))));
-};
-
-const DotnetLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 128 128', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("g", { fillRule: 'evenodd', clipRule: 'evenodd' },
-            React.createElement("linearGradient", { id: 'dotnet-gradient-1', x1: '61.631', x2: '62.022', y1: '563.347', y2: '563.347', gradientTransform: 'matrix(0 149.735 149.735 0 -84296.266 -9188.014)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#0994DC' }),
-                React.createElement("stop", { offset: '.35', stopColor: '#66CEF5' }),
-                React.createElement("stop", { offset: '.35', stopColor: '#66CEF5' }),
-                React.createElement("stop", { offset: '.846', stopColor: '#127BCA' }),
-                React.createElement("stop", { offset: '.846', stopColor: '#127BCA' }),
-                React.createElement("stop", { offset: '1', stopColor: '#127BCA' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-1)', d: 'M45.288 49.559c4.417 13.507 6.09 37.601 19.006 37.601.982 0 1.977-.096 2.974-.286-11.74-2.737-13.132-26.569-20.297-38.912a61.601 61.601 0 0 0-1.683 1.597' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-2', x1: '61.705', x2: '62.095', y1: '563.34', y2: '563.34', gradientTransform: 'matrix(0 153.551 153.551 0 -86442.719 -9435.969)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#0E76BC' }),
-                React.createElement("stop", { offset: '.36', stopColor: '#36AEE8' }),
-                React.createElement("stop", { offset: '.36', stopColor: '#36AEE8' }),
-                React.createElement("stop", { offset: '.846', stopColor: '#00ADEF' }),
-                React.createElement("stop", { offset: '.846', stopColor: '#00ADEF' }),
-                React.createElement("stop", { offset: '1', stopColor: '#00ADEF' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-2)', d: 'M46.971 47.962c7.165 12.342 8.557 36.174 20.297 38.912a18.621 18.621 0 0 0 2.773-.749C59.502 80.961 56.59 57.819 48.453 46.678c-.492.41-.987.839-1.482 1.284' }),
-            React.createElement("path", { fill: fill || '#14559A', d: 'M57.294 40.623c-.98 0-1.977.096-2.977.286-2.612.493-5.268 1.618-7.944 3.321.73.722 1.427 1.547 2.081 2.448 2.723-2.259 5.427-3.928 8.12-4.932a18.177 18.177 0 0 1 3.029-.842 9.393 9.393 0 0 0-2.309-.281' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-3', x1: '67.486', x2: '67.876', y1: '564.985', y2: '564.985', gradientTransform: 'matrix(0 -122.178 -122.178 0 69099.289 8331.043)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#1C63B7' }),
-                React.createElement("stop", { offset: '.5', stopColor: '#33BDF2' }),
-                React.createElement("stop", { offset: '1', stopColor: '#33BDF2', stopOpacity: '.42' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-3)', d: 'M78.268 81.366a47.16 47.16 0 0 0 3.24-2.84c-4.488-13.443-6.095-37.883-19.101-37.883-.93 0-1.868.087-2.804.26C71.45 43.85 72.968 69.625 78.268 81.366' }),
-            React.createElement("path", { fill: fill || '#3092C4', d: 'M59.604 40.904a9.355 9.355 0 0 0-2.311-.282l5.114.019c-.929 0-1.867.086-2.803.263' }),
-            React.createElement("path", { fill: fill || '#1969BC', d: 'M78.04 84.221a19.441 19.441 0 0 1-1.466-1.584c-2.188 1.549-4.368 2.724-6.533 3.489.771.376 1.578.656 2.436.829.664.136 1.353.206 2.075.206 2.431 0 4.353-.288 5.987-1.072-.9-.488-1.726-1.118-2.499-1.868' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-4', x1: '61.852', x2: '62.243', y1: '563.281', y2: '563.281', gradientTransform: 'matrix(0 159.425 159.425 0 -89733.742 -9828.116)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#166AB8' }),
-                React.createElement("stop", { offset: '.4', stopColor: '#36AEE8' }),
-                React.createElement("stop", { offset: '.4', stopColor: '#36AEE8' }),
-                React.createElement("stop", { offset: '.846', stopColor: '#0798DD' }),
-                React.createElement("stop", { offset: '.846', stopColor: '#0798DD' }),
-                React.createElement("stop", { offset: '1', stopColor: '#0798DD' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-4)', d: 'M56.573 41.748c10.611 5.55 11.534 30.684 20.001 40.889.568-.4 1.13-.824 1.691-1.271-5.3-11.741-6.815-37.519-18.66-40.463-1.011.189-2.02.469-3.032.845' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-5', x1: '61.975', x2: '62.366', y1: '563.367', y2: '563.367', gradientTransform: 'matrix(0 169.528 169.528 0 -95443.742 -10473.372)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#124379' }),
-                React.createElement("stop", { offset: '.39', stopColor: '#1487CB' }),
-                React.createElement("stop", { offset: '.39', stopColor: '#1487CB' }),
-                React.createElement("stop", { offset: '.78', stopColor: '#165197' }),
-                React.createElement("stop", { offset: '.78', stopColor: '#165197' }),
-                React.createElement("stop", { offset: '1', stopColor: '#165197' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-5)', d: 'M48.453 46.678c8.137 11.141 11.049 34.284 21.588 39.448 2.166-.765 4.346-1.939 6.533-3.489-8.467-10.205-9.39-35.338-20.001-40.889-2.693 1.002-5.397 2.671-8.12 4.93' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-6', x1: '1006.454', x2: '1008.771', y1: '-1412.08', y2: '-1412.08', gradientTransform: 'matrix(4.038 0 0 -4.038 -4028.633 -5649.283)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#33BDF2', stopOpacity: '.698' }),
-                React.createElement("stop", { offset: '1', stopColor: '#1DACD8' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-6)', d: 'M40.083 49.234c-1.275 2.883-2.578 6.674-4.152 11.621 3.131-4.413 6.253-8.214 9.357-11.295a33.873 33.873 0 0 0-1.382-3.606 46.113 46.113 0 0 0-3.823 3.28' }),
-            React.createElement("path", { fill: fill || '#2B74B1', d: 'M45.037 45.121c-.374.268-.751.542-1.13.832.495 1.08.953 2.292 1.38 3.607a66.502 66.502 0 0 1 1.684-1.597 22.346 22.346 0 0 0-1.934-2.842' }),
-            React.createElement("path", { fill: fill || '#125A9E', d: 'M46.373 44.229c-.445.282-.888.58-1.337.891.695.855 1.333 1.81 1.936 2.844.495-.448.989-.879 1.482-1.287-.654-.9-1.35-1.726-2.081-2.448' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-7', x1: '67.564', x2: '67.954', y1: '565.48', y2: '565.48', gradientTransform: 'matrix(0 -119.018 -119.018 0 67408.578 8125.832)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#136AB4' }),
-                React.createElement("stop", { offset: '.6', stopColor: '#59CAF5', stopOpacity: '.549' }),
-                React.createElement("stop", { offset: '1', stopColor: '#59CAF5', stopOpacity: '.235' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-7)', d: 'M118.751 39.594c-6.001 23.144-18.536 41.734-29.044 46.42h-.021l-.567.243-.069.027-.161.062-.072.03-.263.093-.108.038-.131.043-.126.044-.112.038-.224.068-.096.025-.151.041-.103.028-.165.043-.201.044c.475.175.97.264 1.503.264 9.965 0 20.013-17.858 36.638-47.556h-6.528l.001.005z' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-8', x1: '998.231', x2: '1006.826', y1: '-1414.829', y2: '-1414.829', gradientTransform: 'matrix(4.038 0 0 -4.038 -4028.633 -5649.283)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#05A1E6', stopOpacity: '.247' }),
-                React.createElement("stop", { offset: '1', stopColor: '#05A1E6' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-8)', d: 'm33.766 41.563.019-.016.023-.015h.013l.161-.062.032-.016.042-.017.173-.062h.009l.383-.134.057-.015.164-.049.075-.024.165-.049.063-.017.548-.142.075-.017.16-.031.078-.024.161-.03h.038l.333-.062h.066l.154-.027.087-.015.147-.022.081-.016.358-.032a11.467 11.467 0 0 0-1.061-.054c-11.223 0-26.685 20.822-33.649 47.788h1.343a390.312 390.312 0 0 0 6.062-11.266c4.879-19.1 14.814-32.126 23.64-35.577' }),
-            React.createElement("path", { fill: fill || '#0D82CA', d: 'M40.083 49.234a46.488 46.488 0 0 1 3.823-3.281 17.961 17.961 0 0 0-.911-1.761c-1.026 1.246-1.964 2.89-2.912 5.042' }),
-            React.createElement("path", { fill: fill || '#0D82CA', d: 'M41.005 41.72c.733.614 1.39 1.46 1.99 2.473.189-.232.381-.447.58-.649a11.263 11.263 0 0 0-2.712-1.897l.12.057.022.016' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-9', x1: '67.491', x2: '67.881', y1: '564.359', y2: '564.359', gradientTransform: 'matrix(0 -121.865 -121.865 0 68797.742 8310.488)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#318ED5' }),
-                React.createElement("stop", { offset: '1', stopColor: '#38A7E4' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-9)', d: 'M10.127 77.138c10.233-19.719 15.081-32.199 23.64-35.577-8.825 3.454-18.762 16.479-23.64 35.577' }),
-            React.createElement("path", { fill: fill || '#127BCA', d: 'M43.574 43.544c-.199.204-.389.417-.58.649.322.538.621 1.124.913 1.76.378-.29.756-.563 1.129-.832a15.351 15.351 0 0 0-1.462-1.577' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-10', x1: '67.593', x2: '67.984', y1: '564.41', y2: '564.41', gradientTransform: 'matrix(0 -118.46 -118.46 0 66884.703 8093.017)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#05A1E6' }),
-                React.createElement("stop", { offset: '1', stopColor: '#05A1E6', stopOpacity: '.549' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-10)', d: 'm14.773 88.315-.186.022h-.035l-.158.016h-.026l-.376.025h-.039c10.356-.29 15.091-5.475 17.44-12.997 1.785-5.701 3.252-10.505 4.537-14.535-4.338 6.106-8.696 13.384-13.077 21.539-2.112 3.93-5.325 5.572-8.08 5.922' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-11', x1: '68.291', x2: '68.682', y1: '564.525', y2: '564.525', gradientTransform: 'matrix(0 -100.1 -100.1 0 56536.551 6924.301)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#1959A6' }),
-                React.createElement("stop", { offset: '.5', stopColor: '#05A1E6' }),
-                React.createElement("stop", { offset: '.5', stopColor: '#05A1E6' }),
-                React.createElement("stop", { offset: '.918', stopColor: '#7EC5EA' }),
-                React.createElement("stop", { offset: '1', stopColor: '#7EC5EA' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-11)', d: 'M14.773 88.311c2.755-.351 5.968-1.991 8.08-5.923 4.381-8.151 8.741-15.431 13.075-21.538 1.577-4.949 2.878-8.737 4.154-11.621-8.639 8.223-17.311 21.896-25.31 39.077' }),
-            React.createElement("path", { fill: fill || '#05A1E6', d: 'M10.127 77.139a388.004 388.004 0 0 1-6.063 11.266h3.904a95.502 95.502 0 0 1 2.158-11.264' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-12', x1: '67.892', x2: '68.282', y1: '563.82', y2: '563.82', gradientTransform: 'scale(-110.211 110.211) rotate(-80 -301.688 322.91)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#165096' }),
-                React.createElement("stop", { offset: '1', stopColor: '#0D82CA' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-12)', d: 'm37.073 40.709-.083.016-.146.021-.086.015-.154.027-.066.016-.333.058h-.038l-.162.032-.081.022-.157.031-.074.018-.549.142-.063.018-.166.049-.075.021-.163.049-.06.016-.381.134-.173.06-.072.03-.161.06-.054.026c-8.558 3.377-13.406 15.857-23.639 35.576A94.655 94.655 0 0 0 7.979 88.41h.547l3.755-.016h1.723l.375-.025h.024l.158-.016h.037l.186-.022c8-17.182 16.672-30.854 25.31-39.077.95-2.152 1.887-3.796 2.911-5.04-.6-1.013-1.256-1.861-1.988-2.476l-.021-.016-.122-.059-.121-.061-.117-.057-.139-.058-.108-.047-.227-.095-.097-.036-.169-.068-.091-.03-.235-.081h-.019l-.272-.077-.061-.019-.229-.064-.053-.015a7.851 7.851 0 0 0-.569-.125l-.059-.016-.247-.04-.049-.015-.292-.039h-.051l-.226-.025-.358.033' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-13', x1: '70.847', x2: '71.237', y1: '566.882', y2: '566.882', gradientTransform: 'matrix(0 -56.721 -56.721 0 32252.127 4080.282)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#05A1E6' }),
-                React.createElement("stop", { offset: '.874', stopColor: '#0495D6' }),
-                React.createElement("stop", { offset: '1', stopColor: '#0495D6' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-13)', d: 'M95.311 52.407c-1.97 6.307-3.563 11.51-4.952 15.791 5.403-7.435 10.725-16.787 15.792-27.579-5.913 1.857-9.065 6.107-10.84 11.788' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-14', x1: '61.634', x2: '62.024', y1: '562.213', y2: '562.213', gradientTransform: 'scale(-132.813 132.813) rotate(80 365.248 244.034)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#38A7E4', stopOpacity: '.329' }),
-                React.createElement("stop", { offset: '.962', stopColor: '#0E88D3' }),
-                React.createElement("stop", { offset: '.962', stopColor: '#0E88D3' }),
-                React.createElement("stop", { offset: '1', stopColor: '#0E88D3' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-14)', d: 'M90.53 85.621c-.275.14-.552.273-.823.394 10.508-4.687 23.044-23.277 29.044-46.421h-1.216c-13.788 24.631-18.222 41.12-27.005 46.027' }),
-            React.createElement("path", { fill: fill || '#079AE1', d: 'M83.668 83.552c2.287-2.791 4.148-7.535 6.691-15.354-2.933 4.029-5.885 7.492-8.84 10.316l-.015.025c.645 1.931 1.352 3.636 2.158 5.012' }),
-            React.createElement("path", { fill: fill || '#1969BC', d: 'M83.668 83.552c-.778.95-1.603 1.673-2.519 2.209-.2.117-.404.227-.61.327a8.839 8.839 0 0 0 3.206 1.011l.524.046h.031l.252.016h.855l.097-.016.189-.016h.092l.205-.022h.017l.063-.015.219-.034h.064l.246-.041h.04l.491-.104c-1.357-.496-2.492-1.667-3.469-3.334' }),
-            React.createElement("path", { fill: fill || '#1E5CB3', d: 'M64.295 87.161c.982 0 1.976-.096 2.973-.288a18.309 18.309 0 0 0 2.773-.747c.771.376 1.579.656 2.435.831.664.135 1.354.205 2.077.205H64.295zm10.258 0c2.429 0 4.353-.288 5.986-1.073a8.84 8.84 0 0 0 3.206 1.012l.524.045h.031l.252.016h.302-10.301z' }),
-            React.createElement("path", { fill: fill || '#1D60B5', d: 'M84.854 87.161h.561l.097-.016.191-.016h.092l.204-.022h.017l.062-.016.219-.033.067-.015.247-.04h.039l.491-.104c.475.175.97.264 1.503.264l-3.788.016-.002-.018z' }),
-            React.createElement("path", { fill: fill || '#175FAB', d: 'M81.511 78.54v-.016a47.16 47.16 0 0 1-3.24 2.84 36.81 36.81 0 0 1-1.693 1.271c.476.568.959 1.1 1.468 1.585.772.749 1.597 1.38 2.498 1.867.205-.101.41-.211.609-.327.918-.536 1.741-1.26 2.52-2.209-.806-1.376-1.513-3.082-2.157-5.012' }),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-15', x1: '61.149', x2: '61.539', y1: '562.654', y2: '562.654', gradientTransform: 'matrix(0 123.742 123.742 0 -69523.625 -7527.189)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#168CD4' }),
-                React.createElement("stop", { offset: '.5', stopColor: '#1C87CC' }),
-                React.createElement("stop", { offset: '1', stopColor: '#154B8D' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-15)', d: 'M113.685 39.594h-6.121l-.97.047-.451.966c-5.068 10.793-10.388 20.145-15.791 27.58-2.54 7.818-4.404 12.563-6.69 15.353.977 1.668 2.114 2.84 3.466 3.337l.106-.023h.022l.075-.016.17-.042.101-.029.151-.039.094-.027.226-.068.112-.038.126-.046.13-.041.106-.04.264-.093.073-.027.162-.063.068-.025.568-.243h.02c.271-.119.547-.254.821-.394 8.785-4.908 13.22-21.396 27.008-46.026h-3.851l.005-.003z' }),
-            React.createElement("path", { fill: fill || '#7DCBEC', d: 'm37.433 40.677.063.016.16.017h.054l.292.038.049.016.246.041.062.015.567.126.052.016.228.064.063.019.271.077.021.016.237.081.09.029.17.069.096.034.226.094.11.047.136.059.12.057.119.062c.979.48 1.879 1.121 2.713 1.898.308-.323.628-.613.962-.874-1.823-1.293-3.89-2.03-6.271-2.03-.276 0-.552.016-.832.037' }),
-            React.createElement("path", { fill: fill || '#5EC5ED', d: 'M43.574 43.544c.511.475 1 1.005 1.462 1.577.448-.311.892-.611 1.337-.891a14.13 14.13 0 0 0-1.839-1.56c-.333.26-.652.552-.96.874' }),
-            React.createElement("g", { transform: 'matrix(5.048 0 0 -5.048 -9064.26 2270.61)' },
-                React.createElement("linearGradient", { id: 'dotnet-gradient-16', x1: '1806.96', x2: '1807.35', y1: '336.158', y2: '336.158', gradientTransform: 'scale(30.857 -30.857) rotate(22.527 1812.675 -4228.953)', gradientUnits: 'userSpaceOnUse' },
-                    React.createElement("stop", { offset: '0', stopColor: '#97D6EE' }),
-                    React.createElement("stop", { offset: '.703', stopColor: '#55C1EA' }),
-                    React.createElement("stop", { offset: '1', stopColor: '#55C1EA' })),
-                React.createElement("path", { fill: fill || 'url(#dotnet-gradient-16)', d: 'm1802.977 441.733.165.007c.472 0 .881-.146 1.242-.402.381.301.842.406 1.482.406h-3.099l.21-.011' })),
-            React.createElement("g", { transform: 'matrix(5.048 0 0 -5.048 -9064.26 2270.61)' },
-                React.createElement("linearGradient", { id: 'dotnet-gradient-17', x1: '1808.848', x2: '1809.238', y1: '335.171', y2: '335.171', gradientTransform: 'scale(24.717 -24.717) rotate(-24.385 124.122 4175.416)', gradientUnits: 'userSpaceOnUse' },
-                    React.createElement("stop", { offset: '0', stopColor: '#7ACCEC' }),
-                    React.createElement("stop", { offset: '1', stopColor: '#3FB7ED' })),
-                React.createElement("path", { fill: fill || 'url(#dotnet-gradient-17)', d: 'M1805.866 441.744c-.64 0-1.1-.105-1.482-.406.126-.089.248-.193.364-.309.531.337 1.056.561 1.574.658.198.037.395.056.589.056h-1.045v.001z' })),
-            React.createElement("linearGradient", { id: 'dotnet-gradient-18', x1: '61.049', x2: '61.439', y1: '562.706', y2: '562.706', gradientTransform: 'matrix(0 121.032 121.032 0 -68011.711 -7346.748)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#1DA7E7' }),
-                React.createElement("stop", { offset: '1', stopColor: '#37ABE7', stopOpacity: '0' })),
-            React.createElement("path", { fill: fill || 'url(#dotnet-gradient-18)', d: 'M90.359 68.202c1.391-4.284 2.98-9.485 4.954-15.794 1.777-5.684 4.925-9.934 10.835-11.788l.456-.966c-9.636.577-14.14 5.479-16.405 12.738-3.964 12.673-6.365 20.888-8.677 26.123 2.952-2.823 5.904-6.288 8.837-10.313' }))));
-};
-
-const ElixirLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("defs", null,
-            React.createElement("linearGradient", { id: 'elixir-gradient', x1: '17.249', x2: '14.973', y1: '-335.597', y2: '-309.994', gradientTransform: 'matrix(1 0 0 -1 0 -306)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#ffffff', stopOpacity: '0' }),
-                React.createElement("stop", { offset: '.01', stopColor: '#f7f6f8', stopOpacity: '.04' }),
-                React.createElement("stop", { offset: '.09', stopColor: '#aa9cb3', stopOpacity: '.39' }),
-                React.createElement("stop", { offset: '.2', stopColor: '#6f567e', stopOpacity: '.66' }),
-                React.createElement("stop", { offset: '.32', stopColor: '#452459', stopOpacity: '.86' }),
-                React.createElement("stop", { offset: '.5', stopColor: '#2d0843', stopOpacity: '.97' }),
-                React.createElement("stop", { offset: '1', stopColor: '#26003d' }))),
-        React.createElement("path", { fill: fill || '#7c648f', d: 'M17.8 8.591c2.079 4.584 7.64 6.5 7.141 12.474-.582 7.017-5.551 8.784-8.316 8.909a8.815 8.815 0 0 1-9.4-7.485C5.618 15.046 12.655 3.632 16.709 2A15.083 15.083 0 0 0 17.8 8.591Zm-.166 18.857a.423.423 0 0 0-.057-.327c-.593-1.1-5.81-1.645-6.907-1.752a8.272 8.272 0 0 0 1.635 1.3 7.766 7.766 0 0 0 2.814 1.041c.803.121 2.348.223 2.516-.263Z' }),
-        React.createElement("path", { fill: fill || '#26003d', d: 'M18.248 10.618c4.47 4.823 6.445 4.979 6.237 10.478-.249 6.476-4.543 8.191-7.058 8.42-4.2.551-7.495-1.528-8.358-5.686-1.757-6.767 3.909-17.807 7.568-19.47a15.323 15.323 0 0 0 1.621 6.24Z', opacity: '.25' }),
-        React.createElement("path", { fill: fill || 'url(#elixir-gradient)', d: 'M17.385 9.921C20.369 14 24.319 13.7 25 19.641c.094 6.923-3.6 9.283-6.237 9.948-4.5 1.279-8.514-.645-10.094-5-3.035-7 2.651-18.514 6.31-20.915a15.083 15.083 0 0 0 2.37 6.237Z', opacity: '.75' })));
-};
-
-const GoLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size * (256 / 348), height: size, viewBox: '0 0 256 348', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { fill: fill || '#F6D2A2', d: 'M3.686 188.165c.498 10.26 10.758 5.479 15.34 2.291 4.383-3.088 5.678-.498 6.076-6.475.299-3.984.697-7.869.498-11.853-6.674-.598-13.846.996-19.325 4.98-2.888 1.992-8.068 8.567-2.59 11.057m204.502 126.107c7.869 4.881 22.313 19.624 10.459 26.796-11.356 10.36-17.73-11.456-27.692-14.444 4.283-5.877 9.662-11.256 17.233-12.352Zm-140.85 16.635c-9.264 1.395-14.444 9.762-22.213 14.046-7.272 4.283-10.061-1.395-10.659-2.59-1.095-.498-.996.498-2.789-1.295-6.773-10.659 6.973-18.428 14.145-23.708 9.961-1.992 16.237 6.674 21.516 13.547ZM251.916 186.87c-.498 10.26-10.758 5.479-15.34 2.291-4.383-3.088-5.678-.498-6.076-6.475-.3-3.984-.698-7.869-.498-11.853 6.673-.598 13.845.996 19.324 4.98 2.79 1.992 8.069 8.567 2.59 11.057' }),
-        React.createElement("path", { fill: fill || '#69D7E2', d: 'M224.722 61.759c35.561-12.551 7.77-61.26-23.21-39.745-20.32-17.432-48.31-20.62-77.696-20.62C95.03 3.687 67.636 8.966 48.511 25.7 17.63 5.777-10.858 53.59 25.4 65.644c-10.16 39.445 1.394 79.688-.2 119.831-1.494 36.06-10.957 84.37 9.065 116.744 17.034 27.692 53.69 37.554 83.873 38.65 38.549 1.394 85.266-8.069 103.993-45.423 17.93-35.561 12.95-79.888 10.659-118.238-2.291-38.749 1.992-78.095-8.069-115.45Z' }),
-        React.createElement("path", { fill: fill || '#231F20', d: 'M254.605 180.794c-.996-2.092-2.888-4.483-4.681-5.778-4.582-3.287-10.46-5.08-16.536-5.279-.199-6.176-.398-12.95-.398-21.516v-7.77c-.1-24.504-.399-35.262-1.793-48.71-1.096-10.558-2.79-20.32-5.18-29.484 8.069-3.088 13.348-8.168 15.44-14.743 1.992-6.076.996-12.949-2.39-19.025-3.487-5.977-9.065-10.46-15.54-12.252-6.973-1.893-14.543-.498-21.815 4.382-6.475-5.478-13.945-9.662-22.313-12.85C164.557 2.292 147.325.2 123.916.2v.996l-.1-.996c-25.002 1.992-43.53 5.877-58.87 13.348-6.176 2.988-11.654 6.574-16.435 10.758-7.372-4.582-15.042-5.678-22.114-3.486-6.574 1.992-12.252 6.674-15.639 12.75-3.387 6.076-4.184 13.049-1.893 19.026 2.291 5.976 7.57 10.658 15.44 13.547-2.49 10.06-3.785 20.719-3.984 32.473-.2 11.455.298 20.62 2.091 41.338 1.295 15.44 1.793 22.512 1.993 31.079-6.774-.299-13.547 1.494-18.628 5.18-1.793 1.295-3.785 3.586-4.681 5.777-1.295 2.79-.797 5.28 1.793 6.774.398 4.781 3.088 6.972 7.172 6.574 2.988-.299 6.574-1.893 9.662-4.084a11.208 11.208 0 0 1 2.092-1.195c.299-.1.498-.2.797-.3 0 0 .597-.198.797-.298.298-.1.597-.2.796-.399-.199 4.682-.597 9.563-1.494 20.72-.996 12.55-1.494 19.424-1.693 27.094-.897 28.488 2.49 49.207 12.65 65.643 3.188 5.18 7.073 9.762 11.655 13.946-.897.597-4.682 3.387-5.877 4.283-4.184 3.188-7.072 5.877-8.766 8.865-2.191 3.885-2.191 7.77.299 11.854l.1.1.1.1c1.095 1.095 1.693 1.394 2.49 1.394h.297c.1.2.2.299.3.498.298.498.597.896.896 1.295 2.49 2.889 5.976 3.586 10.658.797 2.49-1.295 4.283-2.79 8.068-5.977l.2-.2c6.076-5.179 9.064-7.071 13.547-7.769l1.594-.299c.597.3 1.195.499 1.892.797 14.145 5.678 30.58 8.766 47.216 9.364 21.516.797 42.235-1.893 59.766-8.268 4.682-1.693 9.065-3.686 13.249-5.877 2.59.996 4.78 3.088 8.965 7.969.199.2.199.2.298.398.2.2.2.3.3.399.198.299.497.498.696.797 3.288 3.884 5.48 5.777 7.97 6.873 3.286 1.394 6.474.697 9.761-2.291 5.778-3.586 6.176-9.164 2.39-15.54-2.689-4.482-7.37-9.164-11.753-12.152 5.18-5.08 9.662-11.156 13.148-18.03 9.563-19.125 13.249-41.438 13.05-70.126-.1-10.16-.499-19.025-1.594-35.96v-.497c.498.199.996.498 1.494.896 3.088 2.092 6.674 3.785 9.662 4.084 4.084.399 6.774-1.793 7.172-6.574 2.49-1.594 2.988-4.084 1.693-6.873ZM222.93 18.328c5.977 1.594 11.157 5.778 14.344 11.356 3.188 5.578 4.084 11.854 2.291 17.432-1.892 5.877-6.674 10.559-14.145 13.348a162.04 162.04 0 0 0-5.279-15.739c2.889-2.49 4.283-5.578 1.992-9.96-2.29-4.384-6.275-4.882-10.36-3.587-2.59-3.387-5.478-6.375-8.466-9.164 6.574-4.184 13.348-5.379 19.623-3.686ZM10.56 51.997c-2.092-5.38-1.395-11.754 1.793-17.332 3.187-5.579 8.367-9.961 14.543-11.754 6.375-1.893 13.248-.997 20.022 2.988a65.541 65.541 0 0 0-10.36 11.854c-5.18-2.69-10.459-3.188-13.447 2.29-3.088 5.878.498 9.563 5.578 12.352-.697 1.694-1.395 3.487-1.992 5.28-.698 2.191-1.395 4.482-1.992 6.773-7.272-2.789-12.053-7.072-14.145-12.451Zm12.053 135.77c-.1 0-.698.199-.698.298-.298.1-.597.2-.896.399-.797.299-1.594.797-2.39 1.394-2.79 1.993-6.177 3.487-8.767 3.686-2.988.299-4.681-.996-4.98-4.582 2.092-.697 2.988-1.195 3.785-2.39l-1.594-1.196c-.597.797-1.195 1.096-2.988 1.693-.1 0-.1 0-.2.1-1.593-.897-1.892-2.291-.995-4.283.797-1.793 2.59-3.885 4.084-4.98 4.781-3.487 11.156-5.18 17.531-4.782 0 2.49.1 4.98 0 7.37 0 .3 0 .499-.1.798-.099 1.394-.099 1.992-.199 2.69-.298 2.888-.498 3.286-1.593 3.785Zm30.082 150.312-.2.2c-3.685 3.187-5.478 4.482-7.769 5.777-3.785 2.291-6.375 1.793-8.168-.398-.299-.3-.498-.698-.697-.997-.1-.1-.2-.298-.299-.398v-.1c.2-1.793.897-3.088 2.69-5.877.1-.1.1-.1.1-.199 1.095-1.594 1.593-2.49 2.091-3.586l-1.793-.797c-.398.897-.896 1.694-1.893 3.287-.1.1-.1.1-.1.2-1.792 2.59-2.59 4.183-2.988 5.976h-.398c-.2-.1-.498-.299-.896-.697-3.885-6.176-.797-11.455 7.968-18.03 1.096-.796 4.782-3.386 5.778-4.183.2 0 .398-.1.598-.2 5.378 4.583 11.654 8.567 18.627 11.854 0 .1.1.2.199.3-4.084.995-7.272 3.087-12.85 7.868Zm167.247-10.857c3.088 5.18 2.988 9.363-.897 12.252-.298-.598-.498-1.295-.896-2.291 0-.1 0-.1-.1-.2-1.394-3.785-2.29-5.378-3.984-7.171l-1.395 1.394c1.494 1.395 2.192 2.889 3.586 6.375 0 .1 0 .1.1.2.498 1.294.797 2.091 1.096 2.789-2.59 2.191-4.881 2.59-7.272 1.494-2.092-.897-4.084-2.79-7.272-6.375-.199-.2-.398-.498-.597-.797-.1-.1-.2-.2-.3-.399-.198-.199-.198-.199-.298-.398-3.686-4.283-5.877-6.574-8.268-7.87 5.579-3.187 10.56-6.773 15.042-10.957 4.183 3.088 8.865 7.67 11.455 11.954Zm1.394-32.274c-8.566 17.233-23.707 29.385-44.028 36.756-17.332 6.276-37.852 8.866-59.069 8.069-36.557-1.295-68.233-14.045-83.075-38.151-9.961-16.038-13.249-36.458-12.352-64.548.299-7.67.697-14.543 1.693-27.094 1.096-14.145 1.395-18.229 1.694-24.604.199-4.582.199-9.264.1-14.244-.2-8.766-.698-15.739-1.993-31.378-1.793-20.719-2.291-29.784-2.092-41.14.3-14.94 2.291-28.09 6.475-40.54 6.771-20.223 19.224-33.87 37.154-42.734 15.041-7.37 33.27-11.156 58.073-13.149 23.21 0 40.143 2.092 54.786 7.471 17.531 6.475 30.58 17.83 39.545 35.263 5.778 14.144 9.165 29.385 10.958 46.916 1.394 13.348 1.693 24.106 1.793 48.51v7.77c.1 12.053.298 20.52.797 28.987.199 3.287.298 4.682.796 12.551 1.096 16.934 1.495 25.7 1.594 35.86.2 28.588-3.387 50.602-12.85 69.429Zm30.481-109.074c-.1 0-.199-.1-.298-.1-1.793-.597-2.391-.996-2.989-1.693l-1.594 1.195c.897 1.196 1.793 1.694 3.786 2.39-.399 3.587-2.092 4.882-4.98 4.583-2.59-.2-5.978-1.793-8.767-3.686-.797-.597-1.593-.996-2.39-1.394-.1 0-.2-.1-.3-.1-.398-5.478-.398-6.873-.597-9.762l-.299-5.379c5.579.1 11.057 1.793 15.24 4.881 1.495 1.096 3.288 3.188 4.085 4.98.996 1.694.797 3.188-.897 4.085Z' }),
-        React.createElement("path", { fill: fill || '#FFFFFF', d: 'M138.918 104.123c.1 5.08 1.096 10.658.199 16.037-1.395 2.59-3.984 2.89-6.275 3.885-3.188-.498-5.878-2.59-7.172-5.578-.797-6.076.199-11.854.498-17.93 0-.2 3.785.1 7.172 1.096 2.888.896 5.578 2.39 5.578 2.49Zm-28.19.398c-2.79 10.56 3.686 27.792 14.344 13.647-.797-5.977.1-11.754.398-17.631.1-.498-14.642 3.287-14.742 3.984Z' }),
-        React.createElement("path", { fill: fill || '#231F20', d: 'M140.113 108.805c-.2-2.989-.299-4.184-.299-5.678v-.697l-.697-.2-12.551-3.884v-.698l-1.295.3h-.1v.099l-14.144 3.586-.498.1-.2.497c-2.191 5.28-1.693 13.249 1.096 18.13 3.188 5.578 8.367 5.677 13.647-.698a10.192 10.192 0 0 0 7.47 5.38h.3l.298-.1c.399-.2.797-.3 1.495-.598.1 0 .1 0 .199-.1 2.888-.996 4.084-1.793 5.08-3.685l.1-.1v-.199c.298-1.793.398-3.686.398-5.777 0-1.495-.1-2.89-.299-5.678Zm-15.938-3.686c-.1 1.793-.199 2.49-.298 3.486-.2 3.686-.2 6.475.1 9.264-4.683 5.977-8.368 5.977-10.858 1.494-2.391-4.183-2.89-11.256-1.096-15.937l12.55-3.188c-.099 1.295-.198 2.59-.398 4.881Zm13.946 14.743c-.697 1.195-1.594 1.793-3.985 2.59-.1 0-.1 0-.199.099-.597.2-.996.398-1.295.498-2.69-.498-4.98-2.291-6.076-4.781-.299-2.69-.299-5.479-.1-9.164.1-.997.1-1.694.3-3.487.198-2.29.298-3.685.298-4.98l10.858 3.287c0 1.295.1 2.49.299 5.08.199 2.69.298 4.084.298 5.678 0 1.892-.1 3.586-.398 5.18Z' }),
-        React.createElement("g", { transform: 'translate(48.476 21.976)' },
-            React.createElement("path", { fill: fill || '#FFFFFF', d: 'M2.291 38.749c9.164 35.66 66.241 26.496 64.05-9.264C63.75-13.348-6.475-5.08 2.29 38.749' }),
-            React.createElement("path", { fill: fill || '#231F20', d: 'M67.337 29.385c-.598-10.36-5.18-18.428-12.75-23.508C47.813 1.295 38.848-.498 29.983.597 21.118 1.794 12.949 5.778 7.57 12.054 1.594 19.026-.697 28.19 1.395 38.749l.896-.2-.896.2c9.363 36.656 68.133 27.791 65.942-9.364ZM3.187 38.55c-1.992-10.06.2-18.627 5.778-25.102 5.08-5.877 12.75-9.761 21.217-10.857 8.467-1.096 16.934.598 23.31 4.98 7.071 4.782 11.355 12.253 11.952 22.114 2.092 34.764-53.391 43.132-62.256 8.865Z' }),
-            React.createElement("ellipse", { fill: fill || '#231F20', cx: '18.03', cy: '32.872', rx: '9.662', ry: '10.459' }),
-            React.createElement("ellipse", { fill: fill || '#FFFFFF', cx: '22.412', cy: '35.262', rx: '2.291', ry: '2.689' })),
-        React.createElement("g", { transform: 'translate(129.618 18.098)' },
-            React.createElement("path", { fill: fill || '#FFFFFF', d: 'M1.195 35.96C8.268 76.9 75.206 66.042 65.544 24.803 56.878-12.252-1.196-1.992 1.195 35.96' }),
-            React.createElement("path", { fill: fill || '#231F20', d: 'M66.44 24.604C57.575-13.547-2.19-3.088.2 36.059v.1c3.286 19.324 20.52 29.186 39.545 25.998C48.41 60.663 56.18 56.48 61.26 50.304c5.578-6.874 7.57-15.739 5.18-25.7Zm-6.673 24.504c-4.782 5.778-12.053 9.762-20.321 11.157-18.03 2.988-34.167-6.276-37.354-24.405C-.1-.996 56.28-10.858 64.647 25.002c2.192 9.463.399 17.731-4.88 24.106Z' }),
-            React.createElement("ellipse", { fill: fill || '#231F20', cx: '17.631', cy: '34.167', rx: '9.463', ry: '10.459' }),
-            React.createElement("ellipse", { fill: fill || '#FFFFFF', cx: '22.014', cy: '36.557', rx: '2.191', ry: '2.689' })),
-        React.createElement("path", { fill: fill || '#F6D2A2', d: 'M112.785 83.002c-7.87.697-14.245 9.961-10.16 17.332 5.378 9.762 17.431-.896 24.902.1 8.666.2 15.739 9.164 22.612 1.594 7.67-8.368-3.287-16.536-11.954-20.122l-25.4 1.096Z' }),
-        React.createElement("path", { fill: fill || '#231F20', d: 'M151.135 89.676c-2.69-3.387-7.371-6.475-12.452-8.567l-.199-.1h-.199l-25.5.997c-8.866.797-15.24 11.057-10.958 18.826 1.694 2.989 3.985 4.483 7.073 4.682 2.29.1 4.682-.398 8.367-1.693.299-.1.697-.2 1.195-.399 4.981-1.693 6.973-2.191 8.965-1.892h.1c2.39 0 4.383.697 8.168 2.191 4.184 1.693 5.479 2.192 7.57 2.39 2.89.2 5.38-.796 7.67-3.286 3.885-4.284 3.686-8.866.2-13.149Zm-1.694 11.754c-1.892 2.092-3.785 2.79-6.076 2.69-1.793-.1-2.988-.598-6.973-2.192-3.984-1.693-6.175-2.29-8.765-2.39-2.49-.3-4.582.199-9.862 1.992-.498.199-.896.299-1.195.398-7.272 2.49-10.758 2.291-13.149-2.092-3.586-6.474 1.893-15.24 9.364-15.937l25.201-.997c4.782 1.993 9.065 4.881 11.555 7.97 2.988 3.585 3.088 7.171-.1 10.558Z' }),
-        React.createElement("path", { fill: fill || '#231F20', d: 'M140.178 78.719c-3.088-11.356-28.987-9.662-28.39 3.885 1.295 10.06 31.378 7.37 28.39-3.885Z' })));
-};
-
-const JavaLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size * (256 / 346), height: size, viewBox: '0 0 256 346', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { fill: fill || '#5382A1', d: 'M82.554 267.473s-13.198 7.675 9.393 10.272c27.369 3.122 41.356 2.675 71.517-3.034 0 0 7.93 4.972 19.003 9.279-67.611 28.977-153.019-1.679-99.913-16.517m-8.262-37.814s-14.803 10.958 7.805 13.296c29.236 3.016 52.324 3.263 92.276-4.43 0 0 5.526 5.602 14.215 8.666-81.747 23.904-172.798 1.885-114.296-17.532' }),
-        React.createElement("path", { fill: fill || '#E76F00', d: 'M143.942 165.515c16.66 19.18-4.377 36.44-4.377 36.44s42.301-21.837 22.874-49.183c-18.144-25.5-32.059-38.172 43.268-81.858 0 0-118.238 29.53-61.765 94.6' }),
-        React.createElement("path", { fill: fill || '#5382A1', d: 'M233.364 295.442s9.767 8.047-10.757 14.273c-39.026 11.823-162.432 15.393-196.714.471-12.323-5.36 10.787-12.8 18.056-14.362 7.581-1.644 11.914-1.337 11.914-1.337-13.705-9.655-88.583 18.957-38.034 27.15 137.853 22.356 251.292-10.066 215.535-26.195M88.9 190.48s-62.771 14.91-22.228 20.323c17.118 2.292 51.243 1.774 83.03-.89 25.978-2.19 52.063-6.85 52.063-6.85s-9.16 3.923-15.787 8.448c-63.744 16.765-186.886 8.966-151.435-8.183 29.981-14.492 54.358-12.848 54.358-12.848m112.605 62.942c64.8-33.672 34.839-66.03 13.927-61.67-5.126 1.066-7.411 1.99-7.411 1.99s1.903-2.98 5.537-4.27c41.37-14.545 73.187 42.897-13.355 65.647 0 .001 1.003-.895 1.302-1.697' }),
-        React.createElement("path", { fill: fill || '#E76F00', d: 'M162.439.371s35.887 35.9-34.037 91.101c-56.071 44.282-12.786 69.53-.023 98.377-32.73-29.53-56.75-55.526-40.635-79.72C111.395 74.612 176.918 57.393 162.439.37' }),
-        React.createElement("path", { fill: fill || '#5382A1', d: 'M95.268 344.665c62.199 3.982 157.712-2.209 159.974-31.64 0 0-4.348 11.158-51.404 20.018-53.088 9.99-118.564 8.824-157.399 2.421.001 0 7.95 6.58 48.83 9.201' })));
-};
-
-const MysqlLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 300 300', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { fill: fill || '#000000', d: 'M9 5.8c-4.3 2.4-8 9.1-8 14.6 0 5.6 3.8 13.3 11.3 23C22.8 56.8 24.5 59.9 29 73.5c7.2 21.7 10.7 29 20.5 42.4 1.8 2.4 2.2 3.8 1.5 5-.4.9-2.3 7.3-4.1 14.1-3 11.2-3.3 13.9-3.4 26.5 0 16.8 1.8 25.9 7.6 37.5 5.8 11.5 14.4 18.4 20.6 16.4 7.1-2.3 8.5-4.9 10.8-19.4.9-5.8 2-10.8 2.4-11.3.4-.4 2.9 3.9 5.6 9.5 4.5 9.4 5.8 11.2 15.5 20.8 10.1 10.1 24 22.7 26.8 24.4.8.5-1.6-2.2-5.3-5.9-12.2-12.4-34.4-49.5-40.1-66.8-.9-2.9-1.9-5.5-2.3-5.9-1.1-1.3-9.2 10-11.2 15.6-1 3-2.5 10.4-3.3 16.6-.8 6.2-1.7 11.5-2.1 11.8-.8.9-5.7-3.1-8.1-6.6-1.2-1.7-3.4-7.1-5-11.9-2.7-8.3-2.9-9.7-2.9-25.8v-17l3.9-10.9c5.2-14.7 5.2-17.4-.1-22.8-6-6.3-10.6-15.3-16.8-33.8-6.6-19.3-8.3-22.6-18.2-35.7C9.7 25.1 7.8 20.2 12 16c2.8-2.8 6.9-2.5 16.3 1.4 9.7 4 14.7 6.8 20.2 11.1 6.1 4.8 7.2 5.2 18.7 5.9 11.9.7 17.2 2.3 29.8 8.6 30.2 15.2 59.1 43.9 74 73.5 2.7 5.5 6.5 13.6 8.4 18 6.7 15.7 21.5 46.7 24.7 51.6 3.7 5.8 5 6.6 20.6 12 14.8 5.2 17.6 6.6 29.3 14.8 5.2 3.7 11.1 7.6 13 8.8 1.9 1.2 4.8 3.5 6.4 5.2l3 3.1h-5c-14.2 0-41.4 6-42.7 9.4-.7 1.7 3.7 10.2 7.5 14.5 5.4 6.3 17.9 15 29.7 20.7 10.7 5.1 25.2 14.4 28.1 17.9.7.9 2.2 2.1 3.2 2.6 6.7 3.6-13.8-20.6-24.3-28.7-3.1-2.3-8.5-6-12-8-7.8-4.6-12.9-8.6-14.5-11.6-1.2-2.2-1-2.3 7.9-4.4 5.1-1.3 11.9-2.5 15.2-2.9 6.6-.7 17.5-3.4 18.9-4.6 1.6-1.4-7.8-12.1-17.7-20.1-15.5-12.4-28-20.3-41.7-26.1l-12.5-5.4-10.1-19.9c-5.5-10.9-12.9-26.7-16.3-34.9-7.5-17.8-9.7-21.9-19.7-35.9-13.7-19.4-32.8-37.4-54.9-51.9C97.7 29.1 88.1 25.5 70.6 24c-7.7-.6-10.4-1.3-12.5-2.9C41.4 7.5 18.8.4 9 5.8z' }),
-        React.createElement("path", { fill: fill || '#000000', d: 'M61.6 54.9c-.3.5.9 2.7 2.7 4.8 1.8 2.2 4.1 5.8 5.1 8.1 1.1 2.3 2.3 4.2 2.7 4.2 1.6 0 3.9-4.6 3.9-7.8C76 59.4 70.6 54 65.7 54c-2 0-3.8.4-4.1.9z' })));
-};
-
-const NginxLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size * (273 / 300), height: size, viewBox: '0 0 273 300', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { fill: fill || '#009639', d: 'M2.054 218.187c1.32 2.347 3.227 4.108 5.575 5.428l112.962 65.137c4.695 2.787 10.416 2.787 14.964 0l112.963-65.137c4.695-2.64 7.482-7.629 7.482-13.057V80.284c0-5.428-2.787-10.416-7.482-13.056L135.555 2.09c-4.694-2.788-10.416-2.788-14.964 0L7.63 67.228C2.787 69.868 0 74.856 0 80.284v130.42c0 2.642.587 5.136 2.054 7.483' }),
-        React.createElement("path", { fill: fill || '#FFFFFF', d: 'M91.837 195.154a14.463 14.463 0 0 1-14.524 14.524 14.463 14.463 0 0 1-14.523-14.524V95.542c0-7.776 6.895-14.084 16.43-14.084 6.896 0 14.965 2.787 19.806 8.802l4.4 5.282 60.737 72.618V95.835a14.463 14.463 0 0 1 14.524-14.524 14.463 14.463 0 0 1 14.523 14.524v99.613c0 7.775-6.895 14.083-16.43 14.083-6.896 0-14.965-2.787-19.806-8.802l-65.137-77.754v72.18Z' })));
-};
-
-const NodejsLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size * (256 / 289), height: size, viewBox: '0 0 256 289', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { fill: fill || '#539E43', d: 'M128 288.464c-3.975 0-7.685-1.06-11.13-2.915l-35.247-20.936c-5.3-2.915-2.65-3.975-1.06-4.505 7.155-2.385 8.48-2.915 15.9-7.156.796-.53 1.856-.265 2.65.265l27.032 16.166c1.06.53 2.385.53 3.18 0l105.74-61.217c1.06-.53 1.59-1.59 1.59-2.915V83.08c0-1.325-.53-2.385-1.59-2.915l-105.74-60.953c-1.06-.53-2.385-.53-3.18 0L20.405 80.166c-1.06.53-1.59 1.855-1.59 2.915v122.17c0 1.06.53 2.385 1.59 2.915l28.887 16.695c15.636 7.95 25.44-1.325 25.44-10.6V93.68c0-1.59 1.326-3.18 3.181-3.18h13.516c1.59 0 3.18 1.325 3.18 3.18v120.58c0 20.936-11.396 33.126-31.272 33.126-6.095 0-10.865 0-24.38-6.625l-27.827-15.9C4.24 220.885 0 213.465 0 205.515V83.346C0 75.396 4.24 67.976 11.13 64L116.87 2.783c6.625-3.71 15.635-3.71 22.26 0L244.87 64C251.76 67.975 256 75.395 256 83.346v122.17c0 7.95-4.24 15.37-11.13 19.345L139.13 286.08c-3.445 1.59-7.42 2.385-11.13 2.385Zm32.596-84.009c-46.377 0-55.917-21.2-55.917-39.221 0-1.59 1.325-3.18 3.18-3.18h13.78c1.59 0 2.916 1.06 2.916 2.65 2.12 14.045 8.215 20.936 36.306 20.936 22.261 0 31.802-5.035 31.802-16.96 0-6.891-2.65-11.926-37.367-15.372-28.886-2.915-46.907-9.275-46.907-32.33 0-21.467 18.02-34.187 48.232-34.187 33.921 0 50.617 11.66 52.737 37.101 0 .795-.265 1.59-.795 2.385-.53.53-1.325 1.06-2.12 1.06h-13.78c-1.326 0-2.65-1.06-2.916-2.385-3.18-14.575-11.395-19.345-33.126-19.345-24.38 0-27.296 8.48-27.296 14.84 0 7.686 3.445 10.07 36.306 14.31 32.597 4.24 47.967 10.336 47.967 33.127-.265 23.321-19.345 36.571-53.002 36.571Z' })));
-};
-
-const PhpLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("defs", null,
-            React.createElement("linearGradient", { id: 'a', x1: '-134.514', y1: '-206.113', x2: '-134.455', y2: '-206.235', gradientTransform: 'matrix(247.636, 0, 0, -153.765, 33318.948, -31686.704)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#8a9fe0' }),
-                React.createElement("stop", { offset: '0.588', stopColor: '#7182b8' }),
-                React.createElement("stop", { offset: '1', stopColor: '#576490' }))),
-        React.createElement("g", null,
-            React.createElement("path", { fill: fill || '#ccc', d: 'M14.486,20.381a17.345,17.345,0,0,1-.046,3.133.835.835,0,0,1-.439.709c-.831.617-3.616.765-3.963-.546-.128-.005-.026-.429-.148-.413a1.561,1.561,0,0,1-1.2-.735c.005-1.434.163-6.607-2.4-5.214a2.506,2.506,0,0,0-1.168,1.429,4.91,4.91,0,0,0-.24,1.643c-.02.714.158,1.495.184,2.352.01.383.071.48-.214.806-.459.525-1.26.082-1.693-.495a1.893,1.893,0,0,1-.291-.969,31.065,31.065,0,0,1,1-11.148c.367-1.23.495-1.408,1.663-1.684a12.948,12.948,0,0,1,4.05-.24c1.051-.342,3.545-2.194,4.621-.724a12.527,12.527,0,0,1,9.579,1.75,37.083,37.083,0,0,0,4.259.077c.2-.128.434-.265.638-.383a1.381,1.381,0,0,1,.495-.209c.23-.036.53-.046.6.24a3.292,3.292,0,0,1,.061.893.808.808,0,0,1-.643.76,4.02,4.02,0,0,1-1.148-.372c-1.3.036-2.1-.036-3.4,0,.209.224.2.372.352.668a6.381,6.381,0,0,1-.775,5.979c-.092,1.49.02,2.995.031,4.49.005.515.041,1.005-.444,1.347a3.263,3.263,0,0,1-2.867.24,2.523,2.523,0,0,1-.668-.556,2.807,2.807,0,0,1-.5.01,1.213,1.213,0,0,1-.689-.505,3.606,3.606,0,0,1-.235-.525c0-.7-.026-.974-.026-1.673a10.67,10.67,0,0,1-4.346-.122Z' }),
-            React.createElement("path", { fill: fill || '#ccc', d: 'M12.095,24.839a3.748,3.748,0,0,1-1.217-.184,1.452,1.452,0,0,1-.972-.864.46.46,0,0,1-.1-.322l0-.045a1.8,1.8,0,0,1-1.25-.811l-.024-.039,0-.26c.009-1.182.032-4.323-1.034-4.962a1.1,1.1,0,0,0-1.128.1,2.356,2.356,0,0,0-1.1,1.349,4.783,4.783,0,0,0-.228,1.588,8.525,8.525,0,0,0,.085,1.2c.043.366.087.746.1,1.145,0,.059,0,.11.007.156a.849.849,0,0,1-.26.76.817.817,0,0,1-.665.288,1.849,1.849,0,0,1-1.276-.792,1.973,1.973,0,0,1-.322-1.053A31.068,31.068,0,0,1,3.719,10.887c.375-1.255.54-1.5,1.779-1.793a13.117,13.117,0,0,1,4.068-.247,8.378,8.378,0,0,0,.875-.4c1.232-.616,2.91-1.453,3.831-.334a12.633,12.633,0,0,1,9.567,1.768A36.054,36.054,0,0,0,28,9.953c.2-.123.412-.251.606-.363l.056-.032a1.366,1.366,0,0,1,.494-.2c.444-.069.7.053.777.361a3.477,3.477,0,0,1,.065.939.97.97,0,0,1-.791.909l-.026,0-.025-.007c-.085-.022-.171-.042-.26-.062A3.127,3.127,0,0,1,28,11.2c-.633.016-1.155.007-1.659,0-.433-.007-.878-.015-1.394-.007.032.063.055.124.08.186a2.467,2.467,0,0,0,.112.256,6.533,6.533,0,0,1-.761,6.126c-.056.966-.027,1.957,0,2.916.015.491.03,1,.033,1.5v.086a1.448,1.448,0,0,1-.513,1.393,3.4,3.4,0,0,1-3.02.257,1.8,1.8,0,0,1-.564-.437c-.035-.036-.07-.072-.106-.106-.049,0-.1.006-.145.011a.952.952,0,0,1-.33-.006,1.375,1.375,0,0,1-.783-.571,1.779,1.779,0,0,1-.171-.361c-.023-.061-.047-.123-.076-.188l-.014-.031v-.034c0-.347-.006-.594-.013-.832-.005-.2-.01-.4-.012-.659a10.815,10.815,0,0,1-4-.092,17.55,17.55,0,0,1-.065,2.931.984.984,0,0,1-.5.813A3.748,3.748,0,0,1,12.095,24.839Zm-1.969-1.318h.036l.03.114a1.106,1.106,0,0,0,.791.718,3.912,3.912,0,0,0,2.922-.259.687.687,0,0,0,.375-.6,17.157,17.157,0,0,0,.055-2.976l-.085-.024L14.6,19.8l.041.463a10.678,10.678,0,0,0,4.169.088l.181-.024v.182c0,.347.006.594.013.832s.012.473.013.807c.025.059.047.116.069.171a1.524,1.524,0,0,0,.139.3,1.057,1.057,0,0,0,.6.44.729.729,0,0,0,.216,0,1.888,1.888,0,0,1,.244-.013l.06,0,.044.041c.054.05.108.105.162.16a1.537,1.537,0,0,0,.46.366,3.1,3.1,0,0,0,2.712-.224c.388-.274.383-.65.377-1.127v-.087c0-.5-.018-1-.033-1.492-.029-.987-.059-2.008,0-3.009l0-.066.05-.044a6.184,6.184,0,0,0,.739-5.785,2.755,2.755,0,0,1-.126-.287.911.911,0,0,0-.2-.346l-.241-.259.353-.01c.654-.018,1.188-.009,1.706,0s1.045.018,1.691,0h.047l.04.025a2.716,2.716,0,0,0,.835.289c.082.019.163.037.242.057a.671.671,0,0,0,.471-.609,3.141,3.141,0,0,0-.058-.847c-.014-.061-.041-.176-.416-.117a1.065,1.065,0,0,0-.384.158l-.056.032c-.2.114-.429.253-.631.379l-.037.023h-.043a36.326,36.326,0,0,1-4.278-.077l-.042,0-.035-.024a12.347,12.347,0,0,0-9.461-1.725l-.1.018-.059-.08c-.747-1.02-2.334-.227-3.493.352a7.889,7.889,0,0,1-.95.43l-.032.01-.033,0a12.792,12.792,0,0,0-4,.236c-1.121.264-1.2.4-1.547,1.574a30.75,30.75,0,0,0-1,11.09,1.683,1.683,0,0,0,.258.884,1.551,1.551,0,0,0,1.033.666.5.5,0,0,0,.413-.179.552.552,0,0,0,.182-.532c0-.049-.006-.1-.007-.164-.011-.386-.055-.758-.1-1.118a8.754,8.754,0,0,1-.087-1.243,5.022,5.022,0,0,1,.251-1.7,2.67,2.67,0,0,1,1.24-1.509,1.4,1.4,0,0,1,1.444-.1c1.223.733,1.2,3.89,1.19,5.238v.167a1.4,1.4,0,0,0,1.028.622.2.2,0,0,1,.15.045.4.4,0,0,1,.1.3C10.123,23.471,10.124,23.5,10.126,23.521Zm-.216-.1h0Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M13.891,19.981a17.345,17.345,0,0,1-.046,3.133.835.835,0,0,1-.439.709c-.831.617-3.616.765-3.963-.546-.128-.005-.026-.429-.148-.413a1.561,1.561,0,0,1-1.2-.735c.005-1.434.163-6.607-2.4-5.214a2.506,2.506,0,0,0-1.168,1.429,4.91,4.91,0,0,0-.24,1.643c-.02.714.158,1.495.184,2.352.01.383.071.48-.214.806-.459.525-1.26.082-1.693-.495a1.893,1.893,0,0,1-.291-.969,31.065,31.065,0,0,1,1-11.148c.367-1.23.495-1.408,1.663-1.684a12.948,12.948,0,0,1,4.05-.24c1.051-.342,3.545-2.194,4.621-.724a12.527,12.527,0,0,1,9.579,1.75,37.083,37.083,0,0,0,4.259.077c.2-.128.434-.265.638-.383a1.381,1.381,0,0,1,.495-.209c.23-.036.53-.046.6.24a3.292,3.292,0,0,1,.061.893.808.808,0,0,1-.643.76,4.02,4.02,0,0,1-1.148-.372c-1.3.036-2.1-.036-3.4,0,.209.224.2.372.352.668a6.381,6.381,0,0,1-.775,5.979c-.092,1.49.02,2.995.031,4.49.005.515.041,1.005-.444,1.347a3.263,3.263,0,0,1-2.867.24,2.523,2.523,0,0,1-.668-.556,2.807,2.807,0,0,1-.5.01,1.213,1.213,0,0,1-.689-.505,3.606,3.606,0,0,1-.235-.525c0-.7-.026-.974-.026-1.673a10.67,10.67,0,0,1-4.346-.122Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M11.5,24.439a3.748,3.748,0,0,1-1.217-.184,1.452,1.452,0,0,1-.972-.864.46.46,0,0,1-.1-.322l0-.045a1.8,1.8,0,0,1-1.25-.811l-.024-.039,0-.26c.009-1.182.032-4.323-1.034-4.962a1.1,1.1,0,0,0-1.128.1,2.356,2.356,0,0,0-1.1,1.349,4.783,4.783,0,0,0-.228,1.588,8.522,8.522,0,0,0,.085,1.2c.043.367.087.746.1,1.146,0,.059,0,.11.007.156a.849.849,0,0,1-.26.76.816.816,0,0,1-.665.288,1.849,1.849,0,0,1-1.276-.792,1.974,1.974,0,0,1-.322-1.053A31.068,31.068,0,0,1,3.124,10.487c.375-1.255.54-1.5,1.779-1.793a13.115,13.115,0,0,1,4.068-.247,8.378,8.378,0,0,0,.875-.4c1.232-.616,2.91-1.454,3.831-.334a12.634,12.634,0,0,1,9.567,1.769,36.037,36.037,0,0,0,4.156.074c.195-.121.413-.252.606-.363l.056-.032a1.366,1.366,0,0,1,.494-.2c.444-.069.7.053.777.361a3.476,3.476,0,0,1,.065.939.97.97,0,0,1-.791.909l-.026,0-.025-.007c-.085-.022-.171-.042-.26-.062a3.127,3.127,0,0,1-.889-.3c-.633.016-1.155.007-1.659,0-.433-.007-.878-.015-1.394-.007.032.063.055.124.08.186a2.467,2.467,0,0,0,.112.256,6.534,6.534,0,0,1-.761,6.126c-.056.966-.027,1.957,0,2.915.014.492.029,1,.033,1.5v.086a1.448,1.448,0,0,1-.512,1.393,3.4,3.4,0,0,1-3.02.257,1.8,1.8,0,0,1-.564-.437c-.035-.036-.07-.072-.106-.106-.049,0-.1.006-.145.011a.95.95,0,0,1-.33-.006,1.375,1.375,0,0,1-.783-.571,1.769,1.769,0,0,1-.171-.361c-.023-.061-.047-.123-.076-.188l-.014-.031v-.034c0-.347-.006-.594-.013-.832-.005-.2-.011-.4-.012-.659a10.817,10.817,0,0,1-4-.092A17.56,17.56,0,0,1,14,23.135a.984.984,0,0,1-.5.813A3.748,3.748,0,0,1,11.5,24.439ZM9.531,23.121h.036l.03.114a1.106,1.106,0,0,0,.791.718,3.911,3.911,0,0,0,2.922-.259.687.687,0,0,0,.375-.6,17.162,17.162,0,0,0,.055-2.976l-.085-.024L14,19.405l.041.463a10.679,10.679,0,0,0,4.169.088l.181-.024v.182c0,.347.006.594.013.832s.012.473.013.807c.025.059.047.116.069.172a1.514,1.514,0,0,0,.139.3,1.057,1.057,0,0,0,.6.44.722.722,0,0,0,.216,0,1.888,1.888,0,0,1,.244-.013l.06,0,.044.041c.054.05.108.1.162.16a1.539,1.539,0,0,0,.46.366,3.1,3.1,0,0,0,2.712-.224c.388-.274.383-.65.377-1.127v-.087c0-.5-.018-1-.033-1.493-.029-.987-.059-2.007,0-3.008l0-.066.05-.044a6.185,6.185,0,0,0,.739-5.785,2.755,2.755,0,0,1-.126-.287.911.911,0,0,0-.2-.346l-.241-.259.353-.01c.654-.018,1.188-.009,1.706,0s1.045.018,1.691,0h.047l.04.025a2.716,2.716,0,0,0,.835.289c.082.019.163.037.242.057a.671.671,0,0,0,.471-.609,3.144,3.144,0,0,0-.058-.847c-.014-.061-.041-.175-.416-.117a1.064,1.064,0,0,0-.384.158l-.057.032c-.2.115-.431.254-.631.379L27.5,9.87h-.043a36.353,36.353,0,0,1-4.278-.077l-.042,0L23.1,9.767a12.347,12.347,0,0,0-9.461-1.725l-.1.018-.059-.08c-.747-1.02-2.334-.227-3.493.352a7.889,7.889,0,0,1-.95.43l-.032.01-.033,0a12.788,12.788,0,0,0-4,.236c-1.121.264-1.2.4-1.547,1.574a30.75,30.75,0,0,0-1,11.09,1.683,1.683,0,0,0,.258.884,1.551,1.551,0,0,0,1.033.666.493.493,0,0,0,.413-.179.552.552,0,0,0,.182-.532c0-.049-.006-.1-.007-.164-.011-.386-.055-.758-.1-1.118a8.743,8.743,0,0,1-.087-1.243,5.022,5.022,0,0,1,.251-1.7,2.67,2.67,0,0,1,1.24-1.509,1.4,1.4,0,0,1,1.444-.1c1.223.733,1.2,3.89,1.19,5.238v.167A1.4,1.4,0,0,0,9.28,22.7a.2.2,0,0,1,.15.045.4.4,0,0,1,.1.3C9.528,23.071,9.529,23.1,9.531,23.121Zm-.216-.1h0Z' }),
-            React.createElement("path", { fill: fill || '#6978ab', d: 'M18.572,19.946a4.782,4.782,0,0,0,.946-.189,11.582,11.582,0,0,1,.137,2.749,1.177,1.177,0,0,1-1.134-.663A8.774,8.774,0,0,1,18.572,19.946Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M19.622,22.666a1.33,1.33,0,0,1-1.242-.749l-.015-.028,0-.032a8.978,8.978,0,0,1,.052-1.932l.016-.124.124-.014a4.7,4.7,0,0,0,.915-.182l.164-.053.04.168a10.177,10.177,0,0,1,.147,2.484l-.008.459-.154,0Zm-.944-.87a1,1,0,0,0,.821.545l0-.144a10.985,10.985,0,0,0-.1-2.238,5.036,5.036,0,0,1-.683.13A8.609,8.609,0,0,0,18.677,21.8Z' }),
-            React.createElement("path", { fill: fill || 'url(#a)', d: 'M4.052,22.683c-.225-1.474-.454-4.075.6-5.315a3.452,3.452,0,0,1,.27-.321c1.663-1.566,3.112-.219,3.505,1.515a27.314,27.314,0,0,1,.051,3.295,1.109,1.109,0,0,0,1.051.6c.153.316.112.551.286.76a2.5,2.5,0,0,0,2.7.694,8.441,8.441,0,0,0,.913-.454,10.14,10.14,0,0,0-.1-4.045c0-.184-.061-.306-.061-.49a.626.626,0,0,1,.311.138c-.2.734,2.556,1.239,5.771.352.036-.128-.026-.286.051-.332a.4.4,0,0,1,.337-.041c.015.235.02.464.036.7a4.654,4.654,0,0,0,.75.01.838.838,0,0,1-.6.214c.056,0-.031.107.02.117.148.036.429-.02.546.031-.219.128-.464.056-.612.2.036.78.056,1.617.087,2.4a2.591,2.591,0,0,0,3.311-.148,28.633,28.633,0,0,0-.1-4.7c-.117-.015-.235-.036-.352-.051,1.827-2.458,2.179-4.973.648-7.243-.015-.1-.082-.2-.1-.3,1.332-.051,2.7.087,4.036.036a6.478,6.478,0,0,0,1.112.311c.393-.138.464-1.229.077-1.107s-.6.367-1.015.52c-1.531,0-3.23-.061-4.76-.061a9.5,9.5,0,0,0-9-1.551,8.371,8.371,0,0,1,.26,6.427c-.087.286-1.408,1.122-.327.209,1.092-.928.408-7.375-.934-7.386a6.327,6.327,0,0,0-4.25,1.7c-.209-.224-.194-.133-.1-.449a9.863,9.863,0,0,0-3.4.3,1.428,1.428,0,0,0-1.3.949,33.949,33.949,0,0,0-1.2,11.094,4.574,4.574,0,0,0,.352,1.3c.6.658.924.469,1.123.122Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M6.446,10.422a2.187,2.187,0,0,0-1.063-.149.144.144,0,0,0-.153.1.2.2,0,0,0-.02.154c.031.087.036.082.112.1a.648.648,0,0,0,.3-.026.883.883,0,0,1,.746-.036c.112-.005.123-.051.087-.139Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M5.406,10.791a.566.566,0,0,1-.118-.012l-.013,0a.246.246,0,0,1-.217-.2.367.367,0,0,1,.031-.284.294.294,0,0,1,.283-.18,2.335,2.335,0,0,1,1.1.149h.082l.041.1a.237.237,0,0,1-.227.359H6.344l-.027-.008a.722.722,0,0,0-.62.022l-.018.011-.02.005A.989.989,0,0,1,5.406,10.791Zm-.044-.323a.5.5,0,0,0,.2-.02l.054-.027c-.07,0-.141,0-.213.011H5.377l-.006.012A.075.075,0,0,0,5.362,10.468Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M5.622,11.687a.549.549,0,0,1,.507-.311c.02-.128,0-.2-.164-.2a1.535,1.535,0,0,0-.578.51,1.051,1.051,0,0,0-.077.6.538.538,0,0,0,.2.352.666.666,0,0,0,.752-.031c.358-.209.716-.806.087-1.031a.963.963,0,0,0-.732.153c-.01.005-.015-.015,0-.041Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M5.816,12.906a.622.622,0,0,1-.408-.142.7.7,0,0,1-.256-.458,1.154,1.154,0,0,1,.1-.7,1.7,1.7,0,0,1,.635-.568l.035-.021H5.96a.338.338,0,0,1,.269.095.348.348,0,0,1,.058.289h0a.683.683,0,0,1,.564.524.975.975,0,0,1-.508.823A1.067,1.067,0,0,1,5.816,12.906ZM5.493,11.84a1.082,1.082,0,0,0-.024.432.38.38,0,0,0,.145.248c.193.161.506-.011.567-.047a.674.674,0,0,0,.352-.518c-.009-.1-.089-.172-.237-.225a.824.824,0,0,0-.593.138l-.013.007-.107.054-.088-.089Z' }),
-            React.createElement("path", { fill: fill || '#fefefe', d: 'M5.9,12.381a.4.4,0,0,0,.021.107.211.211,0,0,0,.021.046.215.215,0,0,1-.2.02c-.221-.1-.205-.41-.092-.578a.671.671,0,0,1,.529-.292c.118.061.154.118.092.133a.337.337,0,0,0-.1.036.183.183,0,0,0-.1.113c.051.015.077,0,.123.02v.159a.24.24,0,0,0-.159-.02c-.1.031-.139.174-.139.261Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M6.323,16.459A2.19,2.19,0,0,0,8,13.834a1.1,1.1,0,0,1-.511-.138c-.01-.066-.015-.133-.026-.2.414.2,1,.26.924-.373.056-.015.143-.02.2-.036-.02.444-.1.485-.373.674a3.01,3.01,0,0,1-.9,2.666.881.881,0,0,0,.036.414,1.233,1.233,0,0,0-1.026-.373Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M7.632,17.391l-.4-.442a1.081,1.081,0,0,0-.906-.32l-.162,0v-.28l.113-.045a2.02,2.02,0,0,0,1.584-2.327,1.028,1.028,0,0,1-.458-.147l-.062-.039L7.33,13.72c-.005-.035-.01-.07-.014-.105s-.007-.062-.012-.094l-.046-.3.273.132a.734.734,0,0,0,.625.08c.064-.045.088-.143.071-.291l-.015-.136.132-.036a.994.994,0,0,1,.119-.022.721.721,0,0,0,.08-.014l.212-.058-.01.219c-.021.456-.121.571-.361.742a3.172,3.172,0,0,1-.925,2.669.941.941,0,0,0,.035.252Zm-.7-1.008a1.2,1.2,0,0,1,.21.09.431.431,0,0,1,.021-.1l.011-.032.023-.025q.128-.137.237-.275A2.643,2.643,0,0,1,6.932,16.383Z' }),
-            React.createElement("path", { fill: fill || '#8093d0', d: 'M22.157,23.213c-.025-.377-.071-.708-.082-1.086-.025-.866-.683-1.055-.719-.189-.02.454,0,.882,0,1.31A2.244,2.244,0,0,0,22.157,23.213Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M21.739,23.32c-.1,0-.194-.006-.289-.012L21.3,23.3v-.05c0-.142,0-.283,0-.425,0-.286-.009-.582,0-.887.019-.453.2-.614.361-.614h0c.213,0,.447.283.463.8.006.231.026.442.046.665.013.136.025.274.035.418l0,.043-.041.012A1.523,1.523,0,0,1,21.739,23.32ZM21.41,23.2l.048,0a1.993,1.993,0,0,0,.643-.029c-.009-.128-.021-.251-.032-.372-.021-.225-.04-.437-.047-.672-.013-.431-.2-.7-.357-.7h0c-.108,0-.239.134-.255.512-.014.3-.009.6,0,.881C21.408,22.948,21.41,23.073,21.41,23.2Z' }),
-            React.createElement("path", { fill: fill || '#8093d0', d: 'M21.368,23.257a6.358,6.358,0,0,1-.081-1.317c.056-.8-.7-1.643-.751-.158a7.955,7.955,0,0,0,.051,1.3A5.155,5.155,0,0,0,21.368,23.257Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M21.429,23.321l-.069-.011a5.145,5.145,0,0,1-.79-.175l-.032-.011,0-.033a7.975,7.975,0,0,1-.051-1.31c.016-.479.1-.763.263-.845a.221.221,0,0,1,.234.023,1.2,1.2,0,0,1,.361.985A5.475,5.475,0,0,0,21.4,23.1Zm-.794-.277a5,5,0,0,0,.671.15l-.01-.083a5.645,5.645,0,0,1-.063-1.174,1.1,1.1,0,0,0-.313-.889.119.119,0,0,0-.126-.018c-.055.028-.185.159-.206.754A7.9,7.9,0,0,0,20.635,23.044Z' }),
-            "fill=",
-            fill || '#8093d0',
-            React.createElement("path", { d: 'M20.588,23.15l-.107-1.7c-.077-1.269-.587-1.121-.628-.076-.02.494.02.764-.026,1.259.24.163.49.484.761.51Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M20.583,23.2a1.1,1.1,0,0,1-.555-.331,2.5,2.5,0,0,0-.23-.188l-.026-.018,0-.031a6.217,6.217,0,0,0,.021-.72c0-.162,0-.329,0-.536.021-.533.162-.879.359-.881h0c.2,0,.338.357.374.956l.107,1.7h0v0l-.054,0Zm-.7-.589c.072.052.144.116.215.178a1.28,1.28,0,0,0,.432.293l-.1-1.624c-.038-.629-.181-.856-.268-.856h0c-.09,0-.233.249-.253.779-.009.2-.006.371,0,.531A6.444,6.444,0,0,1,19.883,22.609Z' }),
-            "fill=",
-            fill || '#8093d0',
-            React.createElement("path", { d: 'M11.865,24.028a7.005,7.005,0,0,0-.061-1.191c-.214-.92-.484-1.033-.8-.353v1.528a3.474,3.474,0,0,0,.862.01Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M11.542,24.1c-.166,0-.332-.015-.495-.03l-.1-.009,0-1.6c.153-.329.3-.482.448-.466.182.019.326.282.453.829l.01.087a6.605,6.605,0,0,1,.053,1.118h-.052l.007.046A2.073,2.073,0,0,1,11.542,24.1Zm-.486-.136h0a3.437,3.437,0,0,0,.757.013,6.638,6.638,0,0,0-.054-1.053l-.009-.081c-.146-.627-.288-.734-.359-.741-.055,0-.168.039-.335.395Z' }),
-            React.createElement("path", { fill: fill || '#8093d0', d: 'M10.3,23.776c.005-.586.01-.974.01-1.56.214-.862.433-.775.647.26.005.556.01.918.01,1.473a1.647,1.647,0,0,1-.673-.173Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M11.017,24.009l-.09-.01a1.627,1.627,0,0,1-.663-.177l-.175-.1h.154l0-.3c0-.41.007-.749.007-1.211l0-.013c.108-.434.214-.628.345-.628h0c.1,0,.241.105.4.89l0,.346c0,.385.007.7.007,1.139Zm-.667-.262a1.517,1.517,0,0,0,.561.142c0-.406,0-.711-.007-1.078l0-.335c-.157-.753-.277-.794-.3-.794s-.109.012-.241.54c0,.459,0,.8-.007,1.206Z' }),
-            React.createElement("path", { fill: fill || '#8093d0', d: 'M9.5,22.623c.031-.49.133-.985.163-1.475-.2-.97-.418-1.143-.647-.51-.01.628-.015,1.261-.025,1.889a.711.711,0,0,0,.51.1Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M9.373,22.7a.8.8,0,0,1-.348-.1l-.084-.038v-.035q.008-.471.013-.944t.013-.945l0-.017c.1-.287.206-.416.326-.408s.259.121.424.926v.014c-.015.247-.049.5-.082.741s-.066.49-.081.732v.046l-.042.009A.679.679,0,0,1,9.373,22.7Zm-.324-.2.02.009a.61.61,0,0,0,.385.082c.016-.235.048-.474.08-.705s.065-.486.081-.727c-.157-.763-.289-.831-.326-.834-.02,0-.1.017-.215.33q-.008.466-.013.935T9.049,22.492Z' }),
-            React.createElement("path", { fill: fill || '#8093d0', d: 'M19.021,22.468c.041-.521-.015-.955,0-1.465.015-.618.626-.439.652.128s.056.858.087,1.424a1.309,1.309,0,0,1-.733-.087Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M19.463,22.618a.922.922,0,0,1-.451-.1h-.044v-.057a7.342,7.342,0,0,0,.006-.836c-.006-.2-.013-.407-.006-.626.008-.322.167-.438.313-.439h0c.2,0,.427.215.442.566.015.289.03.5.044.721s.028.423.043.7l0,.054-.155.006C19.592,22.615,19.527,22.618,19.463,22.618Zm-.387-.184a1.1,1.1,0,0,0,.579.072l.048,0c-.014-.253-.027-.451-.04-.648-.014-.217-.028-.433-.044-.723s-.183-.465-.336-.465h0c-.125,0-.2.127-.208.336s0,.421.006.62A7.778,7.778,0,0,1,19.076,22.434Z' }),
-            React.createElement("path", { fill: fill || '#b9c5ea', d: 'M18.989,22.487c-.015-.382-.01-.841-.025-1.223.036-.525-.326-1.3-.468-.438a8.571,8.571,0,0,0-.081.963A4.066,4.066,0,0,0,18.989,22.487Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M19.046,22.595l-.089-.064A2.556,2.556,0,0,1,18.5,22c-.048-.067-.092-.128-.128-.174l-.013-.016v-.02c.007-.1.012-.2.016-.28a5.486,5.486,0,0,1,.066-.688c.018-.112.074-.452.253-.43.2.024.343.558.321.88.008.186.01.4.013.607s.005.42.013.61Zm-.578-.822c.035.045.075.1.119.162a3.567,3.567,0,0,0,.345.433c0-.158-.007-.327-.009-.491,0-.206-.005-.42-.013-.61.025-.372-.14-.763-.227-.773-.019-.006-.088.054-.136.341a5.4,5.4,0,0,0-.065.676C18.478,21.591,18.474,21.676,18.468,21.772Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M14.443,15.459c.26-1.24.515-2.48.775-3.725.041-.291.117-.551.423-.577h.372c.224,0,.352.133.372.4l-.076.551c.01.225.148.352.423.373.372.015.75.036,1.122.051.561.036.938.276.9.975-.117.617-.235,1.235-.352,1.847a.725.725,0,0,1-.474.648c-.168-.01-.357.01-.525,0-.291.015-.459-.092-.352-.475.107-.485.24-1.092.352-1.577.041-.577-.173-.607-.4-.648-.194-.026-.382,0-.576-.026-.286.041-.393.316-.474.623-.122.515-.25,1.031-.372,1.551-.056.281-.117.464-.326.551h-.622q-.352-.077-.2-.551Z' }),
-            React.createElement("path", { fill: fill || '#fefefe', d: 'M17.509,16.11c-.037,0-.073,0-.109,0a.468.468,0,0,1-.415-.137.511.511,0,0,1-.039-.473l.061-.278c.093-.422.2-.893.288-1.286.031-.465-.094-.488-.3-.526-.186-.025-.365,0-.565-.024-.2.036-.291.235-.373.542-.054.227-.11.458-.166.689-.069.286-.138.572-.206.86s-.123.514-.389.625l-.02.008-.666,0a.4.4,0,0,1-.276-.185.616.616,0,0,1,0-.5l.033-.1q.2-.969.4-1.939.172-.83.345-1.661c.028-.2.087-.625.519-.661h.381c.164,0,.445.064.478.5v.011l-.077.552c.007.113.054.242.324.262l.561.025.557.025a.928.928,0,0,1,1,1.087l0,.014c-.117.618-.235,1.235-.352,1.848a.829.829,0,0,1-.543.728l-.02.007h-.022c-.079,0-.164,0-.253,0C17.614,16.108,17.561,16.11,17.509,16.11Zm-.108-.216h.006c.079,0,.164,0,.253,0s.168,0,.25,0a.625.625,0,0,0,.385-.557q.176-.92.351-1.844c.031-.562-.208-.818-.8-.855l-.556-.025-.563-.026c-.44-.033-.518-.311-.525-.474V12.1l.076-.549c-.023-.256-.154-.289-.265-.289h-.372c-.184.016-.27.143-.318.485-.117.562-.232,1.115-.347,1.668q-.214,1.033-.43,2.064l-.04.193-.012-.012a.261.261,0,0,0,.023.151.187.187,0,0,0,.126.081h.587c.143-.068.192-.2.244-.466.069-.292.138-.579.207-.865q.084-.346.166-.691c.061-.228.172-.648.563-.7l.014,0,.015,0c.182.024.372,0,.576.026l.014,0c.286.052.519.145.476.759l0,.017c-.091.394-.2.868-.289,1.292l-.063.284c-.04.143-.04.241,0,.289s.157.061.243.057Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M9.624,16.894c.255-1.322.515-2.644.771-3.961a.426.426,0,0,1,.449-.449h2.348a1.231,1.231,0,0,1,1.107.623,1.587,1.587,0,0,1,.189.934,2.35,2.35,0,0,1-.694,1.465,2.186,2.186,0,0,1-1.148.5c-.4.01-.8.015-1.2.026-.23-.02-.459.041-.515.225-.071.25-.122.5-.194.745a.42.42,0,0,1-.265.23c-.23.005-.464.005-.694.01C9.532,17.246,9.583,17.1,9.624,16.894Zm1.638-2.266c.066-.347.148-.74.209-1.046a.452.452,0,0,1,.449-.3,1.825,1.825,0,0,1,.715.092.766.766,0,0,1,.383,1.082,1.437,1.437,0,0,1-.852.7,1.651,1.651,0,0,1-.51.051c-.439-.046-.475-.163-.4-.582Z' }),
-            React.createElement("path", { fill: fill || '#fefefe', d: 'M9.766,17.348a.283.283,0,0,1-.232-.085c-.076-.091-.05-.214-.023-.344l.009-.045q.211-1.092.425-2.184.172-.882.343-1.762a.5.5,0,0,1,.138-.377.559.559,0,0,1,.423-.173h2.343a1.327,1.327,0,0,1,1.2.681,1.693,1.693,0,0,1,.2.99,2.458,2.458,0,0,1-.724,1.532l-.012.011a2.288,2.288,0,0,1-1.2.521c-.206.006-.407.009-.607.013l-.6.013h-.012c-.161-.014-.364.016-.4.15s-.065.244-.1.367-.062.25-.1.377a.509.509,0,0,1-.326.3l-.019.008h-.02l-.345.005-.349.005Zm-.067-.22a.226.226,0,0,0,.076.007l.352-.005.322,0c.108-.048.17-.1.187-.154.035-.123.065-.245.1-.368s.062-.25.1-.376c.065-.214.3-.329.621-.3l.594-.013.6-.013a2.083,2.083,0,0,0,1.08-.474,2.246,2.246,0,0,0,.659-1.392,1.487,1.487,0,0,0-.178-.879,1.144,1.144,0,0,0-1.018-.564H10.844a.343.343,0,0,0-.263.107.285.285,0,0,0-.08.226l0,.015,0,.015q-.172.887-.346,1.777-.213,1.091-.425,2.184l-.01.047a.541.541,0,0,0-.02.166Zm2.052-1.812c-.035,0-.07,0-.106,0a.636.636,0,0,1-.458-.179c-.089-.119-.081-.277-.035-.528l.036-.2.007.007c.035-.179.073-.363.108-.536l.073-.343a.555.555,0,0,1,.552-.36,1.889,1.889,0,0,1,.745.1.806.806,0,0,1,.472.449.99.99,0,0,1-.03.776l-.007.013a1.536,1.536,0,0,1-.911.745A2.067,2.067,0,0,1,11.75,15.316Zm-.413-.512a.307.307,0,0,0,.021.2c.035.046.133.076.308.095a1.579,1.579,0,0,0,.476-.049,1.322,1.322,0,0,0,.781-.645.775.775,0,0,0,.025-.6.6.6,0,0,0-.351-.331,1.712,1.712,0,0,0-.674-.085.34.34,0,0,0-.35.23l-.061.3c-.048.236-.1.493-.145.729Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M18.545,16.894c.255-1.322.515-2.644.771-3.961a.426.426,0,0,1,.449-.449h2.348a1.231,1.231,0,0,1,1.107.623,1.587,1.587,0,0,1,.189.934,2.35,2.35,0,0,1-.694,1.465,2.186,2.186,0,0,1-1.148.5c-.4.01-.8.015-1.2.026-.23-.02-.459.041-.515.225-.071.25-.122.5-.194.745a.42.42,0,0,1-.265.23c-.23.005-.464.005-.694.01C18.453,17.246,18.5,17.1,18.545,16.894Zm1.638-2.266c.066-.347.148-.74.209-1.046a.452.452,0,0,1,.449-.3,1.825,1.825,0,0,1,.715.092.766.766,0,0,1,.383,1.082,1.437,1.437,0,0,1-.852.7,1.651,1.651,0,0,1-.51.051c-.439-.046-.475-.163-.4-.582Z' }),
-            React.createElement("path", { fill: fill || '#fefefe', d: 'M18.687,17.348a.284.284,0,0,1-.232-.085c-.076-.091-.05-.214-.023-.344l.009-.045q.21-1.089.423-2.176.173-.886.345-1.77a.5.5,0,0,1,.138-.377.559.559,0,0,1,.423-.173h2.343a1.327,1.327,0,0,1,1.2.681,1.694,1.694,0,0,1,.2.99,2.459,2.459,0,0,1-.724,1.532l-.012.011a2.288,2.288,0,0,1-1.2.521c-.206.006-.407.009-.607.013l-.6.013h-.012c-.162-.014-.364.016-.4.15s-.065.244-.1.366-.062.251-.1.377a.509.509,0,0,1-.326.3l-.019.008h-.02l-.345.005-.349.005Zm-.067-.22a.238.238,0,0,0,.076.007l.352-.005.322,0c.108-.048.17-.1.187-.154.035-.123.066-.246.1-.368s.062-.249.1-.375c.065-.214.3-.329.621-.3l.594-.013.6-.013a2.083,2.083,0,0,0,1.08-.474,2.246,2.246,0,0,0,.659-1.392,1.486,1.486,0,0,0-.178-.879,1.144,1.144,0,0,0-1.018-.564H19.765a.341.341,0,0,0-.263.107.285.285,0,0,0-.08.226l0,.015,0,.015q-.173.891-.347,1.785-.212,1.087-.423,2.176h0l-.01.047a.541.541,0,0,0-.02.166Zm2.052-1.812c-.035,0-.07,0-.106,0a.636.636,0,0,1-.458-.179c-.089-.119-.081-.277-.035-.528l.036-.2.007.007c.035-.18.073-.365.108-.539l.073-.341a.552.552,0,0,1,.552-.36,1.9,1.9,0,0,1,.745.1.806.806,0,0,1,.472.449.99.99,0,0,1-.03.776l-.007.013a1.536,1.536,0,0,1-.911.745A2.067,2.067,0,0,1,20.672,15.316Zm-.414-.511a.307.307,0,0,0,.021.2c.035.046.133.076.308.095a1.58,1.58,0,0,0,.476-.049,1.322,1.322,0,0,0,.781-.645.775.775,0,0,0,.025-.6.6.6,0,0,0-.351-.331,1.709,1.709,0,0,0-.674-.085.341.341,0,0,0-.35.23l-.061.3c-.048.237-.1.495-.145.731Z' }),
-            React.createElement("path", { fill: fill || '#ebefff', d: 'M3.425,22.906a1.615,1.615,0,0,1-.3-.393,1.41,1.41,0,0,1-.173-.735c-.26-4.433-.031-8.31,1.382-11.478.173-.388.2-.505.561-.684a7.429,7.429,0,0,1,3.452-.4c.036-.1.107-.2.076-.3a9.955,9.955,0,0,0-3.146.25c-.7.112-1.382.235-1.55,1.347-1.412,3.739-1.31,7.28-1.163,10.759a2.433,2.433,0,0,0,.112.74c.275.877.541.847.75.893Z' }),
-            React.createElement("path", { fill: fill || '#ebefff', d: 'M8.848,22.351c0-.923-.076-1.846-.076-2.773a5.413,5.413,0,0,0-.341-1.545,7.481,7.481,0,0,0-.7-1.025,7.387,7.387,0,0,1,.7,4.92C8.573,22.07,8.7,22.213,8.848,22.351Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M8.924,22.534l-.071-.027a1.536,1.536,0,0,1-.66-.542l-.069-.087h.065c.015-.331.009-.634,0-.928-.006-.31-.013-.63.005-.982l0-.059.059.009a.788.788,0,0,1,.69.6l0,.008v.008c-.005.344-.009.65-.013.955s-.008.622-.013.97Zm-.631-.614a1.519,1.519,0,0,0,.526.458c0-.316.008-.6.012-.891,0-.3.008-.607.013-.947a.672.672,0,0,0-.544-.505c-.014.324-.008.623,0,.913C8.3,21.255,8.31,21.572,8.293,21.92Z' }),
-            React.createElement("path", { fill: fill || '#ebefff', d: 'M10.252,23.657a1.022,1.022,0,0,1-.5-.423c-.036-1.648-.067-3.3-.1-4.949l.251.25a6.049,6.049,0,0,1,.077,1.051l.077.2A37.7,37.7,0,0,0,10.252,23.657Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M10.335,24.023,10.265,24a1.209,1.209,0,0,1-.673-.586L9.585,23.4V23.38c0-.549.01-1.117.01-1.673v-.014l.007-.012c.151-.275.281-.452.423-.424.111.022.236.151.32.935,0,.583-.01,1.177-.01,1.758Zm-.643-.65a1.124,1.124,0,0,0,.537.5c0-.557.005-1.124.01-1.674-.078-.729-.19-.829-.234-.838s-.13.047-.3.359C9.7,22.27,9.7,22.831,9.692,23.374Zm-.044.009h0Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M8.5,18.057a.708.708,0,0,0-.036-.25c.041.01.082.015.122.026l.647.526a.377.377,0,0,0,.2-.2.27.27,0,0,1,.214.1c.01.419-.02.832-.01,1.25a.356.356,0,0,1,.122.225,7.181,7.181,0,0,1,.8.077c.015.066.036.107.051.174a4.038,4.038,0,0,0-.9,0v.189a2.838,2.838,0,0,1,.7.051c.01.056.015.082.025.138a2.831,2.831,0,0,0-.749.01c.031,1.031.041,2.052,0,3.088-.082-.194-.239-.383-.326-.577a19.57,19.57,0,0,0,.061-3.976A2.746,2.746,0,0,0,8.5,18.057Z' }),
-            React.createElement("path", { fill: fill || '#373435', d: 'M9.544,23.524a1.979,1.979,0,0,0-.155-.274,2.414,2.414,0,0,1-.17-.3L9.2,22.909l.006-.045a19.407,19.407,0,0,0,.062-3.9,2.7,2.7,0,0,0-.852-.767l-.09-.058.02-.106a.343.343,0,0,0-.018-.113c-.007-.027-.013-.053-.018-.079l-.046-.245.242.06.052.011c.023,0,.047.009.07.015l.034.009.584.474a.156.156,0,0,0,.039-.057l.039-.1h.111a.427.427,0,0,1,.345.171l.027.039v.048c.005.213,0,.427-.005.633,0,.183-.009.372-.006.558a.572.572,0,0,1,.086.131c.166.007.33.029.49.049l.206.025.112.013.025.11a.73.73,0,0,0,.021.072c.01.031.021.063.03.1l.049.212-.217-.017-.039,0,.073.4-.211-.022a2.894,2.894,0,0,0-.569-.009c.032,1.14.03,2.082,0,2.954ZM9.53,22.86l.019.036q0-.108,0-.219Q9.542,22.769,9.53,22.86ZM9.315,18.5a1.989,1.989,0,0,1,.175.215c0-.115,0-.231,0-.346A.62.62,0,0,1,9.315,18.5Z' }),
-            React.createElement("path", { fill: fill || '#ebefff', d: 'M9.121,8.964a3.473,3.473,0,0,0,1.307-.449,5.948,5.948,0,0,1,2.593-.75,1.8,1.8,0,0,0-1.2-.1A7.176,7.176,0,0,0,9.121,8.964Z' }),
-            React.createElement("path", { fill: fill || '#ebefff', d: 'M14.114,8.41a10.412,10.412,0,0,1,6.65.3,9.77,9.77,0,0,0-6.624-.447C14.139,8.365,14.114,8.314,14.114,8.41Z' }))));
-};
-
-const PostgresLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 264 264', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { fill: fill || '#000000', d: 'M255.008 158.086c-1.535-4.649-5.556-7.887-10.756-8.664-2.452-.366-5.26-.21-8.583.475-5.792 1.195-10.089 1.65-13.225 1.738 11.837-19.985 21.462-42.775 27.003-64.228 8.96-34.689 4.172-50.492-1.423-57.64C233.217 10.847 211.614.683 185.552.372c-13.903-.17-26.108 2.575-32.475 4.549-5.928-1.046-12.302-1.63-18.99-1.738-12.537-.2-23.614 2.533-33.079 8.15-5.24-1.772-13.65-4.27-23.362-5.864-22.842-3.75-41.252-.828-54.718 8.685C6.622 25.672-.937 45.684.461 73.634c.444 8.874 5.408 35.874 13.224 61.48 4.492 14.718 9.282 26.94 14.237 36.33 7.027 13.315 14.546 21.156 22.987 23.972 4.731 1.576 13.327 2.68 22.368-4.85 1.146 1.388 2.675 2.767 4.704 4.048 2.577 1.625 5.728 2.953 8.875 3.74 11.341 2.835 21.964 2.126 31.027-1.848.056 1.612.099 3.152.135 4.482.06 2.157.12 4.272.199 6.25.537 13.374 1.447 23.773 4.143 31.049.148.4.347 1.01.557 1.657 1.345 4.118 3.594 11.012 9.316 16.411 5.925 5.593 13.092 7.308 19.656 7.308 3.292 0 6.433-.432 9.188-1.022 9.82-2.105 20.973-5.311 29.041-16.799 7.628-10.86 11.336-27.217 12.007-52.99.087-.729.167-1.425.244-2.088l.16-1.362 1.797.158.463.031c10.002.456 22.232-1.665 29.743-5.154 5.935-2.754 24.954-12.795 20.476-26.351' }),
-        React.createElement("path", { fill: fill || '#336791', d: 'M237.906 160.722c-29.74 6.135-31.785-3.934-31.785-3.934 31.4-46.593 44.527-105.736 33.2-120.211-30.904-39.485-84.399-20.811-85.292-20.327l-.287.052c-5.876-1.22-12.451-1.946-19.842-2.067-13.456-.22-23.664 3.528-31.41 9.402 0 0-95.43-39.314-90.991 49.444.944 18.882 27.064 142.873 58.218 105.422 11.387-13.695 22.39-25.274 22.39-25.274 5.464 3.63 12.006 5.482 18.864 4.817l.533-.452c-.166 1.7-.09 3.363.213 5.332-8.026 8.967-5.667 10.541-21.711 13.844-16.235 3.346-6.698 9.302-.471 10.86 7.549 1.887 25.013 4.561 36.813-11.958l-.47 1.885c3.144 2.519 5.352 16.383 4.982 28.952-.37 12.568-.617 21.197 1.86 27.937 2.479 6.74 4.948 21.905 26.04 17.386 17.623-3.777 26.756-13.564 28.027-29.89.901-11.606 2.942-9.89 3.07-20.267l1.637-4.912c1.887-15.733.3-20.809 11.157-18.448l2.64.232c7.99.363 18.45-1.286 24.589-4.139 13.218-6.134 21.058-16.377 8.024-13.686h.002' }),
-        React.createElement("path", { fill: fill || '#FFFFFF', d: 'M108.076 81.525c-2.68-.373-5.107-.028-6.335.902-.69.523-.904 1.129-.962 1.546-.154 1.105.62 2.327 1.096 2.957 1.346 1.784 3.312 3.01 5.258 3.28.282.04.563.058.842.058 3.245 0 6.196-2.527 6.456-4.392.325-2.336-3.066-3.893-6.355-4.35m88.784.073c-.256-1.831-3.514-2.353-6.606-1.923-3.088.43-6.082 1.824-5.832 3.659.2 1.427 2.777 3.863 5.827 3.863.258 0 .518-.017.78-.054 2.036-.282 3.53-1.575 4.24-2.32 1.08-1.136 1.706-2.402 1.591-3.225' }),
-        React.createElement("path", { fill: fill || '#FFFFFF', d: 'M247.802 160.025c-1.134-3.429-4.784-4.532-10.848-3.28-18.005 3.716-24.453 1.142-26.57-.417 13.995-21.32 25.508-47.092 31.719-71.137 2.942-11.39 4.567-21.968 4.7-30.59.147-9.463-1.465-16.417-4.789-20.665-13.402-17.125-33.072-26.311-56.882-26.563-16.369-.184-30.199 4.005-32.88 5.183-5.646-1.404-11.801-2.266-18.502-2.376-12.288-.199-22.91 2.743-31.704 8.74-3.82-1.422-13.692-4.811-25.765-6.756-20.872-3.36-37.458-.814-49.294 7.571-14.123 10.006-20.643 27.892-19.38 53.16.425 8.501 5.269 34.653 12.913 59.698 10.062 32.964 21 51.625 32.508 55.464 1.347.449 2.9.763 4.613.763 4.198 0 9.345-1.892 14.7-8.33a529.832 529.832 0 0 1 20.261-22.926c4.524 2.428 9.494 3.784 14.577 3.92.01.133.023.266.035.398a117.66 117.66 0 0 0-2.57 3.175c-3.522 4.471-4.255 5.402-15.592 7.736-3.225.666-11.79 2.431-11.916 8.435-.136 6.56 10.125 9.315 11.294 9.607 4.074 1.02 7.999 1.523 11.742 1.523 9.103 0 17.114-2.992 23.516-8.781-.197 23.386.778 46.43 3.586 53.451 2.3 5.748 7.918 19.795 25.664 19.794 2.604 0 5.47-.303 8.623-.979 18.521-3.97 26.564-12.156 29.675-30.203 1.665-9.645 4.522-32.676 5.866-45.03 2.836.885 6.487 1.29 10.434 1.289 8.232 0 17.731-1.749 23.688-4.514 6.692-3.108 18.768-10.734 16.578-17.36zm-44.106-83.48c-.061 3.647-.563 6.958-1.095 10.414-.573 3.717-1.165 7.56-1.314 12.225-.147 4.54.42 9.26.968 13.825 1.108 9.22 2.245 18.712-2.156 28.078a36.508 36.508 0 0 1-1.95-4.009c-.547-1.326-1.735-3.456-3.38-6.404-6.399-11.476-21.384-38.35-13.713-49.316 2.285-3.264 8.084-6.62 22.64-4.813zm-17.644-61.787c21.334.471 38.21 8.452 50.158 23.72 9.164 11.711-.927 64.998-30.14 110.969a171.33 171.33 0 0 0-.886-1.117l-.37-.462c7.549-12.467 6.073-24.802 4.759-35.738-.54-4.488-1.05-8.727-.92-12.709.134-4.22.692-7.84 1.232-11.34.663-4.313 1.338-8.776 1.152-14.037.139-.552.195-1.204.122-1.978-.475-5.045-6.235-20.144-17.975-33.81-6.422-7.475-15.787-15.84-28.574-21.482 5.5-1.14 13.021-2.203 21.442-2.016zM66.674 175.778c-5.9 7.094-9.974 5.734-11.314 5.288-8.73-2.912-18.86-21.364-27.791-50.624-7.728-25.318-12.244-50.777-12.602-57.916-1.128-22.578 4.345-38.313 16.268-46.769 19.404-13.76 51.306-5.524 64.125-1.347-.184.182-.376.352-.558.537-21.036 21.244-20.537 57.54-20.485 59.759-.002.856.07 2.068.168 3.735.362 6.105 1.036 17.467-.764 30.334-1.672 11.957 2.014 23.66 10.111 32.109a36.275 36.275 0 0 0 2.617 2.468c-3.604 3.86-11.437 12.396-19.775 22.426zm22.479-29.993c-6.526-6.81-9.49-16.282-8.133-25.99 1.9-13.592 1.199-25.43.822-31.79-.053-.89-.1-1.67-.127-2.285 3.073-2.725 17.314-10.355 27.47-8.028 4.634 1.061 7.458 4.217 8.632 9.645 6.076 28.103.804 39.816-3.432 49.229-.873 1.939-1.698 3.772-2.402 5.668l-.546 1.466c-1.382 3.706-2.668 7.152-3.465 10.424-6.938-.02-13.687-2.984-18.819-8.34zm1.065 37.9c-2.026-.506-3.848-1.385-4.917-2.114.893-.42 2.482-.992 5.238-1.56 13.337-2.745 15.397-4.683 19.895-10.394 1.031-1.31 2.2-2.794 3.819-4.602l.002-.002c2.411-2.7 3.514-2.242 5.514-1.412 1.621.67 3.2 2.702 3.84 4.938.303 1.056.643 3.06-.47 4.62-9.396 13.156-23.088 12.987-32.921 10.526zm69.799 64.952c-16.316 3.496-22.093-4.829-25.9-14.346-2.457-6.144-3.665-33.85-2.808-64.447.011-.407-.047-.8-.159-1.17a15.444 15.444 0 0 0-.456-2.162c-1.274-4.452-4.379-8.176-8.104-9.72-1.48-.613-4.196-1.738-7.46-.903.696-2.868 1.903-6.107 3.212-9.614l.549-1.475c.618-1.663 1.394-3.386 2.214-5.21 4.433-9.848 10.504-23.337 3.915-53.81-2.468-11.414-10.71-16.988-23.204-15.693-7.49.775-14.343 3.797-17.761 5.53-.735.372-1.407.732-2.035 1.082.954-11.5 4.558-32.992 18.04-46.59 8.489-8.56 19.794-12.788 33.568-12.56 27.14.444 44.544 14.372 54.366 25.979 8.464 10.001 13.047 20.076 14.876 25.51-13.755-1.399-23.11 1.316-27.852 8.096-10.317 14.748 5.644 43.372 13.315 57.129 1.407 2.521 2.621 4.7 3.003 5.626 2.498 6.054 5.732 10.096 8.093 13.046.724.904 1.426 1.781 1.96 2.547-4.166 1.201-11.649 3.976-10.967 17.847-.55 6.96-4.461 39.546-6.448 51.059-2.623 15.21-8.22 20.875-23.957 24.25zm68.104-77.936c-4.26 1.977-11.389 3.46-18.161 3.779-7.48.35-11.288-.838-12.184-1.569-.42-8.644 2.797-9.547 6.202-10.503.535-.15 1.057-.297 1.561-.473.313.255.656.508 1.032.756 6.012 3.968 16.735 4.396 31.874 1.271l.166-.033c-2.042 1.909-5.536 4.471-10.49 6.772z' })));
-};
-
-const PythonLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 256 256', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("defs", null,
-            React.createElement("linearGradient", { id: 'python-gradient-1', x1: '12.959%', x2: '79.639%', y1: '12.039%', y2: '78.201%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#387EB8' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#366994' })),
-            React.createElement("linearGradient", { id: 'python-gradient-2', x1: '19.128%', x2: '90.742%', y1: '20.579%', y2: '88.429%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#FFE052' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#FFC331' }))),
-        React.createElement("path", { fill: fill || 'url(#python-gradient-1)', d: 'M126.916.072c-64.832 0-60.784 28.115-60.784 28.115l.072 29.128h61.868v8.745H41.631S.145 61.355.145 126.77c0 65.417 36.21 63.097 36.21 63.097h21.61v-30.356s-1.165-36.21 35.632-36.21h61.362s34.475.557 34.475-33.319V33.97S194.67.072 126.916.072ZM92.802 19.66a11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13 11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.13Z' }),
-        React.createElement("path", { fill: fill || 'url(#python-gradient-2)', d: 'M128.757 254.126c64.832 0 60.784-28.115 60.784-28.115l-.072-29.127H127.6v-8.745h86.441s41.486 4.705 41.486-60.712c0-65.416-36.21-63.096-36.21-63.096h-21.61v30.355s1.165 36.21-35.632 36.21h-61.362s-34.475-.557-34.475 33.32v56.013s-5.235 33.897 62.518 33.897Zm34.114-19.586a11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.131 11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13Z' })));
-};
-
-const RedisLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 256 256', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { fill: fill || '#912626', d: 'M245.97 168.943c-13.662 7.121-84.434 36.22-99.501 44.075-15.067 7.856-23.437 7.78-35.34 2.09-11.902-5.69-87.216-36.112-100.783-42.597C3.566 169.271 0 166.535 0 163.951v-25.876s98.05-21.345 113.879-27.024c15.828-5.679 21.32-5.884 34.79-.95 13.472 4.936 94.018 19.468 107.331 24.344l-.006 25.51c.002 2.558-3.07 5.364-10.024 8.988' }),
-        React.createElement("path", { fill: fill || '#C6302B', d: 'M245.965 143.22c-13.661 7.118-84.431 36.218-99.498 44.072-15.066 7.857-23.436 7.78-35.338 2.09-11.903-5.686-87.214-36.113-100.78-42.594-13.566-6.485-13.85-10.948-.524-16.166 13.326-5.22 88.224-34.605 104.055-40.284 15.828-5.677 21.319-5.884 34.789-.948 13.471 4.934 83.819 32.935 97.13 37.81 13.316 4.881 13.827 8.9.166 16.02' }),
-        React.createElement("path", { fill: fill || '#912626', d: 'M245.97 127.074c-13.662 7.122-84.434 36.22-99.501 44.078-15.067 7.853-23.437 7.777-35.34 2.087-11.903-5.687-87.216-36.112-100.783-42.597C3.566 127.402 0 124.67 0 122.085V96.206s98.05-21.344 113.879-27.023c15.828-5.679 21.32-5.885 34.79-.95C162.142 73.168 242.688 87.697 256 92.574l-.006 25.513c.002 2.557-3.07 5.363-10.024 8.987' }),
-        React.createElement("path", { fill: fill || '#C6302B', d: 'M245.965 101.351c-13.661 7.12-84.431 36.218-99.498 44.075-15.066 7.854-23.436 7.777-35.338 2.087-11.903-5.686-87.214-36.112-100.78-42.594-13.566-6.483-13.85-10.947-.524-16.167C23.151 83.535 98.05 54.148 113.88 48.47c15.828-5.678 21.319-5.884 34.789-.949 13.471 4.934 83.819 32.933 97.13 37.81 13.316 4.88 13.827 8.9.166 16.02' }),
-        React.createElement("path", { fill: fill || '#912626', d: 'M245.97 83.653c-13.662 7.12-84.434 36.22-99.501 44.078-15.067 7.854-23.437 7.777-35.34 2.087-11.903-5.687-87.216-36.113-100.783-42.595C3.566 83.98 0 81.247 0 78.665v-25.88s98.05-21.343 113.879-27.021c15.828-5.68 21.32-5.884 34.79-.95C162.142 29.749 242.688 44.278 256 49.155l-.006 25.512c.002 2.555-3.07 5.361-10.024 8.986' }),
-        React.createElement("path", { fill: fill || '#C6302B', d: 'M245.965 57.93c-13.661 7.12-84.431 36.22-99.498 44.074-15.066 7.854-23.436 7.777-35.338 2.09C99.227 98.404 23.915 67.98 10.35 61.497-3.217 55.015-3.5 50.55 9.825 45.331 23.151 40.113 98.05 10.73 113.88 5.05c15.828-5.679 21.319-5.883 34.789-.948 13.471 4.935 83.819 32.934 97.13 37.811 13.316 4.876 13.827 8.897.166 16.017' }),
-        React.createElement("path", { fill: fill || '#FFFFFF', d: 'm159.283 32.757-22.01 2.285-4.927 11.856-7.958-13.23-25.415-2.284 18.964-6.839-5.69-10.498 17.755 6.944 16.738-5.48-4.524 10.855 17.067 6.391m-28.251 57.518L89.955 73.238l58.86-9.035-17.783 26.072m-56.95-50.928c17.375 0 31.46 5.46 31.46 12.194 0 6.736-14.085 12.195-31.46 12.195s-31.46-5.46-31.46-12.195c0-6.734 14.085-12.194 31.46-12.194' }),
-        React.createElement("path", { fill: fill || '#621B1C', d: 'm185.295 35.998 34.836 13.766-34.806 13.753-.03-27.52' }),
-        React.createElement("path", { fill: fill || '#9A2928', d: 'm146.755 51.243 38.54-15.245.03 27.519-3.779 1.478-34.791-13.752' })));
-};
-
-const RubyLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 256 256', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("defs", null,
-            React.createElement("linearGradient", { id: 'ruby-gradient-1', x1: '84.75%', x2: '58.254%', y1: '111.399%', y2: '64.584%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#FB7655' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#FB7655' }),
-                React.createElement("stop", { offset: '41%', stopColor: '#E42B1E' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#900' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#900' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-2', x1: '116.651%', x2: '1.746%', y1: '60.89%', y2: '19.288%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#871101' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#871101' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#911209' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#911209' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-3', x1: '75.774%', x2: '38.978%', y1: '219.327%', y2: '7.829%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#871101' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#871101' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#911209' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#911209' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-4', x1: '50.012%', x2: '66.483%', y1: '7.234%', y2: '79.135%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '23%', stopColor: '#E57252' }),
-                React.createElement("stop", { offset: '46%', stopColor: '#DE3B20' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#A60003' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#A60003' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-5', x1: '46.174%', x2: '49.932%', y1: '16.348%', y2: '83.047%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '23%', stopColor: '#E4714E' }),
-                React.createElement("stop", { offset: '56%', stopColor: '#BE1A0D' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#A80D00' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#A80D00' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-6', x1: '36.965%', x2: '49.528%', y1: '15.594%', y2: '92.478%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '18%', stopColor: '#E46342' }),
-                React.createElement("stop", { offset: '40%', stopColor: '#C82410' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#A80D00' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#A80D00' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-7', x1: '13.609%', x2: '85.764%', y1: '58.346%', y2: '-46.717%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '54%', stopColor: '#C81F11' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#BF0905' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#BF0905' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-8', x1: '27.624%', x2: '50.745%', y1: '21.135%', y2: '79.056%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '31%', stopColor: '#DE4024' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#BF190B' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#BF190B' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-9', x1: '-20.667%', x2: '104.242%', y1: '122.282%', y2: '-6.342%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#BD0012' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#BD0012' }),
-                React.createElement("stop", { offset: '7%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '17%', stopColor: '#FFF' }),
-                React.createElement("stop", { offset: '27%', stopColor: '#C82F1C' }),
-                React.createElement("stop", { offset: '33%', stopColor: '#820C01' }),
-                React.createElement("stop", { offset: '46%', stopColor: '#A31601' }),
-                React.createElement("stop", { offset: '72%', stopColor: '#B31301' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#E82609' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#E82609' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-10', x1: '58.792%', x2: '11.964%', y1: '65.205%', y2: '50.128%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#8C0C01' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#8C0C01' }),
-                React.createElement("stop", { offset: '54%', stopColor: '#990C00' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#A80D0E' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#A80D0E' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-11', x1: '79.319%', x2: '23.088%', y1: '62.754%', y2: '17.888%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#7E110B' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#7E110B' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#9E0C00' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#9E0C00' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-12', x1: '92.88%', x2: '59.841%', y1: '74.122%', y2: '39.704%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#79130D' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#79130D' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#9E120B' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#9E120B' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-13', x1: '56.57%', x2: '3.105%', y1: '101.717%', y2: '11.993%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#8B2114' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#8B2114' }),
-                React.createElement("stop", { offset: '43%', stopColor: '#9E100A' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#B3100C' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#B3100C' })),
-            React.createElement("linearGradient", { id: 'ruby-gradient-14', x1: '30.87%', x2: '92.471%', y1: '35.599%', y2: '100.694%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#B31000' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#B31000' }),
-                React.createElement("stop", { offset: '44%', stopColor: '#910F08' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#791C12' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#791C12' })),
-            React.createElement("radialGradient", { id: 'ruby-gradient-15', cx: '32.001%', cy: '40.21%', r: '69.573%', fx: '32.001%', fy: '40.21%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#A80D00' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#A80D00' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#7E0E08' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#7E0E08' })),
-            React.createElement("radialGradient", { id: 'ruby-gradient-16', cx: '13.549%', cy: '40.86%', r: '88.386%', fx: '13.549%', fy: '40.86%' },
-                React.createElement("stop", { offset: '0%', stopColor: '#A30C00' }),
-                React.createElement("stop", { offset: '0%', stopColor: '#A30C00' }),
-                React.createElement("stop", { offset: '99%', stopColor: '#800E08' }),
-                React.createElement("stop", { offset: '100%', stopColor: '#800E08' }))),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-1)', d: 'm197.467 167.764-145.52 86.41 188.422-12.787L254.88 51.393l-57.414 116.37Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-2)', d: 'M240.677 241.257 224.482 129.48l-44.113 58.25 60.308 53.528Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-3)', d: 'm240.896 241.257-118.646-9.313-69.674 21.986 188.32-12.673Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-4)', d: 'm52.744 253.955 29.64-97.1L17.16 170.8l35.583 83.154Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-5)', d: 'M180.358 188.05 153.085 81.226l-78.047 73.16 105.32 33.666Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-6)', d: 'm248.693 82.73-73.777-60.256-20.544 66.418 94.321-6.162Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-7)', d: 'M214.191.99 170.8 24.97 143.424.669l70.767.322Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-8)', d: 'm0 203.372 18.177-33.151-14.704-39.494L0 203.372Z' }),
-        React.createElement("path", { fill: fill || '#FFFFFF', d: 'm2.496 129.48 14.794 41.963 64.283-14.422 73.39-68.207 20.712-65.787L143.063 0 87.618 20.75c-17.469 16.248-51.366 48.396-52.588 49-1.21.618-22.384 40.639-32.534 59.73Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-9)', d: 'M54.442 54.094c37.86-37.538 86.667-59.716 105.397-40.818 18.72 18.898-1.132 64.823-38.992 102.349-37.86 37.525-86.062 60.925-104.78 42.027-18.73-18.885.515-66.032 38.375-103.558Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-10)', d: 'm52.744 253.916 29.408-97.409 97.665 31.376c-35.312 33.113-74.587 61.106-127.073 66.033Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-11)', d: 'm155.092 88.622 25.073 99.313c29.498-31.016 55.972-64.36 68.938-105.603l-94.01 6.29Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-12)', d: 'M248.847 82.833c10.035-30.282 12.35-73.725-34.966-81.791l-38.825 21.445 73.791 60.346Z' }),
-        React.createElement("path", { fill: fill || '#9E1209', d: 'M0 202.935c1.39 49.979 37.448 50.724 52.808 51.162l-35.48-82.86L0 202.935Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-15)', d: 'M155.232 88.777c22.667 13.932 68.35 41.912 69.276 42.426 1.44.81 19.695-30.784 23.838-48.64l-93.114 6.214Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-16)', d: 'm82.113 156.507 39.313 75.848c23.246-12.607 41.45-27.967 58.121-44.42l-97.434-31.428Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-13)', d: 'm17.174 171.34-5.57 66.328c10.51 14.357 24.97 15.605 40.136 14.486-10.973-27.311-32.894-81.92-34.566-80.814Z' }),
-        React.createElement("path", { fill: fill || 'url(#ruby-gradient-14)', d: 'm174.826 22.654 78.1 10.96c-4.169-17.662-16.969-29.06-38.787-32.623l-39.313 21.663Z' })));
-};
-
-const RustLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("defs", null,
-            React.createElement("radialGradient", { id: 'rust-gradient', cx: '-492.035', cy: '-883.37', r: '13.998', gradientTransform: 'matrix(.866 -.5 -.3 -.52 177.106 -689.033)', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { offset: '0', stopColor: '#7d7d7d' }),
-                React.createElement("stop", { offset: '.267', stopColor: '#7e7c7a' }),
-                React.createElement("stop", { offset: '.45', stopColor: '#817871' }),
-                React.createElement("stop", { offset: '.608', stopColor: '#867162' }),
-                React.createElement("stop", { offset: '.753', stopColor: '#8d684c' }),
-                React.createElement("stop", { offset: '.886', stopColor: '#965c30' }),
-                React.createElement("stop", { offset: '1', stopColor: '#a04f12' }))),
-        React.createElement("path", { fill: fill || 'url(#rust-gradient)', d: 'M15.124 5.3a.832.832 0 1 1 .832.832.831.831 0 0 1-.832-.832M5.2 12.834a.832.832 0 1 1 .832.832.832.832 0 0 1-.832-.832m19.856.039a.832.832 0 1 1 .832.832.831.831 0 0 1-.832-.832m-17.451 1.14a.76.76 0 0 0 .386-1l-.369-.835h1.452v6.545h-2.93a10.247 10.247 0 0 1-.332-3.911Zm6.074.161v-1.929h3.458c.179 0 1.261.206 1.261 1.016 0 .672-.83.913-1.513.913ZM8.958 24.561a.832.832 0 1 1 .832.832.831.831 0 0 1-.832-.832m12.331.039a.832.832 0 1 1 .832.832.832.832 0 0 1-.832-.832m.257-1.887a.758.758 0 0 0-.9.584l-.418 1.949a10.249 10.249 0 0 1-8.545-.041l-.417-1.949a.759.759 0 0 0-.9-.583l-1.721.37a10.233 10.233 0 0 1-.89-1.049h8.374c.095 0 .158-.017.158-.1v-2.966c0-.086-.063-.1-.158-.1h-2.45v-1.881h2.649a1.665 1.665 0 0 1 1.629 1.412c.105.413.336 1.757.494 2.187.157.483.8 1.447 1.482 1.447h4.323a10.243 10.243 0 0 1-.949 1.1Zm4.65-7.821a10.261 10.261 0 0 1 .022 1.779h-1.051c-.105 0-.148.069-.148.172v.483c0 1.136-.641 1.384-1.2 1.447-.535.06-1.128-.224-1.2-.551a3.616 3.616 0 0 0-1.671-2.808c1.03-.654 2.1-1.619 2.1-2.911A3.292 3.292 0 0 0 21.44 9.8a4.559 4.559 0 0 0-2.2-.724H8.367A10.246 10.246 0 0 1 14.1 5.84l1.282 1.344a.758.758 0 0 0 1.072.026l1.434-1.372a10.248 10.248 0 0 1 7.015 5l-.982 2.217a.761.761 0 0 0 .386 1Zm2.448.036-.033-.343 1.011-.943a.42.42 0 0 0-.013-.595.428.428 0 0 0-.121-.081l-1.288-.483-.1-.334.806-1.12a.422.422 0 0 0-.13-.581.43.43 0 0 0-.133-.055l-1.363-.222-.164-.306.573-1.257a.419.419 0 0 0-.236-.544.426.426 0 0 0-.146-.029l-1.383.048-.224-.264.318-1.347a.421.421 0 0 0-.343-.487.435.435 0 0 0-.144 0l-1.348.315-.266-.219.049-1.381a.421.421 0 0 0-.431-.411.426.426 0 0 0-.141.028l-1.257.573-.306-.164-.222-1.363a.421.421 0 0 0-.5-.318.43.43 0 0 0-.133.055l-1.121.806-.333-.1-.483-1.293a.421.421 0 0 0-.555-.215.442.442 0 0 0-.12.08l-.946 1.012-.343-.033-.728-1.177a.421.421 0 0 0-.688 0l-.728 1.177-.343.033-.943-1.012a.421.421 0 0 0-.595.015.442.442 0 0 0-.08.12L12.483 3.8l-.333.1-1.12-.8a.422.422 0 0 0-.581.13.43.43 0 0 0-.055.133l-.222 1.363-.306.164-1.258-.573a.421.421 0 0 0-.544.239.444.444 0 0 0-.028.144l.048 1.383-.266.217-1.347-.316a.421.421 0 0 0-.487.343.435.435 0 0 0 0 .144L6.3 7.819l-.218.265L4.7 8.036a.422.422 0 0 0-.383.573l.573 1.257-.164.306-1.363.222a.42.42 0 0 0-.318.5.43.43 0 0 0 .055.133l.806 1.12-.1.334-1.293.483a.421.421 0 0 0-.215.555.414.414 0 0 0 .081.121l1.011.943-.033.343-1.177.728a.421.421 0 0 0 0 .688l1.177.728.033.343-1.011.943a.421.421 0 0 0 .015.595.436.436 0 0 0 .119.08l1.293.483.1.334-.806 1.124a.421.421 0 0 0 .131.581.43.43 0 0 0 .133.055l1.363.222.164.307-.573 1.257a.422.422 0 0 0 .24.545.438.438 0 0 0 .143.028l1.383-.048.219.266-.317 1.348a.42.42 0 0 0 .341.486.4.4 0 0 0 .146 0l1.345-.319.266.218-.049 1.382a.419.419 0 0 0 .429.41.413.413 0 0 0 .143-.028l1.257-.573.306.164.222 1.362a.421.421 0 0 0 .5.319.407.407 0 0 0 .133-.055l1.12-.807.334.1.483 1.292a.422.422 0 0 0 .556.214.436.436 0 0 0 .119-.08l.943-1.011.343.034.728 1.177a.422.422 0 0 0 .588.1.413.413 0 0 0 .1-.1l.728-1.177.343-.034.943 1.011a.421.421 0 0 0 .595-.015.436.436 0 0 0 .08-.119l.483-1.292.334-.1 1.12.807a.421.421 0 0 0 .581-.131.43.43 0 0 0 .055-.133l.222-1.362.306-.164 1.257.573a.421.421 0 0 0 .544-.239.438.438 0 0 0 .028-.143l-.048-1.384.265-.218 1.347.317a.421.421 0 0 0 .487-.34.447.447 0 0 0 0-.146l-.309-1.346.218-.266 1.383.048a.421.421 0 0 0 .41-.431.4.4 0 0 0-.028-.142l-.573-1.257.164-.307 1.363-.222a.421.421 0 0 0 .319-.5.434.434 0 0 0-.056-.135l-.806-1.12.1-.334 1.293-.483a.42.42 0 0 0 .215-.554.414.414 0 0 0-.081-.121l-1.011-.943.033-.343 1.177-.728a.421.421 0 0 0 0-.688Z' })));
-};
-
-const SwiftLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 256 256', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("linearGradient", { id: 'swift-gradient-1', x1: '-1845.501', x2: '-1797.134', y1: '1255.639', y2: '981.338', gradientTransform: 'rotate(180 -846.605 623.252)', gradientUnits: 'userSpaceOnUse' },
-            React.createElement("stop", { offset: '0', stopColor: '#faae42' }),
-            React.createElement("stop", { offset: '1', stopColor: '#ef3e31' })),
-        React.createElement("path", { fill: fill || 'url(#swift-gradient-1)', d: 'M56.9 0h141.8c6.9 0 13.6 1.1 20.1 3.4 9.4 3.4 17.9 9.4 24.3 17.2 6.5 7.8 10.8 17.4 12.3 27.4.6 3.7.7 7.4.7 11.1v138.3c0 4.4-.2 8.9-1.1 13.2-2 9.9-6.7 19.2-13.5 26.7-6.7 7.5-15.5 13.1-25 16.1-5.8 1.8-11.8 2.6-17.9 2.6-2.7 0-142.1 0-144.2-.1-10.2-.5-20.3-3.8-28.8-9.5-8.3-5.6-15.1-13.4-19.5-22.4-3.8-7.7-5.7-16.3-5.7-24.9V56.9C.2 48.4 2 40 5.7 32.4c4.3-9 11-16.9 19.3-22.5C33.5 4.1 43.5.7 53.7.2c1-.2 2.1-.2 3.2-.2z' }),
-        React.createElement("linearGradient", { id: 'swift-gradient-2', x1: '130.612', x2: '95.213', y1: '4.136', y2: '204.893', gradientUnits: 'userSpaceOnUse' },
-            React.createElement("stop", { offset: '0', stopColor: '#e39f3a' }),
-            React.createElement("stop", { offset: '1', stopColor: '#d33929' })),
-        React.createElement("path", { fill: fill || 'url(#swift-gradient-2)', d: 'M216 209.4c-.9-1.4-1.9-2.8-3-4.1-2.5-3-5.4-5.6-8.6-7.8-4-2.7-8.7-4.4-13.5-4.6-3.4-.2-6.8.4-10 1.6-3.2 1.1-6.3 2.7-9.3 4.3-3.5 1.8-7 3.6-10.7 5.1-4.4 1.8-9 3.2-13.7 4.2-5.9 1.1-11.9 1.5-17.8 1.4-10.7-.2-21.4-1.8-31.6-4.8-9-2.7-17.6-6.4-25.7-11.1-7.1-4.1-13.7-8.8-19.9-14.1-5.1-4.4-9.8-9.1-14.2-14.1-3-3.5-5.9-7.2-8.6-11-1.1-1.5-2.1-3.1-3-4.7L0 121.2V56.7C0 25.4 25.3 0 56.6 0h50.5l37.4 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27 14.4 50.7z' }),
-        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 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 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.CustomInstrumentation]: CustomInstrumentationIcon,
-        [InstrumentationRuleType.HeadersCollection]: HeadersCollectionIcon,
-        [InstrumentationRuleType.PayloadCollection]: PayloadCollectionIcon,
-        [InstrumentationRuleType.UnknownType]: ImageErrorIcon,
-    };
-    return LOGOS[type] || ImageErrorIcon;
-};
-
-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.',
-        supportedLanguages: [ProgrammingLanguages.Go, ProgrammingLanguages.Python],
-    },
-    {
-        type: InstrumentationRuleType.CustomInstrumentation,
-        icon: getInstrumentationRuleIcon(InstrumentationRuleType.CustomInstrumentation),
-        label: 'Custom Instrumentation',
-        description: 'Define custom instrumentation for specific class and method combinations.',
-        docsEndpoint: '/pipeline/rules/custominstrumentation',
-        docsDescription: 'The "Custom Instrumentation" Rule can be used to instrument specific class and method combinations for detailed tracing.',
-        supportedLanguages: [ProgrammingLanguages.Java],
-    },
-    {
-        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.',
-        supportedLanguages: [ProgrammingLanguages.Go, ProgrammingLanguages.Java],
-    },
-    {
-        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.',
-        supportedLanguages: [ProgrammingLanguages.Go],
-    },
-];
-
-const MONITORS_OPTIONS = [
-    {
-        id: SignalType.Logs,
-        value: 'Logs',
-    },
-    {
-        id: SignalType.Metrics,
-        value: 'Metrics',
-    },
-    {
-        id: SignalType.Traces,
-        value: 'Traces',
-    },
-];
-
-var KeyType;
-(function (KeyType) {
-    KeyType["SIGNALS"] = "SIGNALS";
-})(KeyType || (KeyType = {}));
-const compareCondition = (renderCondition, signals, fields) => {
-    if (!renderCondition || !renderCondition.length)
-        return true;
-    if (renderCondition.length === 1)
-        return renderCondition[0] == 'true';
-    const [key, cond, val] = renderCondition;
-    if (key === KeyType.SIGNALS) {
-        switch (cond) {
-            case 'INCLUDES':
-                return signals?.includes(val);
-            case 'EXCLUDES':
-                return !signals?.includes(val);
-            default:
-                console.warn(`Invalid condition ${cond}, condition will be skipped`);
-                return true;
-        }
-    }
-    const field = fields.find((field) => field.name === key);
-    if (!field) {
-        console.warn(`Field with name ${key} not found, condition will be skipped`);
-        return true;
-    }
-    switch (cond) {
-        case '===':
-        case '==':
-            return field.value === val;
-        case '!==':
-        case '!=':
-            return field.value !== val;
-        case '>':
-            return Number(field.value) > Number(val);
-        case '<':
-            return Number(field.value) < Number(val);
-        case '>=':
-            return Number(field.value) >= Number(val);
-        case '<=':
-            return Number(field.value) <= Number(val);
-        default:
-            console.warn(`Invalid condition ${cond}, condition will be skipped`);
-            return true;
-    }
-};
-
-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 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;
-};
-
-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.Php,
-        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Php],
-        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Php),
-    },
-    {
-        id: ProgrammingLanguages.Ruby,
-        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Ruby],
-        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Ruby),
-    },
-    {
-        id: ProgrammingLanguages.Rust,
-        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Rust],
-        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Rust),
-    },
-    {
-        id: ProgrammingLanguages.DotNet,
-        value: DISPLAY_LANGUAGES[ProgrammingLanguages.DotNet],
-        icon: getProgrammingLanguageIcon(ProgrammingLanguages.DotNet),
-    },
-    {
-        id: ProgrammingLanguages.CSharp,
-        value: DISPLAY_LANGUAGES[ProgrammingLanguages.CSharp],
-        icon: getProgrammingLanguageIcon(ProgrammingLanguages.CSharp),
-    },
-    {
-        id: ProgrammingLanguages.CPlusPlus,
-        value: DISPLAY_LANGUAGES[ProgrammingLanguages.CPlusPlus],
-        icon: getProgrammingLanguageIcon(ProgrammingLanguages.CPlusPlus),
-    },
-    {
-        id: ProgrammingLanguages.Swift,
-        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Swift],
-        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Swift),
-    },
-    {
-        id: ProgrammingLanguages.Elixir,
-        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Elixir],
-        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Elixir),
-    },
-];
-
-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',
-    DATA_STREAM_EXISTS_WARNING: (curr, next) => `A Data Stream with this name already exists, you can still rename the current "${curr}", but it will merge into the existing "${next}".`,
-    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',
-    RUNTIME_VERSION: 'Runtime Version',
-    VERSION_PLACEHOLDER: '1.0.0',
-    MONITORS: 'Monitors',
-    SIGNALS_FOR_PROCESSING: 'Signals for Processing',
-    MANAGED_BY_PROFILE: 'Managed by Profile',
-    TIER: 'Tier',
-    ENTERPRISE: 'Enterprise',
-    ENTERPRISE_TIER: 'Enterprise Tier',
-    COMMUNITY: 'Community',
-    COMMUNITY_TIER: 'Community Tier',
-    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',
-    SELECT_ALL: 'Select All',
-    ONLY_SELECTED: 'Only selected',
-    ONLY_RUNNING_INSTANCES: 'Only running instances',
-    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',
-    FUTURE_APPS_TITLE: 'Auto-instrument new apps',
-    FUTURE_APPS_DESCRIPTION: 'When enabled, new applications will be instrumented automatically and included in the current data stream.',
-    OVERIDE: 'Override',
-    OVERIDDEN: 'Overridden',
-    OVERRIDE_RUNTIME_DETAILS: 'Override Runtime Details',
-    OVERRIDE_RUNTIME_WARNING: 'This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.',
-    ACTIVE: 'Active',
-    INACTIVE: 'Inactive',
-    ENABLED: 'Enabled',
-    DISABLED: 'Disabled',
-    NO_TRACES_FOUND: 'No traces found',
-    ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC: 'Are your services instrumented & producing traffic?',
-};
-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, options == null ? void 0 : options.reviver);
-      };
-      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, options == null ? void 0 : options.replacer)),
-    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: [],
-    conditions: [],
-    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 }),
-    conditions: [],
-    setConditions: (conditions) => set({ conditions }),
-    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',
-    },
-    text: {},
-    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 = "@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 { useSetupStore 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, NginxLogo as N, useModalStore as O, PiiMaskingIcon as P, useDrawerStore as Q, RenameAttributeIcon as R, STORAGE_KEYS as S, Theme as T, useActiveNodeStore as U, usePendingStore as V, useNotificationStore as W, useEntityStore as X, useFilterStore as Y, useDataStreamStore as Z, useInstrumentStore as _, DEFAULT_DATA_STREAM_NAME as a, useSelectedStore as a0, useDarkMode as a1, styleInject as a2, DISPLAY_TITLES as b, compareCondition as c, getEntityId as d, getInstrumentationRuleIcon as e, getProgrammingLanguageIcon as f, getActionIcon as g, KafkaLogo as h, AddClusterInfoIcon as i, DeleteAttributeIcon as j, SamplerIcon as k, ImageErrorIcon as l, CustomInstrumentationIcon as m, PayloadCollectionIcon as n, CPlusPlusLogo as o, CSharpLogo as p, DotnetLogo as q, MysqlLogo as r, NodejsLogo as s, PhpLogo as t, PostgresLogo as u, PythonLogo as v, RedisLogo as w, RubyLogo as x, RustLogo as y, SwiftLogo as z };