@odigos/ui-kit 0.0.53 → 0.0.56

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,53 +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 }) => {
+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: '1', 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' })));
+        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 }) => {
@@ -74,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, 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-4c55824c.js → index-03c3e255.js}

@@ -1,8 +1,8 @@
 import { StatusType, OtherStatus, SignalType } from './types.js';
 import 'react';
-import './index-118aa476.js';
+import './index-cccea570.js';
 import 'styled-components';
-import { L as LogsIcon, M as MetricsIcon, T as TracesIcon, C as CheckCircledIcon, E as ErrorTriangleIcon, W as WarningTriangleIcon, I as InfoIcon, O as OdigosLogo } from './index-974c5344.js';
+import { L as LogsIcon, M as MetricsIcon, T as TracesIcon, C as CheckCircledIcon, E as ErrorTriangleIcon, W as WarningTriangleIcon, I as InfoIcon, O as OdigosLogo } from './index-ad99c5fe.js';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);
@@ -113,6 +113,12 @@ const getStatusIcon = (type, theme) => {
     return LOGOS[type];
 };
 
+const isStringABoolean = (value) => {
+    const normalizedValue = String(value).trim().toLowerCase();
+    const booleanValues = ['true', 'false', '1', '0'];
+    return booleanValues.includes(normalizedValue);
+};
+
 const SEMVER_REGEX = /^(\d+\.)?(\d+\.)?(\*|\d+)$/;
 const isValidVersion = (version) => SEMVER_REGEX.test(version);
 
@@ -149,7 +155,8 @@ const parseBooleanFromString = (value) => {
         return false;
     }
     else {
-        throw new Error(`Cannot parse boolean from string: "${value}"`);
+        console.warn(`Cannot parse boolean from string: "${value}"`);
+        return false;
     }
 };
 
@@ -215,4 +222,4 @@ const safeJsonStringify = (obj, indent = 2) => {
     return JSON.stringify(obj || {}, null, indent);
 };
 
-export { getMonitorIcon as a, getStatusIcon as b, capitalizeFirstLetter as c, parseJsonStringToPrettyString as d, splitCamelString as e, flattenObjectKeys as f, getConditionsBooleans as g, isValidVersion as i, mapConditions as m, numbersOnly as n, parseBooleanFromString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };
+export { getMonitorIcon as a, getStatusIcon as b, capitalizeFirstLetter as c, isValidVersion as d, parseJsonStringToPrettyString as e, flattenObjectKeys as f, getConditionsBooleans as g, splitCamelString as h, isStringABoolean as i, mapConditions as m, numbersOnly as n, parseBooleanFromString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };

package/lib/{index-1b057bd1.js → index-1de4c5cd.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { a2 as WarningModal } from './index-4dd6a1ce.js';
+import { a2 as WarningModal } from './index-ad94963f.js';
 import { StatusType, EntityTypes } from './types.js';
-import './index-118aa476.js';
+import './index-cccea570.js';
 import 'styled-components';
 
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {