@odigos/ui-kit 0.0.52 → 0.0.55

package/lib/icons/destinations/index.d.ts

@@ -1,59 +1,59 @@
-export * from './alauda-logo/index';
-export * from './alibaba-cloud-logo/index';
-export * from './app-dynamics-logo/index';
-export * from './aws-cloudwatch-logo/index';
-export * from './aws-s3-logo/index';
-export * from './aws-xray-logo/index';
-export * from './axiom-logo/index';
-export * from './better-stack-logo/index';
-export * from './blob-storage-logo/index';
-export * from './bonree-logo/index';
-export * from './causely-logo/index';
-export * from './checkly-logo/index';
-export * from './chronosphere-logo/index';
-export * from './clickhouse-logo/index';
-export * from './coralogix-logo/index';
-export * from './dash0-logo/index';
-export * from './datadog-logo/index';
-export * from './dynatrace-logo/index';
-export * from './elastic-apm-logo/index';
-export * from './elastic-search-logo/index';
-export * from './gigapipe-logo/index';
-export * from './google-cloud-platform-logo/index';
-export * from './google-cloud-storage-logo/index';
-export * from './grafana-logo/index';
-export * from './greptime-logo/index';
-export * from './groundcover-logo/index';
-export * from './honeycomb-logo/index';
-export * from './hyperdx-logo/index';
-export * from './instana-logo/index';
-export * from './jaeger-logo/index';
-export * from './kafka-logo/index';
-export * from './kloudmate-logo/index';
-export * from './last9-logo/index';
-export * from './lightstep-logo/index';
-export * from './logzio-logo/index';
-export * from './loki-logo/index';
-export * from './lumigo-logo/index';
-export * from './middleware-logo/index';
-export * from './new-relic-logo/index';
-export * from './observe-logo/index';
-export * from './one-uptime-logo/index';
-export * from './open-observe-logo/index';
-export * from './open-telemetry-logo/index';
-export * from './ops-verse-logo/index';
-export * from './oracle-logo/index';
-export * from './prometheus-logo/index';
-export * from './qryn-logo/index';
-export * from './quickwit-logo/index';
-export * from './sentry-logo/index';
-export * from './seq-logo/index';
-export * from './signoz-logo/index';
-export * from './splunk-logo/index';
-export * from './sumo-logic-logo/index';
-export * from './telemetry-hub-logo/index';
-export * from './tempo-logo/index';
-export * from './tingyun-logo/index';
-export * from './traceloop-logo/index';
-export * from './uptrace-logo/index';
-export * from './victoria-metrics-logo/index';
+export * from './alauda-logo';
+export * from './alibaba-cloud-logo';
+export * from './app-dynamics-logo';
+export * from './aws-cloudwatch-logo';
+export * from './aws-s3-logo';
+export * from './aws-xray-logo';
+export * from './axiom-logo';
+export * from './better-stack-logo';
+export * from './blob-storage-logo';
+export * from './bonree-logo';
+export * from './causely-logo';
+export * from './checkly-logo';
+export * from './chronosphere-logo';
+export * from './clickhouse-logo';
+export * from './coralogix-logo';
+export * from './dash0-logo';
+export * from './datadog-logo';
+export * from './dynatrace-logo';
+export * from './elastic-apm-logo';
+export * from './elastic-search-logo';
+export * from './gigapipe-logo';
+export * from './google-cloud-platform-logo';
+export * from './google-cloud-storage-logo';
+export * from './grafana-logo';
+export * from './greptime-logo';
+export * from './groundcover-logo';
+export * from './honeycomb-logo';
+export * from './hyperdx-logo';
+export * from './instana-logo';
+export * from './jaeger-logo';
+export * from './kafka-logo';
+export * from './kloudmate-logo';
+export * from './last9-logo';
+export * from './lightstep-logo';
+export * from './logzio-logo';
+export * from './loki-logo';
+export * from './lumigo-logo';
+export * from './middleware-logo';
+export * from './new-relic-logo';
+export * from './observe-logo';
+export * from './one-uptime-logo';
+export * from './open-observe-logo';
+export * from './open-telemetry-logo';
+export * from './ops-verse-logo';
+export * from './oracle-logo';
+export * from './prometheus-logo';
+export * from './qryn-logo';
+export * from './quickwit-logo';
+export * from './sentry-logo';
+export * from './seq-logo';
+export * from './signoz-logo';
+export * from './splunk-logo';
+export * from './sumo-logic-logo';
+export * from './telemetry-hub-logo';
+export * from './tempo-logo';
+export * from './tingyun-logo';
+export * from './traceloop-logo';
+export * from './uptrace-logo';
+export * from './victoria-metrics-logo';

package/lib/icons/instrumentation-rules/index.d.ts

@@ -1,4 +1,4 @@
-export * from './code-attributes-icon/index';
-export * from './custom-instrumentation-icon/index';
-export * from './headers-collection-icon/index';
-export * from './payload-collection-icon/index';
+export * from './code-attributes-icon';
+export * from './custom-instrumentation-icon';
+export * from './headers-collection-icon';
+export * from './payload-collection-icon';

package/lib/icons/math/index.d.ts

@@ -1,4 +1,4 @@
-export * from './minus-circled-icon/index';
-export * from './minus-icon/index';
-export * from './plus-circled-icon/index';
-export * from './plus-icon/index';
+export * from './minus-circled-icon';
+export * from './minus-icon';
+export * from './plus-circled-icon';
+export * from './plus-icon';

package/lib/icons/monitors/index.d.ts

@@ -1,3 +1,3 @@
-export * from './logs-icon/index';
-export * from './metrics-icon/index';
-export * from './traces-icon/index';
+export * from './logs-icon';
+export * from './metrics-icon';
+export * from './traces-icon';

package/lib/icons/on-off/index.d.ts

@@ -1,6 +1,6 @@
-export * from './eye-closed-icon/index';
-export * from './eye-open-icon/index';
-export * from './light-off-icon/index';
-export * from './light-on-icon/index';
-export * from './moon-icon/index';
-export * from './sun-icon/index';
+export * from './eye-closed-icon';
+export * from './eye-open-icon';
+export * from './light-off-icon';
+export * from './light-on-icon';
+export * from './moon-icon';
+export * from './sun-icon';

package/lib/icons/overview/index.d.ts

@@ -1,10 +1,10 @@
-export * from './overview-icon/index';
-export * from './service-map-icon/index';
-export * from './trace-view-icon/index';
-export * from './connections-icon/index';
-export * from './data-streams-icon/index';
-export * from './actions-icon/index';
-export * from './destinations-icon/index';
-export * from './namespaces-icon/index';
-export * from './rules-icon/index';
-export * from './sources-icon/index';
+export * from './overview-icon';
+export * from './service-map-icon';
+export * from './trace-view-icon';
+export * from './connections-icon';
+export * from './data-streams-icon';
+export * from './actions-icon';
+export * from './destinations-icon';
+export * from './namespaces-icon';
+export * from './rules-icon';
+export * from './sources-icon';

package/lib/icons/social/index.d.ts

@@ -1 +1 @@
-export * from './slack-logo/index';
+export * from './slack-logo';

package/lib/icons/status/index.d.ts

@@ -1,8 +1,8 @@
-export * from './check-circled-icon/index';
-export * from './check-icon/index';
-export * from './cross-circled-icon/index';
-export * from './cross-icon/index';
-export * from './error-round-icon/index';
-export * from './error-triangle-icon/index';
-export * from './info-icon/index';
-export * from './warning-triangle-icon/index';
+export * from './check-circled-icon';
+export * from './check-icon';
+export * from './cross-circled-icon';
+export * from './cross-icon';
+export * from './error-round-icon';
+export * from './error-triangle-icon';
+export * from './info-icon';
+export * from './warning-triangle-icon';

package/lib/icons.js

@@ -1,46 +1,53 @@
-import { T as Theme } from './index-118aa476.js';
-export { f as AddClusterInfoIcon, n as CPlusPlusLogo, o as CSharpLogo, C as CodeAttributesIcon, l as CustomInstrumentationIcon, h as DeleteAttributeIcon, p as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, j as ImageErrorIcon, J as JavaLogo, K as K8sLogo, k as KafkaLogo, q as MysqlLogo, N as NginxLogo, r as NodejsLogo, m as PayloadCollectionIcon, s as PhpLogo, P as PiiMaskingIcon, t as PostgresLogo, u as PythonLogo, v as RedisLogo, R as RenameAttributeIcon, w as RubyLogo, x as RustLogo, i as SamplerIcon, y as SwiftLogo } from './index-118aa476.js';
-export { C as CheckCircledIcon, E as ErrorTriangleIcon, I as InfoIcon, L as LogsIcon, M as MetricsIcon, O as OdigosLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-974c5344.js';
-export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RetryIcon, S as SlackLogo, T as TerminalIcon, U as UserIcon } from './index-f64b0a7d.js';
-export { A as ArrowIcon, h as CheckIcon, C as CodeIcon, a as CopyIcon, i as CrossIcon, E as EditIcon, b as EditedIcon, c as ExtendArrowIcon, f as EyeClosedIcon, g as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, d as NotebookIcon, P as PlusIcon, S as SearchIcon, e as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-f40b593d.js';
+import { T as Theme } from './index-cccea570.js';
+export { f as AddClusterInfoIcon, n as CPlusPlusLogo, o as CSharpLogo, C as CodeAttributesIcon, l as CustomInstrumentationIcon, h as DeleteAttributeIcon, p as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, j as ImageErrorIcon, J as JavaLogo, K as K8sLogo, k as KafkaLogo, q as MysqlLogo, N as NginxLogo, r as NodejsLogo, m as PayloadCollectionIcon, s as PhpLogo, P as PiiMaskingIcon, t as PostgresLogo, u as PythonLogo, v as RedisLogo, R as RenameAttributeIcon, w as RubyLogo, x as RustLogo, i as SamplerIcon, y as SwiftLogo } from './index-cccea570.js';
+export { C as CheckCircledIcon, E as ErrorTriangleIcon, I as InfoIcon, L as LogsIcon, M as MetricsIcon, O as OdigosLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-ad99c5fe.js';
+export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RetryIcon, S as SlackLogo, T as TerminalIcon, U as UserIcon } from './index-59f6374b.js';
+export { A as ArrowIcon, h as CheckIcon, C as CodeIcon, a as CopyIcon, i as CrossIcon, E as EditIcon, b as EditedIcon, c as ExtendArrowIcon, f as EyeClosedIcon, g as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, d as NotebookIcon, P as PlusIcon, S as SearchIcon, e as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-b08f2a91.js';
 import React from 'react';
-export { a3 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AwsCloudwatchLogo, d as AwsS3Logo, e as AwsXrayLogo, f as AxiomLogo, B as BetterStackLogo, g as BlobStorageLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, a4 as DestinationsIcon, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, G as GigapipeLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, a5 as NamespacesIcon, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, F as OpenTelemetryLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, T as QuickwitLogo, a6 as RulesIcon, U as SeqLogo, W as SignozLogo, a7 as SourcesIcon, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, V as VmLogo } from './index-b833b336.js';
+export { a3 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AwsCloudwatchLogo, d as AwsS3Logo, e as AwsXrayLogo, f as AxiomLogo, B as BetterStackLogo, g as BlobStorageLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, a4 as DestinationsIcon, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, G as GigapipeLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, a5 as NamespacesIcon, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, F as OpenTelemetryLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, T as QuickwitLogo, a6 as RulesIcon, U as SeqLogo, W as SignozLogo, a7 as SourcesIcon, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, V as VmLogo } from './index-dc3c54b0.js';
 import './types.js';
 import 'styled-components';
 
-const AvatarIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const AvatarIcon = ({ 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: '1', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M18.9946 19.1467C18.893 17.3926 17.3672 16 15.5 16H8.5C6.63276 16 5.10703 17.3926 5.00539 19.1467M18.9946 19.1467C20.8491 17.3314 22 14.8001 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 14.8001 3.15087 17.3314 5.00539 19.1467M18.9946 19.1467C17.1913 20.9119 14.7227 22 12 22C9.27726 22 6.80867 20.9119 5.00539 19.1467M15 10C15 11.6569 13.6569 13 12 13C10.3431 13 9 11.6569 9 10C9 8.34315 10.3431 7 12 7C13.6569 7 15 8.34315 15 10Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M18.9946 19.1467C18.893 17.3926 17.3672 16 15.5 16H8.5C6.63276 16 5.10703 17.3926 5.00539 19.1467M18.9946 19.1467C20.8491 17.3314 22 14.8001 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 14.8001 3.15087 17.3314 5.00539 19.1467M18.9946 19.1467C17.1913 20.9119 14.7227 22 12 22C9.27726 22 6.80867 20.9119 5.00539 19.1467M15 10C15 11.6569 13.6569 13 12 13C10.3431 13 9 11.6569 9 10C9 8.34315 10.3431 7 12 7C13.6569 7 15 8.34315 15 10Z' })));
 };
 
-const CodeBracketsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const CodeBracketsIcon = ({ 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, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.33333 2.66669C4.22876 2.66669 3.33333 3.46263 3.33333 4.44446V6.22224C3.33333 7.20408 2.4379 8.00002 1.33333 8.00002C2.4379 8.00002 3.33333 8.79596 3.33333 9.7778V11.5556C3.33333 12.5374 4.22876 13.3334 5.33333 13.3334M10.6667 2.66669C11.7712 2.66669 12.6667 3.46263 12.6667 4.44446V6.22224C12.6667 7.20408 13.5621 8.00002 14.6667 8.00002C13.5621 8.00002 12.6667 8.79596 12.6667 9.7778V11.5556C12.6667 12.5374 11.7712 13.3334 10.6667 13.3334' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.33333 2.66669C4.22876 2.66669 3.33333 3.46263 3.33333 4.44446V6.22224C3.33333 7.20408 2.4379 8.00002 1.33333 8.00002C2.4379 8.00002 3.33333 8.79596 3.33333 9.7778V11.5556C3.33333 12.5374 4.22876 13.3334 5.33333 13.3334M10.6667 2.66669C11.7712 2.66669 12.6667 3.46263 12.6667 4.44446V6.22224C12.6667 7.20408 13.5621 8.00002 14.6667 8.00002C13.5621 8.00002 12.6667 8.79596 12.6667 9.7778V11.5556C12.6667 12.5374 11.7712 13.3334 10.6667 13.3334' })));
 };
 
-const CommandIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const CommandIcon = ({ 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 * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M9.83333 14.6667H7.16667C5.69391 14.6667 4.5 15.8606 4.5 17.3333C4.5 18.8061 5.69391 20 7.16667 20C8.63943 20 9.83333 18.8061 9.83333 17.3333V14.6667ZM9.83333 14.6667H15.1667M9.83333 14.6667V9.33333M15.1667 14.6667H17.8333C19.3061 14.6667 20.5 15.8606 20.5 17.3333C20.5 18.8061 19.3061 20 17.8333 20C16.3606 20 15.1667 18.8061 15.1667 17.3333V14.6667ZM15.1667 14.6667V9.33333M15.1667 9.33333V6.66667C15.1667 5.19391 16.3606 4 17.8333 4C19.3061 4 20.5 5.19391 20.5 6.66667C20.5 8.13943 19.3061 9.33333 17.8333 9.33333H15.1667ZM15.1667 9.33333H9.83333M9.83333 9.33333H7.16667C5.69391 9.33333 4.5 8.13943 4.5 6.66667C4.5 5.19391 5.69391 4 7.16667 4C8.63943 4 9.83333 5.19391 9.83333 6.66667V9.33333Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M9.83333 14.6667H7.16667C5.69391 14.6667 4.5 15.8606 4.5 17.3333C4.5 18.8061 5.69391 20 7.16667 20C8.63943 20 9.83333 18.8061 9.83333 17.3333V14.6667ZM9.83333 14.6667H15.1667M9.83333 14.6667V9.33333M15.1667 14.6667H17.8333C19.3061 14.6667 20.5 15.8606 20.5 17.3333C20.5 18.8061 19.3061 20 17.8333 20C16.3606 20 15.1667 18.8061 15.1667 17.3333V14.6667ZM15.1667 14.6667V9.33333M15.1667 9.33333V6.66667C15.1667 5.19391 16.3606 4 17.8333 4C19.3061 4 20.5 5.19391 20.5 6.66667C20.5 8.13943 19.3061 9.33333 17.8333 9.33333H15.1667ZM15.1667 9.33333H9.83333M9.83333 9.33333H7.16667C5.69391 9.33333 4.5 8.13943 4.5 6.66667C4.5 5.19391 5.69391 4 7.16667 4C8.63943 4 9.83333 5.19391 9.83333 6.66667V9.33333Z' })));
 };
 
-const FolderIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const FolderIcon = ({ 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 * (18 / 19), height: size, viewBox: '0 0 18 19', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M1.5 7.96504C1.5 6.28488 1.5 5.4448 1.82698 4.80307C2.1146 4.23858 2.57354 3.77964 3.13803 3.49202C3.77976 3.16504 4.61984 3.16504 6.3 3.16504H6.53667C6.88887 3.16504 7.06498 3.16504 7.22483 3.21358C7.36634 3.25656 7.49799 3.32702 7.61225 3.42093C7.74131 3.527 7.83899 3.67353 8.03436 3.96658L8.46564 4.6135C8.66101 4.90655 8.75869 5.05308 8.88775 5.15915C9.00201 5.25306 9.13366 5.32352 9.27517 5.36649C9.43502 5.41504 9.61113 5.41504 9.96333 5.41504H11.7C13.3802 5.41504 14.2202 5.41504 14.862 5.74202C15.4265 6.02964 15.8854 6.48858 16.173 7.05307C16.5 7.6948 16.5 8.53488 16.5 10.215V11.865C16.5 13.5452 16.5 14.3853 16.173 15.027C15.8854 15.5915 15.4265 16.0504 14.862 16.3381C14.2202 16.665 13.3802 16.665 11.7 16.665H6.3C4.61984 16.665 3.77976 16.665 3.13803 16.3381C2.57354 16.0504 2.1146 15.5915 1.82698 15.027C1.5 14.3853 1.5 13.5452 1.5 11.865V7.96504Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M1.5 7.96504C1.5 6.28488 1.5 5.4448 1.82698 4.80307C2.1146 4.23858 2.57354 3.77964 3.13803 3.49202C3.77976 3.16504 4.61984 3.16504 6.3 3.16504H6.53667C6.88887 3.16504 7.06498 3.16504 7.22483 3.21358C7.36634 3.25656 7.49799 3.32702 7.61225 3.42093C7.74131 3.527 7.83899 3.67353 8.03436 3.96658L8.46564 4.6135C8.66101 4.90655 8.75869 5.05308 8.88775 5.15915C9.00201 5.25306 9.13366 5.32352 9.27517 5.36649C9.43502 5.41504 9.61113 5.41504 9.96333 5.41504H11.7C13.3802 5.41504 14.2202 5.41504 14.862 5.74202C15.4265 6.02964 15.8854 6.48858 16.173 7.05307C16.5 7.6948 16.5 8.53488 16.5 10.215V11.865C16.5 13.5452 16.5 14.3853 16.173 15.027C15.8854 15.5915 15.4265 16.0504 14.862 16.3381C14.2202 16.665 13.3802 16.665 11.7 16.665H6.3C4.61984 16.665 3.77976 16.665 3.13803 16.3381C2.57354 16.0504 2.1146 15.5915 1.82698 15.027C1.5 14.3853 1.5 13.5452 1.5 11.865V7.96504Z' })));
 };
 
-const UserGroupIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const UserGroupIcon = ({ 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: '1', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.09178 10.5161C3.84575 9.83853 3 8.51792 3 6.99978C3 5.48163 3.84576 4.16101 5.09182 3.4834M3.02937 15.4169C1.82391 16.0405 1 17.2989 1 18.7498C1 19.7863 1.70087 20.6591 2.65456 20.9201M21.3454 20.9201C22.2991 20.6591 23 19.7863 23 18.7498C23 17.2989 22.1761 16.0406 20.9706 15.417M18.9082 10.5161C20.1543 9.83853 21 8.51792 21 6.99978C21 5.48162 20.1542 4.16101 18.9082 3.4834M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7ZM8.25 21H15.75C16.9926 21 18 19.9926 18 18.75C18 16.6789 16.3211 15 14.25 15H9.75C7.67893 15 6 16.6789 6 18.75C6 19.9926 7.00736 21 8.25 21Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.09178 10.5161C3.84575 9.83853 3 8.51792 3 6.99978C3 5.48163 3.84576 4.16101 5.09182 3.4834M3.02937 15.4169C1.82391 16.0405 1 17.2989 1 18.7498C1 19.7863 1.70087 20.6591 2.65456 20.9201M21.3454 20.9201C22.2991 20.6591 23 19.7863 23 18.7498C23 17.2989 22.1761 16.0406 20.9706 15.417M18.9082 10.5161C20.1543 9.83853 21 8.51792 21 6.99978C21 5.48162 20.1542 4.16101 18.9082 3.4834M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7ZM8.25 21H15.75C16.9926 21 18 19.9926 18 18.75C18 16.6789 16.3211 15 14.25 15H9.75C7.67893 15 6 16.6789 6 18.75C6 19.9926 7.00736 21 8.25 21Z' })));
+};
+
+const UserSettingsIcon = ({ 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: 'M11.1758 15H8C5.79086 15 4 16.7909 4 19C4 20.1046 4.89543 21 6 21H11.1758M18 18H18.01M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7ZM18 14L19.1787 15.1545L20.8284 15.1716L20.8455 16.8213L22 18L20.8455 19.1787L20.8284 20.8284L19.1787 20.8455L18 22L16.8213 20.8455L15.1716 20.8284L15.1545 19.1787L14 18L15.1545 16.8213L15.1716 15.1716L16.8213 15.1545L18 14Z' })));
 };
 
 const GoogleCloudStorageLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
@@ -67,74 +74,74 @@ const SentryLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
         React.createElement("path", { fill: fill || '#362D59', d: 'M148.367708,12.4025287 C144.036807,5.21480737 136.258026,0.820118864 127.866362,0.820118864 C119.474697,0.820118864 111.695916,5.21480737 107.365016,12.4025287 L73.6403017,70.165071 C126.066153,96.3390588 160.689085,148.341727 164.615024,206.806542 L140.93597,206.806542 C137.017513,156.694333 106.874845,112.396698 61.6982677,90.3588968 L30.4849684,144.32869 C55.8497707,155.704426 73.6778379,179.211206 77.7918243,206.704035 L23.4120041,206.704035 C22.1018479,206.611361 20.9266153,205.864669 20.2861278,204.71799 C19.6456403,203.571311 19.6261529,202.179068 20.2342955,201.014912 L35.3027847,175.388229 C30.1976229,171.128798 24.3630321,167.829476 18.0816541,165.65009 L3.16692493,191.276772 C0.0305635285,196.656417 -0.818661742,203.068719 0.809210488,209.079324 C2.43708272,215.08993 6.40620885,220.197261 11.8287436,223.258872 C15.3657216,225.251729 19.3523095,226.310116 23.4120041,226.334074 L97.8831433,226.334074 C100.696274,191.620878 85.1423372,157.966047 56.8804514,137.614499 L68.7199787,117.113153 C104.398813,141.618242 124.473737,183.151896 121.510945,226.334074 L184.603837,226.334074 C187.593899,160.904124 155.557278,98.8221906 100.497065,63.3483734 L124.432386,22.3456815 C125.542508,20.4856859 127.944329,19.8680747 129.81399,20.9618406 C132.530418,22.4481882 233.807067,199.169791 235.703442,201.219925 C236.383476,202.439289 236.358897,203.929352 235.639016,205.125624 C234.919136,206.321896 233.614065,207.041397 232.218213,207.011555 L207.821611,207.011555 C208.129131,213.537817 208.129131,220.046994 207.821611,226.539592 L232.32072,226.539592 C238.604421,226.580218 244.643414,224.105731 249.091568,219.667205 C253.539722,215.228679 256.027289,209.195062 256,202.911286 C256.002825,198.802186 254.905596,194.767215 252.822066,191.225519 L148.367708,12.4025287 Z' })));
 };
 
-const MinusCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const MinusCircledIcon = ({ 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: '2', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8.99963 12H14.9996M21.1496 12.0001C21.1496 17.0535 17.053 21.1501 11.9996 21.1501C6.9462 21.1501 2.84961 17.0535 2.84961 12.0001C2.84961 6.94669 6.9462 2.8501 11.9996 2.8501C17.053 2.8501 21.1496 6.94669 21.1496 12.0001Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8.99963 12H14.9996M21.1496 12.0001C21.1496 17.0535 17.053 21.1501 11.9996 21.1501C6.9462 21.1501 2.84961 17.0535 2.84961 12.0001C2.84961 6.94669 6.9462 2.8501 11.9996 2.8501C17.053 2.8501 21.1496 6.94669 21.1496 12.0001Z' })));
 };
 
-const PlusCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const PlusCircledIcon = ({ 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: '2', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M11.9996 15V12M11.9996 12V9M11.9996 12H8.99963M11.9996 12H14.9996M21.1496 12.0001C21.1496 17.0535 17.053 21.1501 11.9996 21.1501C6.9462 21.1501 2.84961 17.0535 2.84961 12.0001C2.84961 6.94669 6.9462 2.8501 11.9996 2.8501C17.053 2.8501 21.1496 6.94669 21.1496 12.0001Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M11.9996 15V12M11.9996 12V9M11.9996 12H8.99963M11.9996 12H14.9996M21.1496 12.0001C21.1496 17.0535 17.053 21.1501 11.9996 21.1501C6.9462 21.1501 2.84961 17.0535 2.84961 12.0001C2.84961 6.94669 6.9462 2.8501 11.9996 2.8501C17.053 2.8501 21.1496 6.94669 21.1496 12.0001Z' })));
 };
 
-const LightOffIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const LightOffIcon = ({ 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, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.3789 21H13.621M6.3125 10.4681C6.3125 7.44504 8.85888 4.99438 12 4.99438C15.1411 4.99438 17.6875 7.44504 17.6875 10.4681C17.6875 12.1252 16.9224 13.6103 15.7136 14.614C15.203 15.038 14.764 15.5644 14.5972 16.2068L14.3698 17.0821C14.2302 17.6193 13.7453 17.9944 13.1902 17.9944H10.8098C10.2547 17.9944 9.76975 17.6193 9.6302 17.0821L9.40282 16.2068C9.23596 15.5644 8.797 15.038 8.28642 14.614C7.07762 13.6103 6.3125 12.1252 6.3125 10.4681Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.3789 21H13.621M6.3125 10.4681C6.3125 7.44504 8.85888 4.99438 12 4.99438C15.1411 4.99438 17.6875 7.44504 17.6875 10.4681C17.6875 12.1252 16.9224 13.6103 15.7136 14.614C15.203 15.038 14.764 15.5644 14.5972 16.2068L14.3698 17.0821C14.2302 17.6193 13.7453 17.9944 13.1902 17.9944H10.8098C10.2547 17.9944 9.76975 17.6193 9.6302 17.0821L9.40282 16.2068C9.23596 15.5644 8.797 15.038 8.28642 14.614C7.07762 13.6103 6.3125 12.1252 6.3125 10.4681Z' })));
 };
 
-const LightOnIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const LightOnIcon = ({ 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, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.3789 21H13.621M12 2V1M19 4.70711L19.7071 4M4.70711 4.70711L4 4M22 11H21M3 11H2M6.3127 10.468C6.3127 7.44492 8.85908 4.99427 12.0002 4.99427C15.1413 4.99427 17.6877 7.44492 17.6877 10.468C17.6877 12.125 16.9226 13.6102 15.7138 14.6139C15.2032 15.0379 14.7642 15.5643 14.5974 16.2066L14.37 17.0819C14.2304 17.6192 13.7455 17.9943 13.1904 17.9943H10.81C10.2549 17.9943 9.76995 17.6192 9.63039 17.0819L9.40302 16.2066C9.23616 15.5643 8.7972 15.0379 8.28662 14.6139C7.07782 13.6102 6.3127 12.125 6.3127 10.468Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.3789 21H13.621M12 2V1M19 4.70711L19.7071 4M4.70711 4.70711L4 4M22 11H21M3 11H2M6.3127 10.468C6.3127 7.44492 8.85908 4.99427 12.0002 4.99427C15.1413 4.99427 17.6877 7.44492 17.6877 10.468C17.6877 12.125 16.9226 13.6102 15.7138 14.6139C15.2032 15.0379 14.7642 15.5643 14.5974 16.2066L14.37 17.0819C14.2304 17.6192 13.7455 17.9943 13.1904 17.9943H10.81C10.2549 17.9943 9.76995 17.6192 9.63039 17.0819L9.40302 16.2066C9.23616 15.5643 8.7972 15.0379 8.28662 14.6139C7.07782 13.6102 6.3127 12.125 6.3127 10.468Z' })));
 };
 
-const MoonIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const MoonIcon = ({ 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, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14 7.977A4.333 4.333 0 1 1 8.023 2H8a6 6 0 1 0 6 6v-.023Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14 7.977A4.333 4.333 0 1 1 8.023 2H8a6 6 0 1 0 6 6v-.023Z' })));
 };
 
-const SunIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const SunIcon = ({ 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, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 15.333v-.666m-5.185-1.482.471-.471M.666 8h.667m1.482-5.185.471.47M8 1.334V.667m4.714 2.619.471-.471M14.667 8h.666m-2.619 4.714.471.471M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 15.333v-.666m-5.185-1.482.471-.471M.666 8h.667m1.482-5.185.471.47M8 1.334V.667m4.714 2.619.471-.471M14.667 8h.666m-2.619 4.714.471.471M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z' })));
 };
 
-const ServiceMapIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const ServiceMapIcon = ({ 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 * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4.67333 8.61735H4.66667M7.34667 8.61735H7.34M9.66667 7.61735L10.6668 8.61744M10.6668 8.61744L11.6667 9.61735M10.6668 8.61744L11.6668 7.61735M10.6668 8.61744L9.66684 9.61735M6.95406 3.76106L9.05573 4.81189C9.39594 4.982 9.56605 5.06705 9.74417 5.10188C9.91313 5.13491 10.0869 5.13491 10.2558 5.10188C10.434 5.06705 10.6041 4.982 10.9443 4.81189C11.9382 4.31494 12.4351 4.06646 12.8395 4.11932C13.2185 4.16887 13.5581 4.37871 13.7719 4.69556C14 5.0336 14 5.58921 14 6.70044V10.6322C14 11.1108 14 11.3501 13.9271 11.5614C13.8627 11.7482 13.7575 11.9184 13.6192 12.0596C13.4628 12.2193 13.2488 12.3263 12.8207 12.5403L10.9541 13.4737C10.6042 13.6486 10.4293 13.736 10.2459 13.7705C10.0834 13.8009 9.91663 13.8009 9.75414 13.7705C9.57067 13.736 9.39576 13.6486 9.04595 13.4737L6.94427 12.4228C6.60406 12.2527 6.43395 12.1677 6.25583 12.1328C6.08687 12.0998 5.91313 12.0998 5.74417 12.1328C5.56605 12.1677 5.39594 12.2527 5.05573 12.4228C4.06182 12.9198 3.56486 13.1683 3.16049 13.1154C2.78147 13.0658 2.44195 12.856 2.22812 12.5392C2 12.2011 2 11.6455 2 10.5343V6.6025C2 6.12389 2 5.88458 2.07287 5.67331C2.13732 5.48648 2.24249 5.31631 2.38078 5.17511C2.53715 5.01545 2.7512 4.90843 3.17928 4.69439L5.04594 3.76106C5.39576 3.58615 5.57067 3.49869 5.75414 3.46427C5.91663 3.43378 6.08337 3.43378 6.24586 3.46427C6.42933 3.49869 6.60424 3.58615 6.95406 3.76106Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4.67333 8.61735H4.66667M7.34667 8.61735H7.34M9.66667 7.61735L10.6668 8.61744M10.6668 8.61744L11.6667 9.61735M10.6668 8.61744L11.6668 7.61735M10.6668 8.61744L9.66684 9.61735M6.95406 3.76106L9.05573 4.81189C9.39594 4.982 9.56605 5.06705 9.74417 5.10188C9.91313 5.13491 10.0869 5.13491 10.2558 5.10188C10.434 5.06705 10.6041 4.982 10.9443 4.81189C11.9382 4.31494 12.4351 4.06646 12.8395 4.11932C13.2185 4.16887 13.5581 4.37871 13.7719 4.69556C14 5.0336 14 5.58921 14 6.70044V10.6322C14 11.1108 14 11.3501 13.9271 11.5614C13.8627 11.7482 13.7575 11.9184 13.6192 12.0596C13.4628 12.2193 13.2488 12.3263 12.8207 12.5403L10.9541 13.4737C10.6042 13.6486 10.4293 13.736 10.2459 13.7705C10.0834 13.8009 9.91663 13.8009 9.75414 13.7705C9.57067 13.736 9.39576 13.6486 9.04595 13.4737L6.94427 12.4228C6.60406 12.2527 6.43395 12.1677 6.25583 12.1328C6.08687 12.0998 5.91313 12.0998 5.74417 12.1328C5.56605 12.1677 5.39594 12.2527 5.05573 12.4228C4.06182 12.9198 3.56486 13.1683 3.16049 13.1154C2.78147 13.0658 2.44195 12.856 2.22812 12.5392C2 12.2011 2 11.6455 2 10.5343V6.6025C2 6.12389 2 5.88458 2.07287 5.67331C2.13732 5.48648 2.24249 5.31631 2.38078 5.17511C2.53715 5.01545 2.7512 4.90843 3.17928 4.69439L5.04594 3.76106C5.39576 3.58615 5.57067 3.49869 5.75414 3.46427C5.91663 3.43378 6.08337 3.43378 6.24586 3.46427C6.42933 3.49869 6.60424 3.58615 6.95406 3.76106Z' })));
 };
 
-const TraceViewIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const TraceViewIcon = ({ 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 * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.66666 8.61719H6.66666M2.66666 12.6172H6.66666M2.66666 4.61719H13.3333M14 12.9505L13.0809 12.0315M13.0809 12.0315C13.4438 11.6686 13.6667 11.1686 13.6667 10.6172C13.6667 9.51147 12.7724 8.61719 11.6667 8.61719C10.5609 8.61719 9.66666 9.51147 9.66666 10.6172C9.66666 11.7229 10.5609 12.6172 11.6667 12.6172C12.2181 12.6172 12.7181 12.3943 13.0809 12.0315Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.66666 8.61719H6.66666M2.66666 12.6172H6.66666M2.66666 4.61719H13.3333M14 12.9505L13.0809 12.0315M13.0809 12.0315C13.4438 11.6686 13.6667 11.1686 13.6667 10.6172C13.6667 9.51147 12.7724 8.61719 11.6667 8.61719C10.5609 8.61719 9.66666 9.51147 9.66666 10.6172C9.66666 11.7229 10.5609 12.6172 11.6667 12.6172C12.2181 12.6172 12.7181 12.3943 13.0809 12.0315Z' })));
 };
 
-const ConnectionsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const ConnectionsIcon = ({ 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, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2 12H5.27924C5.70967 12 6.09181 11.7246 6.22792 11.3162L9 3L15 21L17.7721 12.6838C17.9082 12.2754 18.2903 12 18.7208 12H22' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2 12H5.27924C5.70967 12 6.09181 11.7246 6.22792 11.3162L9 3L15 21L17.7721 12.6838C17.9082 12.2754 18.2903 12 18.7208 12H22' })));
 };
 
-const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.error;
     return (React.createElement("svg", { width: size * (14 / 15), height: size, viewBox: '0 0 14 15', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 8.33673V6.00339M7 10.3055V10.3061M12.25 7.97266C12.25 10.8722 9.89949 13.2227 7 13.2227C4.1005 13.2227 1.75 10.8721 1.75 7.97265C1.75 5.07316 4.10051 2.72266 7 2.72266C9.8995 2.72266 12.25 5.07316 12.25 7.97266Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 8.33673V6.00339M7 10.3055V10.3061M12.25 7.97266C12.25 10.8722 9.89949 13.2227 7 13.2227C4.1005 13.2227 1.75 10.8721 1.75 7.97265C1.75 5.07316 4.10051 2.72266 7 2.72266C9.8995 2.72266 12.25 5.07316 12.25 7.97266Z' })));
 };
 
-export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, PlusCircledIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon };
+export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, PlusCircledIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon, UserSettingsIcon };

package/lib/{index-159d94f2.js → index-016ca5d0.js}

@@ -1,9 +1,9 @@
 import { StatusType, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { a as DEFAULT_DATA_STREAM_NAME, e as getProgrammingLanguageIcon, k as KafkaLogo, K as K8sLogo } from './index-118aa476.js';
+import { a as DEFAULT_DATA_STREAM_NAME, e as getProgrammingLanguageIcon, k as KafkaLogo, K as K8sLogo } from './index-cccea570.js';
 import 'react';
 import 'styled-components';
-import { A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, f as AxiomLogo, g as BlobStorageLogo, B as BetterStackLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, c as AwsCloudwatchLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, F as OpenTelemetryLogo, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, G as GigapipeLogo, T as QuickwitLogo, d as AwsS3Logo, U as SeqLogo, W as SignozLogo, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, e as AwsXrayLogo, a5 as NamespacesIcon, a7 as SourcesIcon, a4 as DestinationsIcon, a3 as ActionsIcon, a6 as RulesIcon, V as VmLogo } from './index-b833b336.js';
-import { O as OdigosLogo } from './index-974c5344.js';
+import { A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, f as AxiomLogo, g as BlobStorageLogo, B as BetterStackLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, c as AwsCloudwatchLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, F as OpenTelemetryLogo, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, G as GigapipeLogo, T as QuickwitLogo, d as AwsS3Logo, U as SeqLogo, W as SignozLogo, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, e as AwsXrayLogo, a5 as NamespacesIcon, a7 as SourcesIcon, a4 as DestinationsIcon, a3 as ActionsIcon, a6 as RulesIcon, V as VmLogo } from './index-dc3c54b0.js';
+import { O as OdigosLogo } from './index-ad99c5fe.js';
 import { s as safeJsonParse } from './index-ec555530.js';
 
 const compareCondition = (renderCondition, fields) => {
@@ -68,11 +68,13 @@ const filterDestinationsByStream = (destinations, streamName) => {
 const filterSources = (sources, filters) => {
     let filtered = [...sources];
     if (!!filters.namespaces?.length)
-        filtered = filtered.filter((source) => !!filters.namespaces?.find((ns) => ns.id === source.namespace));
+        filtered = filtered.filter(({ namespace }) => !!filters.namespaces?.find(({ id }) => id === namespace));
     if (!!filters.kinds?.length)
-        filtered = filtered.filter((source) => !!filters.kinds?.find((type) => type.id === source.kind));
+        filtered = filtered.filter(({ kind }) => !!filters.kinds?.find(({ id }) => id === kind));
     if (!!filters.languages?.length)
-        filtered = filtered.filter((source) => !!filters.languages?.find((language) => !!source.containers?.find((cont) => cont.language === language.id)));
+        filtered = filtered.filter(({ containers }) => !!filters.languages?.find(({ id }) => !!containers?.find(({ language }) => id === language)));
+    if (!!filters.conditions?.length)
+        filtered = filtered.filter(({ conditions }) => !!filters.conditions?.find(({ id }) => !!conditions?.find(({ type, reason }) => id === `${type}#${reason}`)));
     if (!!filters.onlyErrors)
         filtered = filtered.filter((source) => !!source.conditions?.find((cond) => cond.status === StatusType.Error));
     if (!!filters.errors?.length)

package/lib/{index-f64b0a7d.js → index-59f6374b.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-118aa476.js';
+import { T as Theme } from './index-cccea570.js';
 
 const OdigosLogoText = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
@@ -21,64 +21,64 @@ const OdigosLogoText = ({ size = 16, fill: f, rotate = 0, onClick }) => {
             React.createElement("path", { d: 'M36.6756 64.0307C43.4071 64.0307 48.8641 58.5737 48.8641 51.8422C48.8641 45.1108 43.4071 39.6538 36.6756 39.6538C29.9441 39.6538 24.4872 45.1108 24.4872 51.8422C24.4872 58.5737 29.9441 64.0307 36.6756 64.0307Z' }))));
 };
 
-const FilterIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const FilterIcon = ({ 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, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.33341 8H10.6667M7.33341 12H8.66675M2.66675 4H13.3334' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.33341 8H10.6667M7.33341 12H8.66675M2.66675 4H13.3334' })));
 };
 
-const KeyIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const KeyIcon = ({ 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, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14 12C14 14.2091 15.7909 16 18 16C20.2091 16 22 14.2091 22 12C22 9.79086 20.2091 8 18 8C15.7909 8 14 9.79086 14 12ZM14 12H2V15M6 12V14' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14 12C14 14.2091 15.7909 16 18 16C20.2091 16 22 14.2091 22 12C22 9.79086 20.2091 8 18 8C15.7909 8 14 9.79086 14 12ZM14 12H2V15M6 12V14' })));
 };
 
-const NotificationIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const NotificationIcon = ({ 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 * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.10569 12.3626C5.27488 12.3229 4.44501 12.2571 3.61736 12.1651C2.94777 12.0907 2.51712 11.4179 2.73017 10.7787C2.83819 10.4547 2.94697 10.1359 2.97558 9.79265L3.21224 6.95266C3.41977 4.46237 5.50153 2.54688 8.00045 2.54688C10.4994 2.54688 12.5811 4.46237 12.7886 6.95266L13.0254 9.79425C13.054 10.1373 13.1627 10.456 13.2703 10.78C13.4824 11.4188 13.052 12.0906 12.383 12.165C11.5555 12.257 10.7258 12.3228 9.89517 12.3625M6.10569 12.3626C7.36812 12.4229 8.63275 12.4229 9.89517 12.3625M6.10569 12.3626L6.10571 12.6522C6.10571 13.6986 6.95401 14.5469 8.00045 14.5469C9.04688 14.5469 9.89519 13.6986 9.89519 12.6522L9.89517 12.3625' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.10569 12.3626C5.27488 12.3229 4.44501 12.2571 3.61736 12.1651C2.94777 12.0907 2.51712 11.4179 2.73017 10.7787C2.83819 10.4547 2.94697 10.1359 2.97558 9.79265L3.21224 6.95266C3.41977 4.46237 5.50153 2.54688 8.00045 2.54688C10.4994 2.54688 12.5811 4.46237 12.7886 6.95266L13.0254 9.79425C13.054 10.1373 13.1627 10.456 13.2703 10.78C13.4824 11.4188 13.052 12.0906 12.383 12.165C11.5555 12.257 10.7258 12.3228 9.89517 12.3625M6.10569 12.3626C7.36812 12.4229 8.63275 12.4229 9.89517 12.3625M6.10569 12.3626L6.10571 12.6522C6.10571 13.6986 6.95401 14.5469 8.00045 14.5469C9.04688 14.5469 9.89519 13.6986 9.89519 12.6522L9.89517 12.3625' })));
 };
 
-const RetryIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const RetryIcon = ({ 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, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.71458 2.66992C6.20537 3.86202 5.85304 5.11461 5.66601 6.39629C5.61717 6.73098 5.88094 6.88085 6.14457 6.9818C6.17589 6.9938 6.20724 7.00568 6.23864 7.01746M6.23864 7.01746C7.70439 5.17853 9.96355 4 12.498 4C16.9162 4 20.498 7.58172 20.498 12C20.498 16.4183 16.9162 20 12.498 20C8.77029 20 5.63809 17.4505 4.75 14M6.23864 7.01746C7.35852 7.43772 8.52543 7.72281 9.71458 7.86607' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.71458 2.66992C6.20537 3.86202 5.85304 5.11461 5.66601 6.39629C5.61717 6.73098 5.88094 6.88085 6.14457 6.9818C6.17589 6.9938 6.20724 7.00568 6.23864 7.01746M6.23864 7.01746C7.70439 5.17853 9.96355 4 12.498 4C16.9162 4 20.498 7.58172 20.498 12C20.498 16.4183 16.9162 20 12.498 20C8.77029 20 5.63809 17.4505 4.75 14M6.23864 7.01746C7.35852 7.43772 8.52543 7.72281 9.71458 7.86607' })));
 };
 
-const TerminalIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const TerminalIcon = ({ 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, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 12L9 10L7 8M12 12H15M3 11C3 8.19974 3 6.79961 3.54497 5.73005C4.02433 4.78924 4.78924 4.02433 5.73005 3.54497C6.79961 3 8.19974 3 11 3H13C15.8003 3 17.2004 3 18.27 3.54497C19.2108 4.02433 19.9757 4.78924 20.455 5.73005C21 6.79961 21 8.19974 21 11V13C21 15.8003 21 17.2004 20.455 18.27C19.9757 19.2108 19.2108 19.9757 18.27 20.455C17.2004 21 15.8003 21 13 21H11C8.19974 21 6.79961 21 5.73005 20.455C4.78924 19.9757 4.02433 19.2108 3.54497 18.27C3 17.2004 3 15.8003 3 13V11Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 12L9 10L7 8M12 12H15M3 11C3 8.19974 3 6.79961 3.54497 5.73005C4.02433 4.78924 4.78924 4.02433 5.73005 3.54497C6.79961 3 8.19974 3 11 3H13C15.8003 3 17.2004 3 18.27 3.54497C19.2108 4.02433 19.9757 4.78924 20.455 5.73005C21 6.79961 21 8.19974 21 11V13C21 15.8003 21 17.2004 20.455 18.27C19.9757 19.2108 19.2108 19.9757 18.27 20.455C17.2004 21 15.8003 21 13 21H11C8.19974 21 6.79961 21 5.73005 20.455C4.78924 19.9757 4.02433 19.2108 3.54497 18.27C3 17.2004 3 15.8003 3 13V11Z' })));
 };
 
-const UserIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const UserIcon = ({ 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: '1', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7Z' }),
-        React.createElement("path", { stroke: fill, strokeWidth: '1', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.27466 21H16.7253C18.5339 21 20 19.5339 20 17.7253C20 15.4389 17.7163 13.8564 15.5755 14.6592L13.6502 15.3812C12.5862 15.7802 11.4138 15.7802 10.3498 15.3812L8.42447 14.6592C6.28366 13.8564 4 15.4389 4 17.7253C4 19.5339 5.46612 21 7.27466 21Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7Z' }),
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.27466 21H16.7253C18.5339 21 20 19.5339 20 17.7253C20 15.4389 17.7163 13.8564 15.5755 14.6592L13.6502 15.3812C12.5862 15.7802 11.4138 15.7802 10.3498 15.3812L8.42447 14.6592C6.28366 13.8564 4 15.4389 4 17.7253C4 19.5339 5.46612 21 7.27466 21Z' })));
 };
 
-const OverviewIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const OverviewIcon = ({ 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, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.00015 4.13333C2.00015 3.3866 2.00015 3.01323 2.14548 2.72801C2.27331 2.47713 2.47728 2.27316 2.72816 2.14532C3.01338 2 3.38675 2 4.13348 2H4.53348C5.28022 2 5.65359 2 5.93881 2.14532C6.18969 2.27316 6.39366 2.47713 6.52149 2.72801C6.66682 3.01323 6.66682 3.3866 6.66682 4.13333V4.53333C6.66682 5.28007 6.66682 5.65344 6.52149 5.93865C6.39366 6.18954 6.18969 6.39351 5.93881 6.52134C5.65359 6.66667 5.28022 6.66667 4.53348 6.66667H4.13348C3.38675 6.66667 3.01338 6.66667 2.72816 6.52134C2.47728 6.39351 2.27331 6.18954 2.14548 5.93865C2.00015 5.65344 2.00015 5.28007 2.00015 4.53333V4.13333Z' }),
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.54215 13.1752C2.01412 12.6471 1.75011 12.3831 1.6512 12.0787C1.56418 11.8109 1.56418 11.5224 1.6512 11.2546C1.75011 10.9502 2.01412 10.6862 2.54215 10.1582L2.82499 9.87533C3.35301 9.34731 3.61702 9.0833 3.92146 8.98438C4.18925 8.89737 4.47772 8.89737 4.74551 8.98438C5.04995 9.0833 5.31396 9.34731 5.84198 9.87533L6.12482 10.1582C6.65284 10.6862 6.91686 10.9502 7.01577 11.2546C7.10278 11.5224 7.10278 11.8109 7.01577 12.0787C6.91686 12.3831 6.65284 12.6471 6.12482 13.1752L5.84198 13.458C5.31396 13.986 5.04995 14.25 4.74551 14.349C4.47772 14.436 4.18925 14.436 3.92146 14.349C3.61702 14.25 3.35301 13.986 2.82499 13.458L2.54215 13.1752Z' }),
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M9.33348 4.33333C9.33348 3.04467 10.3782 2 11.6668 2C12.9555 2 14.0002 3.04467 14.0002 4.33333C14.0002 5.622 12.9555 6.66667 11.6668 6.66667C10.3782 6.66667 9.33348 5.622 9.33348 4.33333Z' }),
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M9.33348 11.4667C9.33348 10.7199 9.33348 10.3466 9.47881 10.0613C9.60664 9.81046 9.81061 9.60649 10.0615 9.47866C10.3467 9.33333 10.7201 9.33333 11.4668 9.33333H11.8668C12.6136 9.33333 12.9869 9.33333 13.2721 9.47866C13.523 9.60649 13.727 9.81046 13.8548 10.0613C14.0002 10.3466 14.0002 10.7199 14.0002 11.4667V11.8667C14.0002 12.6134 14.0002 12.9868 13.8548 13.272C13.727 13.5229 13.523 13.7268 13.2721 13.8547C12.9869 14 12.6136 14 11.8668 14H11.4668C10.7201 14 10.3467 14 10.0615 13.8547C9.81061 13.7268 9.60664 13.5229 9.47881 13.272C9.33348 12.9868 9.33348 12.6134 9.33348 11.8667V11.4667Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.00015 4.13333C2.00015 3.3866 2.00015 3.01323 2.14548 2.72801C2.27331 2.47713 2.47728 2.27316 2.72816 2.14532C3.01338 2 3.38675 2 4.13348 2H4.53348C5.28022 2 5.65359 2 5.93881 2.14532C6.18969 2.27316 6.39366 2.47713 6.52149 2.72801C6.66682 3.01323 6.66682 3.3866 6.66682 4.13333V4.53333C6.66682 5.28007 6.66682 5.65344 6.52149 5.93865C6.39366 6.18954 6.18969 6.39351 5.93881 6.52134C5.65359 6.66667 5.28022 6.66667 4.53348 6.66667H4.13348C3.38675 6.66667 3.01338 6.66667 2.72816 6.52134C2.47728 6.39351 2.27331 6.18954 2.14548 5.93865C2.00015 5.65344 2.00015 5.28007 2.00015 4.53333V4.13333Z' }),
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.54215 13.1752C2.01412 12.6471 1.75011 12.3831 1.6512 12.0787C1.56418 11.8109 1.56418 11.5224 1.6512 11.2546C1.75011 10.9502 2.01412 10.6862 2.54215 10.1582L2.82499 9.87533C3.35301 9.34731 3.61702 9.0833 3.92146 8.98438C4.18925 8.89737 4.47772 8.89737 4.74551 8.98438C5.04995 9.0833 5.31396 9.34731 5.84198 9.87533L6.12482 10.1582C6.65284 10.6862 6.91686 10.9502 7.01577 11.2546C7.10278 11.5224 7.10278 11.8109 7.01577 12.0787C6.91686 12.3831 6.65284 12.6471 6.12482 13.1752L5.84198 13.458C5.31396 13.986 5.04995 14.25 4.74551 14.349C4.47772 14.436 4.18925 14.436 3.92146 14.349C3.61702 14.25 3.35301 13.986 2.82499 13.458L2.54215 13.1752Z' }),
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M9.33348 4.33333C9.33348 3.04467 10.3782 2 11.6668 2C12.9555 2 14.0002 3.04467 14.0002 4.33333C14.0002 5.622 12.9555 6.66667 11.6668 6.66667C10.3782 6.66667 9.33348 5.622 9.33348 4.33333Z' }),
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M9.33348 11.4667C9.33348 10.7199 9.33348 10.3466 9.47881 10.0613C9.60664 9.81046 9.81061 9.60649 10.0615 9.47866C10.3467 9.33333 10.7201 9.33333 11.4668 9.33333H11.8668C12.6136 9.33333 12.9869 9.33333 13.2721 9.47866C13.523 9.60649 13.727 9.81046 13.8548 10.0613C14.0002 10.3466 14.0002 10.7199 14.0002 11.4667V11.8667C14.0002 12.6134 14.0002 12.9868 13.8548 13.272C13.727 13.5229 13.523 13.7268 13.2721 13.8547C12.9869 14 12.6136 14 11.8668 14H11.4668C10.7201 14 10.3467 14 10.0615 13.8547C9.81061 13.7268 9.60664 13.5229 9.47881 13.272C9.33348 12.9868 9.33348 12.6134 9.33348 11.8667V11.4667Z' })));
 };
 
-const DataStreamsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const DataStreamsIcon = ({ 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 || '#7A7A7A', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4 6.66602H12C12.6213 6.66602 12.9319 6.66602 13.1769 6.56452C13.5036 6.4292 13.7632 6.16963 13.8985 5.84293C14 5.5979 14 5.28727 14 4.66602C14 4.04476 14 3.73413 13.8985 3.4891C13.7632 3.1624 13.5036 2.90283 13.1769 2.76751C12.9319 2.66602 12.6213 2.66602 12 2.66602H4C3.37874 2.66602 3.06812 2.66602 2.82309 2.76751C2.49638 2.90283 2.23682 3.1624 2.10149 3.4891C2 3.73413 2 4.04476 2 4.66602C2 5.28727 2 5.5979 2.10149 5.84293C2.23682 6.16963 2.49638 6.4292 2.82309 6.56452C3.06812 6.66602 3.37874 6.66602 4 6.66602ZM4 6.66602L4 7.99935C4 9.8403 5.49238 11.3327 7.33333 11.3327H8.66667M8.66667 11.3327C8.66667 11.9539 8.66667 12.2646 8.76816 12.5096C8.90349 12.8363 9.16305 13.0959 9.48976 13.2312C9.73478 13.3327 10.0454 13.3327 10.6667 13.3327H12C12.6213 13.3327 12.9319 13.3327 13.1769 13.2312C13.5036 13.0959 13.7632 12.8363 13.8985 12.5096C14 12.2646 14 11.9539 14 11.3327C14 10.7114 14 10.4008 13.8985 10.1558C13.7632 9.82907 13.5036 9.5695 13.1769 9.43418C12.9319 9.33268 12.6213 9.33268 12 9.33268H10.6667C10.0454 9.33268 9.73478 9.33268 9.48976 9.43418C9.16305 9.5695 8.90349 9.82907 8.76816 10.1558C8.66667 10.4008 8.66667 10.7114 8.66667 11.3327Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4 6.66602H12C12.6213 6.66602 12.9319 6.66602 13.1769 6.56452C13.5036 6.4292 13.7632 6.16963 13.8985 5.84293C14 5.5979 14 5.28727 14 4.66602C14 4.04476 14 3.73413 13.8985 3.4891C13.7632 3.1624 13.5036 2.90283 13.1769 2.76751C12.9319 2.66602 12.6213 2.66602 12 2.66602H4C3.37874 2.66602 3.06812 2.66602 2.82309 2.76751C2.49638 2.90283 2.23682 3.1624 2.10149 3.4891C2 3.73413 2 4.04476 2 4.66602C2 5.28727 2 5.5979 2.10149 5.84293C2.23682 6.16963 2.49638 6.4292 2.82309 6.56452C3.06812 6.66602 3.37874 6.66602 4 6.66602ZM4 6.66602L4 7.99935C4 9.8403 5.49238 11.3327 7.33333 11.3327H8.66667M8.66667 11.3327C8.66667 11.9539 8.66667 12.2646 8.76816 12.5096C8.90349 12.8363 9.16305 13.0959 9.48976 13.2312C9.73478 13.3327 10.0454 13.3327 10.6667 13.3327H12C12.6213 13.3327 12.9319 13.3327 13.1769 13.2312C13.5036 13.0959 13.7632 12.8363 13.8985 12.5096C14 12.2646 14 11.9539 14 11.3327C14 10.7114 14 10.4008 13.8985 10.1558C13.7632 9.82907 13.5036 9.5695 13.1769 9.43418C12.9319 9.33268 12.6213 9.33268 12 9.33268H10.6667C10.0454 9.33268 9.73478 9.33268 9.48976 9.43418C9.16305 9.5695 8.90349 9.82907 8.76816 10.1558C8.66667 10.4008 8.66667 10.7114 8.66667 11.3327Z' })));
 };
 
 const SlackLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
@@ -90,11 +90,11 @@ const SlackLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("path", { fill: fill || '#ECB22E', d: 'M8.377 9.847c.002.811.659 1.469 1.47 1.47h3.683A1.474 1.474 0 0015 9.848a1.474 1.474 0 00-1.47-1.47H9.847a1.474 1.474 0 00-1.47 1.47zm2.94 3.682a1.474 1.474 0 00-1.47-1.47h-1.47v1.47c.002.812.659 1.469 1.47 1.47a1.474 1.474 0 001.47-1.47z' }))));
 };
 
-const CrossCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+const CrossCircledIcon = ({ 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 * (16 / 17), viewBox: '0 0 17 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.75049 10.0005L8.75049 8.00049M8.75049 8.00049L10.7505 6.00049M8.75049 8.00049L6.75049 6.00049M8.75049 8.00049L10.7505 10.0005M8.75039 14.1004C5.38145 14.1004 2.65039 11.3693 2.65039 8.00039C2.65039 4.63145 5.38145 1.90039 8.75039 1.90039C12.1193 1.90039 14.8504 4.63145 14.8504 8.00039C14.8504 11.3693 12.1193 14.1004 8.75039 14.1004Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.75049 10.0005L8.75049 8.00049M8.75049 8.00049L10.7505 6.00049M8.75049 8.00049L6.75049 6.00049M8.75049 8.00049L10.7505 10.0005M8.75039 14.1004C5.38145 14.1004 2.65039 11.3693 2.65039 8.00039C2.65039 4.63145 5.38145 1.90039 8.75039 1.90039C12.1193 1.90039 14.8504 4.63145 14.8504 8.00039C14.8504 11.3693 12.1193 14.1004 8.75039 14.1004Z' })));
 };
 
 export { CrossCircledIcon as C, DataStreamsIcon as D, FilterIcon as F, KeyIcon as K, NotificationIcon as N, OdigosLogoText as O, RetryIcon as R, SlackLogo as S, TerminalIcon as T, UserIcon as U, OverviewIcon as a };