@odigos/ui-kit 0.0.302 → 0.0.303
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/lib/chunks/{helpers-Cmb73F-0.js → helpers-COsrWsYw.js} +1 -1
- package/lib/chunks/{index-qbo6uYzO.js → index-UDCljNKR.js} +1 -1
- package/lib/chunks/source-instrument-form-context-htaV7BiQ.js +5 -0
- package/lib/chunks/ui-components-Bpkus_DD.js +2273 -0
- package/lib/components.js +1 -1
- package/lib/constants/insights/common.d.ts +4 -0
- package/lib/constants/insights/guardrails.d.ts +47 -11
- package/lib/constants.js +1 -1
- package/lib/containers/_drawers/guardrail-drawer/index.d.ts +21 -0
- package/lib/containers/_drawers/index.d.ts +1 -0
- package/lib/containers/_forms/insights/guardrail-form/correlation-options.d.ts +17 -0
- package/lib/containers/_forms/insights/guardrail-form/correlations-editor.d.ts +13 -0
- package/lib/containers/_forms/insights/guardrail-form/index.d.ts +8 -7
- package/lib/containers/_forms/insights/guardrail-form/mappers.d.ts +11 -2
- package/lib/containers/_forms/insights/guardrail-form/types.d.ts +17 -2
- package/lib/containers/_forms/insights/index.d.ts +1 -1
- package/lib/containers/insights/operation-identity.d.ts +3 -0
- package/lib/containers/insights/settings-and-configurations/panels/guardrails/helpers.d.ts +33 -19
- package/lib/containers/insights/transaction-picker/helpers.d.ts +23 -0
- package/lib/containers/insights/transaction-picker/index.d.ts +14 -0
- package/lib/containers.js +721 -538
- package/lib/contexts/insights/guardrail-form-context.d.ts +17 -7
- package/lib/contexts/odigos-api/hooks/use-insights-api.d.ts +1 -1
- package/lib/contexts/odigos-api/types.d.ts +1 -0
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types/insights/index.d.ts +44 -1
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +1 -1
- package/lib/chunks/source-instrument-form-context-BgWxz1X_.js +0 -5
- package/lib/chunks/ui-components-Bf4VGszc.js +0 -2271
|
@@ -0,0 +1,2273 @@
|
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import i,{forwardRef as n,Fragment as r,useId as a,useState as s,useEffect as l,useCallback as d,useMemo as c,useRef as p,useContext as u,createContext as h,useLayoutEffect as m,createElement as g}from"react";import f,{css as y,useTheme as b,keyframes as v,ThemeProvider as $}from"styled-components";import{PrivacyIcon as w,NormalizationIcon as C,EnrichmentIcon as x,ActionIcon as S,VSquareIcon as E,XSquareIcon as T,ImageErrorIcon as O,KafkaLogo as N,RedisLogo as k,PostgresLogo as A,NginxLogo as I,MysqlLogo as _,BrowserLogo as D,ElixirLogo as R,SwiftLogo as L,RustLogo as P,RubyLogo as F,PhpLogo as M,CPlusPlusLogo as U,CSharpLogo as z,DotnetLogo as B,PythonLogo as j,NodejsLogo as H,GoLogo as W,JavaLogo as X,PyroscopeLogo as G,AwsXrayLogo as V,VictoriaMetricsLogo as K,UptraceLogo as Y,TraceloopLogo as q,TingyunLogo as J,TempoLogo as Q,TelemetryHubLogo as Z,SumoLogicLogo as ee,SplunkLogo as te,SignozLogo as oe,SeqLogo as ie,AwsS3Logo as ne,QuickwitLogo as re,GigapipeLogo as ae,QrynLogo as se,PrometheusLogo as le,OpenTelemetryLogo as de,OracleLogo as ce,OpsVerseLogo as pe,OpenObserveLogo as ue,OneUptimeLogo as he,OdigosLogo as me,ObserveLogo as ge,NewRelicLogo as fe,MiddlewareLogo as ye,LumigoLogo as be,LokiLogo as ve,LogzioLogo as $e,LightstepLogo as we,Last9Logo as Ce,KloudmateLogo as xe,JaegerLogo as Se,InstanaLogo as Ee,HyperDxLogo as Te,HoneycombLogo as Oe,GroundcoverLogo as Ne,GreptimeLogo as ke,GrafanaLogo as Ae,GoogleCloudPlatformLogo as Ie,ElasticSearchLogo as _e,ElasticApmLogo as De,DynatraceLogo as Re,DatadogLogo as Le,Dash0Logo as Pe,CoralogixLogo as Fe,AwsCloudwatchLogo as Me,ClickhouseLogo as Ue,ChronosphereLogo as ze,ChecklyLogo as Be,CauselyLogo as je,BonreeLogo as He,BetterStackLogo as We,AzureMonitorLogo as Xe,AzureBlobLogo as Ge,AxiomLogo as Ve,AppDynamicsLogo as Ke,AlibabaCloudLogo as Ye,AlaudaLogo as qe,RecommendationsIcon as Je,SamplingIcon as Qe,InstrumentationRuleIcon as Ze,DestinationIcon as et,SourceIcon as tt,NamespacesIcon as ot,MetricsIcon as it,PayloadCollectionIcon as nt,HeadersCollectionIcon as rt,CustomInstrumentationIcon as at,CodeAttributesIcon as st,TracesIcon as lt,LogsIcon as dt,EcsLogo as ct,CloudConnectorIcon as pt,VmLogo as ut,K8sLogo as ht,DotsHorizontalIcon as mt,QuestionCircleIcon as gt,ExclamationTriangleIcon as ft,ExclamationCircleIcon as yt,ISquareIcon as bt,AwsLogo as vt,AwsSecretsManagerLogo as $t,AwsStepFunctionsLogo as wt,AwsEventBridgeLogo as Ct,AwsBedrockLogo as xt,AwsApiGatewayLogo as St,AwsEc2Logo as Et,AwsKinesisLogo as Tt,AwsLambdaLogo as Ot,AwsSnsLogo as Nt,AwsSqsLogo as kt,AwsDynamoDbLogo as At,AwsStsLogo as It,OpenTelemetryLogoStripped as _t,CodeIcon as Dt,ChevronUpIcon as Rt,ChevronDownIcon as Lt,ChevronRightIcon as Pt,MinusIcon as Ft,PlusIcon as Mt,VIcon as Ut,CopyIcon as zt,XIcon as Bt,ExpandIcon as jt,SearchIcon as Ht,DotsVerticalIcon as Wt,EyeClosedIcon as Xt,EyeOpenIcon as Gt,ArrowIcon as Vt,ListIcon as Kt,TrashIcon as Yt,DotIcon as qt,ArrowRightIcon as Jt,ClockIcon as Qt,FilterIcon as Zt}from"../icons.js";import{create as eo}from"zustand";import to from"javascript-time-ago";import oo from"javascript-time-ago/locale/en";import io,{createPortal as no}from"react-dom";import{interpolate as ro}from"flubber";import{Highlight as ao,themes as so}from"prism-react-renderer";import{ErrorBoundary as lo}from"react-error-boundary";import{VList as co}from"virtua";const po=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const o=t.split(".");return 1e4*parseInt(o[0]||"0",10)+parseInt(o[1]||"0",10)};var uo,ho,mo,go,fo,yo,bo,vo,$o,wo,Co,xo,So,Eo,To,Oo,No,ko,Ao,Io,_o,Do,Ro,Lo,Po,Fo,Mo,Uo,zo,Bo,jo,Ho,Wo,Xo,Go,Vo,Ko,Yo,qo,Jo,Qo,Zo,ei,ti;(e=>{e.K8sAttributes="K8sAttributesResolver",e.AddClusterInfo="AddClusterInfo",e.DeleteAttributes="DeleteAttribute",e.RenameAttributes="RenameAttribute",e.PiiMasking="PiiMasking",e.URLTemplatization="URLTemplatization",e.ExtractAttribute="ExtractAttribute",e.DbQueryTemplatization="DbQueryTemplatization",e.InferDbAttributes="InferDbAttributes"})(uo||(uo={})),(e=>{e.Enrichment="enrichment",e.Normalization="normalization",e.Privacy="privacy"})(ho||(ho={})),(e=>{e.CollectContainerAttributes="collectContainerAttributes",e.CollectReplicaSetAttributes="collectReplicaSetAttributes",e.CollectWorkloadId="collectWorkloadId",e.CollectClusterId="collectClusterId",e.LabelsAttributes="labelsAttributes",e.AnnotationsAttributes="annotationsAttributes",e.ClusterAttributes="clusterAttributes",e.OverwriteExistingValues="overwriteExistingValues",e.AttributeNamesToDelete="attributeNamesToDelete",e.Renames="renames",e.PiiCategories="piiCategories",e.UrlTemplatizationRulesGroups="urlTemplatizationRulesGroups",e.UrlTemplatizationDefaultGroups="urlTemplatizationDefaultGroups",e.ExtractAttribute="extractAttribute",e.TemplatizeLiterals="templatizeLiterals",e.Scopes="scopes"})(mo||(mo={})),(e=>{e.Pod="pod",e.Namespace="namespace",e.Node="node"})(go||(go={})),(e=>{e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"})(fo||(fo={})),(e=>{e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.GREATER_THAN="greater_than",e.LESS_THAN="less_than",e.GREATER_THAN_OR_EQUAL="greater_than_or_equal",e.LESS_THAN_OR_EQUAL="less_than_or_equal"})(yo||(yo={})),(e=>{e.EXISTS="exists",e.EQUALS="equals"})(bo||(bo={})),(e=>{e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.IS_VALID_JSON="is_valid_json",e.IS_INVALID_JSON="is_invalid_json",e.JSONPATH_EXISTS="jsonpath_exists",e.KEY_EQUALS="key_equals",e.KEY_NOT_EQUALS="key_not_equals"})(vo||(vo={})),(e=>{e.JSON="json",e.SQL="sql",e.ResourcePath="resource_path"})($o||($o={})),(e=>{e.Discovery="discovery",e.Instrumentation="instrumentation",e.ComputePlatforms="computePlatforms",e.Gateway="gateway"})(wo||(wo={})),(e=>{e.Horizontal="horizontal",e.Vertical="vertical"})(Co||(Co={})),(e=>{e.Ascending="ascending",e.Descending="descending"})(xo||(xo={})),(e=>{e.Community="community",e.Onprem="onprem"})(So||(So={})),(e=>{e.K8s="k8s",e.Vm="vm",e.Connector="connector",e.AwsEcs="aws.ecs"})(Eo||(Eo={})),(e=>{e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"})(To||(To={})),(e=>{e.New="NEW",e.AppsSelected="APPS_SELECTED",e.Finished="FINISHED"})(Oo||(Oo={})),(e=>{e.Go="go",e.JavaScript="javascript",e.Python="python",e.Java="java",e.DotNet="dotnet",e.CSharp="csharp",e.CPlusPlus="cplusplus",e.Php="php",e.Ruby="ruby",e.Rust="rust",e.Swift="swift",e.Elixir="elixir",e.Browser="browser",e.MySql="mysql",e.Nginx="nginx",e.Postgres="postgres",e.Redis="redis",e.Kafka="kafka",e.Ignored="ignored",e.Unknown="unknown",e.Processing="processing",e.NoContainers="no containers",e.NoRunningPods="no running pods"})(No||(No={})),(e=>{e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"})(ko||(ko={})),(e=>{e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule",e.SamplingRule="SamplingRule",e.Recommendation="Recommendation"})(Ao||(Ao={})),(e=>{e.DataStream="DataStream",e.Connection="Connection"})(Io||(Io={})),(e=>{e.Input="input",e.MultiInput="multiInput",e.MultiTabledInput="multiTabledInput",e.KeyValuePair="keyValuePairs",e.TextArea="textarea",e.Dropdown="dropdown",e.Checkbox="checkbox",e.CheckboxList="checkboxList",e.Toggle="toggle",e.Time="time",e.FieldGroup="fieldGroup",e.SourceScopes="sourceScopes"})(_o||(_o={})),(e=>{e.Text="text",e.Password="password",e.Number="number",e.Decimal="decimal"})(Do||(Do={})),(e=>{e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default",e.Loading="loading",e.Disabled="disabled",e.Unknown="unknown"})(Ro||(Ro={})),(e=>{e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"})(Lo||(Lo={})),(e=>{e.RolloutWorkload="RolloutWorkload",e.AllowConcurrentAgentsForContainer="AllowConcurrentAgentsForContainer",e.DisallowConcurrentAgentsForContainer="DisallowConcurrentAgentsForContainer"})(Po||(Po={})),(e=>{e.MarkedForInstrumentation="MarkedForInstrumentation",e.RuntimeDetection="RuntimeDetection",e.AgentEnabled="AgentEnabled",e.AgentInjected="AgentInjected",e.WorkloadRollout="WorkloadRollout",e.ProcessesHealthStatus="ProcessesHealthStatus",e.ExpectingTelemetry="ExpectingTelemetry",e.WorkloadOdigosHealth="WorkloadOdigosHealth"})(Fo||(Fo={})),(e=>{e.TriggeredSuccessfully="RolloutTriggeredSuccessfully",e.RolloutFinished="RolloutFinished",e.PreviousRolloutOngoing="PreviousRolloutOngoing",e.Disabled="Disabled",e.NotRequired="NotRequired",e.WaitingForRestart="WaitingForRestart",e.WorkloadNotSupporting="WorkloadNotSupporting",e.WaitingInQueue="WaitingInQueue",e.FailedToPatch="FailedToPatch"})(Mo||(Mo={})),(e=>{e.SuccessfullyInjected="SuccessfullyInjected",e.NoAgentInjected="NoAgentInjected",e.SomePodsAgentNotInjectedRolloutNeeded="SomePodsAgentNotInjectedRolloutNeeded",e.AgentInjectedAndDataSent="AgentInjectedAndDataSent"})(Uo||(Uo={})),(e=>{e.CodeAttributes="code-attributes",e.FullPayloadCollection="full-payload-collection",e.DbPayloadCollection="db-payload-collection",e.QueryOperationDetector="query-operation-detector",e.AllowConcurrentAgents="allow_concurrent_agents",e.JavaEbpfInstrumentations="java-ebpf-instrumentations",e.JavaNativeInstrumentations="java-native-instrumentations",e.SizeS="size_s",e.SizeM="size_m",e.SizeL="size_l"})(zo||(zo={})),(e=>{e.Alauda="alauda",e.AlibabaCloud="alibabacloud",e.AppDynamics="appdynamics",e.Axiom="axiom",e.AzureBlob="azureblob",e.AzureMonitor="azuremonitor",e.BetterStack="betterstack",e.Bonree="bonree",e.Causely="causely",e.Checkly="checkly",e.Chronosphere="chronosphere",e.ClickHouse="clickhouse",e.CloudWatch="cloudwatch",e.Coralogix="coralogix",e.Dash0="dash0",e.Datadog="datadog",e.Dynamic="dynamic",e.Dynatrace="dynatrace",e.ElasticApm="elasticapm",e.ElasticSearch="elasticsearch",e.GoogleCloud="googlecloud",e.GoogleCloudOTLP="googlecloudotlp",e.GrafanaCloudLoki="grafanacloudloki",e.GrafanaCloudPrometheus="grafanacloudprometheus",e.GrafanaCloudTempo="grafanacloudtempo",e.Greptime="greptime",e.Groundcover="groundcover",e.Honeycomb="honeycomb",e.HyperDX="hyperdx",e.Instana="instana",e.Jaeger="jaeger",e.Kafka="kafka",e.Kloudmate="kloudmate",e.Last9="last9",e.Lightstep="lightstep",e.LogzIo="logzio",e.Loki="loki",e.Lumigo="lumigo",e.Middleware="middleware",e.NewRelic="newrelic",e.Observe="observe",e.Odigos="odigos",e.OdigosProfileDiagnostic="odigos_profile_diagnostic",e.OneUptime="oneuptime",e.OpenObserve="openobserve",e.Opsverse="opsverse",e.Oracle="oracle",e.OTLP="otlp",e.OTLPHttp="otlphttp",e.Prometheus="prometheus",e.Qryn="qryn",e.QrynOss="qryn-oss",e.Quickwit="quickwit",e.S3="s3",e.Seq="seq",e.Signalfx="signalfx",e.Signoz="signoz",e.Splunk="splunk",e.SplunkSapm="splunksapm",e.SplunkOtlp="splunkotlp",e.SumoLogic="sumologic",e.TelemetryHub="telemetryhub",e.Tempo="tempo",e.Tingyun="tingyun",e.Traceloop="traceloop",e.Uptrace="uptrace",e.VictoriaMetrics="victoriametrics",e.VictoriaMetricsCloud="victoriametricscloud",e.XRay="xray",e.Pyroscope="pyroscope"})(Bo||(Bo={})),(e=>{e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.Pod="Pod",e.StaticPod="StaticPod",e.Rollout="Rollout",e.ConfigMap="ConfigMap",e.DeploymentConfig="DeploymentConfig",e.InstrumentationConfig="InstrumentationConfig"})(jo||(jo={})),(e=>{e.GolangCommunity="golang-community",e.NodejsCommunity="nodejs-community",e.PythonCommunity="python-community",e.JavaCommunity="java-community",e.DotNetCommunity="dotnet-community",e.RubyCommunity="ruby-community",e.PhpCommunity="php-community",e.BrowserCommunity="browser-community",e.GolangEnterprise="golang-enterprise",e.NodejsEnterprise="nodejs-enterprise",e.PythonEnterprise="python-enterprise",e.JavaEnterprise="java-enterprise",e.JavaEbpfInstrumentations="java-ebpf-instrumentations",e.OpentelemetryEbpfInstrumentation="opentelemetry-ebpf-instrumentation",e.DotNetLegacy="dotnet-legacy",e.DotNetEnterprise="dotnet-enterprise",e.RubyEnterprise="ruby-enterprise",e.CPlusPlusEnterprise="cplusplus-enterprise",e.MySqlEnterprise="mysql-enterprise"})(Ho||(Ho={})),(e=>{e.Error="Error",e.Failure="Failure",e.Notice="Notice",e.Pending="Pending",e.Waiting="Waiting",e.Unsupported="Unsupported",e.Disabled="Disabled",e.Success="Success",e.Irrelevant="Irrelevant",e.Unknown="Unknown"})(Wo||(Wo={})),(e=>{e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.NetworkMetrics="NetworkMetrics",e.UnknownType="UnknownType"})(Xo||(Xo={})),(e=>{e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"})(Go||(Go={})),(e=>{e.HeaderKeys="headerKeys"})(Vo||(Vo={})),(e=>{e.Java="java",e.Golang="golang",e.Php="php"})(Ko||(Ko={}));class oi{className;methodName;constructor(e,t){this.className=e,this.methodName=t}Verify(){return!!this.className&&!!this.methodName}toString(){return this.Verify()?`${this.className}.${this.methodName}`:"[Faulty Java Probe]"}}class ii{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,o,i){this.packageName=e,this.functionName=t||"",this.receiverName=o||"",this.receiverMethodName=i||""}Verify(){return!(!this.packageName||(this.functionName?this.receiverMethodName||this.receiverName:!this.receiverMethodName||!this.receiverName))}toString(){return this.Verify()?this.functionName?`${this.packageName}.${this.functionName}`:this.receiverName&&this.receiverMethodName?`${this.packageName}.(${this.receiverName}).${this.receiverMethodName}`:"":"[Faulty Golang Probe]"}}class ni{className;functionName;constructor(e,t){this.className=e||"",this.functionName=t||""}Verify(){return!!this.functionName}toString(){return this.Verify()?this.className?`${this.className}::${this.functionName}`:this.functionName:"[Faulty PHP Probe]"}}(e=>{e.HttpRequest="httpRequest",e.HttpResponse="httpResponse",e.DbQuery="dbQuery",e.Messaging="messaging"})(Yo||(Yo={})),(e=>{e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"})(qo||(qo={})),(e=>{e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"})(Jo||(Jo={})),(e=>{e.ContainerCreating="ContainerCreating",e.CrashLoopBackOff="CrashLoopBackOff",e.CreateContainerError="CreateContainerError",e.CreateContainerConfigError="CreateContainerConfigError",e.ErrImagePull="ErrImagePull",e.ErrImageNeverPull="ErrImageNeverPull",e.ImagePullBackOff="ImagePullBackOff",e.InvalidImageName="InvalidImageName",e.RegistryUnavailable="RegistryUnavailable",e.NetworkNotReady="NetworkNotReady",e.Running="Running",e.Completed="Completed",e.Error="Error",e.OOMKilled="OOMKilled",e.ContainerCannotRun="ContainerCannotRun",e.DeadlineExceeded="DeadlineExceeded",e.StartError="StartError"})(Qo||(Qo={})),(e=>{e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"})(Zo||(Zo={})),(e=>{e.Logs="LOGS",e.Metrics="METRICS",e.Traces="TRACES",e.Profiles="PROFILES"})(ei||(ei={})),(e=>{e.Logs="logs",e.Metrics="metrics",e.Traces="traces",e.Profiles="profiles"})(ti||(ti={}));const ri={[ei.Logs]:ti.Logs,[ei.Metrics]:ti.Metrics,[ei.Traces]:ti.Traces,[ei.Profiles]:ti.Profiles},ai={[ti.Logs]:ei.Logs,[ti.Metrics]:ei.Metrics,[ti.Traces]:ei.Traces,[ti.Profiles]:ei.Profiles};var si,li,di,ci,pi,ui,hi,mi,gi,fi,yi,bi,vi,$i,wi,Ci,xi,Si,Ei,Ti,Oi,Ni,ki,Ai,Ii;(e=>{e.Policy="InsightsPolicy",e.Finding="Finding"})(si||(si={})),(e=>{e.HTTP="HTTP",e.GRPC="GRPC",e.CONSUMER="CONSUMER",e.PRODUCER="PRODUCER",e.CRON="CRON",e.INTERNAL="INTERNAL"})(li||(li={})),(e=>{e.D1_call_edges="D1_call_edges",e.D2_egress="D2_egress",e.D3_latency="D3_latency",e.D4_args_returns="D4_args_returns",e.D5_libraries="D5_libraries",e.D6_attr_relations="D6_attr_relations",e.D7_db_access="D7_db_access",e.D8_payload_size="D8_payload_size"})(di||(di={})),(e=>{e.Example="example",e.AnomalyEvidence="anomaly_evidence",e.GuardrailEvidence="guardrail_evidence"})(ci||(ci={})),(e=>{e.Global="global",e.Service="service",e.Transaction="transaction"})(pi||(pi={})),(e=>{e.Info="info",e.Low="low",e.Medium="medium",e.High="high",e.Critical="critical"})(ui||(ui={})),(e=>{e.Anomaly="anomaly",e.Violation="violation"})(hi||(hi={})),(e=>{e.Open="open",e.Accepted="accepted",e.Dismissed="dismissed"})(mi||(mi={})),(e=>{e.Open="open",e.Accepted="accepted",e.Dismissed="dismissed"})(gi||(gi={})),(e=>{e.Suggest="suggest",e.Enforce="enforce"})(fi||(fi={})),(e=>{e.Accept="accept",e.Dismiss="dismiss",e.Reopen="reopen"})(yi||(yi={})),(e=>{e.Accept="accept",e.Dismiss="dismiss"})(bi||(bi={})),(e=>{e.All="all",e.Any="any",e.KOf="k_of"})(vi||(vi={})),(e=>{e.Promoted="promoted",e.Empty="empty",e.Learning="learning"})($i||($i={})),(e=>{e.MinObservations="min_observations",e.MinDuration="min_duration",e.StableObservations="stable_observations",e.StableDuration="stable_duration"})(wi||(wi={})),(e=>{e.Healthy="healthy",e.Degraded="degraded",e.Critical="critical",e.Unreachable="unreachable"})(Ci||(Ci={})),(e=>{e.Ok="ok",e.Warning="warning",e.Critical="critical"})(xi||(xi={})),(e=>{e.Us="us",e.Bytes="bytes"})(Si||(Si={})),(e=>{e.Structural="structural",e.Metric="metric"})(Ei||(Ei={})),(e=>{e.Equals="equals",e.NotEquals="not_equals"})(Ti||(Ti={})),(e=>{e.InferDBAttributes="InferDBAttributes",e.AutoGoOffsetUpdater="AutoGoOffsetUpdater",e.EnableOwnMetrics="EnableOwnMetrics",e.SampleHealthProbes="SampleHealthProbes",e.UrlTemplatization="UrlTemplatization"})(Oi||(Oi={})),(e=>{e.Recommended="recommended",e.Applied="applied",e.Dismissed="dismissed",e.NotApplicable="notApplicable"})(Ni||(Ni={})),(e=>{e.HelmValues="HelmValues",e.OdigosAction="OdigosAction"})(ki||(ki={})),(e=>{e.DirectAutoOffsets="DirectAutoOffsets",e.DropAllHealthProbes="DropAllHealthProbes",e.EnableInferDbAttributes="EnableInferDbAttributes",e.EnableOwnMetricsStore="EnableOwnMetricsStore",e.EnableUrlTemplatization="EnableUrlTemplatization",e.ImageAutoOffsets="ImageAutoOffsets",e.SparseSampleHealthProbes="SparseSampleHealthProbes"})(Ai||(Ai={})),(e=>{e.SampledSpansOnly="sampled_spans_only",e.AllSpans="all_spans"})(Ii||(Ii={}));const _i={[ho.Enrichment]:{TITLE:"Enrichment",ICON:x},[ho.Normalization]:{TITLE:"Normalization",ICON:C},[ho.Privacy]:{TITLE:"Privacy & Governance",ICON:w}},Di={[uo.AddClusterInfo]:ho.Enrichment,[uo.K8sAttributes]:ho.Enrichment,[uo.ExtractAttribute]:ho.Enrichment,[uo.InferDbAttributes]:ho.Enrichment,[uo.DbQueryTemplatization]:ho.Normalization,[uo.URLTemplatization]:ho.Normalization,[uo.RenameAttributes]:ho.Normalization,[uo.PiiMasking]:ho.Privacy,[uo.DeleteAttributes]:ho.Privacy},Ri=e=>{const t=Di[e];return t?_i[t].ICON:S},Li=[{type:uo.K8sAttributes,icon:Ri(uo.K8sAttributes),category:Di[uo.K8sAttributes],label:"Kubernetes Attributes",subtitle:"Add dynamic k8s resource attributes to your data.",description:"This action adds kubernetes related resource attributes to spans, metrics data points and log records.",allowedSignals:[ei.Traces,ei.Metrics,ei.Logs,ei.Profiles],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/k8sattributes",supportedPlatforms:[Eo.K8s]},{type:uo.AddClusterInfo,icon:Ri(uo.AddClusterInfo),category:Di[uo.AddClusterInfo],label:"Add Cluster Info",subtitle:"Add static cluster-scoped attributes to your data.",description:"This action adds static resource attributes to spans, metrics data points and log records. It is useful to add cluster-wide attributes to all telemetry signals.",allowedSignals:[ei.Traces,ei.Metrics,ei.Logs,ei.Profiles],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/addclusterinfo",supportedPlatforms:[Eo.K8s]},{type:uo.DeleteAttributes,icon:Ri(uo.DeleteAttributes),category:Di[uo.DeleteAttributes],label:"Delete Attribute",subtitle:"Delete attributes from logs, metrics, and traces.",description:"This action will delete the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition.",allowedSignals:[ei.Traces,ei.Metrics,ei.Logs,ei.Profiles],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/deleteattribute",supportedPlatforms:[Eo.K8s]},{type:uo.RenameAttributes,icon:Ri(uo.RenameAttributes),category:Di[uo.RenameAttributes],label:"Rename Attribute",subtitle:"Rename attributes in logs, metrics, and traces.",description:"This action will rename the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition.",allowedSignals:[ei.Traces,ei.Metrics,ei.Logs,ei.Profiles],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/renameattribute",supportedPlatforms:[Eo.K8s]},{type:uo.PiiMasking,icon:Ri(uo.PiiMasking),category:Di[uo.PiiMasking],label:"PII Masking",subtitle:"Mask PII data in your traces.",description:"This action processes a list of PII categories to be masked from the traces.",allowedSignals:[ei.Traces],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/piimasking",supportedPlatforms:[Eo.K8s]},{type:uo.URLTemplatization,icon:Ri(uo.URLTemplatization),category:Di[uo.URLTemplatization],label:"URL Templatization",subtitle:"Replace dynamic URL path segments with named placeholders.",description:"Templatizes HTTP URL paths by replacing dynamic segments (IDs, UUIDs, dates) with named placeholders (e.g. /user/1234 → /user/{id}). Reduces cardinality of http.route and span names, improving usability in telemetry backends.",allowedSignals:[ei.Traces],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/urltemplatization",minVersion:{[Eo.K8s]:po("v1.21.0")},supportedPlatforms:[Eo.K8s,Eo.Vm]},{type:uo.ExtractAttribute,icon:Ri(uo.ExtractAttribute),category:Di[uo.ExtractAttribute],label:"Extract Attribute",subtitle:"Extract values from existing attributes into new ones.",description:"Extracts a value from an existing span attribute into a new attribute on the same span. The value can be located by combining a lookup key with a pre-set data format (JSON, SQL, or resource path), or by supplying a custom regular expression that uses a single capture group.",allowedSignals:[ei.Traces],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/extractattribute",minVersion:{[Eo.K8s]:po("v1.29.0")},supportedPlatforms:[Eo.K8s]}],Pi=po("v1.26"),Fi=(e,t)=>!e.supportedPlatforms||e.supportedPlatforms.includes(t),Mi=(e,t,o)=>{const i=e.minVersion?.[t];return!i||po(o)>=i},Ui=(e,t)=>Li.filter(o=>Fi(o,e)&&Mi(o,e,t)).map(o=>((e,t,o)=>t!==Eo.K8s||po(o)>=Pi?e:e.allowedSignals?.includes(ei.Profiles)?{...e,allowedSignals:e.allowedSignals.filter(e=>e!==ei.Profiles)}:e)(o,e,t)),zi=e=>{const t=e?.actionTypes;return t?.length?t.map(e=>({type:e.type,icon:Ri(e.type),category:e.category||Di[e.type],label:e.displayName,subtitle:e.subtitle||void 0,description:e.description,allowedSignals:e.allowedSignals,docsUrl:e.docsUrl,fields:e.fields})):[]},Bi="Coming soon",ji="We are working on this feature and it will be available soon.";var Hi;(e=>{e.ALL="all",e.UNSAVED="unsaved",e.EXISTS="exists",e.DETECTED="detected",e.SELF_HOSTED="self-hosted",e.MANAGED="managed"})(Hi||(Hi={}));const Wi={[Hi.ALL]:{TITLE:"All",DESCRIPTION:"All destinations"},[Hi.UNSAVED]:{TITLE:"Selected",DESCRIPTION:"These are destinations that you have not yet saved."},[Hi.EXISTS]:{TITLE:"Already configured",DESCRIPTION:"These are destinations that you have already configured in other data-streams and can reuse them."},[Hi.DETECTED]:{TITLE:"Suggested",DESCRIPTION:"Odigos found these destinations in your cluster and pre-filled their details. Review and enable them to start sending data."},[Hi.SELF_HOSTED]:{TITLE:"Self hosted",DESCRIPTION:"Full control and customization for advanced application monitoring."},[Hi.MANAGED]:{TITLE:"Managed",DESCRIPTION:"Effortless monitoring with scalable performance management."}},Xi="Save Changes",Gi="Discard changes",Vi="Default Policy",Ki="Overrides",Yi="No default policy yet",qi="No overrides yet",Ji="Choose override scope",Qi="Global",Zi="Choose Override type",en="Select Service",tn="Select Transaction",on="Service",nn="Transaction",rn="Select service…",an="Select transaction…",sn="Search transactions…",ln="All services",dn="All protocols",cn="Copy transaction ID",pn="Anomaly Detection Policies",un="Configure when Odigos should create findings based on runtime risk signals.\nUse service overrides to adjust detection sensitivity for specific services.",hn="Add a default policy to set the global detection settings.",mn="Add overrides to adjust detection sensitivity for specific services.",gn="Create override policy",fn="Delete policy",yn="Select where this policy should override the global detection settings.\nYou can apply it to a specific service or transaction.",bn="Name",vn="Trigger when risk level is",$n="Customize signal weights (advanced)",wn="Base weight",Cn="Risk points",xn="Dangerous sub-cases - added on top of the base when detected:",Sn="Every detected signal adds its weight (points) to a 0–100 risk score; the policy fires when the total reaches the threshold above. Sub-cases add on top of the base. Set any weight to 0 to mute that signal for this scope.",En="Low",Tn="Medium",On="High",Nn="Critical",kn=(e,t)=>`Fire when risk score ≥ ${e} · ${t} signal weight override(s)`,An="Service & Transaction Guardrails",In="Guardrails are rules you declare about how a service may communicate, or how attributes must stay consistent within a transaction. A broken guardrail is a Policy violation.",_n="Created Guardrails",Dn="No guardrails yet",Rn="Create a guardrail to declare allowed service communication or transaction attribute correlations.",Ln="No guardrails match this filter.",Pn="Inspect a service",Fn="Declare which callers, callees, egress hosts, and transactions this service is allowed to use.",Mn="Edit guardrail",Un="Create guardrail",zn="Transaction correlation",Bn="Link a value seen on one span to a value on another span in the same trace, and alert when they do not line up as expected.",jn="Namespace",Hn="Service",Wn="Transaction",Xn="Scope",Gn="Callers",Vn="Who may call this service (inbound)",Kn="Additional callers",Yn="Add any service name not yet observed talking to this service",qn="No Callers detected",Jn="No callers found for this selection",Qn="Callees",Zn="Internal services it may call (outbound)",er="Additional callees",tr="Add any service name not yet observed talking to this service",or="No Callees detected",ir="No callees found for this selection",nr="checkout-service",rr="Egress",ar="Observed external destinations it may reach",sr="Additional egress hosts",lr="Add any host or host:port not yet observed",dr="api.example.com:443",cr="No egress detected",pr="No egress found for this selection",ur="Transactions",hr="Operations this service may expose",mr="No Transactions detected",gr="No transactions found for this selection",fr="Attribute correlation",yr="No call edges were observed on this transaction, so it has no spans to correlate. Pick a transaction that calls other spans or services.",br="Add correlation",vr="Remove",$r="Name",wr="Relation",Cr="Severity",xr="Why",Sr="First span",Er="Second span",Tr="Service",Or="Span",Nr="Attribute",kr="Extract (regex, optional)",Ar="principal-matches-account",Ir="resolvePrincipal",_r="return.value",Dr="(\\d+)",Rr="Optional rationale shown in the finding",Lr="Adopt as enforce",Pr="Alert on violation",Fr="Adopt as suggest",Mr="Observe only",Ur="Select a guardrail",zr="Create guardrail",Br="Delete guardrail",jr="Edit",Hr="Enforce",Wr="Suggest",Xr="auto",Gr="All",Vr="Services",Kr="Transactions",Yr="Services",qr="Transactions",Jr="Enforce",Qr="Suggest",Zr="Attribute correlation",ea="allowed_callers",ta="allowed_callees",oa="allowed_egress",ia="allowed_transactions",na="attribute_correlation",ra="auto_transaction_guardrail",aa="Learning Policies",sa="Configure when a class stops learning and how baselines are finalized.\nUse service overrides to adjust learning for specific services or transactions.",la="Add a default policy to set the global learning settings.",da="Add overrides to adjust learning for specific services.",ca="Add override policy",pa="Add override",ua="Add selection",ha="Add condition",ma="Delete override",ga="Select where this policy should override the global learning settings.\nYou can apply it to a specific service or transaction.",fa="Select a policy",ya="Combine",ba="Currently:",va="Promotes when",$a="Min matches",wa="A policy with no conditions falls back to the count-only default.",Ca="Select Deviation class",xa="Select deviation class…",Sa="Any",Ea="All",Ta="K of",Oa="Any (OR)",Na="All (AND)",ka="K of N",Aa="Stable for N observations",Ia="Stable for a duration",_a="Min observations",Da="Min duration",Ra="Minutes",La="Hours",Pa="Days",Fa={[di.D1_call_edges]:"D1 call edges",[di.D2_egress]:"D2 egress",[di.D3_latency]:"D3 latency",[di.D4_args_returns]:"D4 args/returns",[di.D5_libraries]:"D5 libraries",[di.D6_attr_relations]:"D6 attr relations",[di.D7_db_access]:"D7 db access",[di.D8_payload_size]:"D8 payload size"},Ma={[vi.Any]:"Any",[vi.All]:"All",[vi.KOf]:Ta},Ua=[{id:vi.Any,label:Oa},{id:vi.All,label:Na},{id:vi.KOf,label:ka}],za=[{id:wi.StableObservations,label:Aa},{id:wi.StableDuration,label:Ia},{id:wi.MinObservations,label:_a},{id:wi.MinDuration,label:Da}],Ba=e=>e===wi.StableDuration||e===wi.MinDuration,ja=e=>e===wi.StableObservations||e===wi.MinObservations,Ha="Learning examples",Wa="Retention",Xa="Memory limits",Ga="Database writeback",Va="Transaction guardrails",Ka="Transaction identity dimensions",Ya="Maximum example traces",qa="Maximum number of example traces collected per transaction.",Ja="traces",Qa="Minimum sampling interval",Za="Minimum time between collected examples.",es="seconds",ts="Sample trace retention",os="Stored sample traces are deleted after this period.",is="days",ns="Default: 120 · Maximum: 120",rs="Maximum transactions in memory",as="Least-recently used baselines are unloaded when this limit is reached and loaded again if traffic returns.",ss="transactions",ls="Maximum members per baseline",ds="Limits the size of an individual baseline set, such as unique call edges or paths.",cs="members",ps="Flush interval",us="How often pending learning data and occurrence counts are written to ClickHouse. Changes apply without a restart.",hs="Default: 15 · Maximum: 300",ms="Auto-enable transaction guardrail when a service is promoted",gs="When a service finishes promoting (every transaction leaves learning), automatically create an enforced allowed_transactions guardrail.",fs="Low-cardinality only. Each enabled dimension multiplies transaction count, resident memory, and baseline rows.",ys=["http.response.status_code","rpc.grpc.status_code"],bs=["user.id","URLs","request ids"],vs="Up to 5 enabled at once. Changing dimensions creates new transaction identities.",$s="No dimensions configured - transactions use the entry span name only.",ws="Add dimension",Cs="e.g. http.response.status_code",xs="On",Ss="Identity dimensions changed",Es="New traffic will mint new transaction identities. Existing transactions stop receiving volume and become stale.\nReset deletes every transaction and related baselines/samples/findings, then relearns from new traffic. Keep only saves the new dimension config.",Ts="Reset all transactions",Os="Keep existing transactions",Ns="Anomaly and guardrail evidence each keep a single write-once sample; occurrences are counted separately.",ks="Save settings",As="System settings are not available.",Is=5,_s=[{key:"http.response.status_code",enabled:!0},{key:"rpc.grpc.status_code",enabled:!0}],Ds=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"";var Rs,Ls,Ps;(e=>{e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.Span="span"})(Rs||(Rs={})),(e=>{e.XXXS="xxxs",e.XXS="xxs",e.XS="xs",e.S="s",e.M="m",e.L="l",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl"})(Ls||(Ls={})),(e=>{e.Primary="primary",e.Secondary="secondary",e.Tertiary="tertiary",e.Disable="disable",e.Error="error",e.Mandatory="mandatory",e.Link="link",e.Success="success"})(Ps||(Ps={}));const Fs=new Set(Object.values(Ps)),Ms=(e,t)=>{if("string"!=typeof(o=t)||!Fs.has(o))return t;var o;switch(t){case Ps.Primary:return e.v2.colors.white[500];case Ps.Secondary:return e.v2.colors.silver[200];case Ps.Tertiary:return e.v2.colors.black[500];case Ps.Disable:return e.v2.colors.grey[400];case Ps.Error:return e.v2.colors.red[500];case Ps.Mandatory:return e.v2.colors.red[600];case Ps.Link:return e.v2.colors.purple[400];case Ps.Success:return e.v2.colors.green[400];default:return}},Us=f.p`
|
|
2
|
+
margin: 0;
|
|
3
|
+
color: ${({$color:e,theme:t})=>Ms(t,e)||t.v2.colors.grey[50]};
|
|
4
|
+
font-family: ${({theme:e,$fontFamily:t="primary"})=>e.font_family[t]};
|
|
5
|
+
font-size: ${({theme:e,$size:t})=>e.v2.text.size[t]}px;
|
|
6
|
+
font-weight: ${({$weight:e})=>e};
|
|
7
|
+
text-align: ${({$align:e})=>e};
|
|
8
|
+
text-transform: ${({$transform:e})=>e};
|
|
9
|
+
line-height: ${({theme:e,$lineHeight:t,$size:o})=>t||`${e.v2.text.size[o]+2}px`};
|
|
10
|
+
opacity: ${({$opacity:e})=>e};
|
|
11
|
+
|
|
12
|
+
${({$nowrap:e})=>e?y`
|
|
13
|
+
text-wrap: nowrap;
|
|
14
|
+
white-space: nowrap;
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
text-overflow: ellipsis;
|
|
17
|
+
`:y`
|
|
18
|
+
flex: 0 1 auto;
|
|
19
|
+
min-width: 0;
|
|
20
|
+
overflow-wrap: anywhere;
|
|
21
|
+
`}
|
|
22
|
+
|
|
23
|
+
${({$maxLines:e})=>!!e&&e>0&&y`
|
|
24
|
+
display: -webkit-box;
|
|
25
|
+
-webkit-box-orient: vertical;
|
|
26
|
+
-webkit-line-clamp: ${e};
|
|
27
|
+
line-clamp: ${e};
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
`}
|
|
30
|
+
|
|
31
|
+
${({$underline:e})=>e&&y`
|
|
32
|
+
text-decoration: underline;
|
|
33
|
+
`}
|
|
34
|
+
|
|
35
|
+
${({$withClick:e})=>e&&y`
|
|
36
|
+
cursor: pointer;
|
|
37
|
+
&:hover {
|
|
38
|
+
text-decoration: underline;
|
|
39
|
+
}
|
|
40
|
+
`}
|
|
41
|
+
`,zs=n(({children:o,variant:i=Rs.P,color:n,size:a=Ls.S,fontFamily:s,weight:l=400,opacity:d=1,align:c="left",lineHeight:p,transform:u,nowrap:h,underline:m,onClick:g,disabled:f,maxLines:y,...b},v)=>{const $="string"==typeof o?o.split("\n").map((o,i,n)=>e(r,{children:[o,i!==n.length-1&&t("br",{})]},`typography-${i}-${o}`)):o;return t(Us,{ref:v,as:i,$color:n,$size:a,$fontFamily:s,$weight:l,$opacity:d,$align:c,$lineHeight:p,$transform:u,$nowrap:h,$underline:m,$maxLines:y,$withClick:!!g&&!f,onClick:f?void 0:g,...b,children:$})});zs.displayName="Typography";const Bs="https://docs.odigos.io",js="default",Hs="this-cluster",Ws="This Cluster",Xs={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS"},Gs={REQUIRED_FIELDS:"Required fields are missing",FIELD_IS_REQUIRED:"This field is required",FORBIDDEN:"Forbidden",ENTERPRISE_ONLY:(e="This")=>`${e} is an Enterprise feature. Please upgrade your plan.`,DEFINED_FOR_ALL_STREAMS:e=>`${e} are defined for all Data Streams.`,CANNOT_EDIT_RULE:"Cannot edit a system-managed instrumentation rule",CANNOT_DELETE_RULE:"Cannot delete a system-managed instrumentation rule",LATENCY_HTTP_ROUTE:'HTTP route must start with a forward slash "/"',READONLY_WARNING:"You're not allowed to create/update/delete in readonly mode",ILLEGAL_K8S_LABEL:'Must be 63 characters or less, must consist of alphanumeric characters, "-", "_", or ".", and must start & end with an alphanumeric character (e.g., my-name, 123.abc).',INVALID_VERSION:"Invalid version format, must start with a number and may include a build or prerelease suffix (e.g. 1.0.0, 21.0.11+10)",PHP_CUSTOM_INSTRUMENTATION_RESTART:"PHP custom instrumentation is applied via environment variables. After creating or updating this rule, please rollout restart your PHP workloads for the probes to take effect."},Vs={NAMESPACE:"Namespace",NAME:"Name",KIND:"Kind",REGION:"Region",SERVICE_NAME:"Service Name",CONNECTION:"Connection",CONNECTIONS:"Connections",NO_CONNECTIONS:"No connections",DELETE_CONNECTION:"Delete Connection",ODIGOS_VERSION:"Odigos Version",CONNECTED_SINCE:"Connected Since",LAST_ACTIVITY:"Last Activity",MANAGE_CONFIGURATIONS:"Manage Configurations",EDIT_CONFIGURATION:"Edit Configuration",UPGRADE_REQUIRED:"Upgrade Required",UPGRADE_TO_USE_FEATURE:e=>`To use this feature, please upgrade to Odigos v${e} or later.`,CURRENT_VERSION:e=>`Current version: ${e}.`,CONNECTION_LIVE:"Connection live",CONNECTION_LOST:"Connection lost",SEARCH_BY_CLUSTER_NAME:"Search by cluster name",SELECTED_CLUSTERS:"Selected Clusters",CLOUD_CONNECTOR:"Cloud Connector",CREATE_CLOUD_CONNECTOR:"Create Cloud Connector",CLOUD_CONNECTOR_SELECT_PROVIDER_TITLE:"Connect a cloud or SaaS account to Odigos Central",CLOUD_CONNECTOR_SELECT_PROVIDER_SUBTITLE:"Choose a provider and decide how much access Odigos should have in your account.",CLOUD_CONNECTOR_PERMISSIONS_NOTE:"Cloud connectors require a platform account with cross-account IAM trust and scoped permissions for Odigos Central (e.g. sts:AssumeRole plus discovery/instrumentation policies). Organizations without these privileges cannot complete this workflow.",CLOUD_CONNECTOR_PERMISSION_DISCOVERY_ONLY_TITLE:"Discovery only",CLOUD_CONNECTOR_PERMISSION_DISCOVERY_ONLY_DESC:"Odigos detects workloads in your account but can't change them. Pick this to evaluate before granting write access.",CLOUD_CONNECTOR_PERMISSION_DISCOVERY_INSTRUMENTATION_TITLE:"Discovery + instrumentation",CLOUD_CONNECTOR_PERMISSION_DISCOVERY_INSTRUMENTATION_DESC:"Odigos detects workloads and applies instrumentation automatically — the fastest way to start collecting telemetry.",CLOUD_CONNECTOR_PERMISSION_CUSTOM_TITLE:"Custom",CLOUD_CONNECTOR_PERMISSION_CUSTOM_DESC:"Choose exactly which resource types Odigos can discover and instrument.",CLOUD_CONNECTOR_POLICY_PREVIEW:"Policy preview",CLOUD_CONNECTOR_POLICY_NOTE:"The IAM policy below grants the permissions required to discover and instrument supported workloads.",CLOUD_CONNECTOR_POLICY_NOTE_CUSTOM:"The IAM policy below is generated from the resource types you selected.",CLOUD_CONNECTOR_CUSTOM_COL_TYPE:"Type",CLOUD_CONNECTOR_CUSTOM_COL_DISCOVERY:"Enabled",CLOUD_CONNECTOR_CUSTOM_COL_INSTRUMENTATION:"Instrumentation mode",CLOUD_CONNECTOR_CUSTOM_COL_INSTRUMENTATION_TOOLTIP:"Managed by Odigos: Odigos applies instrumentation automatically. Self-managed (IaC): you manage instrumentation yourself; Odigos will not modify these workloads.",CLOUD_CONNECTOR_INSTRUMENTATION_MANAGED_BY_ODIGOS:"Managed by Odigos",CLOUD_CONNECTOR_INSTRUMENTATION_SELF_MANAGED:"Self-managed (IaC)",CLOUD_CONNECTOR_SETUP_CREDENTIALS_TITLE:"Setup credentials",CLOUD_CONNECTOR_SETUP_CREDENTIALS_SUBTITLE:"Apply the selected IAM policy in AWS account.",CLOUD_CONNECTOR_AUTH_TITLE:"Choose Authentication method",CLOUD_CONNECTOR_AUTH_SUBTITLE:"Decide how Odigos authenticates with your AWS account.",CLOUD_CONNECTOR_AUTH_ASSUME_ROLE:"Assume Role",CLOUD_CONNECTOR_AUTH_STATIC_KEYS:"Static keys",CLOUD_CONNECTOR_AUTH_ASSUME_ROLE_NOTE:"Odigos assumes a scoped IAM role. No long-lived secrets are stored.",CLOUD_CONNECTOR_AUTH_STATIC_KEYS_NOTE:"Odigos uses long-lived access keys you provide. Rotate them regularly to keep your account secure.",CLOUD_CONNECTOR_SETUP_METHOD_TITLE:"Choose setup method",CLOUD_CONNECTOR_SETUP_METHOD_SUBTITLE:"Use the tool that best fits your workflow. The result is the same IAM role either way.",CLOUD_CONNECTOR_SETUP_METHOD_CLOUDFORMATION:"CloudFormation",CLOUD_CONNECTOR_SETUP_METHOD_TERRAFORM:"Terraform",CLOUD_CONNECTOR_SETUP_METHOD_AWS_CLI:"AWS CLI",CLOUD_CONNECTOR_SETUP_METHOD_MANUAL:"Manual",CLOUD_CONNECTOR_CREATE_ROLE_TITLE:"Create IAM role",CLOUD_CONNECTOR_CREATE_ROLE_STEPS_HEADING:"Follow these steps to create the role:",CLOUD_CONNECTOR_CREDENTIALS_SHOW_ADVANCED:"Show advanced fields",CLOUD_CONNECTOR_CREDENTIALS_HIDE_ADVANCED:"Hide advanced fields",INSTRUMENTATION_INSTRUCTIONS_TITLE:"How to instrument this workload",INSTRUMENTATION_INSTRUCTIONS_MANUAL_SUBTITLE:"Odigos does not change this workload. Apply this in your own deployment definition and Odigos will pick it up.",INSTRUMENTATION_INSTRUCTIONS_AUTOMATIC_SUBTITLE:"What Odigos applies to this workload, shown so you can review or reproduce it.",INSTRUMENTATION_INSTRUCTIONS_STEPS_HEADING:"Follow these steps:",INSTRUMENTATION_INSTRUCTIONS_INPUTS_HEADING:"Values you still need to fill in",INSTRUMENTATION_INSTRUCTIONS_NOTES_HEADING:"Before you deploy",CLOUD_CONNECTOR_ENTER_ARN_TITLE:"Enter Role ARN",CLOUD_CONNECTOR_ENTER_ARN_SUBTITLE:"Paste the generated Role ARN into Odigos.",CLOUD_CONNECTOR_FIELD_ACCOUNT_ID_LABEL:"AWS Account ID",CLOUD_CONNECTOR_FIELD_ACCOUNT_ID_PLACEHOLDER:"Insert AWS account ID",CLOUD_CONNECTOR_FIELD_ACCOUNT_ID_HELP:"The 12-digit account ID where the IAM role or user lives.",CLOUD_CONNECTOR_FIELD_ACCESS_TOKEN_LABEL:"Access token",CLOUD_CONNECTOR_FIELD_ACCESS_TOKEN_PLACEHOLDER:"Insert access token",CLOUD_CONNECTOR_FIELD_ACCESS_TOKEN_HELP:"Paste the ARN of the IAM role you created.",CLOUD_CONNECTOR_FIELD_SECRET_ID_LABEL:"Secret ID",CLOUD_CONNECTOR_FIELD_SECRET_ID_PLACEHOLDER:"Insert secret ID",CLOUD_CONNECTOR_FIELD_SECRET_ID_HELP:"Paste the ARN of the IAM role you created.",CLOUD_CONNECTOR_VALIDATE_TITLE:"Validate connection",CLOUD_CONNECTOR_VALIDATE_SUBTITLE:"Odigos ran read-only checks against your AWS account.",CLOUD_CONNECTOR_VALIDATE_SUCCESS:"All checks passed. Your connection is ready.",CLOUD_CONNECTOR_VALIDATE_FAILURE:"Some checks failed. Review the details below and go back to fix your credentials or permissions.",CLOUD_CONNECTOR_VALIDATE_EMPTY:"No validation results yet.",CLOUD_CONNECTOR_VALIDATE_ACCOUNT:"Account",CLOUD_CONNECTOR_VALIDATE_IDENTITY:"Identity",CLOUD_CONNECTOR_TESTING_TITLE:"Verifying & creating connector...",CLOUD_CONNECTOR_CONNECTION_FAILED_TITLE:"Connection Failed",CLOUD_CONNECTOR_CONNECTION_FAILED_DEFAULT:"Odigos could not validate the connection. Review the error details below and retry.",CLOUD_CONNECTOR_CREATED_SUCCESS:"Connector created. It will appear in your connections list.",CLOUD_CONNECTOR_CREATED_MODAL_TITLE:"Connector created successfully!",CLOUD_CONNECTOR_CREATED_MODAL_DESC:"Your connector has been created and is now ready to start discovering workloads.",DATA_STREAM:"Data Stream",DATA_STREAMS:"Data Streams",STREAM_NAME:"Data Stream name",NAME_YOUR_STREAM:"Name your Data Stream",NAME_YOUR_STREAM_PLACEHOLDER:"e.g. Highest priority",STREAM_DESCRIPTION:"Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.",STREAM_CONFIRM:"Confirm your new Data Stream",RENAME_STREAM:e=>`Rename "${e}"`,DATA_STREAM_EXISTS_WARNING:(e,t)=>`A Data Stream with this name already exists, you can still rename the current "${e}", but it will merge into the existing "${t}".`,DATA_STREAM_MERGE_WARNING:(e,t)=>e?`A Data Stream named "${t}" already exists. Saving will merge "${e}" into "${t}" - both streams will share the same configuration going forward.`:`A Data Stream named "${t}" already exists. Saving will merge into "${t}" - the new stream will share the existing configuration going forward.`,ACTION:"Action",ACTIONS:"Actions",ADD_ACTION:"Add Action",ACTION_DETAILS:"Action Details",INSTRUMENTATION_RULE:"Instrumentation Rule",INSTRUMENTATION_RULES:"Instrumentation Rules",ADD_INSTRUMENTATION_RULE:"Add Instrumentation Rule",INSTRUMENTATION_RULE_DETAILS:"Instrumentation Rule Details",DESTINATION:"Destination",DESTINATIONS:"Destinations",ADD_DESTINATION:"Add Destination",ADD_DESTINATIONS:"Add Destinations",ADD_DESTINATION_DESCRIPTION:"Add a destination to send your telemetry data to. You can add multiple destinations.",DESTINATION_DETAILS:"Destination Details",SELECTED_DESTINATIONS:"Selected Destinations",SOURCE:"Source",SOURCES:"Sources",ADD_SOURCE:"Add Source",ADD_SOURCES:"Add Sources",SOURCE_DETAILS:"Source Details",SELECT_SOURCES:"Select Sources",SELECTED_SOURCES:"Selected Sources",SELECT_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",NO_SOURCES:"No sources",NO_SOURCES_GO_BACK:"No sources selected. Please go back to select sources.",PLEASE_ADD_SOURCE:"Please add a source",NO_SOURCES_NAMESPACE:"No sources available in this namespace",TRY_SEARCH_OR_OTHER_NAMESPACE:"Try searching again or select another namespace.",PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES:"Please make sure your cluster has unignored namespaces",INSTALLATION:"Installation",SOURCES_SETUP:"Sources setup",DESTINATIONS_SETUP:"Destinations setup",SUMMARY:"Summary",REVIEW_SETUP:"Review your setup and confirm your choices.",NO_SOURCES_SELECTED:"No sources selected",ADD_SOURCE_PROMPT:"Add at least one source to start collecting data",NO_DESTINATIONS_SELECTED:"No destinations selected",ADD_DESTINATION_PROMPT:"Add destination so your data has somewhere to go",GET_STARTED_WITH:"Get started with",GET_STARTED_DESCRIPTION:"First, select the sources you want Odigos to monitor. Next, choose where your data should be sent by configuring destinations.",TYPE:"Type",NOTES:"Notes",STATUS:"Status",INSTRUMENTATION_STATUS:"Instrumentation Status",INSTRUMENTATION:"Instrumentation",INSTRUMENTATION_DESCRIPTION:"Detected runtime and instrumentation applied to this source.",PROGRESS:"Progress",RUNTIME:"Runtime",LAST_UPDATED:"Last updated",ISSUES:"Issues",WAITING_FOR:"Waiting for",READONLY:"Readonly",LANGUAGE:"Language",VERSION:"Version",RUNTIME_VERSION:"Runtime Version",VERSION_PLACEHOLDER:"1.0.0",MONITORS:"Monitors",SIGNALS_FOR_PROCESSING:"Signals for Processing",MANAGED_BY_PROFILE:"Managed by Profile",TIER:"Tier",ENTERPRISE:"Enterprise",ENTERPRISE_TIER:"Enterprise Tier",COMMUNITY:"Community",COMMUNITY_TIER:"Community Tier",API_TOKEN:"API Token",API_TOKENS:"API Tokens",DESCRIBE_ODIGOS:"Describe Odigos",DESCRIBE_SOURCE:"Describe Source",OVERVIEW:"Overview",LIBRARIES:"Libraries",STANDARD_LIBRARY:"Standard Library",STANDARD:"Standard",PEER_SOURCES:"Peer Sources",PROFILING:"Profiling",INBOUND:"Inbound",OUTBOUND:"Outbound",INBOUND_DESCRIPTION:e=>`Services that send requests to ${e}`,OUTBOUND_DESCRIPTION:e=>`Services that ${e} sends requests to`,NO_INBOUND_CONNECTIONS_DESCRIPTION:"No services are currently sending requests to this source.",NO_OUTBOUND_CONNECTIONS_DESCRIPTION:"This source hasn't sent requests to other services yet.",NO_INBOUND_CONNECTIONS:"No inbound connections",NO_OUTBOUND_CONNECTIONS:"No outbound connections",COULD_NOT_FETCH_PEER_SOURCES:"Could not fetch peer sources",VIRTUAL:"Virtual",VIRTUAL_TOOLTIP:"This service is not instrumented/injected with Odigos, but we can still see it in the service map because it is connected to other services.",NO_RESULTS:"No results",NO_RESULTS_FOR_FILTER:e=>`No results matched the filter '${e}'`,POD:"Pod",PODS:"Pods",PODS_HEALTHY:"Pods are healthy",PODS_NOT_HEALTHY:"Pods are not healthy",NO_RUNNING_PODS:"No running pods",NO_RUNNING_PODS_SUBTITLE:"Check if you have any running pods and try again",AGENT_INJECTED:"Agent injected",AGENT_NOT_INJECTED:"Agent not injected",KUBERNETES_HEALTHY:"Kubernetes healthy",ODIGOS_HEALTHY:"Odigos healthy",HEALTHY:"Healthy",UNHEALTHY:"Unhealthy",NOT_HEALTHY:"Not Healthy",NODE:"Node",AGE:"Age",RUNNING_TIME:"Running Time",RUNNING_TIME_TOOLTIP:"Time elapsed since the container was last started and entered the Running state",NOT_RUNNING:"Not Running",UNKNOWN_VALUE:"—",START_TIME_UNAVAILABLE:"This agent version does not report pod start times",RESTARTS:"Restarts",LATEST_REVISION:"Latest Revision",OLD_REVISION:"Old Revision",READY:"Ready",NOT_READY:"Not Ready",STARTED:"Started",NOT_STARTED:"Not Started",CRASHLOOP:"Crashloop",CRASHLOOP_BACKOFF:"Crashloop backoff",CANNOT_POOL_IMAGE:"Cannot pool image",DEVICE_NAME:"Device Name",INSTRUMENTED:"Instrumented",UNINSTRUMENTED:"Uninstrumented",INSTRUMENTED_WITH_DISTRO:e=>`Instrumented | ${e}`,DEBUG_COMMANDS:"Debug Commands",YAML:"YAML",YAML_FILES:"YAML Files",GET_POD_YAML:"Get Pod YAML",GET_POD_LOGS:"Get Pod Logs",DESCRIBE_POD:"Describe Pod",CONTAINER:"Container",CONTAINERS:"Containers",DETECTED_CONTAINERS:"Detected Containers",DETECTED_CONTAINERS_DESCRIPTION:"The system automatically instruments the containers it detects with a supported programming language.",NO_CONTAINERS_DETECTED:"No containers detected",DETECTED_PROCESSES:"Detected Processes",DETECTED_PROCESSES_DESCRIPTION:"The system automatically instruments the processes it detects with a supported programming language.",NO_PROCESSES_DETECTED:"No processes detected",CONTAINER_NAME:"Container Name",PROCESS:"Process",PROCESSES:"Processes",PROCESS_FALLBACK_NAME:"process",PROCESS_PID:"PID",EXECUTABLE:"Executable",COMMAND:"Command",OPEN_IN_POD_TAB:"Open in 'Pod' tab",OPEN_IN_SAMPLING_PAGE:"Open in 'Sampling' page",ALL_CONTAINERS_HEALTHY:e=>`All ${e} containers are healthy`,ALL_PROCESSES_HEALTHY:e=>`All ${e} processes are healthy`,PID:e=>`#${e}`,IDENTIFYING_ATTRIBUTES:"Identifying Attributes",INSTRUMENTATION_LIBRARIES:"Instrumentation Libraries",INSTRUMENTED_LIBRARIES:"Instrumented Libraries",INSTRUMENTATION_LIFECYCLE:"Instrumentation Lifecycle",FILTERED_COUNT_TOOLTIP:"Represents filtered amount, out of total amount",SEARCH_NAMESPACES:"Search Namespaces",SEARCH_SOURCES:"Search Sources",SELECT_ALL:"Select all",UNSELECT_ALL:"Unselect all",ONLY_SELECTED:"Only selected",ONLY_RUNNING_INSTANCES:"Only running instances",TO_COLLECT_OTEL_DATA:"To collect OpenTelemetry data",TO_MONITOR_OTEL_DATA:"To monitor OpenTelemetry data",TO_MODIFY_OTEL_DATA:"To modify OpenTelemetry data",NO_DATA_INSTRUMENTATION_RULES:"To configure how telemetry is collected",NO_DATA_SOURCES:"To start collecting telemetry from a Kubernetes workload",NO_DATA_ACTIONS:"To process telemetry before export",NO_DATA_DESTINATIONS:"To send telemetry to an observability backend",QUICK_BACK_TO_SUMMARY:"When you finish editing you can quickly go back to the summary.",GO_TO_SUMMARY:"Go to summary",FUTURE_APPS_TITLE:"Instrument entire namespace",FUTURE_APPS_DESCRIPTION:"When enabled, all applications in the namespace and new applications will be instrumented automatically and included in the current data stream using a Namespace Source.",OVERIDE:"Override",OVERIDDEN:"Overridden",OVERRIDE_RUNTIME_DETAILS:"Override Runtime Details",OVERRIDE_RUNTIME_DETAILS_SUBTITLE:"Use when multiple languages exist in the same container or when Odigos is unable to detect the application language",OVERRIDE_RUNTIME_WARNING:"This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.",OVERRIDE_OTEL_DISTRO_NAME:"Override OpenTelemetry distro name",OVERRIDE_OTEL_DISTRO_NAME_SUBTITLE:"Use to set a specific Odigos OpenTelemetry distribution",OVERRIDE_OTEL_DISTRO_NAME_WARNING:"This is an advanced configuration. If the selected OpenTelemetry distro name is incorrect, data collection may be incomplete or may not occur at all.",OVERRIDE_OTEL_DISTRO_NAME_SAVE_TOOLTIP:"Use the provided OpenTelemetry distro name to instrument this container",OVERRIDE_OTEL_DISTRO_NAME_DELETE_TOOLTIP:"Remove manual override of OpenTelemetry distro name, and use Odigos automatic detection OpenTelemetry distro name for instrumentation",OVERRIDE_RUNTIME_DETAILS_SAVE_TOOLTIP:"Use the provided runtime details to instrument this container",OVERRIDE_RUNTIME_DETAILS_DELETE_TOOLTIP:"Remove manual override of runtime details, and use Odigos automatic detection runtime details for instrumentation",OTEL_DISTRO_NAME:"OpenTelemetry distro name",WAITING_FOR_RUNTIME_DETECTION:"Waiting for runtime detection...",DETECTING_RUNTIME_INFO:"Detecting runtime info",NO_AVAILABLE_AGENT:"No available agent",ACTIVE:"Active",INACTIVE:"Inactive",ENABLED:"Enabled",DISABLED:"Disabled",NO_TRACES_FOUND:"No traces found",ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC:"Are your services instrumented & producing traffic?",JAVA_CUSTOM_PROBES:"Java Custom Probes",GOLANG_CUSTOM_PROBES:"Golang Custom Probes",PHP_CUSTOM_PROBES:"PHP Custom Probes",ROLLOUT:"Rollout",ROLLOUT_RESTART:"Rollout Restart",ROLLOUT_RESTART_WORKLOADS_DESCRIPTION:"Are you sure you want to rollout restart these workloads?",ROLLOUT_NOT_REQUIRED:"Rollout Not Required",ROLLOUT_NOT_REQUIRED_MESSAGE:"This source is instrumented with eBPF and does not require a restart.",ROLLOUT_FAILED:"Rollout Failed",ROLLOUT_PREVIOUS_ONGOING:"Previous Rollout Ongoing",ROLLOUT_PREVIOUS_ONGOING_MESSAGE:"A previous rollout is ongoing. Please wait for it to finish before triggering a new one.",ROLLOUT_AUTO_DISABLED:"Auto Rollout Disabled",ROLLOUT_AUTO_DISABLED_MESSAGE:"Trigger a manual rollout to inject the agent.",ROLLOUT_FINISHED:"Rollout Finished",ROLLOUT_FINISHED_MESSAGE:"All pods have been updated and are healthy.",ROLLBACK:"Rollback",ROLLBACK_OCCURRED:"Rollback Occurred",ROLLBACK_OCCURRED_MESSAGE:"Odigos detected a crash and rolled back instrumentation to protect your workload.",ROLLBACK_SUCCESS:"Rollback Success",ROLLBACK_RECOVER:"Recover",FETCHING_NAMESPACES:"Fetching namespaces",FETCHING_NAMESPACES_SUBTITLE:"Please wait while we fetch the namespaces",ADD_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",CREATING_SOURCES:"Creating Sources...",CREATING_SOURCES_SUBTITLE:"This may take a few moments while sources are being created.",SELECT_NAMESPACE:"Select namespace from the list",SELECT_NAMESPACE_SUBTITLE:"Add namespace so you can select workloads from it.",CREATING_ACTION:"Creating action",CREATING_ACTION_SUBTITLE:"Please wait while we create the action",ADD_ACTION_DESCRIPTION:"Select an action to modify telemetry data before it's sent to destinations. Choose an action type and configure its details.",CREATING_INSTRUMENTATION_RULE:"Creating instrumentation rule",CREATING_INSTRUMENTATION_RULE_SUBTITLE:"Please wait while we create the instrumentation rule",ADD_INSTRUMENTATION_RULE_DESCRIPTION:"Define how telemetry is recorded from your application. Choose a rule type and configure the details.",CREATING_DESTINATION:"Creating destination",CREATING_DESTINATION_SUBTITLE:"Please wait while we create the destination",ADD_DESTINATION_DRAWER_DESCRIPTION:"Add backend destination you want to connect with Odigos.",THROUGHPUT_LAST_10_SECONDS:"Throughput (last 10 seconds)",DELETE_POD_TO_RESTART:"Delete Pod to Restart",DEBUG:"Debug",SAMPLING:"Sampling",HEAD_SAMPLING:"Head Sampling",TAIL_SAMPLING:"Tail Sampling",NOISY_OPERATIONS:"Noisy Operations",HIGHLY_RELEVANT_OPERATIONS:"Highly Relevant Operations",COST_REDUCTION_OPERATIONS:"Cost Reduction Operations"},Ks={GET_STARTED:"Get started",ADD:"Add",ADD_NEW:"Add New",CREATE_NEW:"Create new",NEW:"New",SELECT:"Select",CREATE:"Create",UPDATE:"Update",EDIT:"Edit",DELETE:"Delete",RESTART:"Restart",RESTART_POD:"Restart pod",REFRESH:"Refresh",CANCEL:"Cancel",CLOSE:"Close",DONE:"Done",SAVE:"Save",BACK:"Back",CONFIRM:"Confirm",NEXT:"Next",VERIFY:"Verify",VERIFY_AND_CREATE_CONNECTOR:"Verify & Create Connector",STAY_ON_CONNECTIONS:"Stay on connections page",GO_TO_CONNECTOR_OVERVIEW:"Go to connector overview",RETRY:"Retry",TEST:"Test",TEST_CONNECTION:"Test Connection",INSTRUMENT:"Instrument",UNINSTRUMENT:"Uninstrument"},Ys=(e,t)=>e===Ro.Success?Vs.HEALTHY:e===Ro.Error?Vs.NOT_HEALTHY:Ds(t),qs=e=>{if(!e)return null;switch(e){case Wo.Irrelevant:return null;case Wo.Failure:case Wo.Error:return Ro.Error;case Wo.Notice:return Ro.Warning;case Wo.Pending:case Wo.Waiting:return Ro.Loading;case Wo.Unsupported:case Wo.Disabled:return Ro.Disabled;case Wo.Success:return Ro.Success;case Wo.Unknown:default:return Ro.Info}},Js=(e,t,o="reason",i)=>{const n=qs(e?.status);return n?{key:`desired-status-${e?.name}`,status:n,leftIcon:t||(n===Ro.Success?E:T),label:i||("reason"===o?Ds(e?.reasonEnum):Ys(n,e?.reasonEnum)),tooltip:e?.message,textSize:Ls.XXXS,invertColors:!0,useSecondaryTone:!0}:null},Qs=e=>e.charAt(0).toUpperCase()+e.slice(1);var Zs;(e=>{e.SIGNALS="SIGNALS"})(Zs||(Zs={}));const el=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[i,n,r]=e;if(i===Zs.SIGNALS)switch(n){case"INCLUDES":return t?.includes(r);case"EXCLUDES":return!t?.includes(r);default:return!0}const a=o.find(e=>e.name===i||e.key===i);if(!a)return!1;const s=null==a.value?"":String(a.value);switch(n){case"===":case"==":return s===r;case"!==":case"!=":return s!==r;case">":return Number(s)>Number(r);case"<":return Number(s)<Number(r);case">=":return Number(s)>=Number(r);case"<=":return Number(s)<=Number(r);default:return!0}};function tl(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const ol=e=>({status:e?Ro.Success:Ro.Unknown,label:e?"True":"False",invertColors:!0}),il=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),nl=e=>null==e||""===e?"":"boolean"==typeof e?e?"True":"False":"number"==typeof e?String(e):"string"==typeof e?e:Array.isArray(e)?e.map(e=>null==e||""===e?"":"string"==typeof e||"number"==typeof e||"boolean"==typeof e?String(e):JSON.stringify(e)).filter(Boolean).join(", "):JSON.stringify(e),rl=e=>null!=e&&""!==e&&(Array.isArray(e)?e.length>0:!il(e)||Object.keys(e).length>0),al=e=>"string"==typeof e?{id:e,label:e}:e??{},sl=(e,t)=>e.label||e.displayName||t,ll=e=>{const t=String(e.name??"");if(!t||!e.componentType)return null;const o=il(e.componentProps)?e.componentProps:void 0;return{name:t,displayName:e.displayName||t,componentType:e.componentType,componentProperties:"string"==typeof e.componentProperties?e.componentProperties:o?JSON.stringify(o):void 0,initialValue:e.initialValue,renderCondition:e.renderCondition}},dl=e=>{const t=[];return e.forEach(e=>{"cells"!==e.kind&&"list"!==e.kind&&"pairs"!==e.kind?(e.items?.length&&t.push(...e.items),e.segments?.length&&t.push(...dl(e.segments))):t.push(...e.items)}),t},cl=(e,t,o={})=>{const i=[],n=o.signals||[],r=new Set(o.skipComponentTypes||[]),a=Object.entries(e).map(([e,t])=>({name:e,key:e,value:t}));let s=[];const l=()=>{s.length&&(i.push({kind:"cells",id:`cells-${i.length}`,items:s}),s=[])};return t.forEach((t,d)=>{if(!t?.name||r.has(t.componentType))return;if(t.renderCondition?.length&&!el(t.renderCondition,n,a))return;const c=t.displayName||t.name,p=`${t.name}-${d}`,u=e[t.name],h=tl(t.componentProperties,{});switch(t.componentType){case _o.Toggle:case _o.Checkbox:if(null==u||""===u)return;return void s.push({id:p,title:c,badge:ol(!!u)});case _o.CheckboxList:{const t=h.valueMode||"object";if("array"===t){const e=Array.isArray(u)?u.map(String).filter(Boolean):[],t=Array.isArray(h.options)?h.options:[],o=e.map(e=>{const o=t.map(al).find(t=>String(t.id??"")===e);return o?sl(o,e):e});if(!o.length)return;return l(),void i.push({kind:"list",id:p,title:c,items:o.map((e,t)=>({id:`${p}-${t}`,label:e}))})}if("flatFields"===t)return void(Array.isArray(h.options)?h.options:[]).forEach((t,o)=>{const i=al(t),n=String(i.id??"");n&&s.push({id:`${p}-${o}-${n}`,title:sl(i,n),badge:ol(!0===e[n])})});const o=il(u)?u:{},n=Array.isArray(h.options)?h.options:[];let r=[];if(r=n.length?n.map(e=>{const t=al(e),i=String(t.id??"");return i&&o[i]?sl(t,i):null}).filter(Boolean):Object.entries(o).filter(([,e])=>!!e).map(([e])=>e),!r.length)return;return l(),void i.push({kind:"list",id:p,title:c,items:r.map((e,t)=>({id:`${p}-${t}`,label:e}))})}case _o.MultiInput:{const e=h.wrapKey,t=h.itemWrapperKey,o=e&&il(u)?u[e]:u,n=Array.isArray(o)&&o.length?o.map(e=>t&&il(e)?String(e[t]??""):String(e??"")).filter(Boolean):[];if(!n.length)return;return l(),void i.push({kind:"list",id:p,title:c,items:n.map((e,t)=>({id:`${p}-${t}`,label:e}))})}case _o.KeyValuePair:if(il(u)&&Object.keys(u).length){const e=Object.entries(u).filter(([,e])=>rl(e)).map(([e,t],o)=>({id:`${p}-${o}`,title:e,label:String(t??"")}));if(!e.length)return;return l(),void i.push({kind:"pairs",id:p,title:c,items:e})}if(Array.isArray(u)&&u.length){const e=u.map((e,t)=>{const o=il(e)?e:{},i=String(o.key??""),n=String(o.value??"");return i||n?{id:`${p}-${t}`,title:i,label:n}:null}).filter(Boolean);if(!e.length)return;return l(),void i.push({kind:"pairs",id:p,title:c,items:e})}return;case _o.MultiTabledInput:{const e=h.wrapKey,t=Array.isArray(e&&il(u)?u[e]:u)?e&&il(u)?u[e]:u:[],o=(m=h.columns,Array.isArray(m)?m.map(e=>{const t=e&&"object"==typeof e?e:{},o=t.options??t.values,i=Array.isArray(o)?o.map(al):void 0;return{keyName:String(t.keyName??t.name??""),label:t.label??t.displayName,options:i,componentType:t.componentType,renderCondition:Array.isArray(t.renderCondition)&&t.renderCondition.length>=3?t.renderCondition:void 0}}).filter(e=>!!e.keyName):[]);if(!t.length)return;let n=!1;return void t.forEach((e,r)=>{const a=t.length>1?`${c} #${r+1}`:c,s=[],d=il(e)?{...e}:{};null!=d.method&&""!==d.method||!o.some(e=>"method"===e.keyName||"method"===e.renderCondition?.[0])||(d.method=String(d.regex??"").trim()?"regex":"preset"),o.length?o.forEach(e=>{if(!((e,t)=>{if(!t)return!0;const[o,i,n]=t,r=null==e?.[o]?"":String(e[o]);switch(i){case"=":case"==":case"===":return r===n;case"!=":case"!==":return r!==n;default:return!0}})(d,e.renderCondition))return;let t=d[e.keyName];if((null==t||""===t||Array.isArray(t)&&!t.length)&&"fromSources"===e.keyName&&null!=d.from&&""!==d.from&&(t=[d.from]),null==t||""===t||Array.isArray(t)&&!t.length)return;if("segment"===e.componentType)return;const o=((e,t)=>{if(null==t||""===t)return"";if(Array.isArray(t)){const o=t.map(t=>{const o=String(t??"");if(!o)return"";const i=e.options?.find(e=>String(e.id??"")===o);return i?sl(i,o):o}).filter(Boolean);return o.join(", ")}const o=String(t),i=e.options?.find(e=>String(e.id??"")===o);return i?sl(i,o):nl(t)})(e,t);o&&s.push({id:`${p}-${r}-${e.keyName}`,title:e.label||Qs(Ds(e.keyName))||e.keyName,label:o})}):Object.entries(d).forEach(([e,t])=>{if(null==t||""===t||"method"===e)return;const o=nl(t);o&&s.push({id:`${p}-${r}-${e}`,title:e,label:o})}),s.length&&(n||(l(),n=!0),i.push({kind:"group",id:`${p}-${r}`,title:a,items:s}))})}case _o.FieldGroup:{const e=Array.isArray(u)?u:[],t=(Array.isArray(h.fields)?h.fields:[]).map(ll).filter(Boolean),n=h.itemLabel||c;if(!e.length)return;let r=!1;return void e.forEach((a,s)=>{const d=e.length>1?`${n} ${s+1}`:n,c=il(a)?a:{},u=t.length?cl(c,t,o):(()=>{const e=Object.entries(c).filter(([,e])=>rl(e)).map(([e,t],o)=>{const i=nl(t);return i?{id:`${p}-${s}-${o}-${e}`,title:e,label:i}:null}).filter(Boolean);return e.length?[{kind:"cells",id:`${p}-${s}-raw`,items:e}]:[]})();u.length&&(r||(l(),r=!0),i.push({kind:"group",id:`${p}-${s}`,title:d,segments:u}))})}default:{const e=nl(u);if(!e)return;s.push({id:p,title:c,label:e})}}var m}),l(),i},pl=(e,t,o={})=>dl(cl(e,t,o)),ul=e=>{const t=e=>e.filter(e=>"object"==typeof e&&null!==e?""!==e.key&&""!==e.value:""!==e),o=e=>Object.fromEntries(Object.entries(e).filter(([e,t])=>""!==e&&""!==t).map(([e,i])=>Array.isArray(i)?[e,t(i)]:"object"==typeof i&&null!==i?[e,o(i)]:[e,i]));return Object.entries(e).reduce((e,[i,n])=>{try{const r=JSON.parse(n);Array.isArray(r)?e[i]=JSON.stringify(t(r)):e[i]="object"==typeof r&&null!==r?JSON.stringify(o(r)):n}catch(r){"object"==typeof n&&null!==n?Array.isArray(n)?e[i]=JSON.stringify(t(n)):e[i]=JSON.stringify(o(n)):e[i]=n}return e},{})},hl=e=>JSON.parse(JSON.stringify(e)),ml=(e,t)=>t.split(".").reduce((e,t)=>e?.[t],e),gl=(e,t,o)=>{const i=t.split(".");let n=e;for(let e=0;e<i.length-1;e++)i[e]in n&&"object"==typeof n[i[e]]||(n[i[e]]={}),n=n[i[e]];n[i[i.length-1]]=o},fl=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.signals?.find(e=>e.toLowerCase()===t.id)))),o},yl=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},bl=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[],vl=(e,t)=>{let o=e;if(t.namespaces?.length){const e=new Set(t.namespaces.map(({id:e})=>e));o=o.filter(({id:t})=>e.has(t.namespace))}if(t.regions?.length){const e=new Set(t.regions.map(({id:e})=>e));o=o.filter(({id:t})=>!!t.region&&e.has(t.region))}if(t.kinds?.length){const e=new Set(t.kinds.map(({id:e})=>e));o=o.filter(({id:t})=>e.has(t.kind))}if(t.languages?.length){const e=new Set(t.languages.map(({id:e})=>e));o=o.filter(({runtimeInfo:t,containers:o})=>t?.detectedLanguages?.some(t=>e.has(t))||o?.some(t=>{const o=t.overrides?.runtimeInfo?.language??t.runtimeInfo?.language;return!!o&&e.has(o)}))}if(t.podsAgentInjectionStatus?.length){const e=new Set(t.podsAgentInjectionStatus.map(({id:e})=>e));o=o.filter(({podsAgentInjectionStatus:t})=>e.has(t?.reasonEnum??"")||e.has(t?.message??""))}if(t.statuses?.length){const e=new Set(t.statuses.map(({id:e})=>e));o=o.filter(({instrumentationReport:t})=>{const o=t?.state||t?.progressStage;return!!o&&e.has(o)})}if(t.enabledStatuses?.length){const e=new Set(t.enabledStatuses.map(({id:e})=>e));o=o.filter(t=>{const o=!1===t.markedForInstrumentation?.markedForInstrumentation?"disabled":"enabled";return e.has(o)})}return t.onlyErrors&&(o=o.filter(e=>qs(e.workloadOdigosHealthStatus?.status)===Ro.Error)),o},$l=(e,t)=>t?e.filter(e=>e.dataStreamNames?.includes(t)||t===js&&!e.dataStreamNames?.length):[],wl=(e,t,o)=>{if(!t)return;const i=e.filter(e=>e.serviceName===t||e.id.name===t);if(i.length){if(o){const e=i.find(e=>e.id.namespace===o);if(e)return e}return i[0]}},Cl=(e,t="",o={})=>{for(const i in e)if(e.hasOwnProperty(i)){const n=e[i],r=t?`${t}.${i}`:i;null===n||"object"!=typeof n||Array.isArray(n)?Array.isArray(n)?n.forEach((e,t)=>{const i=`${r}[${t}]`;null!==e&&"object"==typeof e?Cl(e,i,o):o[i]=e}):o[r]=n:Cl(n,r,o)}return o},xl=e=>{if(!e)return"0 KB/s";const t=Math.floor(Math.log(e)/Math.log(1024));return`${(e/Math.pow(1024,t)).toFixed(0===t?0:1)} ${["Bytes/s","KB/s","MB/s","GB/s","TB/s"][t]}`},Sl=e=>{if(!e)return"0 ns";if(e<1e3)return`${e.toFixed(0)} ns`;if(e<1e6){const t=e/1e3;return`${t.toFixed(t<10?2:0)} μs`}if(e<1e9){const t=e/1e6;return`${t.toFixed(t<10?2:0)} ms`}if(e<6e10){const t=e/1e9;return`${t.toFixed(t<10?2:0)} s`}if(e<36e11){const t=e/6e10;return`${t.toFixed(t<10?2:0)} m`}if(e<864e11){const t=e/36e11;return`${t.toFixed(t<10?2:0)} h`}{const t=e/864e11;return`${t.toFixed(t<10?2:0)} d`}},El=()=>{const e=crypto.getRandomValues(new Uint8Array(16));let t=0;return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,o=>{const i=e[t%16];return t++,("1"===o?i:"0"===o?63&i|128:15&i|64).toString(16)})},Tl=e=>e?e.reduce((e,t)=>{if(null!=t){const o=qs(t.status);o&&e.push({status:o,type:t.name??"",reason:t.reasonEnum??null,message:t.message??null})}return e},[]):[],Ol=e=>Array.isArray(e?.statuses)?Tl(e.statuses):e?.conditions??[],Nl=e=>e?Array.isArray(e)?kl(e):kl(Tl(Object.values(e))):kl([]),kl=e=>{const t=e?.filter(({status:e})=>e===Ro.Error),o=e?.filter(({status:e})=>e===Ro.Warning),i=e?.filter(({status:e})=>e===Ro.Disabled),n=e?.filter(({status:e})=>e===Ro.Loading),r=t.length>0,a=o.length>0,s=i.length>0;return{errors:t,hasErrors:r,warnings:o,hasWarnings:a,disableds:i,hasDisableds:s,loadings:n,hasLoadings:n.length>0,priorotizedStatus:r?Ro.Error:a?Ro.Warning:s?Ro.Info:void 0}},Al=e=>{const t=e?.reduce((e,t)=>t.agentEnabled?.agentEnabled?e+1:e,0);return`${t}/${e?.length||0} instrumented`},Il=e=>({[No.Java]:X,[No.Go]:W,[No.JavaScript]:H,[No.Python]:j,[No.DotNet]:B,[No.CSharp]:z,[No.CPlusPlus]:U,[No.Php]:M,[No.Ruby]:F,[No.Rust]:P,[No.Swift]:L,[No.Elixir]:R,[No.Browser]:D,[No.MySql]:_,[No.Nginx]:I,[No.Postgres]:A,[No.Redis]:k,[No.Kafka]:N,[No.Ignored]:O,[No.Unknown]:O,[No.Processing]:O,[No.NoContainers]:O,[No.NoRunningPods]:O}[e]||O),_l=e=>e?e.overrides?.runtimeInfo?.language??e.runtimeInfo?.language??No.Unknown:No.Unknown,Dl=e=>e?e.overrides?.runtimeInfo?.runtimeVersion??e.runtimeInfo?.runtimeVersion??null:null,Rl=e=>e?.map(e=>Il(_l(e)))||[],Ll=e=>e?.map(e=>Il(e))||[],Pl=e=>e.runtimeInfo?.detectedLanguages?.length?Ll(e.runtimeInfo?.detectedLanguages):Rl(e.containers),Fl=(e,t)=>{const o={[Bo.Alauda]:qe,[Bo.AlibabaCloud]:Ye,[Bo.AppDynamics]:Ke,[Bo.Axiom]:Ve,[Bo.AzureBlob]:Ge,[Bo.AzureMonitor]:Xe,[Bo.BetterStack]:We,[Bo.Bonree]:He,[Bo.Causely]:je,[Bo.Checkly]:Be,[Bo.Chronosphere]:ze,[Bo.ClickHouse]:Ue,[Bo.CloudWatch]:Me,[Bo.Coralogix]:Fe,[Bo.Dash0]:Pe,[Bo.Datadog]:Le,[Bo.Dynamic]:de,[Bo.Dynatrace]:Re,[Bo.ElasticApm]:De,[Bo.ElasticSearch]:_e,[Bo.GoogleCloud]:Ie,[Bo.GoogleCloudOTLP]:Ie,[Bo.GrafanaCloudLoki]:Ae,[Bo.GrafanaCloudPrometheus]:Ae,[Bo.GrafanaCloudTempo]:Ae,[Bo.Greptime]:ke,[Bo.Groundcover]:Ne,[Bo.Honeycomb]:Oe,[Bo.HyperDX]:Te,[Bo.Instana]:Ee,[Bo.Jaeger]:Se,[Bo.Kafka]:N,[Bo.Kloudmate]:xe,[Bo.Last9]:Ce,[Bo.Lightstep]:we,[Bo.LogzIo]:$e,[Bo.Loki]:ve,[Bo.Lumigo]:be,[Bo.Middleware]:ye,[Bo.NewRelic]:fe,[Bo.Observe]:ge,[Bo.Odigos]:me,[Bo.OdigosProfileDiagnostic]:me,[Bo.OneUptime]:he,[Bo.OpenObserve]:ue,[Bo.Opsverse]:pe,[Bo.Oracle]:ce,[Bo.OTLP]:de,[Bo.OTLPHttp]:de,[Bo.Prometheus]:le,[Bo.Qryn]:se,[Bo.QrynOss]:ae,[Bo.Quickwit]:re,[Bo.S3]:ne,[Bo.Seq]:ie,[Bo.Signalfx]:te,[Bo.Signoz]:oe,[Bo.Splunk]:te,[Bo.SplunkSapm]:te,[Bo.SplunkOtlp]:te,[Bo.SumoLogic]:ee,[Bo.TelemetryHub]:Z,[Bo.Tempo]:Q,[Bo.Tingyun]:J,[Bo.Traceloop]:q,[Bo.Uptrace]:Y,[Bo.VictoriaMetrics]:K,[Bo.VictoriaMetricsCloud]:K,[Bo.XRay]:V,[Bo.Pyroscope]:G}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},Ml=e=>({[Ao.Namespace]:ot,[Ao.Source]:tt,[Ao.Destination]:et,[Ao.Action]:S,[Ao.InstrumentationRule]:Ze,[Ao.SamplingRule]:Qe,[Ao.Recommendation]:Je}[e]),Ul=e=>"ruleId"in e&&e.ruleId?e.ruleId:"id"in e&&"string"==typeof e.id&&e.id||"id"in e&&"object"==typeof e.id&&e.id.namespace&&e.id.kind&&e.id.name?e.id:"namespace"in e&&e.namespace&&"kind"in e&&e.kind&&"name"in e&&e.name?{namespace:e.namespace,name:e.name,kind:e.kind,..."region"in e&&e.region?{region:e.region}:{}}:"name"in e&&e.name?e.name:void 0,zl=e=>{if(!e)return"";if("string"==typeof e)return e;const t=`${e.namespace}/${e.kind}/${e.name}`;return e.region?`${t}/${e.region}`:t},Bl=e=>zl(Ul(e)),jl=(e,t,o)=>{const{extended:i,prioritizeDisplayName:n}=o||{};let r="",a="";switch(t){case Ao.InstrumentationRule:const t=e;r=t.type,a=t.ruleName;break;case Ao.Source:const o=e;r=o.id.name,a=o.serviceName||"";break;case Ao.Action:const i=e;r=i.type,a=i.name||"";break;case Ao.Destination:const n=e;r=n.destinationType.displayName,a=n.name;break;case Ao.Namespace:const s=e;r=s.name,a=s.name}return i?r+(a&&a!==r?` (${a})`:""):n&&a||r},Hl=(e,t)=>{if(t===Ao.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,i]=e.split("=");t[o]=i}),t}return e},Wl=e=>({[Xo.CodeAttributes]:st,[Xo.CustomInstrumentation]:at,[Xo.HeadersCollection]:rt,[Xo.PayloadCollection]:nt,[Xo.NetworkMetrics]:it,[Xo.UnknownType]:O}[e]||O),Xl=e=>e.overrides?.runtimeInfo?.language??e.runtimeInfo?.language??No.Unknown,Gl=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?No.Processing:No.NoRunningPods;const i=o?.filter(e=>Xl(e)!==No.Ignored);if(!i.length)return No.NoContainers;const n=i.find(e=>Xl(e)!==No.Unknown);return n?Xl(n):No.Unknown},Vl=(e,t,o)=>(t===Ao.Source?e?.sources.find(e=>e.kind===o.kind&&e.name===o.name&&e.namespace===o.namespace):e?.destinations.find(e=>e.id===o))||{throughput:0},Kl=e=>({[ei.Logs]:dt,[ei.Metrics]:it,[ei.Traces]:lt,[ei.Profiles]:me}[e]),Yl=(e,t)=>Object.values(Ls).reduce((o,i)=>Math.abs(t[i]-e)<Math.abs(t[o]-e)?i:o),ql=e=>e&&{[Eo.K8s]:ht,[Eo.Vm]:ut,[Eo.Connector]:pt,[Eo.AwsEcs]:ct}[e]||me,Jl=e=>e?{[Eo.K8s]:"Kubernetes Cluster",[Eo.Vm]:"Virtual Machine",[Eo.Connector]:"Cloud Connector",[Eo.AwsEcs]:"AWS ECS"}[e]:"Unknown",Ql=(e,t,o)=>{const i=e[t];return i?i.flatMap(e=>{const i=e[o],n=[];return void 0!==i&&(Array.isArray(i)?n.push(...i):n.push(i)),n.push(...Ql(e,t,o)),n}):[]},Zl={"aws.lambda":"AWS Lambda","aws.fargate-task":"ECS Fargate Task","aws.fargate-cluster":"ECS Fargate Cluster","aws.ecs-cluster":"ECS Cluster","aws.eks":"Amazon EKS","aws.ec2":"Amazon EC2"},ed=e=>{if(!e)return"";if(Zl[e])return Zl[e];if(e.includes(".")){return e.slice(e.indexOf(".")+1).split(/[-_]/).map(e=>e?e[0].toUpperCase()+e.slice(1):e).join(" ")}return e},td=(e,t)=>{if(t===Ao.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},od=(e,t,o)=>{switch(o=o??"500",t){case Ro.Default:return e.v2.colors.purple[o];case Ro.Info:return e.v2.colors.blue[o];case Ro.Error:return e.v2.colors.red[o];case Ro.Warning:return e.v2.colors.yellow[o];case Ro.Success:return e.v2.colors.green[o];case Ro.Loading:case Ro.Disabled:case Ro.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},id=e=>{switch(e){case qo.Updating:case Jo.Pending:case Qo.ContainerCreating:case Zo.Waiting:return Ro.Info;case qo.Healthy:case Jo.Succeeded:case Jo.Running:case Qo.Running:case Zo.Running:return Ro.Success;case qo.Degraded:return Ro.Warning;case qo.Failed:case Jo.Failed:case Qo.Error:case Qo.CrashLoopBackOff:case Qo.CreateContainerError:case Qo.CreateContainerConfigError:case Qo.ErrImagePull:case Qo.ErrImageNeverPull:case Qo.ImagePullBackOff:case Qo.InvalidImageName:case Qo.RegistryUnavailable:case Qo.NetworkNotReady:case Qo.OOMKilled:case Qo.ContainerCannotRun:case Zo.Terminated:case Qo.DeadlineExceeded:case Qo.StartError:return Ro.Error;case qo.Down:case Qo.Completed:return Ro.Disabled;case qo.Unknown:case Jo.Unknown:default:return Ro.Unknown}},nd=f.div`
|
|
42
|
+
border-radius: 100%;
|
|
43
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
44
|
+
position: relative;
|
|
45
|
+
`,rd=f.div`
|
|
46
|
+
width: 80px;
|
|
47
|
+
height: 80px;
|
|
48
|
+
border-radius: 100%;
|
|
49
|
+
border: 4px solid ${({theme:e})=>e.v2.colors.green[300]};
|
|
50
|
+
border-right-color: transparent;
|
|
51
|
+
border-left-color: transparent;
|
|
52
|
+
border-bottom-color: transparent;
|
|
53
|
+
animation: spin 1s linear infinite;
|
|
54
|
+
@keyframes spin {
|
|
55
|
+
to {
|
|
56
|
+
transform: rotate(360deg);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
`,ad=f(zs)`
|
|
60
|
+
position: absolute;
|
|
61
|
+
top: 50%;
|
|
62
|
+
left: 50%;
|
|
63
|
+
transform: translate(-50%, -50%);
|
|
64
|
+
`,sd=({percentage:o})=>e(nd,{children:[t(rd,{}),"number"==typeof o?t(ad,{size:Ls.M,weight:500,nowrap:!0,children:`${o}%`}):null]}),ld={cm:!0,mm:!0,in:!0,px:!0,pt:!0,pc:!0,em:!0,ex:!0,ch:!0,rem:!0,vw:!0,vh:!0,vmin:!0,vmax:!0,"%":!0};function dd(e){if("number"==typeof e)return{value:e,unit:"px"};let t;const o=(e.match(/^[0-9.]*/)||"").toString();t=o.includes(".")?parseFloat(o):parseInt(o,10);const i=(e.match(/[^0-9]*$/)||"").toString();return ld[i]?{value:t,unit:i}:{value:t,unit:"px"}}function cd(e){const t=dd(e);return`${t.value}${t.unit}`}const pd=(()=>{const e="react-spinners-SpinnerOld-fade";if("undefined"==typeof window||!window.document)return e;const t=document.createElement("style");document.head.appendChild(t);const o=t.sheet,i=`\n @keyframes ${e} {\n 50% {opacity: 0.3} 100% {opacity: 1}\n }\n `;return o&&o.insertRule(i,0),e})(),ud=({loading:o=!0,color:i,scale:n=1,speedMultiplier:r=1,cssOverride:a={},style:s={},...l})=>{const d=b(),c=i||d.text.secondary;if(!o)return null;const{value:p}=dd(2),u=p+4.2,h=u/2+u/5.5,m=4*u*n,g={position:"relative",width:`${m}px`,height:`${m}px`,scale:n,...s,...a},f=(e,t)=>({position:"absolute",width:cd(1.5),height:cd(4),borderRadius:cd(2),backgroundColor:c,transition:"2s",animationFillMode:"both",animation:`${pd} ${1.2/r}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return e("span",{style:g,...l,children:[t("span",{style:{...f(1,0),top:`calc(50% + ${u}px)`,left:"50%"}}),t("span",{style:{...f(2,-45),top:`calc(50% + ${h}px)`,left:`calc(50% + ${h}px)`}}),t("span",{style:{...f(3,90),top:"50%",left:`calc(50% + ${u}px)`}}),t("span",{style:{...f(4,45),top:`calc(50% + ${-1*h}px)`,left:`calc(50% + ${h}px)`}}),t("span",{style:{...f(5,0),top:`calc(50% + ${-1*u}px)`,left:"50%"}}),t("span",{style:{...f(6,-45),top:`calc(50% + ${-1*h}px)`,left:`calc(50% + ${-1*h}px)`}}),t("span",{style:{...f(7,90),top:"50%",left:`calc(50% + ${-1*u}px)`}}),t("span",{style:{...f(8,45),top:`calc(50% + ${h}px)`,left:`calc(50% + ${-1*h}px)`}})]})},hd=488,md=635,gd="0.65s",fd="cubic-bezier(0.4, 0, 0.2, 1)",yd=[{size:464,opacity:.1,gradientTransform:"translate(201.232 229.641) scale(231.217)",stops:[[0,.1],[.41,.11],[.56,.13],[.67,.18],[.75,.25],[.83,.33],[.89,.44],[.95,.56],[1,.7]]},{size:432,opacity:.3,gradientTransform:"translate(204.229 214.376) scale(216.276)",stops:[[0,.1],[.38,.11],[.52,.13],[.62,.18],[.69,.25],[.76,.33],[.82,.44],[.88,.57],[.93,.72],[.97,.88],[1,1]]},{size:374,opacity:.5,gradientTransform:"translate(166.792 184.246) scale(186.963)",stops:[[0,.1],[.31,.11],[.45,.14],[.56,.19],[.65,.26],[.73,.35],[.8,.46],[.86,.6],[.92,.76],[.98,.93],[1,1]]},{size:257,opacity:.7,gradientTransform:"translate(113.263 126.219) scale(128.08)",stops:[[0,.1],[.31,.11],[.45,.14],[.56,.19],[.65,.26],[.73,.35],[.8,.46],[.86,.6],[.92,.76],[.98,.93],[1,1]]}],bd=f.div`
|
|
65
|
+
width: ${488}px;
|
|
66
|
+
height: ${635}px;
|
|
67
|
+
position: relative;
|
|
68
|
+
overflow: hidden;
|
|
69
|
+
background: linear-gradient(180deg, #0b0517 2.82%, #190d31 100%);
|
|
70
|
+
`,vd=f.div`
|
|
71
|
+
position: absolute;
|
|
72
|
+
left: 50%;
|
|
73
|
+
top: 50%;
|
|
74
|
+
width: 464px;
|
|
75
|
+
height: 464px;
|
|
76
|
+
transform: ${({$variant:e})=>"logo"===e?"translate(-50%, -50%) scale(1)":"translate(-50%, calc(-50% + 148px)) scale(1.4)"};
|
|
77
|
+
transition: transform ${gd} ${fd};
|
|
78
|
+
pointer-events: none;
|
|
79
|
+
`,$d=f.svg`
|
|
80
|
+
position: absolute;
|
|
81
|
+
top: 50%;
|
|
82
|
+
left: 50%;
|
|
83
|
+
transform: translate(-50%, -50%);
|
|
84
|
+
overflow: visible;
|
|
85
|
+
`,wd=f.div`
|
|
86
|
+
position: absolute;
|
|
87
|
+
inset: 0;
|
|
88
|
+
background: linear-gradient(180deg, transparent 0%, transparent 28%, #0b0517 72%);
|
|
89
|
+
opacity: ${({$variant:e})=>"logo"===e?0:1};
|
|
90
|
+
transition: opacity ${gd} ${fd};
|
|
91
|
+
pointer-events: none;
|
|
92
|
+
`,Cd=f.div`
|
|
93
|
+
position: absolute;
|
|
94
|
+
top: 50%;
|
|
95
|
+
left: 50%;
|
|
96
|
+
width: ${424}px;
|
|
97
|
+
transform: translate(-50%, calc(-50% + ${({$offsetY:e=0})=>e}px)) scale(${({$visible:e})=>e?1:.92});
|
|
98
|
+
opacity: ${({$visible:e})=>e?1:0};
|
|
99
|
+
transition:
|
|
100
|
+
opacity ${gd} ${fd},
|
|
101
|
+
transform ${gd} ${fd};
|
|
102
|
+
pointer-events: ${({$visible:e})=>e?"auto":"none"};
|
|
103
|
+
`,xd=f(Cd)`
|
|
104
|
+
width: auto;
|
|
105
|
+
display: flex;
|
|
106
|
+
align-items: center;
|
|
107
|
+
justify-content: center;
|
|
108
|
+
`,Sd=({uid:i})=>t(o,{children:yd.map(({size:o,opacity:n,gradientTransform:r,stops:a},s)=>{const l=`${i}-r${s}`,d=o/2;return e($d,{width:o,height:o,viewBox:`0 0 ${o} ${o}`,fill:"none",children:[t("circle",{cx:d,cy:d,r:d,opacity:n,fill:`url(#${l})`}),t("defs",{children:t("radialGradient",{id:l,cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:r,children:a.map(([e,o])=>t("stop",{offset:e,stopColor:"#7C3BFF",stopOpacity:o},e))})})]},l)})}),Ed=({variant:o,title:i,code:n,onCopy:r})=>{const s=a().replace(/:/g,""),l="logo"===o;return e(bd,{children:[t(vd,{$variant:o,children:t(Sd,{uid:s})}),t(wd,{$variant:o}),t(xd,{$visible:l,children:t(me,{size:112})}),t(Cd,{$visible:!l,$offsetY:24,children:t(BT,{title:i,code:n,onDone:r,maxHeight:317.5})})]})},Td=f.div`
|
|
109
|
+
width: ${({$size:e})=>e}px;
|
|
110
|
+
height: ${({$size:e})=>e}px;
|
|
111
|
+
border-radius: 100%;
|
|
112
|
+
background: ${({$color:e})=>e};
|
|
113
|
+
display: flex;
|
|
114
|
+
align-items: center;
|
|
115
|
+
justify-content: center;
|
|
116
|
+
`,Od=({scale:e,icon:o})=>{const i=b();return t(Td,{$size:45*e,$color:"rgba(80, 246, 232, 0.10)",children:t(Td,{$size:43*e,$color:"rgba(80, 246, 232, 0.20)",children:t(Td,{$size:39*e,$color:"rgba(80, 246, 232, 0.40)",children:t(Td,{$size:33*e,$color:"rgba(80, 246, 232, 0.60)",children:t(Td,{$size:23*e,$color:"#50F6E8",children:t(o,{size:16*e,fill:i.v2.colors.black[500]})})})})})})},Nd=488,kd=635,Ad=f.div`
|
|
117
|
+
width: ${488}px;
|
|
118
|
+
height: ${635}px;
|
|
119
|
+
display: flex;
|
|
120
|
+
flex-direction: column;
|
|
121
|
+
align-items: center;
|
|
122
|
+
justify-content: center;
|
|
123
|
+
padding: 16px;
|
|
124
|
+
background: linear-gradient(180deg, #0b0517 2.82%, #190d31 100%);
|
|
125
|
+
position: relative;
|
|
126
|
+
`,Id=f.div`
|
|
127
|
+
position: absolute;
|
|
128
|
+
top: 50%;
|
|
129
|
+
left: 50%;
|
|
130
|
+
transform: translate(-50%, -50%);
|
|
131
|
+
`,_d=()=>e(Ad,{children:[t(Id,{children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"464",height:"464",viewBox:"0 0 464 464",fill:"none",children:[t("path",{opacity:"0.1",d:"M231.567 463.134C359.458 463.134 463.134 359.458 463.134 231.567C463.134 103.676 359.458 0 231.567 0C103.676 0 0 103.676 0 231.567C0 359.458 103.676 463.134 231.567 463.134Z",fill:"url(#paint0_radial_164_65835)"}),t("defs",{children:e("radialGradient",{id:"paint0_radial_164_65835",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(201.232 229.641) scale(231.217)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),t("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"})]})})]})}),t(Id,{children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"432",height:"432",viewBox:"0 0 432 432",fill:"none",children:[t("path",{opacity:"0.3",d:"M215.921 431.841C335.17 431.841 431.841 335.17 431.841 215.921C431.841 96.6709 335.17 0 215.921 0C96.6709 0 0 96.6709 0 215.921C0 335.17 96.6709 431.841 215.921 431.841Z",fill:"url(#paint0_radial_164_65836)"}),t("defs",{children:e("radialGradient",{id:"paint0_radial_164_65836",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(204.229 214.376) scale(216.276)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),t("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),t("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),t(Id,{children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"374",height:"374",viewBox:"0 0 374 374",fill:"none",children:[t("path",{opacity:"0.5",d:"M186.963 373.927C290.22 373.927 373.927 290.22 373.927 186.963C373.927 83.7063 290.22 0 186.963 0C83.7063 0 0 83.7063 0 186.963C0 290.22 83.7063 373.927 186.963 373.927Z",fill:"url(#paint0_radial_164_65837)"}),t("defs",{children:e("radialGradient",{id:"paint0_radial_164_65837",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(166.792 184.246) scale(186.963)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),t(Id,{children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"257",height:"257",viewBox:"0 0 257 257",fill:"none",children:[t("path",{opacity:"0.7",d:"M128.193 256.387C198.992 256.387 256.387 198.992 256.387 128.193C256.387 57.3941 198.992 0 128.193 0C57.3941 0 0 57.3941 0 128.193C0 198.992 57.3941 256.387 128.193 256.387Z",fill:"url(#paint0_radial_164_65838)"}),t("defs",{children:e("radialGradient",{id:"paint0_radial_164_65838",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(113.263 126.219) scale(128.08)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),t(Id,{children:t(me,{size:112})})]}),Dd=f.div`
|
|
132
|
+
width: ${({$size:e})=>e}px;
|
|
133
|
+
height: ${({$size:e})=>e}px;
|
|
134
|
+
border-radius: 100%;
|
|
135
|
+
background: ${({$color:e})=>e};
|
|
136
|
+
display: flex;
|
|
137
|
+
align-items: center;
|
|
138
|
+
justify-content: center;
|
|
139
|
+
`,Rd=({scale:e=1,icon:o})=>{const i=b();return t(Dd,{$size:73*e,$color:"rgba(106, 42, 255, 0.10)",children:t(Dd,{$size:71*e,$color:"rgba(106, 42, 255, 0.20)",children:t(Dd,{$size:65*e,$color:"rgba(106, 42, 255, 0.40)",children:t(Dd,{$size:56*e,$color:"rgba(106, 42, 255, 0.60)",children:t(Dd,{$size:39*e,$color:i.v2.colors.purple[500],children:t(o,{size:32*e,fill:i.v2.colors.white[500]})})})})})})},Ld=488,Pd=635,Fd=f.div`
|
|
140
|
+
width: ${488}px;
|
|
141
|
+
height: ${635}px;
|
|
142
|
+
display: flex;
|
|
143
|
+
flex-direction: column;
|
|
144
|
+
align-items: center;
|
|
145
|
+
justify-content: center;
|
|
146
|
+
position: relative;
|
|
147
|
+
`,Md=f.div`
|
|
148
|
+
position: absolute;
|
|
149
|
+
top: 50%;
|
|
150
|
+
left: 50%;
|
|
151
|
+
transform: translate(-50%, -50%);
|
|
152
|
+
${({width:e})=>e&&`width: ${e}px;`}
|
|
153
|
+
`,Ud=o=>e(Fd,{children:[t(Md,{children:e("svg",{width:"466",height:"667",viewBox:"0 0 466 667",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M0 0H465.5V647C465.5 658.046 456.546 667 445.5 667H0V0Z",fill:"url(#paint0_linear_176_69488)"}),e("g",{clipPath:"url(#clip0_176_69488)",children:[t("path",{opacity:"0.1",d:"M232.747 962.953C412.208 962.953 557.69 817.471 557.69 638.009C557.69 458.548 412.208 313.066 232.747 313.066C53.2861 313.066 -92.1959 458.548 -92.1959 638.009C-92.1959 817.471 53.2861 962.953 232.747 962.953Z",fill:"url(#paint1_radial_176_69488)"}),t("path",{opacity:"0.3",d:"M232.747 940.997C400.083 940.997 535.735 805.345 535.735 638.01C535.735 470.674 400.083 335.022 232.747 335.022C65.4117 335.022 -70.2406 470.674 -70.2406 638.01C-70.2406 805.345 65.4117 940.997 232.747 940.997Z",fill:"url(#paint2_radial_176_69488)"}),t("path",{opacity:"0.5",d:"M232.747 900.364C377.641 900.364 495.101 782.904 495.101 638.01C495.101 493.116 377.641 375.656 232.747 375.656C87.8532 375.656 -29.6067 493.116 -29.6067 638.01C-29.6067 782.904 87.8532 900.364 232.747 900.364Z",fill:"url(#paint3_radial_176_69488)"}),t("path",{opacity:"0.7",d:"M232.747 817.895C332.095 817.895 412.633 737.358 412.633 638.01C412.633 538.662 332.095 458.124 232.747 458.124C133.399 458.124 52.8617 538.662 52.8617 638.01C52.8617 737.358 133.399 817.895 232.747 817.895Z",fill:"url(#paint4_radial_176_69488)"})]}),e("defs",{children:[e("linearGradient",{id:"paint0_linear_176_69488",x1:"232.75",y1:"0",x2:"232.75",y2:"667",gradientUnits:"userSpaceOnUse",children:[t("stop",{offset:"0",stopColor:"#0B0517"}),t("stop",{offset:"1",stopColor:"#190D31"})]}),e("radialGradient",{id:"paint1_radial_176_69488",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(190.181 635.307) scale(324.452)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),t("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"})]}),e("radialGradient",{id:"paint2_radial_176_69488",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(216.341 635.843) scale(303.486)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),t("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),t("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint3_radial_176_69488",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(204.442 634.197) scale(262.354)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint4_radial_176_69488",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(211.796 635.239) scale(179.727)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),t("clipPath",{id:"clip0_176_69488",children:t("rect",{width:"463.139",height:"463.139",fill:"white",transform:"translate(1.18054 203.861)"})})]})]})}),t(Md,{width:424,children:t(BT,{maxHeight:317.5,...o})})]}),zd=f.div`
|
|
154
|
+
flex: 1;
|
|
155
|
+
align-self: stretch;
|
|
156
|
+
min-height: 0;
|
|
157
|
+
display: flex;
|
|
158
|
+
flex-direction: column;
|
|
159
|
+
gap: ${({$gap:e=24})=>e}px;
|
|
160
|
+
overflow-y: auto;
|
|
161
|
+
overflow-x: auto;
|
|
162
|
+
padding: 12px;
|
|
163
|
+
`,Bd=f.div`
|
|
164
|
+
position: relative;
|
|
165
|
+
|
|
166
|
+
// inherit all the properties of the parent (PageContent)
|
|
167
|
+
flex: inherit;
|
|
168
|
+
align-self: inherit;
|
|
169
|
+
min-height: inherit;
|
|
170
|
+
display: inherit;
|
|
171
|
+
flex-direction: inherit;
|
|
172
|
+
gap: inherit;
|
|
173
|
+
`,jd=f.div`
|
|
174
|
+
padding: ${({$padding:e})=>e||"12px"};
|
|
175
|
+
`,Hd=f.div`
|
|
176
|
+
display: flex;
|
|
177
|
+
flex-direction: row;
|
|
178
|
+
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
179
|
+
align-items: ${({$alignItems:e="center"})=>e};
|
|
180
|
+
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
181
|
+
gap: ${({$gap:e=2})=>e}px;
|
|
182
|
+
width: ${({$width:e})=>e||"unset"};
|
|
183
|
+
height: ${({$height:e})=>e||"unset"};
|
|
184
|
+
margin: ${({$margin:e="unset"})=>e};
|
|
185
|
+
padding: ${({$padding:e="unset"})=>e};
|
|
186
|
+
${({$fullHeight:e})=>e?"\n flex: 1;\n min-height: 0;\n ":""}
|
|
187
|
+
`,Wd=f.div`
|
|
188
|
+
display: flex;
|
|
189
|
+
flex-direction: column;
|
|
190
|
+
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
191
|
+
align-items: ${({$alignItems:e="unset"})=>e};
|
|
192
|
+
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
193
|
+
gap: ${({$gap:e=2})=>e}px;
|
|
194
|
+
width: ${({$width:e})=>e||"unset"};
|
|
195
|
+
height: ${({$height:e})=>e||"unset"};
|
|
196
|
+
margin: ${({$margin:e="unset"})=>e};
|
|
197
|
+
padding: ${({$padding:e="unset"})=>e};
|
|
198
|
+
${({$fullHeight:e})=>e?"\n flex: 1;\n min-height: 0;\n ":""}
|
|
199
|
+
`,Xd=f(Wd)`
|
|
200
|
+
width: ${({$width:e})=>e||"100%"};
|
|
201
|
+
height: ${({$height:e})=>e||"unset"};
|
|
202
|
+
padding: ${({$padding:e})=>e||"unset"};
|
|
203
|
+
align-items: center;
|
|
204
|
+
justify-content: center;
|
|
205
|
+
${({$fullHeight:e})=>e?"\n flex: 1;\n min-height: 0;\n ":""}
|
|
206
|
+
`,Gd=f.div`
|
|
207
|
+
display: flex;
|
|
208
|
+
flex-direction: column;
|
|
209
|
+
padding: 12px;
|
|
210
|
+
overflow-y: scroll;
|
|
211
|
+
`,Vd=f.div`
|
|
212
|
+
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
213
|
+
top: 0;
|
|
214
|
+
left: 0;
|
|
215
|
+
right: 0;
|
|
216
|
+
bottom: 0;
|
|
217
|
+
// Full-screen overlays sit at the modal/drawer layer. Page-scoped overlays
|
|
218
|
+
// (relativeToParent, e.g. upgrade-required) use the island layer so the sidebar
|
|
219
|
+
// can expand above them. In both cases the surface is rendered after the overlay
|
|
220
|
+
// in JSX and stacks above it via DOM order at the same z-index level.
|
|
221
|
+
z-index: ${({theme:e,$relativeToParent:t})=>t?e.v2.zIndex.island:e.v2.zIndex.modal};
|
|
222
|
+
background: rgba(0, 0, 0, 0.6);
|
|
223
|
+
backdrop-filter: blur(2px);
|
|
224
|
+
`,Kd=f.div`
|
|
225
|
+
width: 800px;
|
|
226
|
+
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
227
|
+
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
228
|
+
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
229
|
+
padding: 0 2px;
|
|
230
|
+
overflow-y: scroll;
|
|
231
|
+
`,Yd=f(Wd)`
|
|
232
|
+
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
233
|
+
width: 100%;
|
|
234
|
+
`,qd=f(Hd)`
|
|
235
|
+
gap: 16px;
|
|
236
|
+
padding: 16px;
|
|
237
|
+
`,Jd=f.div`
|
|
238
|
+
width: 100%;
|
|
239
|
+
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
240
|
+
overflow-y: auto;
|
|
241
|
+
`,Qd=v`
|
|
242
|
+
0% {
|
|
243
|
+
background-position: 0% 50%;
|
|
244
|
+
}
|
|
245
|
+
100% {
|
|
246
|
+
background-position: 100% 50%;
|
|
247
|
+
}
|
|
248
|
+
`,Zd=f(zs)`
|
|
249
|
+
background: ${({$titleColor:e,$gradientColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
250
|
+
background-size: 250% 100%; /* Expand background to allow movement */
|
|
251
|
+
background-clip: text;
|
|
252
|
+
color: transparent;
|
|
253
|
+
animation: ${Qd} 1s reverse linear infinite;
|
|
254
|
+
`,ec=e=>{const t=Math.max(0,Date.now()-e),o=Math.floor(t/1e3),i=Math.floor(o/60),n=o%60;return`${String(i).padStart(2,"0")}:${String(n).padStart(2,"0")}`},tc=({icon:o,title:i,titleColor:n,titleSize:r=Ls.S,subTitle:a,subTitleColor:d,subTitleSize:c=Ls.XXXS,startedAt:p,withGradient:u,gradientColor:h,withSpinner:m,withSpinnerOld:g,scaleSpinnerOld:f=1,percentage:y,withVisual:v,visualIcon:$=mt})=>{const w=b(),[C,x]=s(()=>p?ec(p):"");l(()=>{if(!p)return;x(ec(p));const e=setInterval(()=>x(ec(p)),1e3);return()=>clearInterval(e)},[p]);const S=n||w.v2.colors.white[500],E=d||w.v2.colors.silver[200],T=h||w.v2.colors.black[500];return e(Wd,{$gap:16,$alignItems:"center",children:[v?t(Od,{scale:1.7,icon:$}):m?t(sd,{percentage:y}):g?t(ud,{scale:f}):null,(i||a||p||o||u)&&e(Wd,{$gap:8,$alignItems:"center",children:[e(Hd,{$gap:4,children:[o&&t(o,{}),u?t(Zd,{align:"center",size:r,$titleColor:S,$gradientColor:T,nowrap:!0,children:i||"Loading..."}):i?t(zs,{align:"center",size:r,color:S,children:i}):null]}),a?t(zs,{align:"center",size:c,color:E,children:a}):null,C?t(zs,{align:"center",size:c,color:S,children:C}):null]})]})},oc=(e,t)=>({[Ro.Default]:o=>me({fill:od(t,e,"300"),...o}),[Ro.Info]:o=>bt({fill:od(t,e,"400"),...o}),[Ro.Error]:o=>yt({fill:od(t,e,"500"),...o}),[Ro.Warning]:o=>ft({fill:od(t,e,"500"),...o}),[Ro.Success]:o=>E({fill:od(t,e,"500"),...o}),[Ro.Loading]:e=>tc({withSpinnerOld:!0,...e}),[Ro.Disabled]:o=>T({fill:od(t,e,"400"),...o}),[Ro.Unknown]:o=>gt({fill:od(t,e,"300"),...o})}[e]),ic=e=>{switch(e){case Wo.Success:return Ro.Success;case Wo.Error:case Wo.Failure:return Ro.Error;case Wo.Notice:return Ro.Warning;case Wo.Unsupported:case Wo.Unknown:return Ro.Info;case Wo.Irrelevant:case Wo.Disabled:return Ro.Disabled;case Wo.Waiting:return Ro.Loading;case Wo.Pending:default:return Ro.Default}},nc=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},rc={redis:k,mysql:_,postgresql:A,postgres:A,kafka:N,elasticsearch:_e,clickhouse:Ue,oracle:ce,aws:vt},ac={sts:It,dynamodb:At,s3:ne,sqs:kt,sns:Nt,lambda:Ot,kinesis:Tt,ec2:Et,apigateway:St,apigatewayv2:St,bedrock:xt,bedrockruntime:xt,eventbridge:Ct,sfn:wt,stepfunctions:wt,secretsmanager:$t,cloudwatch:Me},sc=e=>{const t=e.attributes,o=t["db.system"];if(o){const e=rc[o.toLowerCase()];if(e)return e}const i=t["messaging.system"];if(i){const e=rc[i.toLowerCase()];if(e)return e}const n=t["rpc.system"];if(n?.toLowerCase().includes("aws")){const e=t["rpc.service"]?.toLowerCase();if(e){const t=ac[e];if(t)return t}return vt}const r=e.serviceName.toLowerCase();for(const[e,t]of Object.entries(rc))if(r.includes(e))return t;return et},lc=e=>{if(!e)return{namespace:"",name:"",kind:""};if("id"in e&&"object"==typeof e.id)return{namespace:e.id.namespace,name:e.id.name,kind:e.id.kind,region:e.id.region||void 0};const{namespace:t,name:o,kind:i,region:n}=e;return{namespace:t,name:o,kind:i,region:n||void 0}},dc=(e,t)=>{const o=[],i=JSON.parse(JSON.stringify(e));for(const e of i){const i=tl(t.fields,{}),n=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==n&&o.push(...e.items[n].fields.map(e=>({...e,initialValue:i[e.name]})))}return o},cc=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==Ro.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1};function pc(e){if(!e||0===e.length)return null;const t=[],o=[],i=[];for(const n of e){if(!n)continue;const e=n.workloadName??"",r=n.workloadKind??"",a=n.workloadNamespace??"",s=n.workloadLanguage??"";e||r?t.push({namespace:a,kind:r,name:e}):a&&o.push(a),s&&i.push(s)}return 0===t.length&&0===o.length&&0===i.length?null:{sources:t,namespaces:o,languages:i}}function uc(e){if(!e)return null;const t=[];for(const o of e.sources??[])t.push({workloadName:o.name||null,workloadKind:o.kind||null,workloadNamespace:o.namespace||null});for(const o of e.namespaces??[])t.push({workloadNamespace:o});for(const o of e.languages??[])t.push({workloadLanguage:o});return t.length?t:null}function hc(e){const{sourcesScopes:t,...o}=e;return{...o,sourceScopes:pc(t??null)}}function mc(e){const{sourceScopes:t,...o}=e;return{...o,sourcesScopes:uc(t??null)}}const gc=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),fc=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),yc=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},bc=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},vc=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,$c=/^v?\d+(\.\d+)*(-[0-9A-Za-z\-~][0-9A-Za-z\-~.]*)?(\+[0-9A-Za-z\-~][0-9A-Za-z\-~.]*)?$/,wc=e=>$c.test(e),Cc=e=>e?.map(({status:e,type:t,reason:o,message:i})=>({status:e?.toLowerCase(),type:Ds(t),reason:o?Ds(o):"",message:i}))||[],xc=(e,t)=>{const o=tl(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:o[e.name]??null})).filter(e=>null!==e.value):Object.entries(o).map(([e,t])=>({key:e,name:e,value:t}))},Sc=e=>e?Object.keys(e).filter(t=>e[t]).map(e=>ai[e]):[],Ec=e=>e?Object.keys(e).filter(t=>e[t].supported).map(e=>ai[e]):[],Tc=e=>{let t=e.replace(/[^\d.]/g,"");const o=t.indexOf(".");return-1!==o&&(t=t.slice(0,o+1)+t.slice(o+1).replace(/\./g,"")),t},Oc=e=>e.replace(/[^\d]/g,""),Nc=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},kc=e=>{let t="";try{const o=JSON.parse(e);t=Array.isArray(o)?o.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof o&&null!==o?Object.entries(o).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(o){t=e}return t},Ac={0:"UNSPECIFIED",1:"INTERNAL",2:"SERVER",3:"CLIENT",4:"PRODUCER",5:"CONSUMER"},Ic={0:"",1:"OK",2:"ERROR"};class _c{buf;offset=0;constructor(e){this.buf=e}get remaining(){return this.buf.length-this.offset}readTag(){if(this.remaining<=0)return null;const e=this.readVarintNumber();return null===e?null:{field:e>>>3,wire:7&e}}skip(e){switch(e){case 0:return null!==this.readVarintBig();case 1:return this.skipBytes(8);case 2:{const e=this.readVarintNumber();return null!==e&&this.skipBytes(e)}case 5:return this.skipBytes(4);default:return!1}}readVarintNumber(){const e=this.readVarintBig();if(null===e)return null;const t=Number(e);return Number.isSafeInteger(t)?t:null}readVarintBig(){let e=0n,t=0n;for(;this.remaining>0&&t<64n;){const o=this.buf[this.offset++];if(e|=BigInt(127&o)<<t,!(128&o))return e;t+=7n}return null}readFixed64(){if(this.remaining<8)return null;const e=new DataView(this.buf.buffer,this.buf.byteOffset+this.offset,8);return this.offset+=8,e.getBigUint64(0,!0)}readFixed64AsDoubleBits(){if(this.remaining<8)return null;const e=new DataView(this.buf.buffer,this.buf.byteOffset+this.offset,8);return this.offset+=8,e.getFloat64(0,!0)}readBytes(){const e=this.readVarintNumber();if(null===e||e<0||this.remaining<e)return null;const t=this.buf.subarray(this.offset,this.offset+e);return this.offset+=e,t}readString(){const e=this.readBytes();if(null===e)return null;try{return(new TextDecoder).decode(e)}catch{return null}}readMessage(){const e=this.readBytes();return null===e?null:new _c(e)}skipBytes(e){return!(this.remaining<e||(this.offset+=e,0))}}const Dc=e=>{if(!e||0===e.length)return;let t="";for(let o=0;o<e.length;o++)t+=e[o].toString(16).padStart(2,"0");return t},Rc=e=>{let t="";for(;e.remaining>0;){const o=e.readTag();if(!o)break;switch(o.field){case 1:if(2!==o.wire){e.skip(o.wire);break}t=e.readString()??"";break;case 2:if(0!==o.wire){e.skip(o.wire);break}t=e.readVarintNumber()?"true":"false";break;case 3:{if(0!==o.wire){e.skip(o.wire);break}const i=e.readVarintBig();t=null===i?"":i.toString();break}case 4:{if(1!==o.wire){e.skip(o.wire);break}const i=e.readFixed64AsDoubleBits();t=null===i||Number.isNaN(i)?"":String(i);break}case 5:{if(2!==o.wire){e.skip(o.wire);break}const i=e.readMessage();if(!i)break;const n=[];for(;i.remaining>0;){const e=i.readTag();if(!e)break;if(1===e.field&&2===e.wire){const e=i.readMessage();e&&n.push(Rc(e))}else i.skip(e.wire)}t=`[${n.join(", ")}]`;break}case 6:{if(2!==o.wire){e.skip(o.wire);break}const i=e.readMessage();if(!i)break;const n=[];for(;i.remaining>0;){const e=i.readTag();if(!e)break;if(1===e.field&&2===e.wire){const e=i.readMessage();if(!e)continue;const t=Lc(e);t.key&&n.push(`${t.key}=${t.value??""}`)}else i.skip(e.wire)}t=`{${n.join(", ")}}`;break}case 7:{if(2!==o.wire){e.skip(o.wire);break}const i=e.readBytes();if(!i)break;const n=Dc(i.length>16?i.subarray(0,16):i)??"";t=i.length>16?`${n}…`:n;break}default:e.skip(o.wire)}}return t},Lc=e=>{const t={};for(;e.remaining>0;){const o=e.readTag();if(!o)break;if(1===o.field&&2===o.wire)t.key=e.readString()??void 0;else if(2===o.field&&2===o.wire){const o=e.readMessage();t.value=o?Rc(o):void 0}else e.skip(o.wire)}return t},Pc=(e,t)=>{const o=e.readMessage();if(!o)return;const i=Lc(o);void 0===i.key&&void 0===i.value||t.push(i)},Fc=e=>{const t={};for(;e.remaining>0;){const o=e.readTag();if(!o)break;2===o.field&&2===o.wire?t.message=e.readString()??void 0:3===o.field&&0===o.wire?t.code=e.readVarintNumber()??void 0:e.skip(o.wire)}return t},Mc=e=>{const t={attrs:[]};for(;e.remaining>0;){const o=e.readTag();if(!o)break;switch(o.field){case 1:1===o.wire?t.timeUnixNano=e.readFixed64()??void 0:e.skip(o.wire);break;case 2:2===o.wire?t.name=e.readString()??void 0:e.skip(o.wire);break;case 3:2===o.wire?Pc(e,t.attrs):e.skip(o.wire);break;default:e.skip(o.wire)}}return t},Uc=(e,t,o)=>{const i={attrs:[],events:[],service:t,scope:o};for(;e.remaining>0;){const t=e.readTag();if(!t)break;switch(t.field){case 1:2===t.wire?i.traceId=Dc(e.readBytes()):e.skip(t.wire);break;case 2:2===t.wire?i.spanId=Dc(e.readBytes()):e.skip(t.wire);break;case 4:2===t.wire?i.parentSpanId=Dc(e.readBytes()):e.skip(t.wire);break;case 5:2===t.wire?i.name=e.readString()??void 0:e.skip(t.wire);break;case 6:0===t.wire?i.kind=e.readVarintNumber()??void 0:e.skip(t.wire);break;case 7:1===t.wire?i.startUnixNano=e.readFixed64()??void 0:e.skip(t.wire);break;case 8:1===t.wire?i.endUnixNano=e.readFixed64()??void 0:e.skip(t.wire);break;case 9:2===t.wire?Pc(e,i.attrs):e.skip(t.wire);break;case 11:if(2===t.wire){const t=e.readMessage();t&&i.events.push(Mc(t))}else e.skip(t.wire);break;case 15:if(2===t.wire){const t=e.readMessage();if(t){const e=Fc(t);i.statusCode=e.code,i.statusMsg=e.message}}else e.skip(t.wire);break;default:e.skip(t.wire)}}return i},zc=e=>{let t;for(;e.remaining>0;){const o=e.readTag();if(!o)break;if(1===o.field&&2===o.wire){const o=e.readMessage();if(!o)continue;const i=Lc(o);"service.name"===i.key&&i.value&&(t=i.value)}else e.skip(o.wire)}return t},Bc=e=>{let t,o;for(;e.remaining>0;){const i=e.readTag();if(!i)break;1===i.field&&2===i.wire?t=e.readString()??void 0:2===i.field&&2===i.wire?o=e.readString()??void 0:e.skip(i.wire)}if(t)return o?`${t}@${o}`:t},jc=(e,t)=>{let o;const i=[];for(;e.remaining>0;){const n=e.readTag();if(!n)break;if(1===n.field&&2===n.wire){const t=e.readMessage();t&&(o=Bc(t))}else if(2===n.field&&2===n.wire){const n=e.readMessage();n&&i.push(Uc(n,t,o))}else e.skip(n.wire)}for(const e of i)!e.scope&&o&&(e.scope=o);return i},Hc=e=>{let t;const o=[];for(;e.remaining>0;){const i=e.readTag();if(!i)break;if(1===i.field&&2===i.wire){const o=e.readMessage();o&&(t=zc(o))}else if(2===i.field&&2===i.wire){const i=e.readMessage();i&&o.push(...jc(i,t))}else e.skip(i.wire)}for(const e of o)!e.service&&t&&(e.service=t);return o},Wc=e=>({key:e.key??null,value:e.value??null}),Xc=e=>{if(!e.length)return[];const t=new Map;for(const o of e)o.spanId&&t.set(o.spanId,o);const o=new Map,i=[];for(const n of e){const e=n.parentSpanId;if(e&&t.has(e)){const t=o.get(e)??[];t.push(n),o.set(e,t)}else i.push(n)}const n=(e,t)=>{const o=e.startUnixNano??0n,i=t.startUnixNano??0n;return o<i?-1:o>i?1:0};i.sort(n);for(const e of o.values())e.sort(n);const r=(i[0]??e[0]).startUnixNano??0n,a=[],s=(e,t)=>{const i=e.startUnixNano??0n,n=e.endUnixNano??i,l=i>r?i-r:0n,d=n>i?n-i:1n,c=void 0!==e.statusCode?Ic[e.statusCode]??null:null,p=(e.attrs??[]).map(Wc);p.sort((e,t)=>(e.key??"").localeCompare(t.key??""));const u=(e.events??[]).map(e=>{const t=e.timeUnixNano??0n,o=t>r?t-r:0n;return{name:e.name??null,offsetMs:Number(o)/1e6,attrs:(e.attrs??[]).map(Wc)}});a.push({spanId:e.spanId??null,parentSpanId:e.parentSpanId??null,name:e.name??null,service:e.service??null,kind:void 0!==e.kind?Ac[e.kind]??null:null,depth:t,startUnixNano:void 0!==e.startUnixNano?e.startUnixNano.toString():null,endUnixNano:void 0!==e.endUnixNano?e.endUnixNano.toString():null,offsetMs:Number(l)/1e6,durationMs:Number(d)/1e6,scope:e.scope??null,statusCode:c||null,statusMsg:e.statusMsg??null,attrs:p.length?p:null,events:u.length?u:null});for(const i of o.get(e.spanId??"")??[])s(i,t+1)};for(const t of i.length?i:e)s(t,0);const l=new Set;return a.filter(e=>{const t=e.spanId??"";return!t||!l.has(t)&&(l.add(t),!0)})},Gc=(e,t)=>{if(null==t||""===t)return{error:null};try{const o=(e=>{try{const t=e.replace(/\s+/g,"");if(!t)return null;const o="function"==typeof atob?atob(t):Buffer.from(t,"base64").toString("binary"),i=new Uint8Array(o.length);for(let e=0;e<o.length;e++)i[e]=o.charCodeAt(e);return i}catch{return null}})(t);if(!o||0===o.length)return{error:"Invalid base64 rawOtlp"};const i=(e=>{const t=new _c(e),o=[];for(;t.remaining>0;){const e=t.readTag();if(!e)break;if(1===e.field&&2===e.wire){const e=t.readMessage();e&&o.push(...Hc(e))}else t.skip(e.wire)}return o})(o);return i.length?{traceId:e,spans:Xc(i),error:null}:{error:"No spans found in OTLP payload"}}catch(e){return{error:e instanceof Error?e.message:"Failed to parse rawOtlp"}}},Vc=e=>{const t=e.fields.reduce((e,{key:t,value:o})=>{const i=(e=>{if(null!=e){if("string"==typeof e)return e;if("number"==typeof e||"boolean"==typeof e)return String(e);try{return JSON.stringify(e)}catch{return}}})(o);return void 0!==i&&e.push({key:t,value:i}),e},[]);return{...e,fields:t}},Kc=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(o=>{const i=e[o];if(Array.isArray(i)){const e=i.filter(e=>null!=e&&""!==e);e.length>0&&(t[o]=e.map(e=>Kc(e)))}else if("object"==typeof i&&null!==i){const e=Kc(i);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(i)||(t[o]=i)}),t},Yc=(e,t=2)=>JSON.stringify(e||{},null,t),qc=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Jc=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Qc=po("v1.33"),Zc=["runtimeDetection","agentInjectionEnabled","podsManifestInjection","agentInjected","processesAgentHealth","expectingTelemetry"],ep=(e,t)=>{if(e!==Eo.K8s)return!1;const o=po(t);return o>0&&o<Qc},tp=po("v1.20"),op=(e,t)=>{if(e!==Eo.K8s)return!0;const o=po(t);return!(o>0)||o>=tp},ip=e=>e?Zc.map(t=>e[t]??null):[],np={PID:"process.pid",VPID:"process.vpid"},rp={[No.Go]:"Go",[No.Java]:"Java",[No.JavaScript]:"Node.js",[No.Python]:"Python",[No.DotNet]:".NET",[No.CSharp]:"C#",[No.CPlusPlus]:"C++",[No.Php]:"PHP",[No.Ruby]:"Ruby",[No.Rust]:"Rust",[No.Swift]:"Swift",[No.Elixir]:"Elixir",[No.Browser]:"Browser",[No.MySql]:"MySQL",[No.Nginx]:"Nginx",[No.Postgres]:"PostgreSQL",[No.Redis]:"Redis",[No.Kafka]:"Kafka",[No.Ignored]:"Ignored",[No.Unknown]:"Unknown",[No.Processing]:"Processing",[No.NoContainers]:"No Containers",[No.NoRunningPods]:"No Running Pods"},ap=[{id:No.Go,label:rp[No.Go],icon:Il(No.Go)},{id:No.Java,label:rp[No.Java],icon:Il(No.Java)},{id:No.JavaScript,label:rp[No.JavaScript],icon:Il(No.JavaScript)},{id:No.Python,label:rp[No.Python],icon:Il(No.Python)},{id:No.Php,label:rp[No.Php],icon:Il(No.Php)},{id:No.Ruby,label:rp[No.Ruby],icon:Il(No.Ruby)},{id:No.Rust,label:rp[No.Rust],icon:Il(No.Rust)},{id:No.DotNet,label:rp[No.DotNet],icon:Il(No.DotNet)},{id:No.CSharp,label:rp[No.CSharp],icon:Il(No.CSharp)},{id:No.CPlusPlus,label:rp[No.CPlusPlus],icon:Il(No.CPlusPlus)},{id:No.Swift,label:rp[No.Swift],icon:Il(No.Swift)},{id:No.Elixir,label:rp[No.Elixir],icon:Il(No.Elixir)},{id:No.Browser,label:rp[No.Browser],icon:Il(No.Browser)},{id:No.MySql,label:rp[No.MySql],icon:Il(No.MySql)},{id:No.Nginx,label:rp[No.Nginx],icon:Il(No.Nginx)},{id:No.Postgres,label:rp[No.Postgres],icon:Il(No.Postgres)},{id:No.Redis,label:rp[No.Redis],icon:Il(No.Redis)},{id:No.Kafka,label:rp[No.Kafka],icon:Il(No.Kafka)}],sp={id:Ho.OpentelemetryEbpfInstrumentation,label:Ho.OpentelemetryEbpfInstrumentation,icon:_t},lp={id:Ho.BrowserCommunity,label:Ho.BrowserCommunity,icon:Il(No.Browser)},dp={[No.Go]:{community:[{id:Ho.GolangCommunity,label:Ho.GolangCommunity,icon:Il(No.Go)},sp,lp],enterprise:[{id:Ho.GolangEnterprise,label:Ho.GolangEnterprise,icon:Il(No.Go)}]},[No.JavaScript]:{community:[{id:Ho.NodejsCommunity,label:Ho.NodejsCommunity,icon:Il(No.JavaScript)},sp,lp],enterprise:[{id:Ho.NodejsEnterprise,label:Ho.NodejsEnterprise,icon:Il(No.JavaScript)}]},[No.Python]:{community:[{id:Ho.PythonCommunity,label:Ho.PythonCommunity,icon:Il(No.Python)},sp,lp],enterprise:[{id:Ho.PythonEnterprise,label:Ho.PythonEnterprise,icon:Il(No.Python)}]},[No.Java]:{community:[{id:Ho.JavaCommunity,label:Ho.JavaCommunity,icon:Il(No.Java)},sp,lp],enterprise:[{id:Ho.JavaEnterprise,label:Ho.JavaEnterprise,icon:Il(No.Java)},{id:Ho.JavaEbpfInstrumentations,label:Ho.JavaEbpfInstrumentations,icon:Il(No.Java)}]},[No.DotNet]:{community:[{id:Ho.DotNetCommunity,label:Ho.DotNetCommunity,icon:Il(No.DotNet)},sp,lp],enterprise:[{id:Ho.DotNetEnterprise,label:Ho.DotNetEnterprise,icon:Il(No.DotNet)}]},[No.Ruby]:{community:[{id:Ho.RubyCommunity,label:Ho.RubyCommunity,icon:Il(No.Ruby)},sp,lp],enterprise:[{id:Ho.RubyEnterprise,label:Ho.RubyEnterprise,icon:Il(No.Ruby)}]},[No.Php]:{community:[{id:Ho.PhpCommunity,label:Ho.PhpCommunity,icon:Il(No.Php)},sp,lp],enterprise:[]},[No.CSharp]:{community:[lp],enterprise:[{id:Ho.CPlusPlusEnterprise,label:Ho.CPlusPlusEnterprise,icon:Il(No.CSharp)}]},[No.CPlusPlus]:{community:[sp,lp],enterprise:[]},[No.Browser]:{community:[lp],enterprise:[]},[No.MySql]:{community:[],enterprise:[{id:Ho.MySqlEnterprise,label:Ho.MySqlEnterprise,icon:Il(No.MySql)}]},[No.Rust]:{community:[sp,lp],enterprise:[]},[No.Swift]:{community:[sp,lp],enterprise:[]},[No.Elixir]:{community:[sp,lp],enterprise:[]},[No.Nginx]:{community:[sp,lp],enterprise:[]},[No.Postgres]:{community:[sp],enterprise:[]},[No.Redis]:{community:[sp],enterprise:[]},[No.Kafka]:{community:[sp],enterprise:[]},[No.Ignored]:{community:[],enterprise:[]},[No.Unknown]:{community:[sp,lp],enterprise:[]},[No.Processing]:{community:[],enterprise:[]},[No.NoContainers]:{community:[],enterprise:[]},[No.NoRunningPods]:{community:[],enterprise:[]}},cp="*",pp=e=>!!e?.includes(cp),up=e=>e?.length?pp(e)?[cp]:e:[],hp=e=>{if(e?.length&&!pp(e))return e.filter(e=>e!==cp)},mp=e=>e===cp?"All languages":rp[e]??e,gp=e=>e===cp?Dt:Il(e),fp=po("v1.26"),yp=(e,t)=>{if(e!==Eo.K8s)return!1;const o=po(t);return!(o>0)||o>=fp},bp=[Xo.NetworkMetrics],vp=e=>!bp.includes(e),$p=[{type:Xo.CodeAttributes,icon:Wl(Xo.CodeAttributes),label:"Code Attributes",description:'The "Code Attributes" rule can be used to add code attributes containing payload data to traces.',docsUrl:"https://docs.odigos.io/pipeline/rules/codeattributes",supportedLanguages:[No.Go,No.Python,No.JavaScript]},{type:Xo.CustomInstrumentation,icon:Wl(Xo.CustomInstrumentation),label:"Custom Instrumentation",description:'The "Custom Instrumentation" rule can be used to instrument a specific symbol (i.e. for Golang), a class and method combination (i.e. for Java), or a class and function combination (i.e. for PHP) for detailed tracing.',docsUrl:"https://docs.odigos.io/pipeline/rules/custominstrumentation",supportedLanguages:[No.Go,No.Java,No.Php]},{type:Xo.HeadersCollection,icon:Wl(Xo.HeadersCollection),label:"Headers Collection",description:'The "Headers Collection" rule can be used to add span attributes containing HTTP Headers data to traces.',docsUrl:"https://docs.odigos.io/pipeline/rules/headerscollection",supportedLanguages:[No.Go,No.Java,No.JavaScript]},{type:Xo.PayloadCollection,icon:Wl(Xo.PayloadCollection),label:"Payload Collection",description:'The "Payload Collection" rule can be used to add span attributes containing payload data to traces.',docsUrl:"https://docs.odigos.io/pipeline/rules/payloadcollection",supportedLanguages:[No.Go,No.JavaScript]}],wp=e=>{const t=e?.instrumentationRuleTypes;return t?.length?t.map(e=>({type:e.type,icon:Wl(e.type),label:e.displayName,description:e.description,docsUrl:e.docsUrl,supportedLanguages:e.supportedLanguages??[],fields:e.fields})):[]},Cp="Recommendations",xp="Optimize your observability setup with actionable recommendations.",Sp="Recommended",Ep="Applied",Tp="Dismissed",Op="Not applicable",Np={[Ni.Recommended]:Sp,[Ni.Applied]:Ep,[Ni.Dismissed]:Tp,[Ni.NotApplicable]:Op},kp="Accept",Ap="Dismiss",Ip="Restore",_p="Docs",Dp="Benefits",Rp="Considerations",Lp="Apply Recommendation",Pp="Apply via UI",Fp="Apply via GitOps",Mp="Via UI",Up="Via GitOps",zp="Accept to choose how to apply this recommendation, or dismiss it if it is not relevant.",Bp="There are 2 ways to apply this recommendation.",jp="Odigos applies the selected change immediately.",Hp="Commit the configuration to your repository and let your GitOps controller apply it.",Wp="UI changes apply only to this cluster and will not carry over if you re-install odigos.",Xp="No recommendations",Gp="There are no recommendations for this cluster right now.",Vp="This recommendation does not currently apply to your cluster.",Kp="Recommendation dismissed",Yp="Recommendation restored",qp="Recommendation applied successfully",Jp="Failed to apply recommendation",Qp={TITLE:"Regex Testing",REGEX_LABEL:"Regex",REGEX_EMPTY_HINT:"No regex to test - fill in the regex field on the row first.",TEST_STRING_LABEL:"Test string",TEST_STRING_PLACEHOLDER:"Paste a span attribute payload to test the regex against...",TEST_STRING_HELP:'The regex runs verbatim against this string. Paste the actual attribute value the processor will see - if your sample came from a log dump with JSON-escaped quotes (\\"), click Unescape first.',RESULT_LABEL:"Result",RESULT_CAPTURE_HINT:"This is the value that will be written to the new span attribute.",RESULT_EMPTY_REGEX:"Enter a regex to test.",RESULT_EMPTY_INPUT:"Enter a test string to see the result.",RESULT_NO_MATCH:"No match found.",RESULT_INVALID_REGEX_FALLBACK:"Invalid regex pattern.",UNESCAPE_LABEL:"Unescape",UNESCAPE_TOOLTIP:'Convert escape sequences (\\", \\n, \\t, \\\\) into their literal characters. Useful when pasting log output that JSON-escapes attribute values.'},Zp={SEGMENT_PRESET_LABEL:"Preset extract",SEGMENT_PRESET_TOOLTIP:"Extract a value from an existing attribute using a pre-set pattern (JSON, SQL, or Resource path).",SEGMENT_REGEX_LABEL:"Custom Regex",SEGMENT_REGEX_TOOLTIP:"Extract a value using your own regular expression with a single capture group.",PRESET_ROW_TITLE:e=>`Data format ${e+1}`,REGEX_ROW_TITLE:e=>`Custom Regex ${e+1}`,TEST_REGEX_LABEL:"Test Regex",REGEX_LABEL:"Regex",REGEX_PLACEHOLDER:"e.g. (?:^|[\\s,{(\"'])[\"']?study_id[\"']?\\s*[:=]\\s*[\"']?([^\"'\\s,;)}]+)",REGEX_HELP:"A regex with a single capture group; the captured value becomes the new attribute.",TARGET_LABEL:"New span attribute name",TARGET_PLACEHOLDER:"e.g. customerId",TARGET_HELP:"The name of the new extracted attribute."},eu={[$o.JSON]:{label:"JSON",keyLabel:"JSON key",placeholder:"e.g. customer_id",helpMessage:"Type the JSON key containing the value to extract."},[$o.SQL]:{label:"SQL",keyLabel:"SQL key",placeholder:"e.g. invoice_id",helpMessage:"Type the SQL key containing the value to extract."},[$o.ResourcePath]:{label:"Resource path",keyLabel:"Resource path key",placeholder:"e.g. tenants",helpMessage:"Type the resource name containing the value to extract."}},tu="Cancel",ou="Save",iu="Edit rule",nu="Edit auto rule",ru="Create rule",au="Delete rule",su="Save",lu="Create your first rule",du="No Rules Exist",cu="No Results",pu=e=>`No rules match the search term "${e}"`,uu="Rule name",hu="Rule type",mu="Select the type of condition that makes a trace highly relevant.",gu="Rule Enabled",fu="Rule Disabled",yu="Enabled",bu="Disabled",vu="Note",$u="HTTP route",wu="Method",Cu="Keep Percentage",xu="Keep traces with duration larger than",Su="Keep traces with errors",Eu="Keep at least this percentage of matching traces. A higher rate from another matching rule may apply instead.",Tu="Keep at most this percentage of matching traces. A lower rate from another matching rule may apply instead.",Ou="Custom percentage",Nu="Disabled rule",ku="Sample",Au="Keep all",Iu="Drop all",_u="Operation type",Du="HTTP route prefix",Ru="Templated path",Lu="Templated path prefix",Pu="Kafka topic",Fu="Custom duration (ms)",Mu="No preview available",Uu="Server address",zu="Drop at most this percentage of matching traces",Bu="Unnamed rule",ju="Sampling Preview",Hu="Source Scope",Wu="Unknown source",Xu="Operation",Gu="Duration",Vu="Errors",Ku="Keep Percentage",Yu="Define which sources this rule applies to. You can target specific services, namespaces, or apply the rule to the entire cluster.",qu="Define which operations this rule applies to. You can target specific endpoints or requests, or apply the rule to all operations in the selected services.",Ju="Define a duration threshold for this rule. Traces with a duration longer than the specified value will be considered important and retained.",Qu="Retain traces with errors from the selected services and operations.",Zu="Use Keep All to retain every matching trace, or Sample when keeping everything is too expensive. 100% means keep all",eh="Use Drop All to discard every matching trace, or Sample to keep some examples. 0% means drop all.",th={highlyRelevant:Zu,noisy:eh,costReduction:void 0},oh="Type rule name",ih="Add note here...",nh="Type here",rh="Search source name",ah="e.g. collector.my.vendor.com",sh="Optional notes (not used by the system). Add any context or details for this sampling rule.",lh="Rule will apply to all sources in the cluster",dh="If multiple source scopes are set, they must all match simultaneously.",ch="All sources",ph="-",uh="All",hh="Sources",mh="Namespaces",gh="Languages",fh="any of",yh="AND",bh="All operations",vh="HTTP server endpoint",$h="HTTP client endpoint",wh="Kafka consumer",Ch="Kafka producer",xh="Sampling Rules",Sh='Control how traces are categorized based on "Importance" and potential value, for fine grain control of what is kept and what is dropped.',Eh="Refresh",Th="Create rule",Oh="Sampling docs",Nh="75vw",kh="Delete rule?",Ah="Are you sure you want to delete this sampling rule?",Ih="Delete",_h="Cancel",Dh="Kubernetes Health Probes",Rh="Keep All Error Traces",Lh="Drop Traces Cluster-Wide",Ph="A rule with the same matching conditions already exists.",Fh="Create this rule as-is?",Mh="This rule still uses the default configuration.\nDo you want to create it anyway?",Uh="Rule preview",zh="Continue editing",Bh="Create 'Noisy Operation Kubernetes Health Probes' rule",jh="Edit 'Noisy Operation Kubernetes Health Probes' rule",Hh="Automatically detect and sample health probe traces across the cluster.",Wh="Create 'Highly Relevant Operations' rule",Xh="Edit 'Highly Relevant Operations' rule",Gh="Automatically keep all error traces across the entire cluster.",Vh="Create 'Cost Reduction' rule",Kh="Edit 'Cost Reduction' rule",Yh="Automatically drop a percentage of traces across the entire cluster.",qh="Skip setup",Jh="Start setup",Qh="Next",Zh="Go to Sampling",em="Read more",tm="Welcome to Sampling",om="Cut costs without losing what matters",im="Odigos sampling works in three stages:",nm="Filter noisy traffic",rm="Remove non-actionable traces like health checks.",am="Guarantee highly relevance operations",sm="Keep traces with errors, high latency, or mission-critical endpoints/services.",lm="Reduce cost",dm="Sample routine traffic using percentages.",cm="Sampling does not drop individual spans - it keeps or drops the entire trace.",pm="Filter noisy operations",um="Cut traces with little or no observability value (health-checks, metric scarping, etc)",hm="Odigos filters these efficiently, dropping them early with almost no resource cost.\n\nSampling happens at request start, so only root span attributes available at that moment can be used. Later insights about the trace (errors, latency) - aren’t available.",mm="Preset Rules",gm="Kubernetes Health Probes",fm="Automatically ignore health checks",ym="You can review, adjust, and add additional custom rules later.",bm="Choose your sampling strategy",vm="Pick the approach that best fits your balance of cost vs data-completeness",$m="Keep List",wm="Budget Friendly",Cm="Define which traces must be kept, while all others are sampled by default to minimize cost.",xm="Cost-oriented - keeps only what you explicitly select.",Sm="Best for very large clusters with high volumes of traces and high costs.",Em="Higher risk of missing important traces without ongoing review.",Tm="Drop List",Om="Safe Choice",Nm="Define which traces must be aggressively dropped, while all others are kept by default.",km="Preserves most data unless explicitly filtered.",Am="Safer by default - gaps in rules or system changes increase cost rather than risk losing important traces.",Im="Advanced",_m="Maximum Flexibility",Dm="Full control over all sampling rules and categories.\n\nBest for advanced users who want complete flexibility.",Rm="'Keep List' profile",Lm="Protect important traces",Pm="Start by setting the default sampling rate for all traces.\nThen define rules to exclude highly relevant traces so they are guaranteed to be kept\n\nCommon use-cases include:",Fm="Traces with errors",Mm="Slow requests (duration above threshold)",Um="Mission-Critical endpoints or services",zm="Services under test or evaluation",Bm="New deployments",jm="You can review, adjust, and add rules once onboarding is complete.",Hm="Common Rules",Wm="Preset Rules",Xm="Error collection - entire cluster",Gm="Keep all traces with errors",Vm="Ambient sampling percentage",Km="'Drop List' profile",Ym="Reduce high-volume traffic",qm="Start by keeping all traces by default. Then define rules to drop high-volume or low-value traces to reduce overall volume and cost.\n\nIn many systems, a small number of endpoints generate most of the trace volume.\nTargeting these high-volume sources can significantly reduce overall data.",Jm="Advanced Configuration",Qm="Configure sampling rules",Zm="Advanced mode allows you to configure all sampling categories:",eg="Noise Filtering - remove non-actionable traces",tg="Highly Relevance - guarantee important traces are kept",og='Cost Control - drop traces for "Normal" operations',ig="Rules can target:",ng="Services",rg="HTTP Endpoints",ag="DB Operations",sg="Errors",lg="Latency and more...",dg="Sampling configured successfully!",cg="Your sampling configuration is ready.\nYou can add and adjust rules anytime in Sampling Rules space.",pg="Odigos will now:",ug="Filter noisy operations",hg="Guarantee important traces",mg="Reduce cost using controlled sampling",gg="Recommended",fg={noisy:"Rules that reduce noise from high-volume, low-value operations using Head Sampling.",highlyRelevant:"Add a rule to identify highly relevant operations. Traces with errors, long duration, or from critical endpoints and key workflows will be retained so important transactions are always available for analysis.",costReduction:"Rules that optimize costs by sampling less critical data using Tail Sampling."},yg={noisy:Bh,highlyRelevant:Wh,costReduction:Vh},bg={noisy:jh,highlyRelevant:Xh,costReduction:Kh},vg={noisy:"Noisy Operation",highlyRelevant:"Highly Relevant",costReduction:"Cost Reduction"},$g=[{id:ei.Logs,value:"Logs"},{id:ei.Metrics,value:"Metrics"},{id:ei.Traces,value:"Traces"},{id:ei.Profiles,value:"Profiles"}],wg=6048e5,Cg="URL templatization",xg="Replace dynamic URL path segments with named placeholders to reduce cardinality in span names and http.route.",Sg="Default templatization",Eg="Heuristic detection that catches many dynamic segments — numbers, UUIDs, and similar patterns — when no custom rule matches.",Tg="Default templatization is not enabled",Og="Automatically detect and templatize dynamic URL segments when no custom template matches.",Ng="Enable for entire cluster",kg="Custom URL templates",Ag="Exact overrides when default templatization misses a route. Use when low cardinality matters — define patterns per templating scope.",Ig="View by:",_g="Groups",Dg="Tree",Rg="List",Lg="Create templating scope",Pg="Edit scoped templates",Fg="Edit",Mg="Add template",Ug="Add templatization rules",zg="Define exact path patterns for routes default templatization misses — replace dynamic segments with placeholders like {id} or {orderId} (e.g. /users/{id}/orders/{orderId}).",Bg="Add templatization rule",jg="Choose how to templatize dynamic URLs",Hg="Reduce route cardinality by replacing changing path segments with reusable placeholders.",Wg="Before",Xg="After",Gg="/users/123/orders/456",Vg="/users/{id}/orders/{orderId}",Kg="Automatic templatization",Yg="Recommended",qg="Detect and templatize dynamic URL segments when no custom rule matches.",Jg="Applies to: Entire cluster",Qg="Reversible at any time",Zg="Enabled",ef="Need more control?",tf="Create a custom rule for specific URL patterns.",of="Create custom rule",nf="Learn how it works",rf="Docs",af="https://docs.odigos.io/pipeline/actions/attributes/urltemplatization",sf="Default templatization is enabled — editor coming next.",lf="746px",df="Add default templatization rule",cf="Edit default templatization rule",pf="Disable for a scope",uf="UI template rules",hf="Source Scope",mf="Scope",gf="Choose which sources this template rule applies to.",ff="Sources where this template is tested and applied.",yf="This rule will apply to all sources in the cluster.",bf="Default templatization",vf="Automatically templatize dynamic URL segments when no custom template matches.",$f="Enable automatic URL templatization for this scope",wf=["This disables only the default (heuristic) templatization for the selected scope. Custom templates are still checked and applied when they match.","Sources that are not disabled by any rule continue to use all default heuristic templatization rules."],Cf="default templatization for this scope",xf="Are you sure you want to disable default templatization for the selected scope? This takes effect in the cluster immediately.",Sf="Disable",Ef="Skip policy",Tf="Advanced",Of=["On public-facing services, bots and scanners often probe random paths that return errors such as 404. Applying default templatization to those paths can create high-cardinality routes.","Custom templates still match first. Skip policy only affects the default heuristic when no custom rule matched.","Choose either all non-2xx responses or specific status codes — not both."],Nf=Of.join(" "),kf="Skip default templatization for all non-2xx responses",Af="Skip default templatization for specific HTTP status codes",If="Example: 404, 401",_f="Comma-separated HTTP status codes between 100 and 599. Mutually exclusive with skipping all non-2xx responses.",Df="This rule will take effect in the cluster immediately after it is added.",Rf="This rule will take effect in the cluster immediately after it is saved.",Lf="No template changes. Save will keep the current templates.";function Pf(e,t){const o=[];return e>0&&o.push(1===e?"1 template will be added":`${e} templates will be added`),t>0&&o.push(1===t?"1 template will be removed":`${t} templates will be removed`),o.length?`On Save, ${o.join(" and ")}. Changes take effect immediately.`:Lf}const Ff="Add rule",Mf="Save",Uf="Cancel",zf="Cancel without saving",Bf="Delete",jf="templating scope";function Hf(e){return e<=0?"Are you sure you want to delete this templating scope? This cannot be undone.":`Are you sure? This templating scope has ${1===e?"1 template":`${e} templates`}. They will be deleted permanently.`}const Wf="Enter valid HTTP status codes between 100 and 599, separated by commas.",Xf="Create custom template",Gf="Create new scoped template",Vf="Add URL templates",Kf="UI template rules",Yf=e=>`To ${e}`,qf=e=>`Applies to ${e} source${1===e?"":"s"}`,Jf=e=>`Applies to ${e} namespace${1===e?"":"s"}`,Qf=e=>`Applies to ${e} language${1===e?"":"s"}`,Zf="Applies to entire cluster",ey=e=>`Applies to ${e} scope${1===e?"":"s"}`,ty="Where should this rule apply?",oy=ty,iy="Scope controls how often this template is evaluated. Prefer a specific scope when you can.",ny="Specific scope",ry="Entire cluster",ay="Apply the rule only where it is needed.",sy="Apply to every source in this cluster.",ly="Quick start",dy="Best performance",cy="Apply the template only to relevant sources so it is not computed for the rest of the cluster.",py="Applies everywhere — simplest to add, but the template is computed for all sources, including irrelevant ones.",uy="Recommended. Add to an existing group or create a new one with its own scope. The template runs only for matching traffic — more efficient.",hy="Simplest setup, but less efficient. This template is evaluated against every request in the cluster. Prefer a specific scope when you know where it should apply.",my="Simplest setup, but less efficient. These templates are evaluated against every request in the cluster. Prefer a specific scope when you know where they should apply.",gy="Add to existing template group",fy="Create new template group",yy="Add here",by="Create New",vy="Existing templating scope",$y="Templating scopes",wy="Select where to add the new template",Cy="A template group already uses this scope",xy="Choose where to add the new templates.",Sy="Add to existing template group",Ey="Create a separate template group",Ty="Use different settings or behavior for the same scope.",Oy="View action settings",Ny="Default settings",ky=e=>vy,Ay=e=>1===e?"1 template":`${e} templates`,Iy="Templating scope",_y=(e,t)=>`${1===e?"1 scope":`${e} scopes`} · ${1===t?"1 template":`${t} templates`}`,Dy="Template group will be added to the default action. Expand Select action to choose a different one.",Ry="Select action",Ly="Rules live on an Odigos action. Use one per team, namespace, or pipeline, or create a new action.",Py="Advanced settings",Fy="Choose which Odigos action the new custom template will be added to.",My="Default UI-managed action · Recommended",Uy="Create a new action",zy="Select action",By="Default UI-managed action",jy="Add this template group to the default UI-managed action.",Hy="Select action",Wy="Choose an existing action or create a new one for this template group.",Xy="Search template group by type action name or scope (languages, namespaces, sources)",Gy="Selected Template group:",Vy="URL templatization action",Ky="Create new action",Yy="__odigos_create_new_url_templatization_action__",qy=Wy,Jy="New action name",Qy="New action group",Zy="Defaults to 'UI template rules'. Actions can help keep templating rules organized, but they are optional - advanced users can create a separate action when useful.",eb="Create new template group",tb="Next",ob="Back",ib="Action name",nb="Action",rb="UI template rules",ab="__odigos_default_url_templatization_action__",sb="UI-owned",lb="Externally synced",db=["Safe to edit in Odigos UI.","This action is created and owned here. Fresh installs do not include it until you add templates."],cb=["Edits in Odigos UI may be overwritten.","This action is synced from outside the UI via the Kubernetes Action resource (e.g. GitOps, kubectl)."],pb=sb,ub="Templates",hb="Other templates in this group",mb="Additional templates that share the same source scope and Action as this rule.",gb="e.g. /api/users/{id}",fb="Language",yb="Namespace",bb="Source",vb="AND",$b="Entire cluster",wb="Unset",Cb="Enabled globally",xb="Default templating disabled",Sb="Enabled",Eb="Default templatization is unset. No default rules are configured on an enabled action.",Tb="Default templatization is enabled globally.",Ob="Default templatization is disabled for the entire cluster.";function Nb(e){return e<=0?Tb:`Default templatization is enabled globally and disabled in ${1===e?"1 scope":`${e} scopes`}.`}const kb="Disabled for these scopes",Ab="Disable for a scope",Ib="Delete",_b="disabled scope",Db="Are you sure you want to remove this scope from the disabled list? Default templatization will apply again for this scope.",Rb="Automatic templatization",Lb="Active",Pb="Heuristic detection that catches many dynamic segments — numbers, UUIDs, and similar patterns — when no custom rule matches.",Fb="Examples",Mb="Templatized",Ub="Not templatized",zb="Use a custom template when paths like these need placeholders.",Bb=[{before:"/users/1234",after:"/users/{id}",label:"Numbers"},{before:"/orders/123e4567-e89b-12d3-a456-426614174000",after:"/orders/{id}",label:"UUIDs"},{before:"/assets/6f2a9cdeab34f01e",after:"/assets/{id}",label:"Hex IDs"},{before:"/events/2023-10-01T12:00:00+0000",after:"/events/{date}",label:"Dates"},{before:"/users/foo@bar.io",after:"/users/{email}",label:"Emails"}],jb=[{path:"/user/john",reason:"Static names"},{path:"/user/s111222",reason:"Short alphanumeric IDs"},{path:"/users/123456_789",reason:"Mixed digit patterns"}],Hb="Custom templates take precedence over automatic templatization.",Wb="Scope",Xb="Status codes",Gb="Disabled",Vb="Entire cluster",Kb="All",Yb="None",qb="Disabled",Jb="No disabled scope configured",Qb="Add disabled",Zb="Disabled scopes",ev="Advanced",tv=(e,t)=>`${1===e?"1 disabled scope":`${e} disabled scopes`} · ${1===t?"1 skip policy":`${t} skip policies`}`,ov="Automatic templatization off for matching traffic.",iv="Disable for a scope",nv="Scope",rv="Effective behavior",av="Status",sv="Automatic templatization off",lv="Covered by broader exception",dv="Disabled",cv="Redundant",pv="No disabled scope configured",uv="Disable automatic templatization for specific scopes when needed.",hv=(e,t)=>`${e} configured • ${t} effective`,mv=e=>1===e?"1 scope":`${e} scopes`,gv="Default templatization is enabled for all HTTP status codes.";function fv(e){return e<=0?gv:`Default templatization skips selected HTTP status codes in ${1===e?"1 scope":`${e} scopes`}.`}const yv="HTTP status code policies",bv="No skip policy configured",vv="Skip automatic templatization for selected HTTP status codes in specific scopes when needed.",$v="Add skip policy for a scope",wv="Add skip policy for a scope",Cv="Skip default templatization on HTTP errors",xv="Delete",Sv="skip policy",Ev="Are you sure you want to remove this skip policy? Default templatization will again apply for matching error responses in this scope.",Tv="Template details",Ov="Template",Nv="Turn a concrete URL path into a pattern by replacing high-cardinality segments with placeholders like {id}.",kv="Created via",Av="Action name",Iv="Kubernetes name",_v="Odigos Action (Kubernetes resource) where this template is managed.",Dv="Try a URL",Rv="/users/12/orders/345685335358",Lv="Test URL",Pv="Close",Fv="Result",Mv="Templated URL path",Uv="Match found",zv="This URL matches the template.",Bv="No match",jv="This URL doesn't match the template.",Hv="Check the URL structure and parameter positions, then try again.",Wv={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:js},Xv=eo(e=>({...Wv,setDataStreamsLoading:t=>e({dataStreamsLoading:t}),setDataStreams:t=>e({dataStreams:t}),addDataStreams:t=>e(e=>{const o=[...e.dataStreams,...t].map(e=>[e.name,e]);return{dataStreams:Array.from(new Map(o).values())}}),removeDataStreams:t=>e(e=>({dataStreams:e.dataStreams.filter(e=>!t.find(t=>t.name===e.name))})),setSelectedStreamName:t=>e({selectedStreamName:t}),resetDataStreamStore:()=>e(Wv)}));var Gv;(e=>{e.AddSource="add-source",e.EditSource="edit-source",e.AddDestination="add-destination",e.EditDestination="edit-destination",e.AddAction="add-action",e.EditAction="edit-action",e.AddInstrumentationRule="add-instrumentation-rule",e.EditInstrumentationRule="edit-instrumentation-rule",e.OnboardingDone="onboarding-done"})(Gv||(Gv={}));const Vv=e=>`add-${Ds(e).replaceAll(" ","-").toLowerCase()}`,Kv=e=>`edit-${Ds(e).replaceAll(" ","-").toLowerCase()}`,Yv=eo(e=>({drawerType:null,drawerEntityId:null,pendingViewSamplingRule:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t}),setPendingViewSamplingRule:t=>e({pendingViewSamplingRule:t})})),qv=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],regions:[],kinds:[],monitors:[],languages:[],podsAgentInjectionStatus:[],enabledStatuses:[],onlyErrors:!1}),Jv=eo(e=>({searchText:"",setSearchText:t=>e({searchText:t}),statuses:[],setStatuses:t=>e({statuses:t}),platformTypes:[],setPlatformTypes:t=>e({platformTypes:t}),namespaces:[],setNamespaces:t=>e({namespaces:t}),regions:[],setRegions:t=>e({regions:t}),kinds:[],setKinds:t=>e({kinds:t}),monitors:[],setMonitors:t=>e({monitors:t}),languages:[],setLanguages:t=>e({languages:t}),podsAgentInjectionStatus:[],setPodsAgentInjectionStatus:t=>e({podsAgentInjectionStatus:t}),enabledStatuses:[],setEnabledStatuses:t=>e({enabledStatuses:t}),onlyErrors:!1,setOnlyErrors:t=>e({onlyErrors:t}),setAll:t=>e(t),clearAll:()=>e({searchText:"",statuses:[],platformTypes:[],namespaces:[],regions:[],kinds:[],monitors:[],languages:[],podsAgentInjectionStatus:[],enabledStatuses:[],onlyErrors:!1}),clearFilters:()=>e({statuses:[],platformTypes:[],namespaces:[],regions:[],kinds:[],monitors:[],languages:[],podsAgentInjectionStatus:[],enabledStatuses:[],onlyErrors:!1}),getEmptyState:qv})),Qv=eo((e,t)=>({notifications:[],addNotification:o=>{const i=new Date,n=`${i.getTime().toString()}${o.target?`#${o.target}`:""}`,{notifications:r}=t();r.some(e=>e.type===o.type&&e.title===o.title&&e.message===o.message&&!e.dismissed)||e(e=>({notifications:[{...o,id:n,time:i.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&e.notifications.splice(o,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}}));var Zv;(e=>{e.Instrumenting="instrumenting",e.Uninstrumenting="uninstrumenting",e.BulkInstrumenting="bulk-instrumenting",e.BulkUninstrumenting="bulk-uninstrumenting",e.DownloadingDiagnose="downloading-diagnose"})(Zv||(Zv={}));const e$=(e,t)=>({...t?.[e]||{total:0,current:0,percentage:0}}),t$=e=>(e.total<e.current&&(e.total=e.current+1),e.percentage=Math.round(e.current/e.total*100),e),o$=eo((e,t)=>({progress:{},setProgress:(o,i)=>{const n=t(),r=e$();return"number"==typeof i.total&&(r.total=i.total),"number"==typeof i.current&&(r.current=i.current),Array.isArray(i.list)&&(r.list=i.list),e({progress:{...n.progress,[o]:t$(r)}})},addProgress:(o,i,n)=>{const r=t(),a=e$(o,r.progress);return a.current+=i,n&&(a.list=a.list?.map(e=>e.label===n.label?{...e,status:n.status}:e)),e({progress:{...r.progress,[o]:t$(a)}})},resetProgress:t=>e({progress:{[t]:void 0}})})),i$=eo(e=>({selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),n$={configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},r$=(e,t)=>e.destinationType.type!==t.destinationType.type,a$=eo(e=>({...n$,setConfiguredSources:t=>e({configuredSources:t}),setConfiguredFutureApps:t=>e({configuredFutureApps:t}),setConfiguredDestinations:t=>e({configuredDestinations:t}),addConfiguredDestination:t=>e(e=>({configuredDestinations:[...e.configuredDestinations,t]})),removeConfiguredDestination:t=>e(e=>({configuredDestinations:e.configuredDestinations.filter(e=>r$(e,t))})),setConfiguredDestinationsUpdateOnly:t=>e({configuredDestinationsUpdateOnly:t}),addConfiguredDestinationUpdateOnly:t=>e(e=>{const o=[...e.configuredDestinationsUpdateOnly,t].map(e=>[e.id,e]);return{configuredDestinationsUpdateOnly:Array.from(new Map(o).values())}}),removeConfiguredDestinationUpdateOnly:t=>e(e=>({configuredDestinationsUpdateOnly:e.configuredDestinationsUpdateOnly.filter(e=>r$(e,t))})),clearStore:()=>e(()=>({...n$}))})),s$=e=>{function t(){return void 0===e?{}:hl(e)}const[o,i]=s(t()),[n,r]=s({}),[a,p]=s(t()),u=d((e,t)=>{const o={};if(!t||"object"!=typeof t)return e?{...e}:o;for(const[i,n]of Object.entries(e)){const e=i;if(Array.isArray(n)){const i=t[e];Array.isArray(i)&&n.length===i.length&&n.every((e,t)=>"object"==typeof e&&null!==e?0===Object.keys(u(e,i[t])).length:e===i[t])||(o[e]=t[e])}else if("object"==typeof n&&null!==n)if(null==t[e]||"object"!=typeof t[e])o[e]=t[e];else{const i=u(n,t[e]);Object.keys(i).length>0&&(o[e]=i)}else n!==t[e]&&(o[e]=t[e])}for(const i of Object.keys(t))i in e||(o[i]=t[i]);return o},[]),h=(e,t)=>0===Object.keys(u(e,t)).length,m=c(()=>!h(a,o),[a,o]);l(()=>{const n=t();void 0!==e&&"{}"===JSON.stringify(o)&&"{}"!==JSON.stringify(n)&&(i(n),p(n))},[e,o]);const g=d((e,t)=>ml("formData"===e?o:n,t.toString()),[o,n]);return{formData:o,formErrors:n,getFormDiff:u,areFormValuesEqual:h,isFormDirty:m,handleFormChange:(e,t,o)=>{if(e){const o=e.toString(),n=o.split(".");1===n.length?i(o=>({...o,[e]:t})):i(e=>{const o=hl(e);let i=o;for(let e=0;e<n.length-1;e++){const t=n[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[n[n.length-1]]=t,o}),r(e=>{const t=o,i=n[n.length-1],r=void 0!==e[t],a=i!==t&&void 0!==e[i];if(!r&&!a)return e;const s={...e};return r&&delete s[t],a&&delete s[i],s})}else o&&i({...o})},handleErrorChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?r(o=>({...o,[e]:t})):r(e=>{const i=hl(e);let n=i;for(let e=0;e<o.length-1;e++){const t=o[e];n[t]&&"object"==typeof n[t]||(n[t]={}),n=n[t]}return n[o[o.length-1]]=t,i})}else o&&r({...o})},resetFormData:e=>{const o=e||t();i(o),p(o),r({})},getNestedValue:g}},l$={type:"",name:"",notes:"",signals:[],disabled:!1,fields:{clusterAttributes:null,overwriteExistingValues:null,renames:null,attributeNamesToDelete:null,piiCategories:null,urlTemplatizationRulesGroups:null,extractAttribute:null}},d$=()=>{const{addNotification:e}=Qv(),{formData:t,formErrors:o,handleFormChange:i,handleErrorChange:n,resetFormData:r}=s$(l$);return{formData:t,formErrors:o,handleFormChange:i,resetFormData:r,validateForm:o=>{const i={};let r=!0;if(Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":gc(t)&&(i[e]=Gs.FIELD_IS_REQUIRED)}}),t.type===uo.URLTemplatization){const e=t.fields?.urlTemplatizationRulesGroups;if(e)for(const t of e)if(t.templatizationRules?.some(e=>!e.template?.trim())){i.fields=Gs.FIELD_IS_REQUIRED;break}}return r=!Object.values(i).length,!r&&o?.withAlert&&e({type:Ro.Warning,title:o.alertTitle,message:Gs.REQUIRED_FIELDS,hideFromHistory:!0}),n(void 0,void 0,i),r},loadFormWithDrawerItem:({type:e,signals:t,name:o,notes:n,disabled:r,fields:a})=>{const s={...hl(l$),type:e,signals:t,name:o,notes:n,disabled:r};Object.entries(a).forEach(([e,t])=>{if(t)switch(e){case mo.LabelsAttributes:case mo.AnnotationsAttributes:s.fields||(s.fields={}),s.fields[e]=(o=t)&&Array.isArray(o)?o.map(e=>!e.fromSources?.length&&e.from?{...e,fromSources:[e.from]}:e):o;break;case mo.UrlTemplatizationRulesGroups:s.fields||(s.fields={}),s.fields[e]=(i=t,i?.length?i.map(e=>e.workloadFilters?.length||!e.filterK8sWorkloadKind&&!e.filterK8sWorkloadName?e:{...e,workloadFilters:[{kind:e.filterK8sWorkloadKind,name:e.filterK8sWorkloadName||void 0}]}):i);break;case mo.CollectContainerAttributes:case mo.CollectReplicaSetAttributes:case mo.CollectWorkloadId:case mo.CollectClusterId:case mo.ClusterAttributes:case mo.OverwriteExistingValues:case mo.AttributeNamesToDelete:case mo.Renames:case mo.PiiCategories:case mo.ExtractAttribute:s.fields||(s.fields={}),s.fields[e]=t}var o,i}),i(void 0,void 0,s)}}},c$=e=>{l(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},p$=()=>{const e=p(null),[t,o]=s(0),[i,n]=s(0);return l(()=>{const t=()=>{if(e.current){const{width:t,height:i}=e.current.getBoundingClientRect();o(t),n(i)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{containerRef:e,containerWidth:t,containerHeight:i}},u$="data-ignore-outside-click",h$=e=>{let t=e;for(;t;){if(t instanceof Element&&t.hasAttribute(u$))return!0;t=t.parentNode}return!1},m$=(e,t)=>{const o=p(t);o.current=t,l(()=>{const t=t=>{const i=t.target;e.current&&!e.current.contains(i)&&(h$(i)||o.current())};return document.addEventListener("mousedown",t),document.addEventListener("touchstart",t),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",t)}},[e])},g$=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o,positionMode:i="local"}={})=>{const n=p(null),[r,a]=s(!1),[l,d]=s({top:0,left:0}),[c,u]=s({edge:"top",align:"left"});return m$(n,()=>{r&&(a(!1),o?.())}),{popupRef:n,popupOpen:r,setPopupOpen:a,popupPosition:l,arrowPlacement:c,handlePosition:(o,r)=>{if("local"===i)return void d({top:r,left:o});const{innerWidth:a,innerHeight:s}=window,l=n.current?.clientWidth||t,c=n.current?.clientHeight||e,p=o/a,h=p<1/3?"left":p>2/3?"right":"center";u({edge:r<s/2?"top":"bottom",align:h});let m=r,g=o;if(m>=s/2&&(m+=-c),"center"===h){g=o-l/2;const e=8;g=Math.max(e,Math.min(g,a-l-e))}else g>=a/2&&(g=o-l);d({top:m,left:g})}}},f$=f.div`
|
|
255
|
+
width: ${({$fullWidth:e,$inline:t})=>e?"100%":t?void 0:"fit-content"};
|
|
256
|
+
position: relative;
|
|
257
|
+
display: ${({$inline:e})=>e?"inline":"flex"};
|
|
258
|
+
align-items: center;
|
|
259
|
+
gap: 4px;
|
|
260
|
+
|
|
261
|
+
${({$ellipsis:e})=>e&&y`
|
|
262
|
+
overflow: hidden;
|
|
263
|
+
text-overflow: ellipsis;
|
|
264
|
+
white-space: nowrap;
|
|
265
|
+
`}
|
|
266
|
+
`,y$=f.div`
|
|
267
|
+
position: fixed;
|
|
268
|
+
top: ${({$top:e})=>e}px;
|
|
269
|
+
left: ${({$left:e})=>e}px;
|
|
270
|
+
z-index: ${({theme:e})=>e.v2.zIndex.tooltip};
|
|
271
|
+
|
|
272
|
+
display: flex;
|
|
273
|
+
flex-direction: column;
|
|
274
|
+
align-items: stretch;
|
|
275
|
+
min-width: 0;
|
|
276
|
+
|
|
277
|
+
${({$withPointerEvents:e})=>!e&&"pointer-events: none;"}
|
|
278
|
+
`,b$=f.div`
|
|
279
|
+
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
280
|
+
border-radius: 4px;
|
|
281
|
+
padding: 8px;
|
|
282
|
+
max-width: ${({$maxWidth:e})=>void 0!==e?e:"270px"};
|
|
283
|
+
box-sizing: border-box;
|
|
284
|
+
min-width: 0;
|
|
285
|
+
`,v$=f.div`
|
|
286
|
+
display: flex;
|
|
287
|
+
flex-direction: column;
|
|
288
|
+
align-items: flex-start;
|
|
289
|
+
gap: 8px;
|
|
290
|
+
width: 100%;
|
|
291
|
+
min-width: 0;
|
|
292
|
+
`,$$=f.div`
|
|
293
|
+
display: flex;
|
|
294
|
+
width: 100%;
|
|
295
|
+
flex-shrink: 0;
|
|
296
|
+
box-sizing: border-box;
|
|
297
|
+
line-height: 0;
|
|
298
|
+
|
|
299
|
+
${({$align:e})=>"left"===e&&"\n justify-content: flex-start;\n padding-left: 20px;\n padding-right: 10px;\n "}
|
|
300
|
+
${({$align:e})=>"right"===e&&"\n justify-content: flex-end;\n padding-left: 10px;\n padding-right: 20px;\n "}
|
|
301
|
+
${({$align:e})=>"center"===e&&"\n justify-content: center;\n align-items: center;\n min-height: 8px;\n "}
|
|
302
|
+
`,w$=f.div`
|
|
303
|
+
width: 0;
|
|
304
|
+
height: 0;
|
|
305
|
+
border-style: solid;
|
|
306
|
+
border-left: 6.5px solid transparent;
|
|
307
|
+
border-right: 6.5px solid transparent;
|
|
308
|
+
flex-shrink: 0;
|
|
309
|
+
|
|
310
|
+
${({$pointsUp:e,theme:t})=>e?`\n border-bottom: 8px solid ${t.v2.colors.black[500]};\n border-top-width: 0;\n `:`\n border-top: 8px solid ${t.v2.colors.black[500]};\n border-bottom-width: 0;\n `}
|
|
311
|
+
`,C$=({withIcon:i,titleIcon:n,title:r,text:a,timestamp:s,children:l,fullWidth:d=!1,inline:p=!1,maxWidth:u="270px",keepAlive:h=!1,ellipsis:m=!1})=>{const g=b(),f=c(()=>(e=>void 0===e?[]:Array.isArray(e)?e.filter(Boolean):e?[e]:[])(a),[a]),y=f.join(" "),{popupRef:v,popupOpen:$,setPopupOpen:w,popupPosition:C,arrowPlacement:x,handlePosition:S}=g$({positionMode:"viewport",defaultClientHeight:48,defaultClientwidth:Math.min(7.5*y.length,300)}),E=c(()=>f.some(e=>!!(e=>{const t=e.match(/<a[^>]*href="([^"]*)"[^>]*>(.*?)<\/a>/g);return t?.map(e=>{const[t,o,i]=e.split('"');return{original:e,href:o,label:i.replace("</a>","").replace(">","")}})})(e)?.length),[f]),T=e=>{const{type:t,clientX:o,clientY:i}=e;E?S(C.left||o,C.top||i):S(o,i),w("mouseleave"!==t)};if(!f.length&&!h)return t(o,{children:l});const O=$&&f.length>0;return e(f$,{$fullWidth:d,$ellipsis:m,$inline:p,onMouseEnter:T,onMouseMove:T,onMouseLeave:T,children:[l,i&&t(gt,{fill:g.v2.colors.white[500]}),O&&io.createPortal(e(y$,{ref:v,$top:C.top,$left:C.left,$withPointerEvents:E,onMouseEnter:E?T:void 0,children:["top"===x.edge&&t($$,{$align:x.align,children:t(w$,{$pointsUp:!0})}),t(b$,{$maxWidth:u,children:e(v$,{children:[(!!n||!!r)&&e(Hd,{$gap:4,style:{alignItems:"center"},children:[n&&t(n,{size:16},"icon"),r&&t(zs,{size:Ls.XS,children:r},"title")]}),f.map((e,o)=>t(zs,{size:Ls.XXXS,children:e},o)),!!s&&t(zs,{size:Ls.XXXS,color:Ps.Secondary,children:new Date(s).toLocaleString()})]})}),"bottom"===x.edge&&t($$,{$align:x.align,children:t(w$,{$pointsUp:!1})})]}),document.body)]})};var x$,S$;(e=>{e.Primary="primary",e.Secondary="secondary",e.Text="text"})(x$||(x$={})),(e=>{e.S="small",e.M="medium",e.L="large"})(S$||(S$={}));const E$=f.button`
|
|
312
|
+
display: flex;
|
|
313
|
+
align-items: center;
|
|
314
|
+
justify-content: ${({$align:e})=>e};
|
|
315
|
+
gap: 8px;
|
|
316
|
+
${({$fullWidth:e})=>e&&y`
|
|
317
|
+
width: 100%;
|
|
318
|
+
`}
|
|
319
|
+
border: none;
|
|
320
|
+
border-radius: 6px;
|
|
321
|
+
${({$size:e,$hasLabel:t})=>e===S$.S?y`
|
|
322
|
+
height: 24px;
|
|
323
|
+
${t?y`
|
|
324
|
+
padding: 8px 12px;
|
|
325
|
+
`:y`
|
|
326
|
+
width: 24px;
|
|
327
|
+
`}
|
|
328
|
+
`:e===S$.M?y`
|
|
329
|
+
height: 32px;
|
|
330
|
+
${t?y`
|
|
331
|
+
padding: 8px 18px;
|
|
332
|
+
`:y`
|
|
333
|
+
width: 32px;
|
|
334
|
+
`}
|
|
335
|
+
`:y`
|
|
336
|
+
height: 42px;
|
|
337
|
+
${t?y`
|
|
338
|
+
padding: 8px 22px;
|
|
339
|
+
`:y`
|
|
340
|
+
width: 42px;
|
|
341
|
+
`}
|
|
342
|
+
`}
|
|
343
|
+
|
|
344
|
+
cursor: pointer;
|
|
345
|
+
&:disabled {
|
|
346
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
347
|
+
cursor: not-allowed;
|
|
348
|
+
}
|
|
349
|
+
&:enabled {
|
|
350
|
+
${({$withShadow:e})=>e?y`
|
|
351
|
+
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
352
|
+
`:""}
|
|
353
|
+
${({$variant:e,$isSelected:t})=>e===x$.Primary?y`
|
|
354
|
+
background-color: ${({theme:e})=>t?e.v2.colors.purple[600]:e.v2.colors.purple[500]};
|
|
355
|
+
&:hover {
|
|
356
|
+
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
357
|
+
}
|
|
358
|
+
&:active {
|
|
359
|
+
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
360
|
+
}
|
|
361
|
+
`:e===x$.Secondary?y`
|
|
362
|
+
background-color: ${({theme:e})=>t?e.v2.colors.silver[600]:e.v2.colors.silver[750]};
|
|
363
|
+
&:hover {
|
|
364
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
365
|
+
}
|
|
366
|
+
&:active {
|
|
367
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
368
|
+
}
|
|
369
|
+
`:e===x$.Text?y`
|
|
370
|
+
background-color: ${({theme:e})=>t?e.v2.colors.grey[700]:"transparent"};
|
|
371
|
+
&:hover {
|
|
372
|
+
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
373
|
+
}
|
|
374
|
+
&:active {
|
|
375
|
+
background-color: ${({theme:e})=>e.v2.colors.grey[800]};
|
|
376
|
+
}
|
|
377
|
+
`:""}
|
|
378
|
+
}
|
|
379
|
+
`,T$=n(({"data-id":i,label:n,tooltip:r,hideTooltipIcon:a,leftIcon:l,rightIcon:c,variant:p=x$.Primary,size:u=S$.M,isSelected:h,iconSize:m,loading:g,fullWidth:f,withShadow:y,textColor:v,textAlign:$="center",disabled:w,onClick:C,...x},S)=>{const E=b(),T=m||(u===S$.L?24:u===S$.M?20:16),O=u===S$.L?Ls.S:Ls.XS,N=v||(w?E.v2.colors.grey[400]:E.v2.colors.white[500]),[k,A]=s(!1),I=!(!g&&!k),_=!(!w&&!I),D=d(async e=>{e.stopPropagation(),A(!0);try{await(C?.(e))}finally{A(!1)}},[C]);return t(E$,{ref:S,"data-id":i,$variant:p,$size:u,$fullWidth:f,$withShadow:y,$hasLabel:!!n,$isSelected:h,$align:$,...x,disabled:_,onClick:_?void 0:D,children:t(C$,{text:r,withIcon:!a,fullWidth:!!n,children:I?t(tc,n?{withGradient:!0,titleColor:N,titleSize:O}:{withSpinnerOld:!0}):e(o,{children:[l&&t(Xd,{$width:"fit-content",children:t(l,{size:T,fill:N})}),n?t(zs,{size:O,weight:500,color:N,nowrap:!0,align:$,children:n}):null,c&&t(Xd,{$width:"fit-content",children:t(c,{size:T,fill:N})})]})})})});T$.displayName=T$.name;const O$=[],N$=e=>{if(e.fromPaths.length!==e.toPaths.length)throw new Error(`MorphableIconPair path counts must match (got ${e.fromPaths.length} vs ${e.toPaths.length})`);if(!e.fromPaths.length)throw new Error("MorphableIconPair requires at least one path");O$.push(e)},k$=(e,t)=>{if(!e||!t)return null;for(const o of O$){if(o.from===e&&o.to===t)return{pair:o,reversed:!1};if(o.from===t&&o.to===e)return{pair:o,reversed:!0}}return null},A$=()=>O$;N$({from:Lt,to:Rt,style:"fill",fromPaths:["M17.4697 8.46973C17.7626 8.17684 18.2374 8.17684 18.5303 8.46973C18.8232 8.76262 18.8232 9.23738 18.5303 9.53028L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46973 9.53028C5.17684 9.23738 5.17684 8.76262 5.46973 8.46973C5.76262 8.17684 6.23738 8.17684 6.53028 8.46973L12 13.9395L17.4697 8.46973Z"],toPaths:["M17.4697 15.5303C17.7626 15.8232 18.2374 15.8232 18.5303 15.5303C18.8232 15.2374 18.8232 14.7626 18.5303 14.4697L12.5303 8.46972C12.2374 8.17683 11.7626 8.17683 11.4697 8.46972L5.46973 14.4697C5.17684 14.7626 5.17684 15.2374 5.46973 15.5303C5.76262 15.8232 6.23738 15.8232 6.53028 15.5303L12 10.0605L17.4697 15.5303Z"]}),N$({from:Pt,to:Lt,style:"fill",fromPaths:["M9.46973 17.4697C9.17684 17.7626 9.17684 18.2374 9.46973 18.5303C9.76262 18.8232 10.2374 18.8232 10.5303 18.5303L13.5303 15.5303L16.5303 12.5303C16.8232 12.2374 16.8232 11.7626 16.5303 11.4697L10.5303 5.46973C10.2374 5.17684 9.76262 5.17684 9.46973 5.46973C9.17684 5.76262 9.17684 6.23738 9.46973 6.53028L14.9395 12L9.46973 17.4697Z"],toPaths:["M17.4697 8.46973C17.7626 8.17684 18.2374 8.17684 18.5303 8.46973C18.8232 8.76262 18.8232 9.23738 18.5303 9.53028L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46973 9.53028C5.17684 9.23738 5.17684 8.76262 5.46973 8.46973C5.76262 8.17684 6.23738 8.17684 6.53028 8.46973L12 13.9395L17.4697 8.46973Z"]}),N$({from:Mt,to:Ft,style:"fill",fromPaths:["M18.2031 11.2264C18.6172 11.2266 18.9531 11.5623 18.9531 11.9764C18.9531 12.3905 18.6172 12.7262 18.2031 12.7264H5.75C5.33579 12.7264 5 12.3906 5 11.9764C5 11.5622 5.33579 11.2264 5.75 11.2264H18.2031Z","M12.7261 18.2031C12.7259 18.6172 12.3902 18.9531 11.9761 18.9531C11.562 18.9531 11.2263 18.6172 11.2261 18.2031L11.2261 5.75C11.2261 5.33579 11.5619 5 11.9761 5C12.3903 5 12.7261 5.33579 12.7261 5.75L12.7261 18.2031Z"],toPaths:["M17 11.25C17.4142 11.25 17.75 11.5858 17.75 12C17.75 12.4142 17.4142 12.75 17 12.75H7C6.58579 12.75 6.25 12.4142 6.25 12C6.25 11.5858 6.58579 11.25 7 11.25H17Z","M11.9761 11.9764L11.9761 11.9764"]});const I$=({pair:e,active:o,reversed:i=!1,size:n=16,fill:r,strokeWidth:a=1,duration:d=200})=>{const u=i?e.toPaths:e.fromPaths,h=i?e.fromPaths:e.toPaths,m=o?1:0,g=c(()=>u.map((e,t)=>ro(e,h[t],{maxSegmentLength:4})),[u,h]),f=p(m),[y,b]=s(m);l(()=>{const e=f.current;if(e===m)return;if("undefined"!=typeof window&&window.matchMedia("(prefers-reduced-motion: reduce)").matches||d<=0)return f.current=m,void b(m);let t=0;const o=performance.now(),i=n=>{const r=Math.min(1,(n-o)/d),a=e+(m-e)*(e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2)(r);f.current=a,b(a),r<1&&(t=requestAnimationFrame(i))};return t=requestAnimationFrame(i),()=>cancelAnimationFrame(t)},[m,d]);const v=g.map(e=>e(y)),$=e.viewBox||"0 0 24 24";return t("svg",{width:n,height:n,viewBox:$,xmlns:"http://www.w3.org/2000/svg",fill:"none","aria-hidden":!0,children:v.map((o,i)=>"stroke"===e.style?t("path",{d:o,stroke:r,strokeWidth:a,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"},i):t("path",{d:o,fill:r},i))})},_$=h(void 0),D$=_$.Provider,R$=f.span`
|
|
380
|
+
position: relative;
|
|
381
|
+
display: inline-flex;
|
|
382
|
+
flex-shrink: 0;
|
|
383
|
+
width: ${({$size:e})=>e}px;
|
|
384
|
+
height: ${({$size:e})=>e}px;
|
|
385
|
+
align-items: center;
|
|
386
|
+
justify-content: center;
|
|
387
|
+
cursor: ${({$clickable:e})=>e?"pointer":"inherit"};
|
|
388
|
+
outline: none;
|
|
389
|
+
`,L$=f.span`
|
|
390
|
+
position: absolute;
|
|
391
|
+
inset: 0;
|
|
392
|
+
display: flex;
|
|
393
|
+
align-items: center;
|
|
394
|
+
justify-content: center;
|
|
395
|
+
opacity: ${({$visible:e})=>e?1:0};
|
|
396
|
+
transform: ${({$visible:e,$withScale:t,$withRotate:o})=>`scale(${t?e?1:.92:1}) rotate(${o?e?0:180:0}deg)`};
|
|
397
|
+
transition: ${({$duration:e})=>`opacity ${e}ms ease, transform ${e}ms ease`};
|
|
398
|
+
pointer-events: none;
|
|
399
|
+
|
|
400
|
+
@media (prefers-reduced-motion: reduce) {
|
|
401
|
+
transition: none;
|
|
402
|
+
}
|
|
403
|
+
`,P$=({from:e,to:o,active:i=!1,icons:n,index:r,duration:a=200,mode:s="auto",withScale:l=!0,withRotate:d=!1,size:c=16,fill:p,strokeWidth:h,rotate:m=0,onClick:g})=>{const f=b(),y=u(_$)??i,v=p||(f.darkMode?f.v2.colors.white[500]:f.v2.colors.black[500]),$=!!n?.length,w=$?null:k$(e,o),C=((e,t,o)=>!o&&"crossfade"!==e&&("morph"===e||"auto"===e)&&t)(s,!!w,$),x=(({from:e,to:t,icons:o})=>o?.length?o:e&&t?[e,t]:e?[e]:t?[t]:[])({from:e,to:o,icons:n}),S=$?r??0:y?1:0,E=Math.max(0,Math.min(S,Math.max(x.length-1,0))),T=!!g,O=g?e=>{g(e)}:void 0;return x.length||C?t(R$,{$size:c,$clickable:T,style:{transform:m?`rotate(${m}deg)`:void 0},"aria-hidden":!T||void 0,role:T?"button":void 0,tabIndex:T?0:void 0,onClick:O,onKeyDown:T?e=>{g&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g(e)))}:void 0,children:C&&w?t(I$,{pair:w.pair,reversed:w.reversed,active:y,size:c,fill:v,strokeWidth:h,duration:a}):x.map((e,o)=>t(L$,{$visible:o===E,$duration:a,$withScale:l,$withRotate:d,children:t(e,{size:c,fill:v,strokeWidth:h})},o))}):null};P$.displayName="MorphIcon";const F$=(e,o,i)=>{const n=n=>t(P$,{from:e,to:o,...i,...n});return n.displayName=`MorphIcon(${e.displayName||e.name||"from"}/${o.displayName||o.name||"to"})`,n},M$=F$(zt,Ut),U$=F$(Lt,Rt),z$=F$(Pt,Lt),B$=F$(jt,Bt),j$=F$(Mt,Ft),H$=({onDone:e}={})=>{const[o,i]=s(!1),[n,r]=s(-1),a=d(async(t,n)=>{if(!o){if(i(!0),void 0!==n&&r(n),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(t)}catch(e){}else{const e=document.createElement("textarea");e.value=t,document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(e)}e?.(),setTimeout(()=>{i(!1),r(-1)},1e3)}},[o,e]);return{CopyButton:d(({value:e,...i})=>t(D$,{value:o,children:t(T$,{leftIcon:M$,onClick:()=>a(e),variant:x$.Secondary,size:S$.S,...i})}),[o,a]),isCopied:o,copiedIndex:n,clickCopy:a}},W$=e=>{const{addNotification:t}=Qv(),{formData:o,handleFormChange:i,formErrors:n,handleErrorChange:r,resetFormData:a}=s$(e);return{formData:o,formErrors:n,handleFormChange:i,resetFormData:a,validateForm:e=>{const i={};let n=!0;return o.name?fc(o.name)?i.name=void 0:(n=!1,i.name=Gs.ILLEGAL_K8S_LABEL):(n=!1,i.name=Gs.FIELD_IS_REQUIRED),!n&&e?.withAlert&&t({type:Ro.Warning,title:e.alertTitle,message:Gs.REQUIRED_FIELDS,hideFromHistory:!0}),r(void 0,void 0,i),n},loadFormWithDrawerItem:({name:t})=>{const o={...hl(e),name:t};i(void 0,void 0,o)}}},X$={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1,profiles:!1},fields:[],disabled:!1},G$=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:i}=Qv(),{formData:n,formErrors:r,handleFormChange:a,handleErrorChange:d,resetFormData:c}=s$(X$),[p,u]=s([]),[h,m]=s([]);return l(()=>{var e;m(p?(e=p,e.filter(e=>!!e).map(e=>{const{name:t,componentType:o,componentProperties:i,displayName:n,initialValue:r,renderCondition:a}=e;if(o===_o.Dropdown){const e=tl(i,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,label:e})):Object.entries(e.values).map(([e,t])=>({id:e,label:t}));return{name:t,componentType:o,title:n,value:r,placeholder:e.placeholder||"Select an option",options:s,renderCondition:a,...e}}return{name:t,componentType:o,title:n,value:r,renderCondition:a,...tl(i,{})}})).map(e=>{if(o){const t="string"==typeof o?tl(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[p,o]),l(()=>{if(h){const e=h.map(e=>({key:e.name,value:e.value}));a("fields",e)}},[h]),l(()=>{if(t&&0===Sc(n.exportedSignals).length){const{logs:e,metrics:o,traces:i}=t;a("exportedSignals",{logs:e.supported,metrics:o.supported,traces:i.supported})}},[t,n.exportedSignals]),{formData:n,formErrors:r,handleFormChange:a,resetFormData:c,validateForm:e=>{const t={};let o=!0;return h.forEach(({name:e,value:i,required:n})=>{n&&!i&&(o=!1,t[e]=Gs.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&i({type:Ro.Warning,title:e.alertTitle,message:Gs.REQUIRED_FIELDS,hideFromHistory:!0}),d(void 0,void 0,t),o},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:o,exportedSignals:i,fields:n})=>{const r={...hl(X$),type:e,name:t,disabled:o,exportedSignals:i,fields:Object.entries(tl(n,{})).map(([e,t])=>({key:e,value:t}))};return a(void 0,void 0,r),r},yamlFields:p,setYamlFields:u,dynamicFields:h,setDynamicFields:m}},V$=({active:e,key:t,withAltKey:o,withCtrlKey:i,withShiftKey:n,withMetaKey:r},a)=>(l(()=>{const s=s=>{e&&t===s.key&&(!o||o&&s.altKey)&&(!i||i&&s.ctrlKey)&&(!n||n&&s.shiftKey)&&(!r||r&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),a(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,o,i,n,r,a]),null),K$=e=>{const{onChange:t}=e??{},[o,i]=s(!1),n=d(()=>i(e=>!e),[]),r=d(()=>i(!1),[]);return c$(o),V$({active:o,key:"Escape"},r),l(()=>(t?.(o),()=>{o&&t?.(!1)}),[o,t]),{isFullscreen:o,toggle:n,exit:r}},Y$={ruleName:"",notes:"",disabled:!1,workloads:null,sourceScopes:null,instrumentationLibraries:null,payloadCollection:{[Yo.HttpRequest]:null,[Yo.HttpResponse]:null,[Yo.DbQuery]:null,[Yo.Messaging]:null},codeAttributes:{[Go.Column]:null,[Go.FilePath]:null,[Go.Function]:null,[Go.LineNumber]:null,[Go.Namespace]:null,[Go.StackTrace]:null},headersCollection:null,customInstrumentations:{[Ko.Java]:null,[Ko.Golang]:null,[Ko.Php]:null},networkMetrics:null},q$=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:i,resetFormData:n}=s$(Y$);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:n,validateForm:()=>(i(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:i,sourceScopes:n,payloadCollection:r,codeAttributes:a,headersCollection:s,customInstrumentations:l,networkMetrics:d})=>{const c={...hl(Y$),ruleName:e,notes:t,disabled:i,sourceScopes:n??null,networkMetrics:d??null};r&&(c.payloadCollection={[Yo.HttpRequest]:r[Yo.HttpRequest]?{}:null,[Yo.HttpResponse]:r[Yo.HttpResponse]?{}:null,[Yo.DbQuery]:r[Yo.DbQuery]?{}:null,[Yo.Messaging]:r[Yo.Messaging]?{}:null}),a&&(c.codeAttributes={[Go.Column]:a[Go.Column]||null,[Go.FilePath]:a[Go.FilePath]||null,[Go.Function]:a[Go.Function]||null,[Go.LineNumber]:a[Go.LineNumber]||null,[Go.Namespace]:a[Go.Namespace]||null,[Go.StackTrace]:a[Go.StackTrace]||null}),s&&(c.headersCollection=s),l&&(c.customInstrumentations={[Ko.Java]:l[Ko.Java]||null,[Ko.Golang]:l[Ko.Golang]||null,[Ko.Php]:l[Ko.Php]||null}),o(void 0,void 0,c)}}},J$=(e,{axis:t="horizontal",deps:o=[]}={})=>{const[i,n]=s(!1),r=e=>{const o="vertical"===t?e.scrollHeight>e.clientHeight+1:e.scrollWidth>e.clientWidth+1;n(o)};return m(()=>{const t=e.current;if(!t)return;r(t);const o=new ResizeObserver(()=>r(t));return o.observe(t),()=>o.disconnect()},[t,...o]),l(()=>{if("undefined"==typeof document||!document.fonts?.ready)return;let t=!1;return document.fonts.ready.then(()=>{const o=e.current;!t&&o&&r(o)}),()=>{t=!0}},[t,...o]),i},Q$=(e,{behavior:t="smooth",block:o="center",inline:i,delayMs:n=50}={})=>{const r=p(null);return l(()=>{if(!e)return;const a=window.setTimeout(()=>{r.current?.scrollIntoView({behavior:t,block:o,inline:i})},n);return()=>window.clearTimeout(a)},[e,t,o,i,n]),r},Z$=({sectionNames:e,threshold:t=.4})=>{const[o,i]=s(e[0]||""),[n,r]=s(null),a=p({}),c=p(!1),u=p(!1),h=d((e,t)=>{a.current[e]=t},[]),m=d(e=>{r(e)},[]),g=d(e=>{u.current=!0,i(e)},[]);return l(()=>{if(!u.current)return;u.current=!1;const e=a.current[o];if(!e)return;c.current=!0,e.scrollIntoView({behavior:"smooth",block:"start"});const t=setTimeout(()=>{c.current=!1},600);return()=>clearTimeout(t)},[o]),l(()=>{const o=a.current,r=e.map(e=>o[e]).filter(Boolean);if(!r.length)return;const s=new IntersectionObserver(e=>{if(!c.current)for(const t of e)if(t.isIntersecting){const e=t.target.getAttribute("data-section-name");e&&i(e);break}},{threshold:t,root:n});return r.forEach(e=>s.observe(e)),()=>s.disconnect()},[e,t,n]),{selectedSection:o,setSelectedSection:g,setSectionRef:h,setScrollContainerRef:m}};var ew,tw;(e=>{e.Left="left",e.Right="right"})(ew||(ew={})),(e=>{e.Top="top",e.Bottom="bottom"})(tw||(tw={}));const ow=({defaultOpen:e=!1,open:t,onOpenChange:o,alignX:i,alignY:n,withOffset:r=!0,fullWidth:a}={})=>{const c=void 0!==t,[u,h]=s(e),g=c?t:u,f=d(e=>{c||h(e),o?.(e)},[c,o]),[y,b]=s({x:i||ew.Left,y:n||tw.Bottom}),v=p(null),$=p(!1);l(()=>{if(!g)return;const e=e=>{if($.current)return void($.current=!1);const t=e.target;v.current?.contains(t)||h$(t)||f(!1)},t=window.setTimeout(()=>{document.addEventListener("mousedown",e),document.addEventListener("touchstart",e)},0);return()=>{window.clearTimeout(t),document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}},[g,f]);const[w,C]=s({}),x=d((e,t)=>{const o=v.current?.getBoundingClientRect();if(!o)return;const i=r?8:0;C({top:t===tw.Bottom?r?o.bottom+i:o.top:void 0,bottom:t===tw.Top?r?window.innerHeight-o.top+i:window.innerHeight-o.bottom:void 0,left:e===ew.Left?o.left:void 0,right:e===ew.Right?window.innerWidth-o.right:void 0,width:a?o.width:void 0})},[r,a]),S=d(e=>{e.preventDefault(),e.stopPropagation();const t=!g;if(t&&($.current=!0),f(t),!t)return;const o={x:i||(e.clientX>window.innerWidth/2?ew.Right:ew.Left),y:n||(e.clientY>window.innerHeight/2?tw.Top:tw.Bottom)};b(o),x(o.x,o.y)},[g,f,i,n,x]),E=d(e=>{e.stopPropagation()},[]);return m(()=>{g&&x(y.x,y.y)},[g,y.x,y.y,x]),{isOpen:g,setIsOpen:f,align:y,coords:w,triggerRef:v,toggleOpen:S,onTriggerWrapperMouseDown:E}},iw=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?tl(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),nw={otelServiceName:"",currentStreamName:""},rw=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:i,resetFormData:n}=s$(nw);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:n,validateForm:()=>(i(void 0,void 0,{}),!0),loadFormWithDrawerItem:({serviceName:e,id:t})=>{const i={...hl(nw),otelServiceName:e||t.name||""};o(void 0,void 0,i)}}};try{to.addDefaultLocale(oo)}catch(e){}const aw=new to(oo.locale),sw=[{ms:31536e6,long:["year","years"],short:"y"},{ms:2592e6,long:["month","months"],short:"mo"},{ms:6048e5,long:["week","weeks"],short:"w"},{ms:864e5,long:["day","days"],short:"d"},{ms:36e5,long:["hour","hours"],short:"h"},{ms:6e4,long:["minute","minutes"],short:"m"},{ms:1e3,long:["second","seconds"],short:"s"}],lw=(e,{units:t=2,style:o="long",suffix:i=!0}={})=>{let n=Math.max(0,e);if(n<1e3)return"short"===o?"0s":i?"just now":"0 seconds";const r=[];for(const e of sw){if(r.length===t)break;const i=Math.floor(n/e.ms);if(!(i<=0&&0===r.length)){if(i<=0)break;n-=i*e.ms,r.push("short"===o?`${i}${e.short}`:`${i} ${1===i?e.long[0]:e.long[1]}`)}}const a="short"===o?r.join(""):r.join(" ");return i&&"long"===o?`${a} ago`:a},dw=(e,t)=>lw(6e4*Math.max(0,e),t),cw=e=>"string"==typeof e?new Date(e.replace("t","T").replace("z","Z")):new Date(e),pw=()=>{const[e,t]=s(0);return l(()=>{const e=setInterval(()=>{t(e=>(e+1)%Number.MAX_SAFE_INTEGER)},1e3);return()=>clearInterval(e)},[]),{formatTimeAgo:d(e=>{try{return aw.format(cw(e))}catch(e){return"-"}},[e]),formatDurationAgo:d((e,t)=>{try{const o=cw(e);return lw(Date.now()-o.getTime(),t)}catch(e){return"-"}},[e])}};var uw,hw;(e=>{e.Default="default",e.Purple="purple",e.Yellow="yellow",e.Blue="blue",e.Pink="pink",e.Red="red",e.Green="green",e.Loader="loader"})(uw||(uw={})),(e=>{e.Small="small",e.Medium="medium",e.Large="large"})(hw||(hw={}));const mw=(e,t,o)=>{switch(t){case uw.Purple:return e.v2.colors.purple[o?"300":"900"];case uw.Yellow:return e.v2.colors.yellow[o?"300":"1000"];case uw.Blue:return e.v2.colors.blue[o?"300":"1000"];case uw.Pink:return e.v2.colors.pink[o?"500":"1000"];case uw.Red:return e.v2.colors.red[o?"300":"900"];case uw.Green:return e.v2.colors.green[o?"300":"900"];case uw.Loader:return e.v2.colors.grey[o?"600":"800"];default:return e.v2.colors.grey[o?"300":"500"]}},gw=f.div`
|
|
404
|
+
display: flex;
|
|
405
|
+
align-items: center;
|
|
406
|
+
justify-content: center;
|
|
407
|
+
gap: ${({$size:e})=>e===hw.Small?2:e===hw.Medium?4:8}px;
|
|
408
|
+
padding: ${({$size:e})=>e===hw.Small?"2px 4px":e===hw.Medium?"4px 6px":"4px 8px"};
|
|
409
|
+
border-radius: ${({$size:e})=>e===hw.Small?4:6}px;
|
|
410
|
+
border: 1px solid transparent;
|
|
411
|
+
|
|
412
|
+
min-width: ${({$minWidth:e})=>e||"unset"};
|
|
413
|
+
${({$flex:e})=>e?y`
|
|
414
|
+
flex: ${e};
|
|
415
|
+
`:y`
|
|
416
|
+
width: fit-content;
|
|
417
|
+
`}
|
|
418
|
+
|
|
419
|
+
${({$disabled:e,$variant:t,$withClick:o})=>e?y`
|
|
420
|
+
background-color: ${({theme:e})=>e.v2.colors.grey[800]};
|
|
421
|
+
`:y`
|
|
422
|
+
background-color: ${({theme:e})=>mw(e,t)};
|
|
423
|
+
${o&&y`
|
|
424
|
+
cursor: pointer;
|
|
425
|
+
&:hover,
|
|
426
|
+
&:active {
|
|
427
|
+
border: 1px solid ${({theme:e})=>mw(e,t,!0)};
|
|
428
|
+
}
|
|
429
|
+
`}
|
|
430
|
+
`}
|
|
431
|
+
`,fw=({variant:o=uw.Default,size:i=hw.Medium,label:n,leftIcon:r,rightIcon:a,onClick:s,disabled:l,flex:d,minWidth:c})=>{const p=b(),u=l?p.v2.colors.grey[400]:o===uw.Default?p.v2.colors.white[500]:mw(p,o,!0),h=i===hw.Small?Ls.XXXS:i===hw.Medium?Ls.XXS:Ls.S,m=i===hw.Small?10:i===hw.Medium?12:16,g=o===uw.Loader;return e(gw,{$variant:o,$size:i,$disabled:l,$withClick:!!s,onClick:()=>!l&&s?.(),$flex:d,$minWidth:c,children:[r&&t(r,{fill:u,size:m}),g?t(tc,{withGradient:!0,title:n,titleSize:h}):t(zs,{color:u,size:h,nowrap:!0,children:n}),a&&t(a,{fill:u,size:m})]})},yw=f.div`
|
|
432
|
+
display: flex;
|
|
433
|
+
align-items: center;
|
|
434
|
+
justify-content: center;
|
|
435
|
+
gap: 4px;
|
|
436
|
+
box-sizing: border-box;
|
|
437
|
+
min-width: ${({$minWidth:e})=>e};
|
|
438
|
+
width: ${({$fullWidth:e})=>e?"100%":"fit-content"};
|
|
439
|
+
padding: ${({$hasLabel:e})=>e?"4px 8px":"4px"};
|
|
440
|
+
border-radius: 100px;
|
|
441
|
+
border: 1px solid ${({$borderColor:e})=>e||"transparent"};
|
|
442
|
+
background-color: ${({$backgroundColor:e})=>e};
|
|
443
|
+
`,bw=({label:o,leftIcon:i,rightIcon:n,tooltip:r,status:a=Ro.Unknown,useSecondaryTone:s=!1,invertColors:l=!1,textSize:d,textColor:c,backgroundColor:p,minWidth:u="unset",fullWidth:h=!1})=>{const m=b(),g=o?.toString(),f=Ro.Loading===a,y=a?[Ro.Disabled,Ro.Loading].includes(a)?od(m,a,l?"400":"700"):[Ro.Unknown].includes(a)?od(m,a,"600"):od(m,a,l?s?"500":"300":s?"700":"500"):m.v2.colors.grey[200],v=c||(l&&![Ro.Unknown].includes(a)?y:[Ro.Disabled,Ro.Loading].includes(a)?m.v2.colors.grey[400]:[Ro.Error,Ro.Warning,Ro.Success].includes(a)?m.v2.colors.black[500]:m.v2.colors.white[500]),$=p||(l&&![Ro.Unknown].includes(a)?[Ro.Disabled,Ro.Loading].includes(a)?m.v2.colors.grey[700]:m.v2.colors.silver[700]:y),w=p||!l||[Ro.Unknown].includes(a)?void 0:m.v2.colors.silver[500];return t(C$,{text:r,fullWidth:h,children:e(yw,{$backgroundColor:$,$borderColor:w,$minWidth:u,$fullWidth:h,$hasLabel:!!g,children:[!f||g&&i?i?t(i,{fill:v,size:d?m.v2.text.size[d]+2:14}):null:t(tc,{withSpinnerOld:!0,scaleSpinnerOld:.5}),g?f?t(tc,{withGradient:!0,title:g,titleSize:d||Ls.XXS}):t(zs,{color:v,size:d||Ls.XXS,nowrap:!0,children:g}):null,n&&t(n,{fill:v,size:d?m.v2.text.size[d]+2:14})]})})},vw=f.div`
|
|
444
|
+
position: relative;
|
|
445
|
+
`,$w=f.div`
|
|
446
|
+
position: fixed;
|
|
447
|
+
${({$coords:e})=>null!=e.top?`top: ${e.top}px;`:""}
|
|
448
|
+
${({$coords:e})=>null!=e.bottom?`bottom: ${e.bottom}px;`:""}
|
|
449
|
+
${({$coords:e})=>null!=e.left?`left: ${e.left}px;`:""}
|
|
450
|
+
${({$coords:e})=>null!=e.right?`right: ${e.right}px;`:""}
|
|
451
|
+
${({$coords:e})=>null!=e.width?`width: ${e.width-16}px;`:""}
|
|
452
|
+
z-index: ${({theme:e})=>e.v2.zIndex.dropdown};
|
|
453
|
+
|
|
454
|
+
display: flex;
|
|
455
|
+
flex-direction: column;
|
|
456
|
+
gap: 0;
|
|
457
|
+
|
|
458
|
+
min-width: 120px;
|
|
459
|
+
padding: 8px;
|
|
460
|
+
border-radius: 6px;
|
|
461
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
462
|
+
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.3);
|
|
463
|
+
`,ww=({defaultOpen:o,open:i,onOpenChange:n,alignX:r,alignY:a,buttonProps:s,fullWidth:l,children:d})=>{const{isOpen:c,setIsOpen:p,coords:u,triggerRef:h,toggleOpen:m,onTriggerWrapperMouseDown:g}=ow({defaultOpen:o,open:i,onOpenChange:n,alignX:r,alignY:a,withOffset:!0,fullWidth:l}),{onMouseDown:f,...y}=s??{};return e(vw,{ref:h,onMouseDown:g,children:[t(T$,{label:"Open",variant:x$.Secondary,size:S$.S,...y,fullWidth:l,onMouseDown:m,onClick:e=>e.preventDefault()}),c&&no(t($w,{$coords:u,"data-ignore-outside-click":"true",children:"function"==typeof d?d({close:()=>p(!1)}):d}),document.body)]})},Cw={v2:{text:{size:{xxxs:10,xxs:12,xs:14,s:16,m:20,l:24,xl:32,xxl:40,xxxl:48}},colors:{black:{500:"#151618"},white:{500:"#FFFFFF"},purple:{100:"#E1D4FF",200:"#C3AAFF",300:"#A57FFF",400:"#8855FF",500:"#6A2AFF",600:"#5925D0",700:"#4822A2",800:"#371E73",900:"#271A45"},green:{100:"#DCFDFA",200:"#B9FBF6",300:"#96FAF1",400:"#73F8ED",500:"#50F6E8",600:"#44C9BE",700:"#399D94",800:"#2D6F6A",900:"#224340",1e3:"#0C2F2C"},mint:{500:"#4CD1F2",1e3:"#062A31"},grey:{25:"#F6F6F6",50:"#ECECED",100:"#DADADB",150:"#B8B8B8",200:"#B4B5B7",300:"#8F9093",400:"#696B6F",500:"#44464B",600:"#3A3C40",700:"#313236",800:"#282A2E",900:"#1B1B1C"},silver:{25:"#F6F6F7",50:"#EDEDEE",100:"#DADCDE",200:"#B6B8BD",300:"#91959C",400:"#6D717B",500:"#484E5A",600:"#3E424C",700:"#34383F",750:"#2C2F36",800:"#26292F",900:"#1F2125",1e3:"#1B1C1D"},red:{100:"#FFE5E7",200:"#FFCBD0",300:"#FFB0B8",400:"#FF96A1",500:"#FF7C89",600:"#D15965",700:"#962531",800:"#7B242D",900:"#4C1318",1e3:"#20060A"},blue:{100:"#BED4FF",200:"#87B1F8",300:"#6094F1",400:"#457DE3",500:"#396CCD",600:"#3368CA",700:"#154297",800:"#163C81",900:"#0F2A5A",1e3:"#0A1B38"},yellow:{100:"#FFFBF1",200:"#FFF7E2",300:"#FFEFC6",400:"#FFE7A9",500:"#FFDF8D",550:"#FFE770",600:"#FFD770",700:"#D0B05E",800:"#A28A4C",900:"#73633A",1e3:"#453D28"},beige:{600:"#EEC990"},pink:{500:"#FF7CC8",600:"#FF7CA9",1e3:"#360818"},orange:{500:"#F29142",1e3:"#381D07"}},zIndex:{base:1,island:100,sidebar:500,drawer:1e3,modal:1e3,dropdown:1100,popover:1100,fullscreen:2e3,tooltip:2100}},colors:{majestic_blue:"#444AD9",majestic_blue_soft:"#6C7AE8",orange_og:"#FE9239",orange_soft:"#FFB160",dark_red:"#802828",darker_red:"#611F1F",darkest_red:"#281515",darkest_red_hover:"#351515",dark_green:"#2D4323"},text:{},font_family:{primary:"Inter, sans-serif",secondary:"Kode Mono, sans-serif",code:"IBM Plex Mono, monospace"}},xw={v2:Cw.v2,darkMode:!0,colors:{...Cw.colors,primary:"#111111",secondary:"#F9F9F9",border:"#525252",dark_grey:"#151515",translucent_bg:"#1A1A1A",dropdown_bg:"#242424",dropdown_bg_2:"#333333",warning:"#472300",error:"#431919",success:"#172013",info:"#242424",default:"#181944"},text:{white:"#FFFFFF",primary:"#111111",secondary:"#F9F9F9",grey:"#B8B8B8",dark_grey:"#8F8F8F",darker_grey:"#7A7A7A",light_grey:"#CCD0D2",dark_button:"#0A1824",warning:"#E9CF35",warning_secondary:"#FFA349",error:"#EF7676",error_secondary:"#DB5151",success:"#81AF65",success_secondary:"#51DB51",info:"#B8B8B8",info_secondary:"#CCDDDD",default:"#AABEF7",default_secondary:"#8CBEFF"},font_family:Cw.font_family},Sw={v2:Cw.v2,darkMode:!1,colors:{...Cw.colors,primary:"#EEEEEE",secondary:"#060606",border:"#ADADAD",dark_grey:"#EAEAEA",translucent_bg:"#E5E5E5",dropdown_bg:"#DBDBDB",dropdown_bg_2:"#CCCCCC",warning:"#F6F092",error:"#FACECE",success:"#C8DEB8",info:"#E0E0E0",default:"#CAD9FB"},text:{white:"#FFFFFF",primary:"#EEEEEE",secondary:"#060606",grey:"#474747",dark_grey:"#707070",darker_grey:"#858585",light_grey:"#332F2D",dark_button:"#F5E7DB",warning:"#A56F12",warning_secondary:"#CA9416",error:"#B63A3A",error_secondary:"#DB5151",success:"#4E763A",success_secondary:"#67964C",info:"#525252",info_secondary:"#7A7A7A",default:"#444AD9",default_secondary:"#6C7AE8"},font_family:Cw.font_family},Ew=e=>e?xw:Sw,Tw=Object.freeze(Object.defineProperty({__proto__:null,baseTheme:Cw,darkModeTheme:xw,getTheme:Ew,lightModeTheme:Sw},Symbol.toStringTag,{value:"Module"}));((e,t)=>{void 0===t&&(t={});var o=t.insertAt;if("undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}})('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kode+Mono:wght@100;200;300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");*,:after,:before{box-sizing:border-box}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}*{animation-duration:.3s;animation-fill-mode:forwards;transition:all .3s}input{all:unset}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:all 50000s ease-in-out 0s;transition:all 50000s ease-in-out 0s}');const Ow=({children:e})=>t($,{theme:Ew(!0),children:e}),Nw={100:"FF","099":"FC","098":"FA","097":"F7","096":"F5","095":"F2","094":"F0","093":"ED","092":"EB","091":"E8","090":"E6","089":"E3","088":"E0","087":"DE","086":"DB","085":"D9","084":"D6","083":"D4","082":"D1","081":"CF","080":"CC","079":"C9","078":"C7","077":"C4","076":"C2","075":"BF","074":"BD","073":"BA","072":"B8","071":"B5","070":"B3","069":"B0","068":"AD","067":"AB","066":"A8","065":"A6","064":"A3","063":"A1","062":"9E","061":"9C","060":"99","059":"96","058":"94","057":"91","056":"8F","055":"8C","054":"8A","053":"87","052":"85","051":"82","050":"80","049":"7D","048":"7A","047":"78","046":"75","045":"73","044":"70","043":"6E","042":"6B","041":"69","040":"66","039":"63","038":"61","037":"5E","036":"5C","035":"59","034":"57","033":"54","032":"52","031":"4F","030":"4D","029":"4A","028":"47","027":"45","026":"42","025":"40","024":"3D","023":"3B","022":"38","021":"36","020":"33","019":"30","018":"2E","017":"2B","016":"29","015":"26","014":"24","013":"21","012":"1F","011":"1C","010":"1A","009":"17","008":"14","007":"12","006":"0F","005":"0D","004":"0A","003":"08","002":"05","001":"03","000":"00"},kw=Object.freeze(Object.defineProperty({__proto__:null,hex:Nw},Symbol.toStringTag,{value:"Module"})),Aw={in:{left:v`
|
|
464
|
+
from { transform: translateX(-100%); }
|
|
465
|
+
to { transform: translateX(0); }
|
|
466
|
+
`,right:v`
|
|
467
|
+
from { transform: translateX(100%); }
|
|
468
|
+
to { transform: translateX(0); }
|
|
469
|
+
`,top:v`
|
|
470
|
+
from { transform: translateY(-100%); }
|
|
471
|
+
to { transform: translateY(0); }
|
|
472
|
+
`,bottom:v`
|
|
473
|
+
from { transform: translateY(100%); }
|
|
474
|
+
to { transform: translateY(0); }
|
|
475
|
+
`,center:v`
|
|
476
|
+
from { transform: translate(-50%, 100%); }
|
|
477
|
+
to { transform: translate(-50%, -50%); }
|
|
478
|
+
`},out:{left:v`
|
|
479
|
+
from { transform: translateX(0); }
|
|
480
|
+
to { transform: translateX(-100%); }
|
|
481
|
+
`,right:v`
|
|
482
|
+
from { transform: translateX(0); }
|
|
483
|
+
to { transform: translateX(100%); }
|
|
484
|
+
`,top:v`
|
|
485
|
+
from { transform: translateY(0); }
|
|
486
|
+
to { transform: translateY(-100%); }
|
|
487
|
+
`,bottom:v`
|
|
488
|
+
from { transform: translateY(0); }
|
|
489
|
+
to { transform: translateY(100%); }
|
|
490
|
+
`,center:v`
|
|
491
|
+
from { transform: translate(-50%, -50%); }
|
|
492
|
+
to { transform: translate(-50%, 100%); }
|
|
493
|
+
`}},Iw={in:v`
|
|
494
|
+
from {
|
|
495
|
+
width: 0%;
|
|
496
|
+
}
|
|
497
|
+
to {
|
|
498
|
+
width: 100%;
|
|
499
|
+
}
|
|
500
|
+
`,out:v`
|
|
501
|
+
from {
|
|
502
|
+
width: 100%;
|
|
503
|
+
}
|
|
504
|
+
to {
|
|
505
|
+
width: 0%;
|
|
506
|
+
}
|
|
507
|
+
`},_w=v`
|
|
508
|
+
0% {
|
|
509
|
+
transform: scale(1);
|
|
510
|
+
opacity: 1;
|
|
511
|
+
}
|
|
512
|
+
75%, 100% {
|
|
513
|
+
transform: scale(2);
|
|
514
|
+
opacity: 0;
|
|
515
|
+
}
|
|
516
|
+
`,Dw=v`
|
|
517
|
+
0% {
|
|
518
|
+
background-position: -500px 0;
|
|
519
|
+
}
|
|
520
|
+
100% {
|
|
521
|
+
background-position: 500px 0;
|
|
522
|
+
}
|
|
523
|
+
`,Rw={in:v`
|
|
524
|
+
from {
|
|
525
|
+
opacity: 0;
|
|
526
|
+
}
|
|
527
|
+
to {
|
|
528
|
+
opacity: 1;
|
|
529
|
+
}
|
|
530
|
+
`,out:v`
|
|
531
|
+
from {
|
|
532
|
+
opacity: 1;
|
|
533
|
+
}
|
|
534
|
+
to {
|
|
535
|
+
opacity: 0;
|
|
536
|
+
}
|
|
537
|
+
`},Lw=Object.freeze(Object.defineProperty({__proto__:null,fade:Rw,ping:_w,progress:Iw,shimmer:Dw,slide:Aw},Symbol.toStringTag,{value:"Module"}));var Pw,Fw;(e=>{e.S="s",e.L="l"})(Pw||(Pw={})),(e=>{e.Filled="filled",e.Underline="underline"})(Fw||(Fw={}));const Mw=f.div`
|
|
538
|
+
display: flex;
|
|
539
|
+
align-items: center;
|
|
540
|
+
gap: 2px;
|
|
541
|
+
width: ${({$fullWidth:e})=>e?"100%":"fit-content"};
|
|
542
|
+
border-radius: 6px;
|
|
543
|
+
border: none;
|
|
544
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
545
|
+
`,Uw=f.button`
|
|
546
|
+
flex: 1;
|
|
547
|
+
display: flex;
|
|
548
|
+
align-items: center;
|
|
549
|
+
justify-content: center;
|
|
550
|
+
gap: ${({$size:e})=>e===Pw.S?"4px":"8px"};
|
|
551
|
+
padding: ${({$size:e})=>e===Pw.S?"4px 6px":"8px 12px"};
|
|
552
|
+
border-radius: ${({$isFirstOption:e,$isLastOption:t,$isFirstAndLastOption:o})=>o?"6px":e?"6px 0 0 6px":t?"0 6px 6px 0":"0"};
|
|
553
|
+
border: 1px solid transparent;
|
|
554
|
+
|
|
555
|
+
${({$disabled:e,$isSelected:t,$selectedBgColor:o,$selectedBorderColor:i,theme:n})=>e?y`
|
|
556
|
+
cursor: not-allowed;
|
|
557
|
+
background-color: ${t?(o||n.v2.colors.purple[900])+Nw["050"]:"transparent"};
|
|
558
|
+
`:t?y`
|
|
559
|
+
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
560
|
+
border: 1px solid ${i||n.v2.colors.purple[400]};
|
|
561
|
+
background-color: ${o||n.v2.colors.purple[900]};
|
|
562
|
+
&:hover {
|
|
563
|
+
background-color: ${o||n.v2.colors.purple[900]};
|
|
564
|
+
}
|
|
565
|
+
`:y`
|
|
566
|
+
cursor: pointer;
|
|
567
|
+
background-color: transparent;
|
|
568
|
+
&:hover {
|
|
569
|
+
background-color: ${n.v2.colors.silver[600]};
|
|
570
|
+
}
|
|
571
|
+
`}
|
|
572
|
+
`,zw=f.div`
|
|
573
|
+
display: flex;
|
|
574
|
+
align-items: stretch;
|
|
575
|
+
width: ${({$fullWidth:e})=>e?"100%":"fit-content"};
|
|
576
|
+
`,Bw=f.button`
|
|
577
|
+
display: flex;
|
|
578
|
+
height: 34px;
|
|
579
|
+
padding: 8px 12px 8px 16px;
|
|
580
|
+
justify-content: center;
|
|
581
|
+
align-items: center;
|
|
582
|
+
gap: 8px;
|
|
583
|
+
border: none;
|
|
584
|
+
border-bottom: 2px solid ${({theme:e,$isSelected:t})=>t?e.v2.colors.white[500]:"transparent"};
|
|
585
|
+
border-radius: ${({$isSelected:e})=>e?"6px 6px 0 0":"0"};
|
|
586
|
+
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.silver[1e3]:"transparent"};
|
|
587
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
588
|
+
transition:
|
|
589
|
+
border-color 0.2s,
|
|
590
|
+
background-color 0.2s,
|
|
591
|
+
border-radius 0.2s;
|
|
592
|
+
&:hover {
|
|
593
|
+
border-bottom-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.white[500]:e.v2.colors.grey[500]};
|
|
594
|
+
}
|
|
595
|
+
`,jw=({"data-id":i,size:n=Pw.S,variant:r=Fw.Filled,options:a=[],selected:s,setSelected:l,disabled:d,fullWidth:c=!1})=>{const p=b(),u=r===Fw.Underline,h=u?Bw:Uw;return t(u?zw:Mw,{"data-id":i,$fullWidth:c,children:a.map(({value:i,label:r,icon:c,badge:m,tooltip:g,selectedBgColor:f,selectedBorderColor:y,selectedTextColor:b,disabled:v},$)=>{const w=0===$,C=$===a.length-1,x=s===i,S=v||d,E=S?p.v2.colors.grey[400]:u?p.v2.colors.white[500]:x?b||p.v2.colors.white[500]:p.v2.colors.grey[300],T=n===Pw.S?Ls.XXS:Ls.XS,O=x?500:400,N=e(o,{children:[c&&t(c,{fill:E}),r&&t(zs,{size:T,weight:O,color:E,nowrap:!0,children:r}),m&&t(bw,{...m})]});return t(h,{onClick:e=>{S||(e.preventDefault(),l(i))},$isFirstOption:w,$isLastOption:C,$isFirstAndLastOption:w&&C,disabled:S,$disabled:S,$isSelected:x,$size:n,...!u&&{$selectedBgColor:f,$selectedBorderColor:y},children:g?t(C$,{text:g,withIcon:!0,children:N}):N},`segment-${$}-${r}-${i}`)})})},Hw=f.div`
|
|
596
|
+
box-sizing: border-box !important;
|
|
597
|
+
width: ${({$width:e})=>e??"fit-content"};
|
|
598
|
+
flex-shrink: ${({$width:e})=>e?0:1};
|
|
599
|
+
min-width: ${({$width:e})=>e||0};
|
|
600
|
+
padding: ${({$withSegment:e})=>e?"2px 2px 2px 12px":"6px 12px"};
|
|
601
|
+
display: flex;
|
|
602
|
+
align-self: stretch;
|
|
603
|
+
align-items: center;
|
|
604
|
+
gap: 8px;
|
|
605
|
+
overflow: hidden;
|
|
606
|
+
border-radius: 6px;
|
|
607
|
+
|
|
608
|
+
border: none;
|
|
609
|
+
border-radius: 6px;
|
|
610
|
+
background: ${({$isHovered:e,$isActive:t,$idleBackgroundColor:o,$emphasizeBackgroundColor:i,theme:n})=>{const r=o??n.v2.colors.silver[800],a=i??n.v2.colors.silver[700];return e||t?a:r}};
|
|
611
|
+
`,Ww=f.input`
|
|
612
|
+
min-width: 0;
|
|
613
|
+
flex: 1;
|
|
614
|
+
font-family: ${({theme:e})=>e.font_family.primary};
|
|
615
|
+
font-size: 14px;
|
|
616
|
+
font-weight: 400;
|
|
617
|
+
line-height: 20px;
|
|
618
|
+
|
|
619
|
+
cursor: text;
|
|
620
|
+
color: ${({$textColor:e})=>e};
|
|
621
|
+
&::placeholder {
|
|
622
|
+
color: ${({$textColor:e})=>e};
|
|
623
|
+
}
|
|
624
|
+
|
|
625
|
+
overflow: hidden;
|
|
626
|
+
text-overflow: ellipsis;
|
|
627
|
+
white-space: nowrap;
|
|
628
|
+
`,Xw=({"data-id":o,value:i,onChange:n,onFocus:r,onBlur:a,placeholder:l,width:d,segment:p,idleBackgroundColor:u,emphasizeBackgroundColor:h})=>{const m=b(),[g,f]=s(!1),[y,v]=s(!1),[$,w]=s(!1),C=g?m.v2.colors.white[500]:m.v2.colors.silver[200],x=!!p?.options?.length,S=c(()=>{if(x)return p?.options.find(e=>e.value===p.selected)?.label},[x,p?.options,p?.selected]),E=c(()=>l||(x&&S?`Search by ${S.toLowerCase()}`:"Search..."),[l,x,S]);return e(Hw,{$width:d,$withSegment:x,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),$isHovered:y&&!$,$isActive:g,$idleBackgroundColor:u,$emphasizeBackgroundColor:h,children:[t(Ht,{size:18,fill:C}),t(Ww,{"data-id":o??"search",name:"search",type:"text",placeholder:E,value:i,onChange:e=>{e.stopPropagation(),n(e.target.value)},onFocus:()=>{f(!0),r?.()},onBlur:()=>{f(!1),a?.()},$textColor:C}),x&&t("div",{style:{flexShrink:0},onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),children:t(jw,{"data-id":p["data-id"],options:p.options,selected:p.selected,setSelected:p.setSelected})})]})},Gw=f.div`
|
|
629
|
+
display: flex;
|
|
630
|
+
align-items: center;
|
|
631
|
+
justify-content: center;
|
|
632
|
+
width: fit-content;
|
|
633
|
+
height: fit-content;
|
|
634
|
+
padding: 8px;
|
|
635
|
+
border-radius: 100%;
|
|
636
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
637
|
+
`,Vw=({icon:o=O,hideIcon:i=!1,title:n="No data",subTitle:r,button:a,action:s})=>{const l=b().v2.colors.silver[200];return e(Wd,{$gap:12,$alignItems:"center",children:[e(Wd,{$gap:4,$alignItems:"center",children:[!i&&t(Gw,{children:t(o,{size:24,fill:l})}),t(zs,{size:Ls.XXS,color:Ps.Secondary,align:"center",children:n}),r&&t(zs,{size:Ls.XXXS,color:Ps.Disable,align:"center",children:r})]}),a&&t(T$,{variant:x$.Secondary,...a}),s]})},Kw=f.span`
|
|
638
|
+
font-family: ${({theme:e})=>e.font_family.primary};
|
|
639
|
+
font-size: ${({$small:e})=>e?"12px":"14px"};
|
|
640
|
+
font-weight: 400;
|
|
641
|
+
color: ${({theme:e})=>e.v2.colors.silver[200]};
|
|
642
|
+
`,Yw=f.span`
|
|
643
|
+
font-family: ${({theme:e})=>e.font_family.primary};
|
|
644
|
+
font-size: 14px;
|
|
645
|
+
font-weight: 400;
|
|
646
|
+
color: ${({theme:e})=>e.v2.colors.red[500]};
|
|
647
|
+
`,qw=({label:o,tooltip:i,required:n,badge:r,width:a,small:s})=>o||i||n?e(Hd,{$width:a,$justifyContent:"space-between",children:[o&&t(Kw,{$small:s,children:o}),e(Hd,{$gap:4,children:[r&&t(bw,{...r,textSize:Ls.XXXS}),n&&t(Yw,{children:"*"}),i&&t(C$,{text:i,withIcon:!0})]})]}):null,Jw=({errorMessage:o,warnMessage:i,helpMessage:n})=>{const r=b(),a=o?r.v2.colors.red[500]:i?r.v2.colors.yellow[500]:r.v2.colors.silver[200],s=t(bt,{size:12,fill:a});return o||i||n?e(Hd,{$alignItems:"center",children:[s&&t(Wd,{children:s}),t(zs,{size:Ls.XXXS,weight:400,color:a,children:o||i||n})]}):null};var Qw;(e=>{e.S="small",e.L="large"})(Qw||(Qw={}));const Zw=f.div`
|
|
648
|
+
width: fit-content;
|
|
649
|
+
display: flex;
|
|
650
|
+
align-items: center;
|
|
651
|
+
gap: 8px;
|
|
652
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
653
|
+
`,eC=f.div`
|
|
654
|
+
width: ${({$size:e})=>e===Qw.S?"16px":"20px"};
|
|
655
|
+
height: ${({$size:e})=>e===Qw.S?"16px":"20px"};
|
|
656
|
+
display: flex;
|
|
657
|
+
align-items: center;
|
|
658
|
+
justify-content: center;
|
|
659
|
+
border-radius: 4px;
|
|
660
|
+
border: 1px solid ${({$borderColor:e})=>e};
|
|
661
|
+
background-color: ${({$backgroundColor:e})=>e};
|
|
662
|
+
`,tC=({name:o,label:i,tooltip:n,badge:r,size:a=Qw.L,disabled:l,partiallyChecked:d,value:c,onChange:p,errorMessage:u,warnMessage:h,helpMessage:m})=>{const g=b(),[f,y]=s(!1),v=d||c,$=a===Qw.S?12:16,w=l?g.v2.colors.grey[400]:g.v2.colors.white[500],C=v?"transparent":l?g.v2.colors.grey[700]:f?g.v2.colors.silver[400]:g.v2.colors.silver[600],x=l?g.v2.colors.grey[600]:v?g.v2.colors.purple[500]:g.v2.colors.silver[900];return e(Wd,{$gap:4,children:[e(Hd,{$justifyContent:"space-between",children:[e(Zw,{"data-id":o||"checkbox"+(i?`-${i}`:""),onClick:e=>{e.stopPropagation(),l||p(!!d||!c)},$disabled:l,onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:[t(eC,{$size:a,$borderColor:C,$backgroundColor:x,children:d?t(Ft,{size:$,fill:w}):c?t(Ut,{size:$,fill:w}):null}),i&&t(zs,{size:a===Qw.S?Ls.XXS:Ls.XS,nowrap:!0,children:i})]}),t(qw,{tooltip:n,badge:r})]}),t(Jw,{errorMessage:u,warnMessage:h,helpMessage:m})]})},oC=f.div`
|
|
663
|
+
display: flex;
|
|
664
|
+
flex-direction: ${({$direction:e})=>e===Co.Horizontal?"row":"column"};
|
|
665
|
+
gap: ${({$direction:e})=>e===Co.Horizontal?16:8}px;
|
|
666
|
+
`,iC=({direction:o=Co.Vertical,title:i,size:n,disabled:r,withSelectAll:a,options:s,values:l,setValues:d})=>{const p=n===Qw.S?Ls.XXS:Ls.XS,u=c(()=>s.every(e=>l[e.id]),[s,l]),h=c(()=>s.some(e=>l[e.id])&&s.some(e=>!l[e.id]),[s,l]),m=(e,t)=>{d(o=>{const i={...o};return e?i[e]=t:s.forEach(e=>i[e.id]=t),i})};return e(oC,{$direction:o,children:[i&&a?t(tC,{label:i,partiallyChecked:h,value:u,onChange:e=>m("",e),size:n}):i&&!a?t(zs,{size:p,children:i}):null,s.map(e=>t(tC,{...e,value:l[e.id],onChange:t=>m(e.id,t),disabled:r,size:n},`${i}-checkbox-${e.id}`))]})},nC=f.div`
|
|
667
|
+
position: relative;
|
|
668
|
+
display: flex;
|
|
669
|
+
flex-direction: column;
|
|
670
|
+
gap: 4px;
|
|
671
|
+
`,rC=f.div`
|
|
672
|
+
position: fixed;
|
|
673
|
+
${({$coords:e})=>null!=e.top?`top: ${e.top}px;`:""}
|
|
674
|
+
${({$coords:e})=>null!=e.bottom?`bottom: ${e.bottom}px;`:""}
|
|
675
|
+
${({$coords:e})=>null!=e.left?`left: ${e.left}px;`:""}
|
|
676
|
+
${({$coords:e})=>null!=e.right?`right: ${e.right}px;`:""}
|
|
677
|
+
${({$coords:e})=>null!=e.width?`width: ${e.width-16}px;`:""}
|
|
678
|
+
z-index: ${({theme:e})=>e.v2.zIndex.dropdown};
|
|
679
|
+
|
|
680
|
+
display: flex;
|
|
681
|
+
flex-direction: column;
|
|
682
|
+
gap: 0;
|
|
683
|
+
|
|
684
|
+
min-width: 120px;
|
|
685
|
+
padding: 8px;
|
|
686
|
+
border-radius: 6px;
|
|
687
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
688
|
+
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.3);
|
|
689
|
+
`,aC=f.div`
|
|
690
|
+
display: flex;
|
|
691
|
+
flex-direction: column;
|
|
692
|
+
gap: 0;
|
|
693
|
+
|
|
694
|
+
width: 100%;
|
|
695
|
+
max-height: ${({$maxHeight:e})=>e||"230px"};
|
|
696
|
+
overflow-y: auto;
|
|
697
|
+
`,sC=f.div`
|
|
698
|
+
display: flex;
|
|
699
|
+
align-items: center;
|
|
700
|
+
gap: 8px;
|
|
701
|
+
width: 100%;
|
|
702
|
+
padding: 8px;
|
|
703
|
+
border-radius: 6px;
|
|
704
|
+
cursor: pointer;
|
|
705
|
+
${({$selected:e})=>e?y`
|
|
706
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
707
|
+
`:y`
|
|
708
|
+
background-color: transparent;
|
|
709
|
+
&:hover {
|
|
710
|
+
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
711
|
+
}
|
|
712
|
+
`}
|
|
713
|
+
`,lC=f.div`
|
|
714
|
+
display: flex;
|
|
715
|
+
align-items: center;
|
|
716
|
+
gap: 8px;
|
|
717
|
+
flex: 1;
|
|
718
|
+
min-width: 0;
|
|
719
|
+
`,dC=f.div`
|
|
720
|
+
flex: 0 1 auto;
|
|
721
|
+
min-width: 0;
|
|
722
|
+
overflow: hidden;
|
|
723
|
+
text-overflow: ellipsis;
|
|
724
|
+
white-space: nowrap;
|
|
725
|
+
`,cC=f.span`
|
|
726
|
+
flex-shrink: 0;
|
|
727
|
+
width: 88px;
|
|
728
|
+
display: inline-flex;
|
|
729
|
+
justify-content: center;
|
|
730
|
+
padding: 1px 6px;
|
|
731
|
+
border-radius: 4px;
|
|
732
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
733
|
+
border: 1px solid ${({theme:e})=>e.v2.colors.silver[600]};
|
|
734
|
+
`,pC=f.div`
|
|
735
|
+
flex-shrink: 0;
|
|
736
|
+
display: inline-flex;
|
|
737
|
+
align-items: center;
|
|
738
|
+
gap: 4px;
|
|
739
|
+
`,uC=({defaultOpen:o,open:i,onOpenChange:n,alignX:r,alignY:a,items:l,selectedIds:d,setSelectedIds:p,label:u,withMultiSelect:h,withSearch:m,fullWidth:g,maxHeight:f,buttonProps:y,iconButtonProps:v,isLoading:$,emptyMessage:w,children:C})=>{const x=b(),S=!!y||!!v||!!C,{isOpen:E,setIsOpen:T,coords:O,triggerRef:N,toggleOpen:k,onTriggerWrapperMouseDown:A}=ow({defaultOpen:o??!S,open:i,onOpenChange:n,alignX:r,alignY:a,withOffset:S,fullWidth:g}),I=e=>{p(h?d.includes(e)?d.filter(t=>t!==e):[...d,e]:[e]),S&&!h&&T(!1)},[_,D]=s(""),R=c(()=>_?l.filter(e=>e?.label?.toLowerCase().includes(_.toLowerCase())):l,[l.length,_]),{onClick:L,onMouseDown:P,...F}=y??{},{onClick:M,onMouseDown:U,...z}=v??{};return e(nC,{ref:N,onMouseDown:A,children:[e(D$,{value:E,children:[u&&t(qw,{label:u}),y&&t(T$,{...F,fullWidth:g,rightIcon:U$,onMouseDown:k,onClick:e=>e.preventDefault()}),v&&t(T$,{variant:x$.Text,size:S$.S,...z,onMouseDown:k,onClick:e=>e.preventDefault()}),"function"==typeof C?C({ChevronIcon:U$,handleClick:k}):C]}),E&&no(e(rC,{$coords:O,"data-ignore-outside-click":"true",children:[m&&t(Xw,{value:_,onChange:D,width:"100%"}),$?t(tc,{withSpinner:!0,title:"Loading...",titleSize:Ls.XS}):R.length?t(aC,{$maxHeight:f,children:R.map(o=>{if(!o)return null;const{id:i,label:n,icon:r,withCheckbox:a,badge:s,secondaryLabel:l}=o,c=d.includes(i);return e(sC,{"data-id":`option-${i}`,$selected:c&&!a,onClick:()=>I(i),title:l?`${n} — ${l}`:n,children:[a&&t(tC,{value:c,onChange:()=>I(i)}),r&&t(r,{size:14,fill:o.color||x.v2.colors.white[500]}),s&&t(cC,{children:t(zs,{size:Ls.XXS,nowrap:!0,color:Ps.Secondary,children:s})}),e(lC,{children:[t(dC,{children:t(zs,{size:Ls.XS,nowrap:!0,color:o.color||Ps.Primary,children:n})}),l&&e(pC,{children:[t(ot,{size:12,fill:x.v2.colors.silver[200]}),t(zs,{size:Ls.XS,nowrap:!0,color:Ps.Secondary,children:l})]})]})]},i?.toString()??"")})}):t(jd,{$padding:"6px 0",children:t(Vw,{hideIcon:!0,title:"No results",subTitle:w})}),h&&!!R.length&&t(T$,{label:"Done",onClick:()=>T(!1)})]}),document.body)]})};var hC;(e=>{e.Button="button",e.DropDataButton="drop-data-button",e.PopupButton="popup-button"})(hC||(hC={}));const mC=({onAnyClick:e,actions:o})=>t(Hd,{$gap:8,$alignItems:"center",children:o?.map(o=>{if(!o)return null;switch(o.type){case hC.Button:return t(T$,{...o.buttonProps,onClick:t=>{o.buttonProps?.onClick?.(t),e?.()}},o.id);case hC.DropDataButton:{const{onClick:i,...n}=o.buttonProps??{};return t(uC,{...o.dropDataProps,items:o.dropDataProps?.items??[],withMultiSelect:!1,selectedIds:[],setSelectedIds:t=>{i?.(t[0]),e?.()},buttonProps:n},o.id)}case hC.PopupButton:return t(ww,{buttonProps:{label:"Open",variant:x$.Secondary,...o.buttonProps},...o.popupProps},o.id);default:return null}})}),gC=f(Hd)`
|
|
740
|
+
min-width: 0;
|
|
741
|
+
`,fC=f.div`
|
|
742
|
+
display: flex;
|
|
743
|
+
flex-shrink: 0;
|
|
744
|
+
align-items: center;
|
|
745
|
+
justify-content: center;
|
|
746
|
+
padding: 8px;
|
|
747
|
+
border-radius: 8px;
|
|
748
|
+
background-color: ${({theme:e})=>e.v2.colors.white[500]+Nw["004"]};
|
|
749
|
+
`,yC=f(Wd)`
|
|
750
|
+
flex: 1;
|
|
751
|
+
min-width: 0;
|
|
752
|
+
overflow: hidden;
|
|
753
|
+
`,bC=({icon:o,iconWithWrapper:i=!1,title:n,titleSize:r=Ls.S,titleColor:a=Ps.Primary,titleWrap:s=!1,titleMeta:l,subTitle:d,subTitleSize:c=Ls.XXS,subTitleColor:p=Ps.Secondary,subTitleWrap:u=!1,tooltip:h,withCopy:m,badge:g,gap:f,textGap:y,alignItems:b="center",children:v})=>{const{CopyButton:$}=H$();return e(gC,{$gap:d?8:6,$alignItems:b,children:[o&&(i||d?t(fC,{children:t(o,{size:24})}):t(o,{size:24})),n||g||d?e(yC,{$gap:y,children:[n||g?e(Hd,{$gap:6,$alignItems:"center",$wrap:"nowrap",$width:"100%",children:[n&&t(zs,{size:r,color:a,nowrap:!s,children:n}),l&&t(zs,{size:Ls.XXXS,color:Ps.Secondary,children:l}),m&&n&&t($,{value:n}),h&&t(C$,{text:h,withIcon:!0}),g&&t(bw,{...g})]}):null,d&&t(zs,{size:c,color:p,nowrap:!u,children:d})]}):null,v&&t(Hd,{$gap:f,$margin:`0 0 0 ${f??0}px`,$alignItems:"center",children:v})]})},vC=({children:e,fullText:o,fullWidth:i=!0,...n})=>{const r=p(null),a=!!n.maxLines&&n.maxLines>0,s=J$(r,{axis:a?"vertical":"horizontal",deps:[e]})?o??(null==e?"":String(e)):"";return t(C$,{text:s,fullWidth:i,ellipsis:!a,keepAlive:!0,children:t(zs,{ref:r,...n,children:e})})},$C=f.section`
|
|
754
|
+
display: flex;
|
|
755
|
+
flex-direction: column;
|
|
756
|
+
gap: ${({$moreSpacing:e})=>e?"16px":"12px"};
|
|
757
|
+
width: ${({$width:e="100%"})=>e};
|
|
758
|
+
min-width: 0;
|
|
759
|
+
max-width: 100%;
|
|
760
|
+
align-self: ${({$fullHeight:e})=>e?"stretch":"auto"};
|
|
761
|
+
${({$fullHeight:e})=>e?"\n flex: 1;\n min-height: 0;\n ":""}
|
|
762
|
+
padding: ${({$moreSpacing:e})=>e?"16px":"12px"};
|
|
763
|
+
border: 1px solid transparent;
|
|
764
|
+
border-radius: ${({$moreSpacing:e})=>e?"16px":"12px"};
|
|
765
|
+
background-color: ${({theme:e,$bgTint:t})=>e.v2.colors.silver[t]};
|
|
766
|
+
${({$withClick:e,$clickStylesRemainActive:t})=>e&&y`
|
|
767
|
+
cursor: pointer;
|
|
768
|
+
&:hover {
|
|
769
|
+
background-color: ${({theme:e})=>e.v2.colors.purple[900]};
|
|
770
|
+
border-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
771
|
+
}
|
|
772
|
+
${t&&y`
|
|
773
|
+
background-color: ${({theme:e})=>e.v2.colors.purple[900]};
|
|
774
|
+
border-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
775
|
+
`}
|
|
776
|
+
`}
|
|
777
|
+
|
|
778
|
+
${({$overflow:e})=>e&&y`
|
|
779
|
+
overflow: ${e};
|
|
780
|
+
`}
|
|
781
|
+
`,wC=f(Hd)`
|
|
782
|
+
width: 100%;
|
|
783
|
+
min-width: 0;
|
|
784
|
+
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
785
|
+
user-select: ${({$clickable:e})=>e?"none":"auto"};
|
|
786
|
+
`,CC=f(Hd)`
|
|
787
|
+
flex-shrink: 0;
|
|
788
|
+
`,xC=f.div`
|
|
789
|
+
display: flex;
|
|
790
|
+
align-items: flex-start;
|
|
791
|
+
flex-wrap: wrap;
|
|
792
|
+
width: 100%;
|
|
793
|
+
`,SC=f.div`
|
|
794
|
+
${({$cellsPerRow:e})=>e?`width: calc(${100/e}% - 16px);`:"flex: 1;"};
|
|
795
|
+
margin: 8px;
|
|
796
|
+
display: flex;
|
|
797
|
+
flex-direction: column;
|
|
798
|
+
gap: 4px;
|
|
799
|
+
min-width: 0;
|
|
800
|
+
`,EC=({item:o,cellsPerRow:i})=>{const{CopyButton:n}=H$(),{spacer:r,title:a,titleTooltip:s,label:l,labelTooltip:d,withCopy:c,button:p,badge:u,tag:h}=o;return r?t("div",{style:{width:i?`calc(${100/i}% - 16px)`:"unset"}}):e(SC,{$cellsPerRow:i,children:[!!a&&t(C$,{text:s,children:t(vC,{size:Ls.XXXS,color:Ps.Secondary,nowrap:!0,children:a})}),e(Hd,{$gap:4,children:[u&&t(bw,{...u}),h&&t(fw,{...h}),p&&t(T$,{variant:x$.Primary,size:S$.S,...p}),c&&t(n,{value:l||u?.label?.toString()||h?.label?.toString()||""}),l&&t(C$,{text:d,children:t(vC,{size:Ls.XS,nowrap:!0,children:l})})]})]})},TC=({bgTint:o="900",width:i,fullHeight:n=!1,moreSpacing:r=!1,overflow:a,richTitle:l,withCollapse:d,collapseIsDefaultOpen:c,badges:p=[],actions:u=[],dropDataActions:h=[],renderOnRightSide:m,cellsPerRow:f,items:y,children:b,onClick:v,clickStylesRemainActive:$=!1})=>{const[w,C]=s(c||!1),x=()=>C(e=>!e),S=!d||d&&w,E=!!u.length,T=!!h.length,O=!!p.length;return e($C,{$width:i,$bgTint:o,$fullHeight:n,$moreSpacing:r,onClick:v,$withClick:!!v,$clickStylesRemainActive:$,$overflow:a,children:[(l||E||O||d)&&e(wC,{$gap:16,$justifyContent:"space-between",$clickable:!!d,onClick:()=>{d&&x()},children:[l?t(bC,{...l}):t("div",{}),e(CC,{$gap:12,onClick:e=>{e.stopPropagation()},children:[m,E&&S&&t(mC,{actions:u}),O&&t(Hd,{$gap:8,children:p.map((e,t)=>g(bw,{...e,key:e.key||`${e.label}-${t}`}))}),(T||d)&&e(Hd,{$gap:2,children:[T&&t(uC,{iconButtonProps:{"data-id":"drawer-actions",leftIcon:Wt},items:h,selectedIds:[],setSelectedIds:e=>h?.find(t=>t?.id===e[0])?.onClick?.()}),d&&t(D$,{value:w,children:t(T$,{variant:x$.Text,size:S$.S,leftIcon:U$,onClick:x})})]})]})]}),S&&y?t(xC,{children:y.map(e=>t(EC,{item:e,cellsPerRow:f&&f<=y.length?f:void 0},e.id))}):null,S&&b]})};var OC;(e=>{e.S="small",e.M="medium"})(OC||(OC={}));const NC=f(Hd)`
|
|
801
|
+
flex: 1;
|
|
802
|
+
min-width: 0;
|
|
803
|
+
align-items: center;
|
|
804
|
+
`,kC=f.div`
|
|
805
|
+
flex-shrink: 1;
|
|
806
|
+
min-width: 0;
|
|
807
|
+
/* Clip static rich titles for ellipsis; leave custom titles unclipped so
|
|
808
|
+
dropdowns/popovers (e.g. DataStreamSelect) can escape the header row. */
|
|
809
|
+
overflow: ${({$clip:e})=>e?"hidden":"visible"};
|
|
810
|
+
`,AC=f.div`
|
|
811
|
+
display: flex;
|
|
812
|
+
flex-direction: column;
|
|
813
|
+
gap: 12px;
|
|
814
|
+
${({$fullHeight:e})=>e?"\n flex: 1;\n min-height: 0;\n ":""}
|
|
815
|
+
`,IC=f.div`
|
|
816
|
+
display: flex;
|
|
817
|
+
flex-direction: column;
|
|
818
|
+
gap: ${({$gap:e})=>e}px;
|
|
819
|
+
width: 100%;
|
|
820
|
+
align-self: ${({$fullHeight:e})=>e?"stretch":"auto"};
|
|
821
|
+
${({$fullHeight:e})=>e?"\n flex: 1;\n min-height: 0;\n ":""}
|
|
822
|
+
padding: ${({$padding:e})=>e}px;
|
|
823
|
+
border-radius: 16px;
|
|
824
|
+
background-color: ${({theme:e,$backgroundColor:t,$bordered:o})=>t??(o?"transparent":e.v2.colors.silver[1e3])};
|
|
825
|
+
${({theme:e,$bordered:t})=>t?`border: 1px solid ${e.v2.colors.silver[500]};`:""}
|
|
826
|
+
`,_C=n(({id:o,size:i=OC.M,fullHeight:n=!1,richTitle:r,customTitle:a,search:s,customSearch:l,filters:d,actions:c,children:p,backgroundColor:u,padding:h,bordered:m=!1},g)=>{const f=i===OC.S?4:16,y="number"==typeof h?h:i===OC.S?12:16,b=a??(r?t(bC,{...r}):null),v=l??(s?t(Xw,{...s}):null),$=!!v||!!d,w=!!c&&c.length>0;return e(IC,{ref:g,id:o,"data-section-name":o,$padding:y,$gap:f,$fullHeight:n,$backgroundColor:u,$bordered:m,children:[b||$||w?e(Hd,{$gap:f,$justifyContent:"space-between",$alignItems:"center",children:[b||$?e(NC,{$gap:f,children:[b?t(kC,{$clip:!a,children:b}):null,v,d]}):null,w&&t(mC,{actions:c??[]})]}):null,t(AC,{$fullHeight:n,children:p})]})});_C.displayName="SectionCard";const DC=f.div`
|
|
827
|
+
flex: 1;
|
|
828
|
+
align-self: stretch;
|
|
829
|
+
display: flex;
|
|
830
|
+
align-items: center;
|
|
831
|
+
gap: 8px;
|
|
832
|
+
padding: 16px;
|
|
833
|
+
border-radius: 12px;
|
|
834
|
+
background-color: ${({theme:e,$status:t})=>od(e,t,t===Ro.Unknown?"750":"500")};
|
|
835
|
+
`,RC=f.div`
|
|
836
|
+
display: flex;
|
|
837
|
+
align-items: center;
|
|
838
|
+
justify-content: center;
|
|
839
|
+
width: fit-content;
|
|
840
|
+
height: fit-content;
|
|
841
|
+
padding: 8px;
|
|
842
|
+
border-radius: 12px;
|
|
843
|
+
background-color: ${({theme:e,$status:t})=>t===Ro.Unknown?od(e,t,"800"):od(e,t,"900")+Nw["015"]};
|
|
844
|
+
`,LC=({status:o,icon:i,title:n,description:r})=>{const a=b(),s=i??oc(o,a),l=[Ro.Default,Ro.Info,Ro.Disabled,Ro.Unknown].includes(o)?a.v2.colors.white[500]:a.v2.colors.black[500];return e(DC,{$status:o,children:[t(RC,{$status:o,children:t(s,{size:32,fill:l})}),e(Wd,{$gap:2,$justifyContent:"center",children:[t(zs,{size:Ls.M,weight:500,color:l,nowrap:!0,children:n}),t(zs,{size:Ls.XXS,weight:300,color:l,nowrap:!0,children:r})]})]})},PC=f.div`
|
|
845
|
+
flex: 0.5;
|
|
846
|
+
display: flex;
|
|
847
|
+
flex-direction: column;
|
|
848
|
+
gap: 12px;
|
|
849
|
+
padding: 12px;
|
|
850
|
+
border-radius: 12px;
|
|
851
|
+
background-color: ${({theme:e,$bgTint:t})=>e.v2.colors.silver[t]};
|
|
852
|
+
`,FC=["-","N/A","undefined","null","undefined/undefined","null/null"],MC=({title:o,tooltip:i,cells:n,bgTint:r="800"})=>{const a=b();return e(PC,{$bgTint:r,children:[t(C$,{text:i,children:t(zs,{nowrap:!0,size:Ls.XXS,color:a.v2.colors.grey[150],children:o})}),t(Hd,{$gap:32,children:n.map((i,n)=>e(Wd,{$gap:2,children:[!i.isLoading||i.value&&!FC.includes(i.value)?t(zs,{nowrap:!0,size:i.label?Ls.M:Ls.L,children:i.value}):t(tc,{withSpinnerOld:!0,scaleSpinnerOld:.9}),i.label&&t(zs,{nowrap:!0,size:Ls.XXS,children:i.label})]},`${o}-${n}-${i.label}-${i.value}`))})]})},UC=f.div`
|
|
853
|
+
padding: ${({$small:e,$hasSuffix:t})=>t?0:e?"4px 8px 4px 10px":"6px 12px"};
|
|
854
|
+
|
|
855
|
+
display: flex;
|
|
856
|
+
align-self: stretch;
|
|
857
|
+
align-items: stretch;
|
|
858
|
+
gap: ${({$hasSuffix:e})=>e?0:"8px"};
|
|
859
|
+
border-radius: 6px;
|
|
860
|
+
overflow: hidden;
|
|
861
|
+
${({$hasSuffix:e})=>e&&y`
|
|
862
|
+
width: 100%;
|
|
863
|
+
box-sizing: border-box;
|
|
864
|
+
`}
|
|
865
|
+
cursor: ${({$clickable:e,$disabled:t,$readOnly:o})=>t?"not-allowed":o?e?"pointer":"default":"text"};
|
|
866
|
+
|
|
867
|
+
border: 1px solid ${({theme:e,$disabled:t,$error:o})=>t?e.v2.colors.grey[600]:o?e.v2.colors.red[500]:e.v2.colors.silver[500]};
|
|
868
|
+
background: ${({theme:e,$disabled:t})=>t?e.v2.colors.grey[800]:e.v2.colors.black[500]};
|
|
869
|
+
${({$disabled:e,$error:t,$readOnly:o})=>!e&&!t&&!o&&y`
|
|
870
|
+
&:hover,
|
|
871
|
+
&:active,
|
|
872
|
+
&:focus-within {
|
|
873
|
+
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
874
|
+
}
|
|
875
|
+
`}
|
|
876
|
+
${({$disabled:e,$error:t,$hideFocusOutline:o})=>!e&&!o&&y`
|
|
877
|
+
&:focus-within {
|
|
878
|
+
outline: 1px solid ${({theme:e})=>t?e.v2.colors.red[400]:e.v2.colors.purple[400]};
|
|
879
|
+
outline-offset: 1px;
|
|
880
|
+
}
|
|
881
|
+
`}
|
|
882
|
+
`,zC=f.div`
|
|
883
|
+
flex: 1;
|
|
884
|
+
min-width: 0;
|
|
885
|
+
display: flex;
|
|
886
|
+
align-items: center;
|
|
887
|
+
padding: ${({$small:e})=>e?"4px 10px":"6px 12px"};
|
|
888
|
+
`,BC=f.span`
|
|
889
|
+
flex-shrink: 0;
|
|
890
|
+
width: 1px;
|
|
891
|
+
align-self: stretch;
|
|
892
|
+
background: ${({theme:e,$disabled:t,$error:o})=>o?e.v2.colors.red[800]:t?e.v2.colors.grey[600]:e.v2.colors.silver[600]};
|
|
893
|
+
`,jC=f.span`
|
|
894
|
+
flex-shrink: 0;
|
|
895
|
+
display: flex;
|
|
896
|
+
align-items: center;
|
|
897
|
+
justify-content: flex-start;
|
|
898
|
+
min-width: ${({$small:e})=>e?"unset":"12ch"};
|
|
899
|
+
padding: ${({$small:e})=>e?"4px 10px":"6px 12px"};
|
|
900
|
+
`,HC=f.input`
|
|
901
|
+
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
902
|
+
width: ${({$width:e})=>e||"unset"};
|
|
903
|
+
|
|
904
|
+
flex: 1;
|
|
905
|
+
min-width: 0;
|
|
906
|
+
font-family: ${({theme:e})=>e.font_family.primary};
|
|
907
|
+
font-size: ${({$small:e})=>e?"12px":"14px"};
|
|
908
|
+
font-weight: 400;
|
|
909
|
+
font-variant-numeric: ${({$tabular:e})=>e?"tabular-nums":"normal"};
|
|
910
|
+
text-align: ${({$tabular:e})=>e?"right":"inherit"};
|
|
911
|
+
|
|
912
|
+
cursor: text;
|
|
913
|
+
color: ${({theme:e})=>e.v2.colors.white[500]};
|
|
914
|
+
&:focus {
|
|
915
|
+
outline: none;
|
|
916
|
+
}
|
|
917
|
+
&::placeholder {
|
|
918
|
+
color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
&:disabled {
|
|
922
|
+
cursor: not-allowed;
|
|
923
|
+
color: ${({theme:e})=>e.v2.colors.grey[400]};
|
|
924
|
+
&::placeholder {
|
|
925
|
+
color: ${({theme:e})=>e.v2.colors.grey[400]};
|
|
926
|
+
}
|
|
927
|
+
}
|
|
928
|
+
|
|
929
|
+
overflow: hidden;
|
|
930
|
+
text-overflow: ellipsis;
|
|
931
|
+
white-space: nowrap;
|
|
932
|
+
|
|
933
|
+
&:read-only {
|
|
934
|
+
cursor: pointer;
|
|
935
|
+
pointer-events: none;
|
|
936
|
+
user-select: none;
|
|
937
|
+
}
|
|
938
|
+
`,WC=f.div`
|
|
939
|
+
display: flex;
|
|
940
|
+
align-items: center;
|
|
941
|
+
justify-content: center;
|
|
942
|
+
cursor: ${({$notClickable:e})=>e?"default":"pointer"};
|
|
943
|
+
`,XC=({label:i,required:n,tooltip:r,badge:a,leftIcon:l,leftIconClick:d,rightIcon:c,rightIconClick:u,suffix:h,hasError:m,hideFocusOutline:g=!1,errorMessage:f,warnMessage:y,helpMessage:v,type:$=Do.Text,name:w,value:C,onChange:x,disabled:S,maxWidth:E,width:T,small:O=!1,onClick:N,...k})=>{const A=b(),I=$===Do.Password,_=$===Do.Number||$===Do.Decimal,[D,R]=s(!1),[L,P]=s(null),F=e=>{e.stopPropagation();const t=e.target.value;if($===Do.Number||$===Do.Decimal){const o=$===Do.Number?Oc(t):Tc(t),i=null!=k.min?Number(k.min):void 0,n=null!=k.max?Number(k.max):void 0,r=$===Do.Decimal&&o.endsWith(".");let a=o,s=!1;if(o&&!r){const e=parseFloat(o);isNaN(e)||(null!=n&&e>n?(a=String(n),s=!0):null!=i&&e<i&&(a=String(i),s=!0))}e.target.value=a,P(t&&t!==o?"Please enter a valid number":s?"Value must be "+(null!=i&&null!=n?`between ${i} and ${n}`:null!=n?`at most ${n}`:`at least ${i}`):null)}x?.(e)},M=e=>{["Enter"].includes(e.key)||e.stopPropagation()},U=m||!!f||!!L,z=C?A.v2.colors.white[500]:S?A.v2.colors.grey[400]:A.v2.colors.silver[200],B=O?14:18,j=p(null),H=J$(j,{deps:[C]}),W=k.readOnly&&H&&null!=C&&""!==C?String(C):"",X=!!h&&!I;return e(Wd,{$width:T,$gap:O?2:6,children:[t(qw,{label:i,tooltip:r,required:n,badge:a,small:O}),t(UC,{$small:O,$disabled:S,$readOnly:!!k.readOnly,$error:U,$clickable:!!N&&!S,$hasSuffix:X,$hideFocusOutline:g,onClick:S?void 0:e=>{S||(k.readOnly||j.current?.focus(),N?.(e))},children:X?e(o,{children:[t(zC,{$small:O,children:t(C$,{text:W,fullWidth:!0,keepAlive:!0,children:t(HC,{"data-id":w,type:_?Do.Text:$,name:w,value:C,onChange:F,onKeyDown:M,disabled:S,$maxWidth:E,$width:"100%",$small:O,$tabular:_,...k,ref:j})})}),t(BC,{$disabled:S,$error:U}),t(jC,{$small:O,"aria-hidden":"true",children:t(zs,{size:Ls.XXXS,color:S?Ps.Disable:Ps.Secondary,nowrap:!0,children:h})})]}):e(C$,{text:W,fullWidth:!0,keepAlive:!0,children:[l?t(WC,{$notClickable:!d,onClick:d,children:t(l,{size:B,fill:z})}):null,t(HC,{"data-id":w,type:D||_?Do.Text:$,name:w,value:C,onChange:F,onKeyDown:M,disabled:S,$maxWidth:E,$width:T,$small:O,$tabular:_,...k,ref:j}),I?t(WC,{onClick:()=>R(e=>!e),children:t(P$,{from:Gt,to:Xt,active:D,size:B,fill:z,withRotate:!0})}):c?t(WC,{$notClickable:!u,onClick:u,children:t(c,{size:B,fill:z})}):null]})}),t(Jw,{errorMessage:L||f,warnMessage:y,helpMessage:v})]})},GC=e=>{const{"data-id":o,options:i,placeholder:n="Search...",isLoading:r,disabled:a}=e,l=!0===e.multiple,[p,u]=s(""),[h,m]=s(!1),g=c(()=>l?e.value:e.value?[e.value]:[],[l,e.value]),f=c(()=>{if(l){const e=g.length;return e?1===e?i.find(e=>e.id===g[0])?.label??"":`${e} selected`:""}return e.value?i.find(t=>t.id===e.value)?.label??"":""},[l,e,i,g]),y=h?p:f,b=c(()=>{const e=l?i.map(e=>({...e,withCheckbox:!0})):i;if(!p)return e;const t=p.toLowerCase();return e.filter(e=>[e.label,e.badge,e.secondaryLabel].some(e=>e?.toLowerCase().includes(t)))},[l,i,p]),v=d(()=>{u(""),m(!0)},[]),$=d(t=>{u(t.target.value),h||m(!0),l||t.target.value||!e.value||e.onSelect(null)},[h,l,e]),w=d(e=>{m(e),e||u("")},[]),C=d(t=>{if(l)return void e.onSelect(t);const o=i.find(e=>e.id===t[0]);o&&(e.onSelect(o),u(""),m(!1))},[l,e,i]),x=h&&(r||b.length>0||p.length>0);return t(uC,{open:x,onOpenChange:w,items:b,selectedIds:g,setSelectedIds:C,withMultiSelect:l,isLoading:r,emptyMessage:`No results matched the filter '${p}'`,fullWidth:!0,alignY:tw.Bottom,children:t(XC,{name:o,leftIcon:Ht,placeholder:n,value:y,onChange:$,onFocus:v,disabled:a})})},VC=f.button`
|
|
944
|
+
width: 100%;
|
|
945
|
+
padding: ${({$hasIcon:e})=>e?"0 12px 0 0":"12px 24px"};
|
|
946
|
+
display: flex;
|
|
947
|
+
align-items: center;
|
|
948
|
+
justify-content: flex-start;
|
|
949
|
+
gap: 12px;
|
|
950
|
+
border-radius: 8px;
|
|
951
|
+
border: none;
|
|
952
|
+
${({$hovered:e})=>e?y`
|
|
953
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
954
|
+
`:y`
|
|
955
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
956
|
+
`}
|
|
957
|
+
overflow: hidden;
|
|
958
|
+
cursor: pointer;
|
|
959
|
+
&:disabled {
|
|
960
|
+
cursor: not-allowed;
|
|
961
|
+
opacity: 0.5;
|
|
962
|
+
}
|
|
963
|
+
`,KC=f.div`
|
|
964
|
+
width: ${({$hasIcon:e})=>e?"56px":"0"};
|
|
965
|
+
height: 56px;
|
|
966
|
+
display: flex;
|
|
967
|
+
align-items: center;
|
|
968
|
+
justify-content: center;
|
|
969
|
+
${({$hovered:e})=>e?y`
|
|
970
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
971
|
+
`:y`
|
|
972
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
973
|
+
`}
|
|
974
|
+
`,YC=f.div`
|
|
975
|
+
width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
|
|
976
|
+
display: flex;
|
|
977
|
+
justify-content: space-between;
|
|
978
|
+
align-items: center;
|
|
979
|
+
gap: 8px;
|
|
980
|
+
`,qC=({label:o,description:i,icon:n,loading:r,disabled:a,onClick:l})=>{const[d,c]=s(!1);return e(VC,{$hovered:d,$hasIcon:!!n,type:"button",disabled:a||r,onClick:l,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),children:[n&&t(KC,{$hovered:d,$hasIcon:!!n,children:t(n,{size:36})}),e(YC,{$hasIcon:!!n,children:[r?t(tc,{withGradient:!0,titleSize:Ls.S}):e(Wd,{$gap:6,children:[t(zs,{children:o}),i&&t(zs,{size:Ls.XXS,color:Ps.Secondary,children:i})]}),t(Vt,{rotate:90,size:24})]})]})},JC=({buttons:e})=>t(Wd,{$gap:12,children:e.map((e,o)=>t(qC,{...e},`${e.label}-${o}`))}),QC=[1,.75,.5,.25,0],ZC=f.div`
|
|
981
|
+
display: flex;
|
|
982
|
+
flex-direction: column;
|
|
983
|
+
gap: 32px;
|
|
984
|
+
width: 100%;
|
|
985
|
+
min-width: 0;
|
|
986
|
+
`,ex=f(Hd)`
|
|
987
|
+
align-items: center;
|
|
988
|
+
gap: 4px;
|
|
989
|
+
`,tx=f.div`
|
|
990
|
+
display: flex;
|
|
991
|
+
align-items: flex-start;
|
|
992
|
+
gap: 4px;
|
|
993
|
+
width: 100%;
|
|
994
|
+
min-width: 0;
|
|
995
|
+
`,ox=f.div`
|
|
996
|
+
display: flex;
|
|
997
|
+
flex-direction: column;
|
|
998
|
+
justify-content: space-between;
|
|
999
|
+
align-items: flex-end;
|
|
1000
|
+
flex-shrink: 0;
|
|
1001
|
+
height: ${({$plotHeight:e})=>e}px;
|
|
1002
|
+
padding-bottom: 0;
|
|
1003
|
+
`,ix=f.div`
|
|
1004
|
+
display: flex;
|
|
1005
|
+
flex-direction: column;
|
|
1006
|
+
flex: 1;
|
|
1007
|
+
min-width: 0;
|
|
1008
|
+
`,nx=f.div`
|
|
1009
|
+
position: relative;
|
|
1010
|
+
display: flex;
|
|
1011
|
+
align-items: flex-end;
|
|
1012
|
+
width: 100%;
|
|
1013
|
+
height: ${({$height:e})=>e}px;
|
|
1014
|
+
border-bottom: 1px solid ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1015
|
+
`,rx=f.div`
|
|
1016
|
+
position: absolute;
|
|
1017
|
+
inset: 0;
|
|
1018
|
+
display: flex;
|
|
1019
|
+
flex-direction: column;
|
|
1020
|
+
justify-content: space-between;
|
|
1021
|
+
pointer-events: none;
|
|
1022
|
+
z-index: 0;
|
|
1023
|
+
`,ax=f.div`
|
|
1024
|
+
width: 100%;
|
|
1025
|
+
height: 0;
|
|
1026
|
+
border-top: 0.5px solid ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1027
|
+
`,sx=f.div`
|
|
1028
|
+
position: relative;
|
|
1029
|
+
z-index: 1;
|
|
1030
|
+
display: flex;
|
|
1031
|
+
align-items: flex-end;
|
|
1032
|
+
width: 100%;
|
|
1033
|
+
height: 100%;
|
|
1034
|
+
padding: 0 8px;
|
|
1035
|
+
`,lx=f.div`
|
|
1036
|
+
display: flex;
|
|
1037
|
+
flex: 1;
|
|
1038
|
+
align-items: flex-end;
|
|
1039
|
+
justify-content: center;
|
|
1040
|
+
height: 100%;
|
|
1041
|
+
min-width: 0;
|
|
1042
|
+
padding: 0 4px;
|
|
1043
|
+
|
|
1044
|
+
/* Tooltip wrapper must fill the slot so % bar height resolves against plot height. */
|
|
1045
|
+
& > * {
|
|
1046
|
+
display: flex;
|
|
1047
|
+
align-items: flex-end;
|
|
1048
|
+
width: 100%;
|
|
1049
|
+
height: 100%;
|
|
1050
|
+
max-width: 124px;
|
|
1051
|
+
}
|
|
1052
|
+
`,dx=f.div`
|
|
1053
|
+
width: 100%;
|
|
1054
|
+
height: ${({$pct:e})=>`${Math.max(0,Math.min(100,e))}%`};
|
|
1055
|
+
border-radius: 6px 6px 0 0;
|
|
1056
|
+
background-color: ${({$color:e})=>e};
|
|
1057
|
+
min-height: ${({$pct:e})=>e>0?"2px":"0"};
|
|
1058
|
+
`,cx=f.div`
|
|
1059
|
+
display: flex;
|
|
1060
|
+
flex-direction: column;
|
|
1061
|
+
gap: 4px;
|
|
1062
|
+
width: 100%;
|
|
1063
|
+
height: ${29}px;
|
|
1064
|
+
padding: 0 8px;
|
|
1065
|
+
`,px=f.div`
|
|
1066
|
+
display: flex;
|
|
1067
|
+
height: 8px;
|
|
1068
|
+
width: 100%;
|
|
1069
|
+
`,ux=f.div`
|
|
1070
|
+
display: flex;
|
|
1071
|
+
flex: 1;
|
|
1072
|
+
align-items: center;
|
|
1073
|
+
justify-content: center;
|
|
1074
|
+
min-width: 0;
|
|
1075
|
+
`,hx=f.div`
|
|
1076
|
+
width: 0;
|
|
1077
|
+
height: 100%;
|
|
1078
|
+
border-left: 0.5px solid ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1079
|
+
`,mx=f.div`
|
|
1080
|
+
display: flex;
|
|
1081
|
+
width: 100%;
|
|
1082
|
+
height: 17px;
|
|
1083
|
+
`,gx=f.div`
|
|
1084
|
+
display: flex;
|
|
1085
|
+
flex: 1;
|
|
1086
|
+
align-items: center;
|
|
1087
|
+
justify-content: center;
|
|
1088
|
+
min-width: 0;
|
|
1089
|
+
overflow: hidden;
|
|
1090
|
+
`,fx=({title:o,titleTooltip:i,bars:n,height:r=311})=>{const a=b(),s=c(()=>[a.v2.colors.purple[400],a.v2.colors.pink[500],a.v2.colors.red[500],a.v2.colors.orange[500],a.v2.colors.yellow[500],a.v2.colors.green[400],a.v2.colors.mint[500],a.v2.colors.blue[600]],[a]),l=c(()=>Math.max(0,...n.map(e=>e.value)),[n]),d=c(()=>QC.map(e=>{return t=l*e,Number.isFinite(t)?Number.isInteger(t)?t.toLocaleString():t.toLocaleString(void 0,{maximumFractionDigits:1}):"0";var t}),[l]);return e(ZC,{children:[!!o&&e(ex,{children:[t(zs,{size:Ls.S,weight:500,children:o}),!!i&&t(C$,{text:i,withIcon:!0})]}),e(tx,{children:[t(ox,{$plotHeight:r,children:d.map((e,o)=>t(zs,{size:Ls.XXS,color:Ps.Primary,nowrap:!0,children:e},QC[o]))}),e(ix,{children:[e(nx,{$height:r,children:[t(rx,{children:QC.map(e=>t(ax,{},e))}),t(sx,{children:n.map((e,o)=>{const i=l>0?e.value/l*100:0,n=e.color??s[o%s.length];return t(lx,{children:t(C$,{text:`${e.label}: ${e.value.toLocaleString()}`,fullWidth:!0,children:t(dx,{$pct:i,$color:n})})},`${e.label}-${o}`)})})]}),e(cx,{children:[t(px,{children:n.map((e,o)=>t(ux,{children:t(hx,{})},`tick-${e.label}-${o}`))}),t(mx,{children:n.map((e,o)=>t(gx,{children:t(zs,{size:Ls.XXS,color:Ps.Primary,nowrap:!0,children:e.label})},`label-${e.label}-${o}`))})]})]})]})]})};var yx;(e=>{e.CurrentOfMax="currentOfMax",e.GoodAgainstBad="goodAgainstBad"})(yx||(yx={}));const bx=f.div`
|
|
1091
|
+
display: flex;
|
|
1092
|
+
align-items: flex-end;
|
|
1093
|
+
justify-content: space-between;
|
|
1094
|
+
gap: 24px;
|
|
1095
|
+
width: fit-content;
|
|
1096
|
+
`,vx=f.div`
|
|
1097
|
+
position: relative;
|
|
1098
|
+
display: flex;
|
|
1099
|
+
flex-direction: column;
|
|
1100
|
+
align-items: center;
|
|
1101
|
+
width: ${({$width:e})=>e??150}px;
|
|
1102
|
+
flex-shrink: 0;
|
|
1103
|
+
`,$x=f.svg`
|
|
1104
|
+
display: block;
|
|
1105
|
+
width: 100%;
|
|
1106
|
+
height: auto;
|
|
1107
|
+
overflow: visible;
|
|
1108
|
+
`,wx=f(Wd)`
|
|
1109
|
+
position: absolute;
|
|
1110
|
+
left: 0;
|
|
1111
|
+
right: 0;
|
|
1112
|
+
bottom: 4px;
|
|
1113
|
+
align-items: center;
|
|
1114
|
+
gap: 2px;
|
|
1115
|
+
pointer-events: none;
|
|
1116
|
+
`,Cx=f.span`
|
|
1117
|
+
display: inline-block;
|
|
1118
|
+
flex-shrink: 0;
|
|
1119
|
+
width: 9px;
|
|
1120
|
+
height: 9px;
|
|
1121
|
+
border-radius: 50%;
|
|
1122
|
+
background-color: ${({$color:e})=>e};
|
|
1123
|
+
`,xx=e=>{if(null==e||""===e)return{number:0,prefix:"",suffix:""};if("number"==typeof e)return{number:e,prefix:"",suffix:""};const t=e.match(/^(\D*)(-?\d*\.?\d+)(.*)$/);return t?{number:parseFloat(t[2]),prefix:t[1]??"",suffix:(t[3]??"").trim()}:{number:0,prefix:"",suffix:""}},Sx=(e,t,o,i)=>{const n=i*Math.PI/180;return{x:e+o*Math.cos(n),y:t-o*Math.sin(n)}},Ex=(e,t,o,i,n)=>{const r=Sx(e,t,o,i),a=Sx(e,t,o,n),s=i>n?1:0,l=Math.abs(i-n)>180?1:0;return`M ${r.x} ${r.y} A ${o} ${o} 0 ${l} ${s} ${a.x} ${a.y}`},Tx=({variant:o=yx.CurrentOfMax,gaugeWidth:i,title:n,min:r=0,max:a,current:l,primaryLabel:d,primaryColor:c,secondaryLabel:p,secondaryColor:u})=>{const{number:h}=xx(r),{number:m}=xx(a),{number:g,prefix:f,suffix:y}=xx(l),v=b(),$=(F=(g-h)/Math.max(m-h,1),Math.min(Math.max(F,0),1)),w=180-180*$,C=$>0?Ex(60,60,55,180,w):null,x=$<1?Ex(60,60,55,w,0):null,S=Sx(60,60,55,180),E=Sx(60,60,55,0),T=c??(o===yx.GoodAgainstBad?v.v2.colors.green[500]:v.v2.colors.purple[400]),O=u??(o===yx.GoodAgainstBad?v.v2.colors.red[500]:v.v2.colors.silver[500]),[N,k]=s(null),A=e=>`${f}${e}${y}`,I=o===yx.GoodAgainstBad?Math.max(m-g,0):m,_="primary"===N?d:"secondary"===N?p:"",D="primary"===N?A(g):"secondary"===N?A(I):"",R=()=>k("primary"),L=()=>k("secondary"),P=()=>k(null);var F;return e(bx,{children:[e(vx,{$width:i,children:[t(C$,{keepAlive:!0,fullWidth:!0,title:_,text:D,children:e($x,{viewBox:"0 0 120 65",role:"img","aria-label":`${n}: ${g} of ${m}`,children:[C&&t("path",{d:C,fill:"none",stroke:T,strokeWidth:10,strokeLinecap:1===$?"round":"butt",onMouseEnter:R,onMouseLeave:P}),x&&t("path",{d:x,fill:"none",stroke:O,strokeWidth:10,strokeLinecap:0===$?"round":"butt",onMouseEnter:L,onMouseLeave:P}),$>0&&t("circle",{cx:S.x,cy:S.y,r:5,fill:T,onMouseEnter:R,onMouseLeave:P}),$<1&&t("circle",{cx:E.x,cy:E.y,r:5,fill:O,onMouseEnter:L,onMouseLeave:P})]})}),n&&e(wx,{children:[t(zs,{size:Ls.XXXS,color:v.v2.colors.grey[150],align:"center",children:n}),t(zs,{size:Ls.L,weight:500,align:"center",children:`${f}${g}${y}`})]})]}),e(Wd,{$gap:7,children:[e(Hd,{$gap:8,$alignItems:"center",children:[t(Cx,{$color:T}),t(zs,{size:Ls.XXXS,color:v.v2.colors.grey[150],nowrap:!0,children:d})]}),e(Hd,{$gap:8,$alignItems:"center",children:[t(Cx,{$color:O}),t(zs,{size:Ls.XXXS,color:v.v2.colors.grey[150],nowrap:!0,children:p})]})]})]})},Ox=f(Hd)`
|
|
1124
|
+
width: 100%;
|
|
1125
|
+
padding: 8px 12px;
|
|
1126
|
+
border-radius: 6px;
|
|
1127
|
+
background-color: ${({theme:e,$bgTint:t})=>e.v2.colors.silver[t||"800"]};
|
|
1128
|
+
display: flex;
|
|
1129
|
+
align-items: center;
|
|
1130
|
+
justify-content: space-between;
|
|
1131
|
+
gap: 12px;
|
|
1132
|
+
`,Nx=f.div`
|
|
1133
|
+
position: relative;
|
|
1134
|
+
width: ${({$hideCopy:e})=>e?"100%":"calc(100% - 24px - 12px)"};
|
|
1135
|
+
display: flex;
|
|
1136
|
+
align-items: center;
|
|
1137
|
+
gap: 4px;
|
|
1138
|
+
`,kx=f.pre`
|
|
1139
|
+
flex: 1;
|
|
1140
|
+
margin: 0;
|
|
1141
|
+
padding: 0;
|
|
1142
|
+
font-size: 12px;
|
|
1143
|
+
color: #5ffb98; // TODO: add to theme
|
|
1144
|
+
overflow-x: auto;
|
|
1145
|
+
`,Ax=f.span`
|
|
1146
|
+
flex-shrink: 0;
|
|
1147
|
+
font-size: 14px;
|
|
1148
|
+
color: #5ffb98; // TODO: add to theme
|
|
1149
|
+
`,Ix=({bgTint:o,label:i,value:n,hideCopy:r=!1,onDone:a})=>{const{CopyButton:d}=H$({onDone:a}),c=p(null),[u,h]=s(!1);return l(()=>{const e=()=>{if(c.current){const{scrollWidth:e,clientWidth:t}=c.current;h(e>t)}};e();const t=new ResizeObserver(e);return c.current&&t.observe(c.current),()=>{t.disconnect()}},[n]),e(Wd,{$gap:4,children:[i&&t(zs,{size:Ls.XXXS,color:Ps.Secondary,children:i}),e(Ox,{$bgTint:o,children:[e(Nx,{$hideCopy:r,children:[t(kx,{ref:c,children:n}),u&&t(Ax,{children:"..."})]}),!r&&t(d,{value:n})]})]})},_x=f(Hd)`
|
|
1150
|
+
gap: 0;
|
|
1151
|
+
`,Dx=f.button`
|
|
1152
|
+
padding: 4px 8px;
|
|
1153
|
+
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
1154
|
+
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
1155
|
+
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1156
|
+
display: flex;
|
|
1157
|
+
align-items: center;
|
|
1158
|
+
justify-content: center;
|
|
1159
|
+
cursor: pointer;
|
|
1160
|
+
&:hover {
|
|
1161
|
+
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
1162
|
+
}
|
|
1163
|
+
`,Rx=({isPrettyMode:o,setIsPrettyMode:i})=>e(_x,{children:[t(Dx,{$position:"left",$selected:o,onClick:()=>i(!0),children:t(Kt,{})}),t(Dx,{$position:"right",$selected:!o,onClick:()=>i(!1),children:t(Dt,{})})]}),Lx=f.table`
|
|
1164
|
+
border-collapse: collapse;
|
|
1165
|
+
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1166
|
+
`,Px=f.tbody``,Fx=f.tr`
|
|
1167
|
+
td:first-child {
|
|
1168
|
+
padding-left: 0 !important;
|
|
1169
|
+
}
|
|
1170
|
+
td:last-child {
|
|
1171
|
+
padding-right: 0 !important;
|
|
1172
|
+
}
|
|
1173
|
+
`,Mx=f.td`
|
|
1174
|
+
vertical-align: top;
|
|
1175
|
+
padding: 4px 6px;
|
|
1176
|
+
`,Ux=f.span`
|
|
1177
|
+
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
1178
|
+
overflow-wrap: break-word;
|
|
1179
|
+
word-break: break-word;
|
|
1180
|
+
word-wrap: break-word;
|
|
1181
|
+
/* Fallback for older browsers */
|
|
1182
|
+
-ms-word-break: break-all;
|
|
1183
|
+
font-size: 12px;
|
|
1184
|
+
`,zx=({language:e,code:o,theme:i,flatten:n,pretty:r})=>{const{darkMode:a}=b(),s=i?so[i]:a?so.palenight:so.vsLight;let l="";if("json"===e){const e=tl(o,{}),t=Kc(e);l=Yc(n?Cl(t):t)}else l=o;return r&&"json"===e?t(Bx,{darkMode:a,str:l}):t(ao,{theme:s||(a?so.palenight:so.vsLight),language:e,code:l,children:({getLineProps:e,getTokenProps:o,tokens:i})=>t("pre",{children:i.map((i,n)=>t("div",{...e({line:i}),children:i.map((e,i)=>t(Ux,{...o({token:e})},`line-${n}-token-${i}`))},`line-${n}`))})})},Bx=({darkMode:o,str:i})=>{const n=b(),a=(o,i)=>{const a=new Array(o).fill(o=>e(Fx,{...o,children:[t(Mx,{}),t(Mx,{})]}));return t(r,{children:a.map((e,o)=>t(e,{style:0===o?{borderBottom:`1px solid ${n.colors.border}`}:{}},`empty-row-${i}-${o}`))})};return t(ao,{theme:o?so.palenight:so.vsLight,language:"json",code:i,children:({getLineProps:o,getTokenProps:i,tokens:s})=>t(Lx,{children:t(Px,{children:s.map((s,l)=>{const d=(e=>{const t=["punctuation","plain","operator"];return e.filter(e=>!t.includes(e.types[0])).map(({types:e,content:t})=>{const o=[...e],i=["property","string"].includes(o[0])?t.replace(/"/g,""):t;return"string"===o[0]&&(["true","false"].includes(i.split("@")[0])&&(o[0]="boolean"),i.split("@")[0].match(/^[0-9]+$/)&&(o[0]="number")),{types:o,content:i}})})(s),c=o({line:d});return 1===d.length&&"property"===d[0].types[0]?e(r,{children:[a(2,l),e(Fx,{...c,children:[t(Mx,{children:t(zs,{nowrap:!0,children:d[0].content})}),t(Mx,{})]})]},`line-${l}`):2===d.length?t(Fx,{...c,children:d.map((o,r)=>{const{text:a,components:s}=((e,o)=>{const[i,...n]=e.split("@");return{text:i,components:n?.map((e,i)=>{if(!e.includes("="))return null;const[n,r]=e.split("=");switch(n){case"tooltip":return t(C$,{withIcon:!0,text:r},`${n}-${r}-${i}`);case"status":if("none"===r)return t("div",{style:{width:16,height:16}},`${n}-${r}-${i}`);let e=oc(r,o);return e||(e=oc(Ro.Warning,o)),t(e,{},`${n}-${r}-${i}`);default:return null}})?.filter(e=>!!e)||[]}})(o.content,n),d=0===r;return t(Mx,{children:e(Hd,{children:[t(Hd,{children:s}),t(Ux,{$noWrap:d,...i({token:o}),children:a})]})},`line-${l}-token-${r}`)})},`line-${l}`):(d.length,null)})})})})},jx=f.div`
|
|
1185
|
+
display: flex;
|
|
1186
|
+
align-items: ${({$slim:e})=>e?"flex-start":"center"};
|
|
1187
|
+
gap: 8px;
|
|
1188
|
+
padding: ${({$hideBackground:e,$slim:t})=>e?"0":t?"8px":"16px"};
|
|
1189
|
+
width: ${({$width:e})=>e||"auto"};
|
|
1190
|
+
border-radius: ${({$isExtended:e})=>e?"12px 12px 0 0":"12px"};
|
|
1191
|
+
background-color: ${({$hideBackground:e,$backgroundColor:t})=>e?"transparent":t};
|
|
1192
|
+
|
|
1193
|
+
${({$withHover:e,$hideBackground:t,$hoverBackgroundColor:o})=>e&&y`
|
|
1194
|
+
cursor: pointer;
|
|
1195
|
+
transition: background 0.2s;
|
|
1196
|
+
&:hover {
|
|
1197
|
+
background-color: ${t?"transparent":o};
|
|
1198
|
+
}
|
|
1199
|
+
`}
|
|
1200
|
+
`,Hx=f.div`
|
|
1201
|
+
display: flex;
|
|
1202
|
+
align-items: center;
|
|
1203
|
+
justify-content: center;
|
|
1204
|
+
align-self: ${({$slim:e})=>e?"flex-start":"auto"};
|
|
1205
|
+
flex-shrink: 0;
|
|
1206
|
+
width: ${({$slim:e})=>e?"32px":"42px"};
|
|
1207
|
+
height: ${({$slim:e})=>e?"32px":"42px"};
|
|
1208
|
+
border-radius: 11px;
|
|
1209
|
+
background-color: ${({$backgroundColor:e,$slim:t})=>t?"transparent":e};
|
|
1210
|
+
${({$withClick:e})=>e&&y`
|
|
1211
|
+
cursor: pointer;
|
|
1212
|
+
& * {
|
|
1213
|
+
cursor: pointer;
|
|
1214
|
+
}
|
|
1215
|
+
&:hover {
|
|
1216
|
+
transform: scale(1.2);
|
|
1217
|
+
}
|
|
1218
|
+
`}
|
|
1219
|
+
`,Wx=f(Wd)`
|
|
1220
|
+
flex: 1;
|
|
1221
|
+
align-self: ${({$slim:e})=>e?"flex-start":"center"};
|
|
1222
|
+
min-width: 0;
|
|
1223
|
+
`,Xx=f(Wd)`
|
|
1224
|
+
align-self: stretch;
|
|
1225
|
+
flex-shrink: 0;
|
|
1226
|
+
`,Gx=f.div`
|
|
1227
|
+
display: flex;
|
|
1228
|
+
align-items: center;
|
|
1229
|
+
justify-content: center;
|
|
1230
|
+
flex-shrink: 0;
|
|
1231
|
+
width: 24px;
|
|
1232
|
+
height: 24px;
|
|
1233
|
+
`,Vx=({status:o,title:i,subTitle:n,details:r,actionDetails:a,badgeLabel:s,loading:l,actionButtons:d,isExtended:c=!1,toggleExtended:p,invertColors:u=!1,hideIcon:h=!1,hideBackground:m=!1,width:g,slim:f=!1})=>{const y=b(),v=oc(o,y),$=o===Ro.Unknown,w=o===Ro.Disabled,C=o===Ro.Loading||l,x=[Ro.Error,Ro.Warning,Ro.Success].includes(o),S=od(y,o,w?u?"400":"700":$?"600":u?"300":"500"),E=w?y.v2.colors.grey[400]:u?y.v2.colors.white[500]:x?y.v2.colors.black[500]:y.v2.colors.white[500],T=u&&!$?S:E,O=!u||$||w?"rgba(0, 0, 0, 0.13)":od(y,o,"800"),N=w?y.v2.colors.grey[900]:u||$?y.v2.colors.silver[800]:S,k=w?y.v2.colors.grey[800]:u||$?y.v2.colors.silver[700]:od(y,o,"600");return e(jx,{$width:g,$withHover:!!p,$isExtended:c,$hideBackground:m,$backgroundColor:N,$hoverBackgroundColor:k,$slim:f,onClick:p,children:[!h&&t(Hx,{$backgroundColor:O,$slim:f,children:C?t(tc,{withSpinnerOld:!0,scaleSpinnerOld:1.2}):t(v,{size:32,fill:T})}),e(Wx,{$gap:4,$justifyContent:"center",$slim:f,children:[e(Hd,{$gap:10,$alignItems:"center",children:[t(zs,{size:f?Ls.XS:Ls.S,weight:500,color:T,children:i}),s&&t(bw,{label:s,backgroundColor:y.v2.colors.silver[600],textColor:y.v2.colors.white[500],textSize:Ls.XXXS})]}),n&&t(zs,{size:Ls.XXXS,color:E,children:n}),r]}),(!!d?.length||a)&&e(Xx,{$gap:8,$alignItems:"flex-end",$justifyContent:a?"space-between":"center",children:[!!d?.length&&t(Hd,{$gap:8,children:d.map(e=>t(T$,{...e,variant:x$.Secondary,size:S$.S},e["data-id"]??e.label))}),a]}),p&&t(Gx,{children:t(D$,{value:c,children:t(U$,{size:24,fill:E})})})]})},Kx=f.div`
|
|
1234
|
+
display: flex;
|
|
1235
|
+
flex-direction: column;
|
|
1236
|
+
width: 100%;
|
|
1237
|
+
border-radius: 12px;
|
|
1238
|
+
overflow: hidden;
|
|
1239
|
+
`,Yx=f.div`
|
|
1240
|
+
display: flex;
|
|
1241
|
+
flex-direction: column;
|
|
1242
|
+
gap: 8px;
|
|
1243
|
+
padding: 8px 12px 16px 12px;
|
|
1244
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1245
|
+
`,qx=f.div`
|
|
1246
|
+
display: flex;
|
|
1247
|
+
align-items: center;
|
|
1248
|
+
gap: 8px;
|
|
1249
|
+
`,Jx=f.div`
|
|
1250
|
+
display: flex;
|
|
1251
|
+
align-items: center;
|
|
1252
|
+
justify-content: center;
|
|
1253
|
+
flex-shrink: 0;
|
|
1254
|
+
width: 18px;
|
|
1255
|
+
height: 18px;
|
|
1256
|
+
`,Qx=({conditions:o,title:i,subTitle:n})=>{const r=b(),[a,p]=s(!1),u=d(()=>p(e=>!e),[]),h=c(()=>Cc(o),[o]),{errors:m,hasErrors:g,warnings:f,hasWarnings:y,hasDisableds:v,hasLoadings:$}=c(()=>Nl(h),[h]);l(()=>{p(g||y||v)},[g,y,v]);const w=c(()=>(!h.length||$)&&!g&&!y&&!v,[h.length,$,g,y,v]),C=c(()=>g?Ro.Error:y?Ro.Warning:v?Ro.Info:Ro.Success,[g,y,v]),x=c(()=>i||(1===h.length?Ds(h[0].reason||h[0].type):void 0)||(({hasErrors:e,hasWarnings:t,hasDisableds:o,loading:i})=>e?"Something Failed":t||o?"Something isn't right":i?"Loading...":"Everything Successful")({hasErrors:g,hasWarnings:y,hasDisableds:v,loading:w}),[i,h,g,y,v,w]),S=c(()=>n||1===h.length&&h[0].message||void 0,[n,h]),E=c(()=>`${g?m.length:y?f.length:h.length}/${h.length}`,[g,m.length,y,f.length,h.length]);return e(Kx,{children:[t(Vx,{status:C,invertColors:!0,title:x,subTitle:S,badgeLabel:E,loading:w,isExtended:a,toggleExtended:u}),a&&t(Yx,{children:h.map(({status:o,type:i,reason:n,message:a},s)=>{const l=o===Ro.Loading,d=o===Ro.Disabled?Ro.Info:o,c=l?null:oc(d,r),p=o===Ro.Error?od(r,Ro.Error,"500"):o===Ro.Warning?od(r,Ro.Warning,"500"):r.v2.colors.white[500],u=[i,a||n].filter(Boolean).join(" - ");return e(qx,{children:[t(Jx,{children:l||!c?t(tc,{withSpinnerOld:!0,scaleSpinnerOld:.8}):t(c,{size:18})}),t(zs,{size:Ls.XXXS,color:p,lineHeight:"16px",children:u})]},`condition-${s}`)})})]})},Zx=f.div`
|
|
1257
|
+
width: ${({$orientation:e,$thickness:t,$length:o})=>e===Co.Vertical?`${t}px`:o||"100%"};
|
|
1258
|
+
height: ${({$orientation:e,$thickness:t,$length:o})=>e===Co.Horizontal?`${t}px`:o||"100%"};
|
|
1259
|
+
margin: ${({$orientation:e,$margin:t})=>t||(e===Co.Horizontal?"8px 0":"0 8px")};
|
|
1260
|
+
background-color: ${({$type:e,theme:t})=>e?od(t,e):t.v2.colors.silver[500]};
|
|
1261
|
+
opacity: ${({$opacity:e})=>e||1};
|
|
1262
|
+
`,eS=({orientation:e=Co.Horizontal,type:o,thickness:i=1,length:n,margin:r,opacity:a})=>t(Zx,{$orientation:e,$type:o,$thickness:i,$length:n,$margin:r,$opacity:a});var tS,oS,iS;(e=>{e.Default="default",e.SuccessError="successError"})(tS||(tS={})),(e=>{e.S="small",e.L="large"})(oS||(oS={})),(e=>{e.Left="left",e.Right="right"})(iS||(iS={}));const nS=f.div`
|
|
1263
|
+
display: flex;
|
|
1264
|
+
align-items: center;
|
|
1265
|
+
gap: ${({$gap:e})=>e}px;
|
|
1266
|
+
`,rS=f.div`
|
|
1267
|
+
position: relative;
|
|
1268
|
+
display: flex;
|
|
1269
|
+
align-items: center;
|
|
1270
|
+
justify-content: space-between;
|
|
1271
|
+
box-sizing: content-box;
|
|
1272
|
+
|
|
1273
|
+
width: ${({$size:e})=>2*e+2}px;
|
|
1274
|
+
height: ${({$size:e})=>e}px;
|
|
1275
|
+
padding: ${4}px;
|
|
1276
|
+
border-radius: ${({$size:e})=>2*e}px;
|
|
1277
|
+
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:o,$variant:i,$value:n,theme:r})=>{if(e)return r.v2.colors.grey[800];if(t&&n)return t;if(o&&!n)return o;switch(i){case tS.SuccessError:return n?r.v2.colors.green[500]:r.v2.colors.red[500];case tS.Default:default:return n?r.v2.colors.purple[500]:r.v2.colors.grey[400]}}};
|
|
1278
|
+
|
|
1279
|
+
border: 1px solid ${({$disabled:e,theme:t})=>e?t.v2.colors.grey[600]:"transparent"};
|
|
1280
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1281
|
+
`,aS=f.div`
|
|
1282
|
+
position: absolute;
|
|
1283
|
+
top: 50%;
|
|
1284
|
+
left: ${({$value:e,$size:t})=>e?`calc(100% - ${t}px - 4px)`:"4px"};
|
|
1285
|
+
transform: translateY(-50%);
|
|
1286
|
+
width: ${({$size:e})=>e}px;
|
|
1287
|
+
height: ${({$size:e})=>e}px;
|
|
1288
|
+
border-radius: 100%;
|
|
1289
|
+
background-color: ${({$color:e})=>e};
|
|
1290
|
+
box-shadow: ${({$disabled:e})=>e?"0 0 40px 0 rgba(0, 0, 0, 0.07)":"0 0 10px 0 rgba(0, 0, 0, 0.50)"};
|
|
1291
|
+
`,sS=({variant:i=tS.Default,size:n=oS.L,name:r,label:a,labelAlign:s=iS.Right,labelColor:l,tooltip:d,badge:c,value:p,onChange:u,disabled:h,withIcon:m,onIcon:g=Ut,offIcon:f=Bt,onBgColor:y,offBgColor:v,errorMessage:$,warnMessage:w,helpMessage:C})=>{const x=b(),S=h?x.v2.colors.grey[400]:x.v2.colors.white[500],E=n===oS.S?10:16,T=l||x.v2.colors.silver[200],O=n===oS.S?Ls.XXXS:Ls.XS,N=n===oS.S?8:12;return e(Wd,{$gap:4,children:[e(Hd,{$justifyContent:"space-between",children:[e(nS,{"data-id":r||"toggle"+(a?`-${a}`:""),"data-toggle-value":p?"true":"false",$gap:N,children:[a&&s===iS.Left&&t(zs,{color:T,size:O,nowrap:!0,children:a}),e(rS,{$onBgColor:y,$offBgColor:v,$variant:i,$size:E,$value:p,$disabled:h,onClick:e=>{e.stopPropagation(),h||u(!p)},children:[t(aS,{$color:S,$size:E,$value:p,$disabled:h}),m&&e(o,{children:[t(g,{size:E,fill:S}),t(f,{size:E,fill:S})]})]}),a&&s===iS.Right&&t(zs,{color:T,size:O,nowrap:!0,children:a})]}),t(qw,{tooltip:d,badge:c})]}),t(Jw,{errorMessage:$,warnMessage:w,helpMessage:C})]})},lS=f.div`
|
|
1292
|
+
display: flex;
|
|
1293
|
+
flex-direction: ${({$direction:e})=>e===Co.Horizontal?"row":"column"};
|
|
1294
|
+
gap: ${({$direction:e})=>e===Co.Horizontal?16:8}px;
|
|
1295
|
+
`,dS=({direction:o=Co.Vertical,title:i,size:n,disabled:r,options:a,values:s,setValues:l})=>{const d=n===oS.S?Ls.XS:Ls.S;return e(lS,{$direction:o,children:[i&&t(zs,{size:d,children:i}),a.map(e=>t(sS,{...e,labelAlign:iS.Right,value:s[e.id],onChange:t=>{return o=e.id,i=t,void l(e=>{const t={...e};return o?t[o]=i:a.forEach(e=>t[e.id]=i),t});var o,i},disabled:r,size:n},`${i}-toggle-${e.id}`))]})};var cS;(e=>{e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"})(cS||(cS={}));const pS=f.div`
|
|
1296
|
+
width: ${({$size:e})=>1.5*e}px;
|
|
1297
|
+
height: ${({$size:e})=>1.5*e}px;
|
|
1298
|
+
display: flex;
|
|
1299
|
+
align-items: center;
|
|
1300
|
+
justify-content: center;
|
|
1301
|
+
border-radius: 100%;
|
|
1302
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1303
|
+
&:hover {
|
|
1304
|
+
background: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1305
|
+
}
|
|
1306
|
+
`,uS=({"data-id":e,icon:o,size:i=cS.S,onClick:n,disabled:r})=>t(pS,{"data-id":e,$size:i,$disabled:r,onClick:e=>{n&&!r&&(e.stopPropagation(),n(e))},children:t(o,{size:i})}),hS=f.div`
|
|
1307
|
+
display: flex;
|
|
1308
|
+
align-items: center;
|
|
1309
|
+
justify-content: space-between;
|
|
1310
|
+
width: 100%;
|
|
1311
|
+
overflow: hidden;
|
|
1312
|
+
`,mS=f.div`
|
|
1313
|
+
display: flex;
|
|
1314
|
+
align-items: center;
|
|
1315
|
+
gap: 16px;
|
|
1316
|
+
padding: 6px 0;
|
|
1317
|
+
min-width: 0;
|
|
1318
|
+
flex: 1;
|
|
1319
|
+
overflow: hidden;
|
|
1320
|
+
`,gS=f.div`
|
|
1321
|
+
display: flex;
|
|
1322
|
+
align-items: center;
|
|
1323
|
+
justify-content: center;
|
|
1324
|
+
flex: 0 0 36px;
|
|
1325
|
+
width: 36px;
|
|
1326
|
+
height: 36px;
|
|
1327
|
+
border-radius: 8px;
|
|
1328
|
+
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1329
|
+
`,fS=f.img`
|
|
1330
|
+
width: 24px;
|
|
1331
|
+
height: 24px;
|
|
1332
|
+
`,yS=f.div`
|
|
1333
|
+
display: flex;
|
|
1334
|
+
align-items: center;
|
|
1335
|
+
gap: 16px;
|
|
1336
|
+
flex-shrink: 0;
|
|
1337
|
+
`,bS=({icon:o,iconSrc:i,title:n,titleBadges:r,subTitle:a,subTitleTags:s,toggleProps:l,actions:d,onClose:c,onCloseDisabled:p})=>e(hS,{children:[e(mS,{children:[o?t(gS,{children:t(o,{size:24})}):i?t(gS,{children:t(fS,{src:i,alt:n||"icon"})}):null,(n||r?.length||a||s?.length)&&e(Wd,{$gap:6,children:[(n||r?.length)&&e(Hd,{$gap:16,children:[n&&t(zs,{size:Ls.S,weight:500,children:n}),r?.length&&t(Hd,{$gap:4,children:r?.map((e,o)=>t(bw,{...e},`${e.label}-${o}`))})]}),(a||s?.length)&&e(Hd,{$gap:16,children:[a&&t(zs,{color:Ps.Secondary,size:Ls.XXS,children:a}),s?.length&&t(Hd,{$gap:4,children:s?.map((e,o)=>t(fw,{...e},`${e.label}-${o}`))})]})]})]}),e(yS,{children:[l&&t(sS,{...l}),d?.length?t(uC,{iconButtonProps:{"data-id":"drawer-actions",leftIcon:Wt},items:d,selectedIds:d?.filter(e=>e?.active)?.map(e=>e?.id)??[],setSelectedIds:e=>d?.find(t=>t?.id===e[0])?.onClick?.()}):null,c&&t(uS,{"data-id":"drawer-close",icon:Bt,size:cS.M,onClick:c,disabled:p})]})]}),vS=f.div`
|
|
1338
|
+
position: relative;
|
|
1339
|
+
&.animated {
|
|
1340
|
+
overflow: hidden;
|
|
1341
|
+
padding-bottom: 1px;
|
|
1342
|
+
border-radius: 8px;
|
|
1343
|
+
animation: ${({$isLeaving:e})=>e?Aw.out.bottom:Aw.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
1344
|
+
}
|
|
1345
|
+
`,$S=f.div`
|
|
1346
|
+
position: absolute;
|
|
1347
|
+
bottom: -1px;
|
|
1348
|
+
left: 0;
|
|
1349
|
+
z-index: -1;
|
|
1350
|
+
width: 100%;
|
|
1351
|
+
height: 100%;
|
|
1352
|
+
border-radius: 8px;
|
|
1353
|
+
background-color: ${({theme:e,$status:t})=>od(e,t,t===Ro.Default?"300":t===Ro.Info?"400":"500")};
|
|
1354
|
+
animation: ${Iw.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
1355
|
+
`,wS=f.div`
|
|
1356
|
+
display: flex;
|
|
1357
|
+
align-items: center;
|
|
1358
|
+
gap: 10px;
|
|
1359
|
+
${({$fullWidth:e})=>e&&y`
|
|
1360
|
+
width: 100%;
|
|
1361
|
+
`}
|
|
1362
|
+
padding: 8px 12px 8px 8px;
|
|
1363
|
+
border-radius: 8px;
|
|
1364
|
+
background-color: ${({theme:e,$status:t})=>od(e,t,[Ro.Info,Ro.Warning].includes(t)?"1000":"900")};
|
|
1365
|
+
`,CS=f.div`
|
|
1366
|
+
width: ${({$smallIcon:e})=>e?"24px":"32px"};
|
|
1367
|
+
height: ${({$smallIcon:e})=>e?"24px":"32px"};
|
|
1368
|
+
display: flex;
|
|
1369
|
+
align-items: center;
|
|
1370
|
+
justify-content: center;
|
|
1371
|
+
border-radius: 6px;
|
|
1372
|
+
background-color: ${({theme:e,$status:t})=>od(e,t,[Ro.Info].includes(t)?"900":"800")};
|
|
1373
|
+
`,xS=f.div`
|
|
1374
|
+
margin-left: auto;
|
|
1375
|
+
display: flex;
|
|
1376
|
+
align-items: center;
|
|
1377
|
+
gap: 4px;
|
|
1378
|
+
`,SS=f.div`
|
|
1379
|
+
margin-right: 8px;
|
|
1380
|
+
cursor: pointer;
|
|
1381
|
+
&:hover {
|
|
1382
|
+
transform: scale(1.2);
|
|
1383
|
+
}
|
|
1384
|
+
`,ES=({status:o,message:i,action:n,fullWidth:r,maxWidth:a,smallIcon:d,onClose:c,duration:u=5e3,zIndex:h})=>{const m=b(),g=oc(o,m),f=od(m,o,o===Ro.Default?"300":o===Ro.Info?"400":"500"),[y,v]=s(!1),$=p(null),w=p(null),C=u/10,x=u-C,S=e=>{c&&($.current&&clearTimeout($.current),v(!0),setTimeout(()=>c({asSeen:e?.asSeen}),C))};return l(()=>{if(c)return $.current=setTimeout(()=>S({asSeen:!1}),x),()=>{$.current&&clearTimeout($.current)}},[u]),e(vS,{className:c?"animated":"",$duration:u,$isLeaving:y,onMouseEnter:()=>{c&&($.current&&clearTimeout($.current),w.current&&(w.current.style.animationPlayState="paused"))},onMouseLeave:()=>{if(c&&w.current){const e=w.current.offsetWidth/w.current.parentElement.offsetWidth*x;$.current=setTimeout(()=>S({asSeen:!1}),e),w.current.style.animationPlayState="running"}},style:{zIndex:h,maxWidth:a},children:[e(wS,{$status:o,$fullWidth:r,children:[t("div",{children:t(CS,{$status:o,$smallIcon:d,children:t(g,{size:d?18:24})})}),t(zs,{color:f,size:Ls.XXXS,weight:400,children:i}),(n||c)&&e(xS,{children:[n&&t(SS,{"data-id":n["data-id"],onClick:n.onClick,children:t(zs,{color:f,size:Ls.XXS,weight:500,underline:!0,nowrap:!0,children:n.label})}),c&&t(uS,{"data-id":"note-close",icon:Bt,size:cS.XS,onClick:()=>S({asSeen:!0})})]})]}),c&&t($S,{ref:w,$status:o,$duration:u})]})},TS=f.div`
|
|
1385
|
+
display: flex;
|
|
1386
|
+
align-items: center;
|
|
1387
|
+
gap: 8px;
|
|
1388
|
+
padding: 4px 12px;
|
|
1389
|
+
`,OS=f.div`
|
|
1390
|
+
flex: 1;
|
|
1391
|
+
`,NS=f.div`
|
|
1392
|
+
min-width: 150px;
|
|
1393
|
+
width: fit-content;
|
|
1394
|
+
`,kS=({note:o,actions:i,children:n})=>n?t(TS,{children:n}):e(TS,{children:[o&&t(ES,{...o}),t(OS,{}),i?.map((e,o)=>t(NS,{children:t(T$,{fullWidth:!0,...e})},e["data-id"]||`drawer-footer-button-${o}`))]}),AS=f.div`
|
|
1395
|
+
position: fixed;
|
|
1396
|
+
top: 0;
|
|
1397
|
+
bottom: 0;
|
|
1398
|
+
${({$position:e})=>e}: 0;
|
|
1399
|
+
z-index: ${({theme:e})=>e.v2.zIndex.drawer};
|
|
1400
|
+
|
|
1401
|
+
display: flex;
|
|
1402
|
+
flex-direction: column;
|
|
1403
|
+
gap: 12px;
|
|
1404
|
+
|
|
1405
|
+
width: ${({$width:e})=>e};
|
|
1406
|
+
min-width: ${({$minWidth:e})=>e||"unset"};
|
|
1407
|
+
padding: 12px;
|
|
1408
|
+
border-radius: ${({$position:e})=>"left"===e?"0 20px 20px 0":"20px 0 0 20px"};
|
|
1409
|
+
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1410
|
+
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
1411
|
+
overflow: hidden;
|
|
1412
|
+
|
|
1413
|
+
${({$disableAnimation:e,$position:t})=>!e&&y`
|
|
1414
|
+
animation-name: ${Aw.in[t]};
|
|
1415
|
+
`}
|
|
1416
|
+
`,IS=f.div`
|
|
1417
|
+
display: flex;
|
|
1418
|
+
flex-direction: column;
|
|
1419
|
+
gap: 12px;
|
|
1420
|
+
|
|
1421
|
+
height: calc(100% - ${56}px);
|
|
1422
|
+
overflow-y: auto;
|
|
1423
|
+
`,_S=({isOpen:i,hideOverlay:n=!1,disableAnimation:r=!1,position:a="right",width:s="600px",minWidth:l,header:d,footer:c,children:p})=>(c$(i),i?no(e(o,{children:[!n&&t(Vd,{onClick:d?.onCloseDisabled?void 0:d?.onClose}),e(AS,{"data-id":"drawer",$position:a,$width:s,$minWidth:l,$disableAnimation:r,children:[d&&t(bS,{...d}),t(IS,{children:p}),c&&t(kS,{...c})]})]}),document.body):null),DS=({options:e,values:o,setValues:i,withMultiSelect:n,withSearch:r,...a})=>{const s=c(()=>e.filter(e=>o.includes(e.id)),[e,o]),l=c(()=>s.map(e=>e.label).join(", "),[s]);return t(uC,{withMultiSelect:n,withSearch:r,fullWidth:!0,alignX:ew.Left,items:e,selectedIds:o,setSelectedIds:i,children:({ChevronIcon:e,handleClick:o})=>t(XC,{placeholder:"Select options...",width:"100%",...a,rightIcon:e,leftIcon:1===s.length?s[0].icon:void 0,value:l,onChange:()=>{},onClick:o,readOnly:!0,tabIndex:-1})})},RS=({error:o})=>{const i=b(),n={container:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",color:i.text.error,fontFamily:i.font_family.primary},errorMessage:{padding:10,borderRadius:5,whiteSpace:"pre-wrap",background:i.colors.error},errorStack:{whiteSpace:"pre-wrap",fontSize:"12px"},errorStackWrapper:{textAlign:"left",marginTop:10},infoText:{marginTop:100,color:i.text.secondary,fontSize:"14px"}};return e("div",{style:n.container,children:[t("h2",{children:"Something went wrong!"}),t("pre",{style:n.errorMessage,children:o?.message||"Unknown Error"}),e("details",{style:n.errorStackWrapper,children:[t("summary",{children:"Stack Trace"}),t("pre",{style:n.errorStack,children:o?.stack||"Unknown Stack"})]}),t("p",{style:n.infoText,children:"Try refreshing the page or contact support"}),t(T$,{variant:x$.Secondary,onClick:()=>window.location.reload(),label:"Reload Page"})]})},LS=({children:e})=>t(lo,{FallbackComponent:({error:e,...o})=>t(Ow,{children:t(RS,{...o,error:e})}),children:e}),PS=f.div`
|
|
1424
|
+
position: fixed;
|
|
1425
|
+
inset: 0;
|
|
1426
|
+
z-index: ${({theme:e})=>e.v2.zIndex.fullscreen};
|
|
1427
|
+
display: flex;
|
|
1428
|
+
flex-direction: column;
|
|
1429
|
+
padding: 16px;
|
|
1430
|
+
background: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1431
|
+
`,FS=f.div`
|
|
1432
|
+
width: 100%;
|
|
1433
|
+
height: ${({$height:e})=>e};
|
|
1434
|
+
`,MS=({isFullscreen:i,spacerHeight:n,children:r})=>{return i?e(o,{children:[null!=n&&t(FS,{$height:(a=n,"number"==typeof a?`${a}px`:a)}),no(t(PS,{children:r}),document.body)]}):t(o,{children:r});var a},US=f.div`
|
|
1435
|
+
/* Positioning is supplied by the caller via className/style when needed. */
|
|
1436
|
+
`,zS=({isFullscreen:e,onToggle:o,style:i,className:n})=>t(US,{className:n,style:i,children:t(D$,{value:e,children:t(T$,{variant:x$.Secondary,size:S$.S,iconSize:24,leftIcon:B$,tooltip:e?"Exit fullscreen (Esc)":"Fullscreen",hideTooltipIcon:!0,onClick:o})})}),BS=f.header`
|
|
1437
|
+
position: relative;
|
|
1438
|
+
width: 100%;
|
|
1439
|
+
padding: 12px 18px;
|
|
1440
|
+
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1441
|
+
display: flex;
|
|
1442
|
+
align-items: center;
|
|
1443
|
+
justify-content: space-between;
|
|
1444
|
+
`,jS=f(Hd)`
|
|
1445
|
+
position: absolute;
|
|
1446
|
+
left: 50%;
|
|
1447
|
+
transform: translateX(-50%);
|
|
1448
|
+
gap: 16px;
|
|
1449
|
+
`,HS=({left:o=[],center:i=[],right:n=[]})=>e(BS,{children:[t(Hd,{$gap:16,children:o}),t(jS,{children:i}),t(Hd,{$gap:16,children:n})]}),WS=f.div`
|
|
1450
|
+
display: flex;
|
|
1451
|
+
align-items: center;
|
|
1452
|
+
gap: 4px;
|
|
1453
|
+
width: fit-content;
|
|
1454
|
+
padding: 4px;
|
|
1455
|
+
border-radius: 8px;
|
|
1456
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
1457
|
+
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
|
|
1458
|
+
|
|
1459
|
+
position: absolute;
|
|
1460
|
+
z-index: 1;
|
|
1461
|
+
right: ${({$right:e,$left:t})=>e||(t?"unset":"12px")};
|
|
1462
|
+
left: ${({$left:e})=>e||"unset"};
|
|
1463
|
+
top: 50%;
|
|
1464
|
+
transform: translateY(-50%);
|
|
1465
|
+
`,XS=({isOpen:e,actions:o,positionRight:i,positionLeft:n})=>e?t(WS,{$right:i,$left:n,children:o.map(e=>{if(!e)return null;const{tooltip:o,...i}=e;return t(C$,{text:o||"",children:t(T$,{...i,variant:i.variant||x$.Secondary,size:S$.S})},i.id)})}):null,GS=f.div`
|
|
1466
|
+
display: flex;
|
|
1467
|
+
align-items: center;
|
|
1468
|
+
justify-content: center;
|
|
1469
|
+
width: ${({$size:e,$padding:t})=>e+t}px;
|
|
1470
|
+
height: ${({$size:e,$padding:t})=>e+t}px;
|
|
1471
|
+
aspect-ratio: 1 / 1;
|
|
1472
|
+
border-radius: 8px;
|
|
1473
|
+
background-color: ${({theme:e,$noBackground:t,$status:o})=>t?"transparent":o?od(e,o,o===Ro.Warning?"1000":"900"):e.v2.colors.silver[800]};
|
|
1474
|
+
`,VS=({icons:o,icon:i,iconSrc:n,status:r,size:a=28,padding:s=4})=>{const l=b(),d=a/2.7,c=a/1.3,p=Yl(d,l.v2.text.size);if(o&&o.length>1){const i=o.slice(0,3),n=o.length-i.length,l=i.slice(0,2),c=i.slice(2),u=c.length>0,h=Math.round(a/16);return t("div",{style:{width:"fit-content"},children:t(GS,{$size:a,$padding:s,$status:r,children:e(Wd,{$gap:h,$alignItems:"center",$justifyContent:"center",children:[t(Hd,{$gap:h,$alignItems:"center",$justifyContent:"center",children:l.map((e,o)=>t(e,{size:d},`top-${o}`))}),u&&e(Hd,{$gap:h,$alignItems:"center",$justifyContent:"center",children:[c.map((e,o)=>t(e,{size:d},`bottom-${o}`)),n>0&&t(zs,{size:p,weight:500,children:`+${n}`})]})]})})})}const u=o?.[0]||i;return t("div",{style:{width:"fit-content"},children:t(GS,{$size:a,$padding:s,$status:r,children:u?t(u,{size:c}):t("img",{src:n,alt:"",width:c,height:c})})})},KS=f.div`
|
|
1475
|
+
position: relative;
|
|
1476
|
+
display: flex;
|
|
1477
|
+
align-items: center;
|
|
1478
|
+
justify-content: center;
|
|
1479
|
+
width: 12px;
|
|
1480
|
+
height: 12px;
|
|
1481
|
+
`,YS=f.div`
|
|
1482
|
+
position: absolute;
|
|
1483
|
+
width: 6px;
|
|
1484
|
+
height: 6px;
|
|
1485
|
+
border-radius: 100%;
|
|
1486
|
+
background-color: ${({theme:e,$color:t=e.v2.colors.purple[500]})=>t};
|
|
1487
|
+
|
|
1488
|
+
&::after {
|
|
1489
|
+
content: '';
|
|
1490
|
+
position: absolute;
|
|
1491
|
+
inset: 0;
|
|
1492
|
+
border-radius: 100%;
|
|
1493
|
+
background-color: ${({theme:e,$color:t=e.v2.colors.purple[500]})=>t};
|
|
1494
|
+
animation: ${_w} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
1495
|
+
}
|
|
1496
|
+
`,qS=({color:e,tooltip:o})=>{const i=b(),n=e||i.v2.colors.purple[500];return t(C$,{text:o??void 0,children:t(KS,{children:t(YS,{$color:n})})})},JS=30,QS=f.div`
|
|
1497
|
+
display: flex;
|
|
1498
|
+
align-items: ${({$withHealthBadge:e})=>e?"center":"flex-start"};
|
|
1499
|
+
gap: 8px;
|
|
1500
|
+
min-height: ${30}px;
|
|
1501
|
+
padding: 8px;
|
|
1502
|
+
box-sizing: border-box;
|
|
1503
|
+
border-radius: 4px;
|
|
1504
|
+
&:hover {
|
|
1505
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1506
|
+
}
|
|
1507
|
+
`,ZS=f.div`
|
|
1508
|
+
display: flex;
|
|
1509
|
+
align-items: center;
|
|
1510
|
+
gap: 4px;
|
|
1511
|
+
flex: 0 0 ${({$withHealthBadge:e})=>e?"auto":"30%"};
|
|
1512
|
+
min-width: 0;
|
|
1513
|
+
`,eE=f(zs)`
|
|
1514
|
+
min-width: 0;
|
|
1515
|
+
`,tE=f(zs)`
|
|
1516
|
+
flex: 1 1 auto;
|
|
1517
|
+
min-width: 0;
|
|
1518
|
+
`,oE=f(Hd)`
|
|
1519
|
+
flex: 1 1 auto;
|
|
1520
|
+
justify-content: flex-end;
|
|
1521
|
+
min-width: 0;
|
|
1522
|
+
`,iE=({label:o,value:i,labelPingColor:n,labelPingTooltip:r,isStandardLibrary:a,healthy:s,message:l})=>{const d="boolean"==typeof s;return e(QS,{$withHealthBadge:d,children:[e(ZS,{$withHealthBadge:d,children:[n||r?t(qS,{color:n,tooltip:r}):null,t(eE,{size:Ls.XXS,color:Ps.Secondary,children:o})]}),i?t(tE,{size:Ls.XXS,color:Ps.Primary,align:"right",children:i}):null,(a||d)&&e(oE,{children:[a?t(bw,{status:Ro.Info,label:Vs.STANDARD,textSize:Ls.XXXS,invertColors:!0}):null,d?e(Hd,{$gap:4,children:[l?t(tE,{size:Ls.XXXS,color:Ps.Error,align:"right",children:l}):null,t(bw,{status:s?Ro.Success:Ro.Error,label:s?Vs.HEALTHY:Vs.NOT_HEALTHY,leftIcon:me,textSize:Ls.XXXS,invertColors:!0,tooltip:l??void 0})]}):null]})]})},nE=f.div`
|
|
1523
|
+
width: 100%;
|
|
1524
|
+
border-radius: 8px;
|
|
1525
|
+
padding: ${({$plain:e})=>e?"4px 0":"4px 8px"};
|
|
1526
|
+
background: ${({theme:e,$plain:t})=>t?"transparent":e.v2.colors.silver[800]};
|
|
1527
|
+
`,rE=({values:o,setValues:i,name:n,label:r,tooltip:a,badge:s,required:l,errorMessage:d,warnMessage:c,helpMessage:p,placeholder:u,disabled:h,autoFocusNewRows:m=!0,plain:g})=>{const f=b(),y=o.length<=1,v=h,$=h||y&&v,w=o.length?o:[""];return t(nE,{$plain:g,children:e(Wd,{"data-id":n,$gap:6,children:[t(qw,{label:r,tooltip:a,required:l,badge:s}),t(Wd,{$gap:8,children:w.map((n,r)=>{const a=r===w.length-1;return e(Hd,{$gap:8,$alignItems:"center",children:[t(XC,{width:"100%",autoFocus:m&&gc(n)&&!y&&a,value:n,onChange:e=>((e,t)=>{const n=[...o||[]];n[t]=e,i(n)})(e.target.value,r),disabled:h,placeholder:u,hasError:!!d}),a&&t(T$,{leftIcon:Mt,variant:x$.Secondary,size:S$.S,disabled:v,onClick:()=>(()=>{const e=o.length?hl(o):[hl("")];e.push(""),i(e)})()}),t(T$,{leftIcon:$?Yt:()=>t(Yt,{fill:f.v2.colors.red[500]}),variant:x$.Secondary,size:S$.S,disabled:$,onClick:()=>(e=>{const t=[...o||[]].filter((t,o)=>o!==e);t.length||t.push(""),i(t)})(r)})]},`input-list-${r}`)})}),t(Jw,{errorMessage:d,warnMessage:c,helpMessage:p})]})})};var aE;(e=>{e.S="small",e.L="large"})(aE||(aE={}));const sE=f.div`
|
|
1528
|
+
width: fit-content;
|
|
1529
|
+
display: flex;
|
|
1530
|
+
align-items: center;
|
|
1531
|
+
gap: 8px;
|
|
1532
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1533
|
+
`,lE=f.div`
|
|
1534
|
+
width: ${({$size:e})=>e===aE.S?"16px":"20px"};
|
|
1535
|
+
height: ${({$size:e})=>e===aE.S?"16px":"20px"};
|
|
1536
|
+
display: flex;
|
|
1537
|
+
align-items: center;
|
|
1538
|
+
justify-content: center;
|
|
1539
|
+
border-radius: 100%;
|
|
1540
|
+
border: 1px solid ${({$borderColor:e})=>e};
|
|
1541
|
+
background-color: ${({$backgroundColor:e})=>e};
|
|
1542
|
+
`,dE=({"data-id":o,label:i,value:n,onChange:r,disabled:a,size:l=aE.L})=>{const d=b(),[c,p]=s(!1),u=n,h=l===aE.S?6:8,m=a?d.v2.colors.grey[400]:d.v2.colors.white[500],g=u?"transparent":a?d.v2.colors.grey[700]:c?d.v2.colors.silver[400]:d.v2.colors.silver[600],f=a?d.v2.colors.grey[600]:u?d.v2.colors.purple[500]:d.v2.colors.silver[900];return e(sE,{"data-id":o??"radio"+(i?`-${i}`:""),onClick:e=>{e.stopPropagation(),a||r(!n)},$disabled:a,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),children:[t(lE,{$size:l,$borderColor:g,$backgroundColor:f,children:n?t(qt,{size:h,fill:m}):null}),i&&t(zs,{size:l===aE.S?Ls.XXS:Ls.XS,children:i})]})},cE=f.div`
|
|
1543
|
+
display: flex;
|
|
1544
|
+
flex-direction: ${({$flexDirection:e})=>e};
|
|
1545
|
+
gap: ${({$gap:e})=>e}px;
|
|
1546
|
+
`,pE=({label:o,direction:i,disabled:n,size:r,options:a,values:s,setValues:l})=>e(cE,{$flexDirection:i===Co.Horizontal?"row":"column",$gap:i===Co.Horizontal?16:8,children:[o&&t(zs,{children:o}),a.map(e=>t(dE,{...e,value:s[e.id],onChange:t=>{return o=e.id,i=t,void l(e=>{const t={...e};return Object.keys(t).forEach(e=>t[e]=!1),t[o]=i,t});var o,i},disabled:n,size:r},`${o}-radio-${e.id}`))]}),uE=({col:o,colIdx:i,row:n,rowIdx:r,rowsLength:a,handleChange:s,errorMessage:l,disabled:d,hideLabel:c,onTestRegex:p})=>{const{keyName:u,componentType:h,inputType:m,label:g,placeholder:f,options:y,renderCondition:b,helpMessage:v,min:$,max:w}=o,C=n[u];if(b&&!b(n))return null;const x=c?void 0:g||void 0,S=f;switch(h){case"radioGroup":{const e=null!=C?String(C):"",o=Object.fromEntries((y||[]).map(t=>[t.id,t.id===e]));return t(pE,{direction:Co.Horizontal,options:(y||[]).map(e=>({id:e.id,label:e.label})),values:o,setValues:e=>{const t="function"==typeof e?e(o):e,i=Object.keys(t).find(e=>t[e])??"";s(u,i,r)},disabled:d},u)}case _o.Dropdown:case"multi-dropdown":{const e="multi-dropdown"===h,o=Array.isArray(C)?C:null!=C&&""!==C?[String(C)]:[],i=y?.filter(e=>o.includes(e.id)).map(e=>e.id)||[];return t(DS,{name:u,label:x,placeholder:S,options:y||[],withMultiSelect:e,withSearch:e,values:i,setValues:t=>s(u,e?t:t[0]??"",r),disabled:d,hasError:!!l},u)}default:const n=a>1&&0===r&&0===i&&gc(C),c=t(XC,{name:u,label:x,placeholder:S,autoFocus:n,type:m,min:$,max:w,value:C??"",onChange:({target:{value:e}})=>s(u,e,r),disabled:d,hasError:!!l,helpMessage:v,width:o.withRegexTester?"100%":void 0});return o.withRegexTester?e(Hd,{$gap:8,$alignItems:"center",$width:"100%",children:[t("div",{style:{flex:1,minWidth:0},children:c}),t(T$,{variant:x$.Secondary,size:S$.S,label:"Test",disabled:d||!String(C??"").trim(),onClick:()=>p?.(String(C??""))})]}):c}},hE=f.div`
|
|
1547
|
+
width: 100%;
|
|
1548
|
+
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1549
|
+
border-radius: 8px;
|
|
1550
|
+
padding: 8px;
|
|
1551
|
+
display: flex;
|
|
1552
|
+
flex-direction: column;
|
|
1553
|
+
gap: 8px;
|
|
1554
|
+
`,mE=f.div`
|
|
1555
|
+
flex: 1;
|
|
1556
|
+
min-width: 0;
|
|
1557
|
+
`,gE=f.div`
|
|
1558
|
+
padding-top: 24px;
|
|
1559
|
+
`,fE=({columns:o,values:i,setValues:n,name:a,label:s,tooltip:l,required:d,disabled:c,errorMessage:p,onTestRegex:u,limitFieldsPerRow:h})=>{const m=b(),g=o.find(e=>"segment"===e.componentType),f=g?.keyName,y=g?.options??[],v=e=>{const t={};return o.forEach(({keyName:e,defaultValue:o})=>t[e]=o??""),f&&(t[f]=e),t},$=g?.defaultValue||y[0]?.id||"",w=i.length?i:[v($)],C=(f?w[0]?.[f]:"")||$,x=(e,t,o)=>{n(w.map((i,n)=>n===e?{...i,[t]:o}:i))},S=()=>n([...w,v(C)]),E=y.find(e=>e.id===C);return e(Wd,{"data-id":a,$gap:16,$width:"100%",children:[s&&t(qw,{label:s,tooltip:l,required:d}),g&&t(jw,{"data-id":`${a}-mode`,size:Pw.S,fullWidth:!0,options:y.map(e=>({value:e.id,label:e.label,tooltip:e.tooltip,selectedBgColor:e.selectedBgColor||m.v2.colors.purple[500]})),selected:C,setSelected:e=>!c&&(e=>n([v(e)]))(String(e))}),e(Wd,{$gap:8,$width:"100%",children:[w.map((i,s)=>{const l=s===w.length-1,d=f?{...i,[f]:C}:i,g=o.filter(e=>"segment"!==e.componentType&&(!e.renderCondition||e.renderCondition(d))),y=g.filter(e=>"radioGroup"===e.componentType),b=g.filter(e=>"radioGroup"!==e.componentType),$=g.find(e=>e.withRegexTester),T=((e,t)=>{const o=t||e.length||1,i=[];let n=[];const r=()=>{n.length&&(i.push(n),n=[])};return e.forEach(e=>{if(e.fullRow)return r(),void i.push([e]);n.push(e),n.length>=o&&r()}),r(),i})(b,h),O=E?.rowTitle?`${E.rowTitle} ${s+1}`:void 0;return e(hE,{"data-id":`${a}-card-${s}`,children:[e(Hd,{$gap:10,$alignItems:"flex-start",$width:"100%",$justifyContent:"space-between",children:[e(Wd,{$gap:10,children:[O&&t(qw,{label:O}),y.map(e=>t(Hd,{$gap:24,children:(e.options??[]).map(o=>t(dE,{size:aE.L,label:o.label,value:String(i[e.keyName]??"")===String(o.id),disabled:c,onChange:t=>t&&x(s,e.keyName,o.id)},`${a}-card-${s}-${e.keyName}-${o.id}`))},`${a}-card-${s}-${e.keyName}`))]}),e(Hd,{$gap:4,$alignItems:"center",children:[$&&t(T$,{"data-id":`${a}-card-${s}-test-regex`,label:"Test Regex",variant:x$.Secondary,size:S$.S,disabled:c||!String(i[$.keyName]??"").trim(),onClick:()=>u?.(String(i[$.keyName]??""))}),t(T$,{"data-id":`${a}-card-${s}-delete`,leftIcon:c?Yt:()=>t(Yt,{fill:m.v2.colors.red[500]}),variant:x$.Secondary,size:S$.S,disabled:c,onClick:()=>(e=>{const t=w.filter((t,o)=>o!==e);n(t.length?t:[v(C)])})(s)}),l&&t(T$,{"data-id":`${a}-card-${s}-add`,leftIcon:Mt,variant:x$.Secondary,size:S$.S,disabled:c,onClick:S})]})]}),T.map((o,n)=>t(Hd,{$gap:8,$alignItems:"flex-start",$width:"100%",children:o.map((o,n)=>{const l=((e,t)=>{let{label:o,placeholder:i,helpMessage:n}=e;if(e.copyByColumn){const r=e.copyByColumn.map?.[String(t?.[e.copyByColumn.column]??"")];r&&(o=r.label??o,i=r.placeholder??i,n=r.helpMessage??n)}return{label:o,placeholder:i,helpMessage:n}})(o,i);return e(r,{children:["arrow"===o.separator&&n>0&&t(gE,{children:t(Jt,{size:24,fill:m.v2.colors.silver[200]})}),t(mE,{children:t(XC,{name:`${a}-card-${s}-${o.keyName}`,label:l.label,placeholder:l.placeholder,helpMessage:l.helpMessage,type:o.inputType,min:o.min,max:o.max,width:"100%",value:i[o.keyName]??"",disabled:c,hasError:!!p,onChange:e=>x(s,o.keyName,e.target.value)})})]},`${a}-card-${s}-${o.keyName}`)})},`${a}-card-${s}-row-${n}`))]},`${a}-card-${s}`)}),t(Jw,{errorMessage:p})]})]})},yE=f.div`
|
|
1560
|
+
width: 100%;
|
|
1561
|
+
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1562
|
+
border-radius: 8px;
|
|
1563
|
+
padding: 4px 8px;
|
|
1564
|
+
`,bE=f.table`
|
|
1565
|
+
width: 100%;
|
|
1566
|
+
border-collapse: separate;
|
|
1567
|
+
border-spacing: 0 8px;
|
|
1568
|
+
`,vE=f.td`
|
|
1569
|
+
padding: 0 8px 0 0;
|
|
1570
|
+
vertical-align: top;
|
|
1571
|
+
`,$E=f.td`
|
|
1572
|
+
width: 72px;
|
|
1573
|
+
vertical-align: ${({$center:e})=>e?"middle":"top"};
|
|
1574
|
+
padding-top: ${({$center:e,$topOffset:t})=>e?0:t}px;
|
|
1575
|
+
`,wE=({columns:o,values:i,setValues:n,name:a,label:s,tooltip:l,badge:d,required:p,disabled:u,errorMessage:h,warnMessage:m,helpMessage:g,limitFieldsPerRow:f,onTestRegex:y})=>{const v=b(),$=c(()=>{const e={};return o.forEach(({keyName:t,defaultValue:o})=>e[t]=o??""),e},[o]),w=(e,t,o)=>{const r=i.length?hl(i):[hl($)];r[o][e]=t,n(r)},C=i.length?i:[$];return t(yE,{children:e(Wd,{"data-id":a,$gap:0,children:[t(qw,{label:s,tooltip:l,required:p,badge:d}),t(bE,{children:t("tbody",{children:C.map((a,s)=>{const l=s===C.length-1,d=((e,t)=>{const o=t||e.length||1,i=[];let n=[];const r=()=>{n.length&&(i.push(n),n=[])};return e.forEach(e=>{if(e.fullRow)return r(),void i.push([e]);n.push(e),n.length>=o&&r()}),r(),i})(o.filter(e=>!e.renderCondition||e.renderCondition(a)),f),c=d.map(e=>e.some(e=>!!e.label)),p=d.reduce((e,t)=>Math.max(e,t.length),1),m=1===d[0]?.length&&!!d[0][0]?.fullRow;return e(r,{children:[d.length>1&&s>0?t("tr",{children:t(vE,{colSpan:p+1})}):null,d.map((r,d)=>{const g=c[d],f=g?22:0;return e("tr",{children:[r.map((o,i)=>{if(o.renderCondition&&!o.renderCondition(a))return null;const n=i===r.length-1,l=0===d&&n?p-r.length+1:1;return t(vE,{colSpan:l>1?l:void 0,children:e(Wd,{$gap:6,children:[g&&(o.label?t(qw,{label:o.label,tooltip:o.tooltip}):t(qw,{label:"\\u00A0"})),t(uE,{col:o,colIdx:i,row:a,rowIdx:s,rowsLength:C.length,handleChange:w,disabled:u,errorMessage:h,hideLabel:g,onTestRegex:y})]})},`input-table-row-${s}-col-${d}-${i}`)}),0===d&&t($E,{$topOffset:f,$center:m,children:e(Hd,{$gap:8,$justifyContent:"flex-end",$alignItems:"center",children:[l&&t(T$,{leftIcon:Mt,variant:x$.Secondary,size:S$.S,disabled:u,onClick:()=>(()=>{const e=i.length?hl(i):[hl($)],t=hl($),r=e[e.length-1];o.forEach(e=>{"dropdown"!==e.componentType&&"multi-dropdown"!==e.componentType||null!=t[e.keyName]&&""!==t[e.keyName]||null!=r?.[e.keyName]&&""!==r[e.keyName]&&(t[e.keyName]=hl(r[e.keyName]))}),e.push(t),n(e)})()}),t(T$,{leftIcon:u?Yt:()=>t(Yt,{fill:v.v2.colors.red[500]}),variant:x$.Secondary,size:S$.S,disabled:u,onClick:()=>(e=>{const t=i.filter((t,o)=>o!==e);t.length||t.push(hl($)),n(t)})(s)})]})})]},`input-table-matrix-${s}-${d}`)})]},`input-table-row-${s}`)})})}),t(Jw,{errorMessage:h,warnMessage:m,helpMessage:g})]})})};var CE;(e=>{e.TopLeft="top-left",e.TopCenter="top-center",e.TopRight="top-right",e.BottomLeft="bottom-left",e.BottomCenter="bottom-center",e.BottomRight="bottom-right"})(CE||(CE={}));const xE=f.div`
|
|
1576
|
+
display: flex;
|
|
1577
|
+
align-items: center;
|
|
1578
|
+
justify-content: space-between;
|
|
1579
|
+
gap: 32px;
|
|
1580
|
+
|
|
1581
|
+
padding: 18px 16px;
|
|
1582
|
+
border-radius: 18px;
|
|
1583
|
+
background-color: ${({theme:e})=>e.v2.colors.black[500]+Nw["095"]};
|
|
1584
|
+
box-shadow: 0 4px 16.7px 0 rgba(0, 0, 0, 0.83);
|
|
1585
|
+
|
|
1586
|
+
position: fixed;
|
|
1587
|
+
z-index: ${({theme:e})=>e.v2.zIndex.island};
|
|
1588
|
+
|
|
1589
|
+
${({$position:e})=>{switch(e){case CE.BottomCenter:return y`
|
|
1590
|
+
bottom: 0;
|
|
1591
|
+
left: 50%;
|
|
1592
|
+
animation-name: ${Aw.in.center};
|
|
1593
|
+
`;case CE.BottomRight:return y`
|
|
1594
|
+
bottom: 0;
|
|
1595
|
+
right: 0;
|
|
1596
|
+
animation-name: ${Aw.in.right};
|
|
1597
|
+
`;case CE.BottomLeft:return y`
|
|
1598
|
+
bottom: 0;
|
|
1599
|
+
left: 0;
|
|
1600
|
+
animation-name: ${Aw.in.left};
|
|
1601
|
+
`;case CE.TopCenter:return y`
|
|
1602
|
+
top: 0;
|
|
1603
|
+
left: 50%;
|
|
1604
|
+
animation-name: ${Aw.in.center};
|
|
1605
|
+
`;case CE.TopRight:return y`
|
|
1606
|
+
top: 0;
|
|
1607
|
+
right: 0;
|
|
1608
|
+
animation-name: ${Aw.in.right};
|
|
1609
|
+
`;case CE.TopLeft:return y`
|
|
1610
|
+
top: 0;
|
|
1611
|
+
left: 0;
|
|
1612
|
+
animation-name: ${Aw.in.left};
|
|
1613
|
+
`;default:return null}}}
|
|
1614
|
+
`,SE=({isOpen:o,onClose:i,richTitle:n,actions:r,position:a=CE.BottomCenter})=>o?e(xE,{$position:a,children:[n&&t(bC,{...n}),t(mC,{onAnyClick:i,actions:r})]}):null,EE=f.div`
|
|
1615
|
+
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
1616
|
+
top: 50%;
|
|
1617
|
+
left: 50%;
|
|
1618
|
+
transform: translate(-50%, -50%);
|
|
1619
|
+
// Match Overlay: page-scoped modals stay below the sidebar; full-screen modals
|
|
1620
|
+
// portal above it. See theme.v2.zIndex for the full stacking scale.
|
|
1621
|
+
z-index: ${({theme:e,$relativeToParent:t})=>t?e.v2.zIndex.island:e.v2.zIndex.modal};
|
|
1622
|
+
width: fit-content;
|
|
1623
|
+
border-radius: 20px;
|
|
1624
|
+
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1625
|
+
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
1626
|
+
overflow: hidden;
|
|
1627
|
+
|
|
1628
|
+
/* Promote to its own composited layer and isolate paint/layout so descendant
|
|
1629
|
+
re-renders during the slide animation can't trigger reflows of the rest of
|
|
1630
|
+
the page. Without this, the global \`* { transition: all 300ms }\` rule plus
|
|
1631
|
+
a heavy modal body (forms, etc.) make the close visibly stutter. */
|
|
1632
|
+
will-change: transform;
|
|
1633
|
+
contain: layout paint;
|
|
1634
|
+
|
|
1635
|
+
animation-name: ${({$closing:e})=>e?Aw.out.center:Aw.in.center};
|
|
1636
|
+
/* Snappier close: shorter duration with an ease-in curve. The slide-in keeps
|
|
1637
|
+
the global 300ms default which pairs with the fade-in for a soft entrance. */
|
|
1638
|
+
animation-duration: ${({$closing:e})=>e?"180ms":"300ms"};
|
|
1639
|
+
animation-timing-function: ${({$closing:e})=>e?"cubic-bezier(0.4, 0, 1, 1)":"cubic-bezier(0, 0, 0.2, 1)"};
|
|
1640
|
+
|
|
1641
|
+
/* Block hover/click work on form children mid-close so their transitions
|
|
1642
|
+
don't compete with the slide-out. */
|
|
1643
|
+
${({$closing:e})=>e&&"pointer-events: none;"}
|
|
1644
|
+
`,TE=f(Vd)`
|
|
1645
|
+
will-change: opacity;
|
|
1646
|
+
animation-name: ${({$closing:e})=>e?Rw.out:Rw.in};
|
|
1647
|
+
animation-duration: ${({$closing:e})=>e?"180ms":"300ms"};
|
|
1648
|
+
|
|
1649
|
+
/* The blurred backdrop is the most expensive thing on screen during the close
|
|
1650
|
+
— animating opacity on a backdrop-filtered element forces a full GPU
|
|
1651
|
+
recomposite per frame. Drop the blur while closing; visually identical
|
|
1652
|
+
because the overlay is fading to 0. */
|
|
1653
|
+
${({$closing:e})=>e&&"backdrop-filter: none; pointer-events: none;"}
|
|
1654
|
+
`,OE=f.div`
|
|
1655
|
+
position: relative;
|
|
1656
|
+
`,NE=f.div`
|
|
1657
|
+
position: absolute;
|
|
1658
|
+
top: 16px;
|
|
1659
|
+
left: 16px;
|
|
1660
|
+
`,kE=({isOpen:i,hideOverlay:n=!1,relativeToParent:r=!1,onBack:a,onClose:d,onCloseEnd:c,children:p})=>{const[u,h]=s(i),[m,g]=s(!1);if(l(()=>{i?(h(!0),g(!1)):u&&g(!0)},[i]),c$(u),!u)return null;const f=e(o,{children:[!n&&t(TE,{$relativeToParent:r,$closing:m,onClick:m?void 0:d}),t(EE,{"data-id":"modal",$relativeToParent:r,$closing:m,onAnimationEnd:e=>{e.target===e.currentTarget&&m&&(h(!1),g(!1),c?.())},children:e(OE,{children:[a&&t(NE,{children:t(uS,{icon:e=>t(Vt,{rotate:-90,...e}),size:cS.L,onClick:a})}),p]})})]});return r?f:no(f,document.body)},AE=f.div`
|
|
1661
|
+
position: relative;
|
|
1662
|
+
width: ${64}px;
|
|
1663
|
+
height: ${({$height:e})=>e};
|
|
1664
|
+
flex-shrink: 0;
|
|
1665
|
+
`,IE=f.aside`
|
|
1666
|
+
position: absolute;
|
|
1667
|
+
top: 0;
|
|
1668
|
+
left: 0;
|
|
1669
|
+
bottom: 0;
|
|
1670
|
+
display: flex;
|
|
1671
|
+
flex-direction: column;
|
|
1672
|
+
gap: 8px;
|
|
1673
|
+
width: ${({$expanded:e})=>e?"220px":"64px"};
|
|
1674
|
+
padding: 16px ${12}px;
|
|
1675
|
+
box-sizing: border-box;
|
|
1676
|
+
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1677
|
+
overflow-x: hidden;
|
|
1678
|
+
overflow-y: auto;
|
|
1679
|
+
// Above page-scoped overlays (upgrade-required) so expanded labels stay visible;
|
|
1680
|
+
// below full-screen modals/drawers that portal to document.body.
|
|
1681
|
+
z-index: ${({theme:e})=>e.v2.zIndex.sidebar};
|
|
1682
|
+
transition:
|
|
1683
|
+
width 200ms ease,
|
|
1684
|
+
padding 200ms ease;
|
|
1685
|
+
`,_E=f.button`
|
|
1686
|
+
display: flex;
|
|
1687
|
+
align-items: center;
|
|
1688
|
+
width: 100%;
|
|
1689
|
+
min-width: 0;
|
|
1690
|
+
height: ${40}px;
|
|
1691
|
+
padding: 0;
|
|
1692
|
+
margin: 0;
|
|
1693
|
+
border: none;
|
|
1694
|
+
border-radius: 6px;
|
|
1695
|
+
box-sizing: border-box;
|
|
1696
|
+
cursor: pointer;
|
|
1697
|
+
font: inherit;
|
|
1698
|
+
background-color: ${({theme:e,$selected:t})=>t?e.v2.colors.purple[500]:"transparent"};
|
|
1699
|
+
&:hover {
|
|
1700
|
+
background-color: ${({theme:e,$selected:t})=>t?e.v2.colors.purple[600]:e.v2.colors.silver[800]};
|
|
1701
|
+
}
|
|
1702
|
+
&:active {
|
|
1703
|
+
background-color: ${({theme:e,$selected:t})=>t?e.v2.colors.purple[700]:e.v2.colors.silver[900]};
|
|
1704
|
+
}
|
|
1705
|
+
`,DE=f.div`
|
|
1706
|
+
width: ${40}px;
|
|
1707
|
+
height: ${40}px;
|
|
1708
|
+
display: flex;
|
|
1709
|
+
align-items: center;
|
|
1710
|
+
justify-content: center;
|
|
1711
|
+
flex-shrink: 0;
|
|
1712
|
+
`,RE=f.div`
|
|
1713
|
+
flex: 1 1 0;
|
|
1714
|
+
min-width: 0;
|
|
1715
|
+
overflow: hidden;
|
|
1716
|
+
padding-right: 12px;
|
|
1717
|
+
pointer-events: none;
|
|
1718
|
+
`,LE=({height:o,icons:i})=>{const n=b(),[r,a]=s(!1);return t(AE,{$height:o,children:t(IE,{$expanded:r,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:i.map(({id:o,label:i,selected:a,icon:s,onClick:l})=>e(_E,{$selected:a,onClick:l,"aria-label":i,title:r?void 0:i,children:[t(DE,{children:t(s,{size:24,fill:n.v2.colors.white[500]})}),r&&t(RE,{children:t(zs,{size:Ls.S,weight:500,color:Ps.Primary,nowrap:!0,children:i})})]},o))})})},PE=f.div`
|
|
1719
|
+
display: flex;
|
|
1720
|
+
flex-direction: column;
|
|
1721
|
+
gap: 16px;
|
|
1722
|
+
width: 100%;
|
|
1723
|
+
padding: 16px;
|
|
1724
|
+
border-radius: 16px;
|
|
1725
|
+
border: 2px solid transparent;
|
|
1726
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1727
|
+
transition:
|
|
1728
|
+
background-color 0.15s ease,
|
|
1729
|
+
border-color 0.15s ease;
|
|
1730
|
+
|
|
1731
|
+
${({$selected:e,$disabled:t,theme:o})=>e?y`
|
|
1732
|
+
background-color: ${o.v2.colors.purple[900]};
|
|
1733
|
+
border-color: ${o.v2.colors.purple[500]};
|
|
1734
|
+
`:y`
|
|
1735
|
+
background-color: ${o.v2.colors.silver[800]};
|
|
1736
|
+
${!t&&y`
|
|
1737
|
+
&:hover {
|
|
1738
|
+
background-color: ${o.v2.colors.silver[700]};
|
|
1739
|
+
}
|
|
1740
|
+
`}
|
|
1741
|
+
`}
|
|
1742
|
+
`,FE=f.div`
|
|
1743
|
+
display: flex;
|
|
1744
|
+
align-items: center;
|
|
1745
|
+
gap: 16px;
|
|
1746
|
+
width: 100%;
|
|
1747
|
+
`,ME=f.div`
|
|
1748
|
+
display: flex;
|
|
1749
|
+
flex-direction: column;
|
|
1750
|
+
gap: 4px;
|
|
1751
|
+
flex: 1;
|
|
1752
|
+
min-width: 0;
|
|
1753
|
+
`,UE=f.div`
|
|
1754
|
+
display: flex;
|
|
1755
|
+
align-items: center;
|
|
1756
|
+
gap: 8px;
|
|
1757
|
+
flex-wrap: wrap;
|
|
1758
|
+
min-width: 0;
|
|
1759
|
+
`,zE=f.div`
|
|
1760
|
+
width: 100%;
|
|
1761
|
+
`,BE=({"data-id":o,title:i,badge:n,description:r,trailing:a,body:s,footerNote:l,checked:d,onChange:c,disabled:p})=>{const u=b(),h=o??`radio-card-${i}`,m=()=>{p||d||c(!0)};return e(PE,{"data-id":h,$selected:d,$disabled:p,onClick:m,children:[e(FE,{children:[t(dE,{"data-id":`${h}-radio`,value:d,onChange:m,size:aE.L,disabled:p}),e(ME,{children:[e(UE,{children:[t(zs,{size:Ls.S,weight:500,lineHeight:"24px",color:Ps.Primary,children:i}),n]}),r&&("string"==typeof r?t(zs,{size:Ls.XXS,weight:400,lineHeight:"normal",color:d?u.v2.colors.purple[200]:Ps.Secondary,children:r}):r)]}),a]}),s&&t(zE,{onClick:e=>e.stopPropagation(),children:s}),l&&t(zE,{onClick:e=>e.stopPropagation(),children:l})]})},jE=f.div`
|
|
1762
|
+
width: 100%;
|
|
1763
|
+
height: 100%;
|
|
1764
|
+
|
|
1765
|
+
* {
|
|
1766
|
+
animation: none !important;
|
|
1767
|
+
transition: none !important;
|
|
1768
|
+
}
|
|
1769
|
+
`,HE=({width:e="100%",height:o="100%",gap:i=0,elements:n,noAnimation:r=!1,onTopIndexChange:a,scrollToIndex:s,scrollSignal:u})=>{const h=p(null),m=c(()=>i?n.map((e,o)=>t("div",{style:{paddingBottom:i},children:e},`scroll-y-item-${o}`)):n,[n,i]),g=d(e=>{if(!a||!h.current)return;const t=h.current.findItemIndex(e);a(t)},[a]);l(()=>{null==s||s<0||!h.current||h.current.scrollToIndex(s,{align:"center"})},[s,u]);const f=t(co,{ref:h,style:{width:e,height:o},onScroll:a?g:void 0,children:m});return r?t(jE,{children:f}):f},WE=[{label:"Last 24 hours",value:24},{label:"Last 7 days",value:168},{label:"Last 30 days",value:720},{label:"Last 60 days",value:1440},{label:"Last 90 days",value:2160},{label:"Last 120 days",value:2880}],XE=WE[1].value,GE=WE[WE.length-1].value,VE=e=>({label:e?WE.find(({value:t})=>t===e)?.label:"Select Timeframe",leftIcon:Qt,variant:x$.Secondary,size:S$.S}),KE=f.input`
|
|
1770
|
+
width: 100px;
|
|
1771
|
+
padding: 2px 12px;
|
|
1772
|
+
border: 1px solid ${({theme:e})=>e.v2.colors.grey[200]};
|
|
1773
|
+
border-radius: 6px;
|
|
1774
|
+
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1775
|
+
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1776
|
+
font-size: ${({theme:e})=>e.v2.text.size.xxs}px;
|
|
1777
|
+
color: ${({theme:e})=>e.v2.colors.white[500]};
|
|
1778
|
+
color-scheme: dark;
|
|
1779
|
+
|
|
1780
|
+
&::-webkit-calendar-picker-indicator {
|
|
1781
|
+
cursor: pointer;
|
|
1782
|
+
opacity: 1;
|
|
1783
|
+
/* Chromium UA stylesheet sets visibility:hidden when disabled/readonly. */
|
|
1784
|
+
visibility: visible !important;
|
|
1785
|
+
}
|
|
1786
|
+
|
|
1787
|
+
${({$inert:e,theme:t})=>e&&y`
|
|
1788
|
+
pointer-events: none;
|
|
1789
|
+
cursor: default;
|
|
1790
|
+
color: ${t.v2.colors.grey[400]};
|
|
1791
|
+
-webkit-text-fill-color: ${t.v2.colors.grey[400]};
|
|
1792
|
+
|
|
1793
|
+
&::-webkit-calendar-picker-indicator {
|
|
1794
|
+
cursor: default;
|
|
1795
|
+
/* Mute the native (light) icon to match TypographyColor.Disable / grey.400 */
|
|
1796
|
+
opacity: 0.4;
|
|
1797
|
+
}
|
|
1798
|
+
`}
|
|
1799
|
+
`,YE=()=>(new Date).toISOString().split("T")[0],qE=(e,t)=>{const o=new Date(e);return o.setTime(o.getTime()-60*t*60*1e3),o.toISOString().split("T")[0]},JE=({options:o=WE,maxAllowedValue:i=GE,defaultValue:n=XE,onApply:r,onClose:a})=>{const[l]=s(YE),[d,p]=s(n),[u,h]=s(()=>qE(l,n)),[m,g]=s(void 0),f=c(()=>new Date((new Date).setDate((new Date).getDate()-i/24)).toISOString().split("T")[0],[i]),y=c(()=>o.map(({label:e,value:o})=>t(T$,{label:e,variant:x$.Text,size:S$.S,textAlign:"left",isSelected:o===d,onClick:()=>(e=>{p(e),h(qE(l,e))})(o)},`window-hours-option-${o}`)),[o,d,l]);return e(Wd,{$gap:24,children:[e(Wd,{children:[y,t(eS,{}),e(Wd,{$gap:12,$padding:"0 12px",children:[t(zs,{size:Ls.XXS,color:Ps.Secondary,nowrap:!0,children:"Custom range"}),e(Hd,{$gap:18,$justifyContent:"space-between",children:[t(zs,{size:Ls.XXS,nowrap:!0,children:"From"}),t(KE,{type:"date",value:l,onChange:()=>{},$inert:!0,"aria-disabled":"true",tabIndex:-1})]}),e(Hd,{$gap:18,$justifyContent:"space-between",children:[t(zs,{size:Ls.XXS,nowrap:!0,children:"To"}),t(KE,{type:"date",max:l,min:f,value:u,onChange:e=>{return t=e.target.value,h(t),void p(((e,t)=>{const o=new Date(e).getTime(),i=new Date(t).getTime(),n=Math.floor((i-o)/1e3/60/60);return n<0?Math.abs(n):n})(l,t));var t}})]}),m&&t(Jw,{errorMessage:m}),e(zs,{size:Ls.XXXS,color:Ps.Secondary,nowrap:!0,children:["Max ",i/24," days."]})]})]}),t(T$,{label:"Apply",onClick:()=>{d>i?g(`You can only select up to ${i/24} days.`):(g(void 0),r(d),a?.())}})]})},QE=f.div`
|
|
1800
|
+
display: flex;
|
|
1801
|
+
flex-direction: column;
|
|
1802
|
+
gap: 16px;
|
|
1803
|
+
padding: 8px;
|
|
1804
|
+
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
1805
|
+
${({$maxHeight:e})=>e&&`max-height: ${e};`}
|
|
1806
|
+
width: 100%;
|
|
1807
|
+
height: 100%;
|
|
1808
|
+
`,ZE=f.div`
|
|
1809
|
+
display: flex;
|
|
1810
|
+
align-items: center;
|
|
1811
|
+
gap: 16px;
|
|
1812
|
+
`,eT=f.div`
|
|
1813
|
+
width: 50px;
|
|
1814
|
+
height: 50px;
|
|
1815
|
+
border-radius: 8px;
|
|
1816
|
+
background: ${({theme:e})=>`linear-gradient(90deg, ${e.v2.colors.grey[600]} 25%, ${e.v2.colors.grey[600]} 50%, ${e.v2.colors.silver[500]} 75%)`};
|
|
1817
|
+
background-size: 200% 100%;
|
|
1818
|
+
animation: ${Dw} 10s infinite linear;
|
|
1819
|
+
`,tT=f(Wd)`
|
|
1820
|
+
flex: 1;
|
|
1821
|
+
gap: 12px;
|
|
1822
|
+
`,oT=f.div`
|
|
1823
|
+
width: ${({$width:e})=>e};
|
|
1824
|
+
height: 16px;
|
|
1825
|
+
background: ${({theme:e})=>`linear-gradient(90deg, ${e.v2.colors.grey[600]} 25%, ${e.v2.colors.grey[600]} 50%, ${e.v2.colors.silver[500]} 75%)`};
|
|
1826
|
+
background-size: 200% 100%;
|
|
1827
|
+
animation: ${Dw} 1.5s infinite linear;
|
|
1828
|
+
border-radius: 4px;
|
|
1829
|
+
`,iT=({size:o=5,maxWidth:i,maxHeight:n})=>t(QE,{$maxWidth:i,$maxHeight:n,children:[...Array(o)].map((o,i)=>e(ZE,{children:[t(eT,{}),e(tT,{children:[t(oT,{$width:"80%"}),t(oT,{$width:"100%"})]})]},i))}),nT=({currentStep:o,data:i,gap:n=12})=>t(Wd,{$gap:n,children:i.map(i=>{const n=i.step<o,r=i.step===o;return e(Hd,{$gap:8,children:[n||i.forceDoneBadge?t(bw,{status:Ro.Success,label:"",leftIcon:Ut}):t(bw,{status:Ro.Default,label:i.step.toString()}),t(zs,{size:r?Ls.M:Ls.XS,weight:r?500:400,opacity:r?1:.7,children:i.label})]},`stepper-item-${i.step}`)})});var rT;(e=>{e.Pretty="pretty",e.Data="data",e.DataSecondary="dataSecondary"})(rT||(rT={}));const aT=f.div`
|
|
1830
|
+
${({$maxHeight:e,$fitContent:t,$virtualize:o})=>t&&e&&o?`\n flex: 0 0 auto;\n height: ${e};\n overflow-x: auto;\n overflow-y: hidden;\n `:t&&e?`\n flex: 0 0 auto;\n height: fit-content;\n max-height: ${e};\n overflow: auto;\n `:t?"\n flex: 0 0 auto;\n height: fit-content;\n overflow: auto;\n ":e?`\n height: ${e};\n flex: 0 0 auto;\n overflow-x: auto;\n overflow-y: hidden;\n `:"\n flex: 1;\n min-height: 0;\n height: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n "}
|
|
1831
|
+
width: 100%;
|
|
1832
|
+
/* Without this the table's min-content width propagates up the flex chain and
|
|
1833
|
+
* widens the page instead of scrolling inside the container. */
|
|
1834
|
+
min-width: 0;
|
|
1835
|
+
display: flex;
|
|
1836
|
+
flex-direction: column;
|
|
1837
|
+
`,sT=f.div`
|
|
1838
|
+
width: 100%;
|
|
1839
|
+
/* Grow to the columns' combined width when that exceeds the Container, so the virtualized
|
|
1840
|
+
* body (sized 100% of this element) lays rows out at the full table width. Without it the
|
|
1841
|
+
* body clips its right-hand columns while only the header scrolls. Intrinsic sizing can't
|
|
1842
|
+
* be used here: virtua positions rows absolutely, so they contribute no min-content width. */
|
|
1843
|
+
min-width: ${({$contentMinWidth:e})=>e?`${e}px`:void 0};
|
|
1844
|
+
flex: 1;
|
|
1845
|
+
min-height: 0;
|
|
1846
|
+
display: flex;
|
|
1847
|
+
flex-direction: column;
|
|
1848
|
+
`,lT=f.div`
|
|
1849
|
+
flex-shrink: 0;
|
|
1850
|
+
position: relative;
|
|
1851
|
+
z-index: 2;
|
|
1852
|
+
`,dT=f.div`
|
|
1853
|
+
flex: 1;
|
|
1854
|
+
min-height: 0;
|
|
1855
|
+
overflow: hidden;
|
|
1856
|
+
`,cT=f.div`
|
|
1857
|
+
position: relative;
|
|
1858
|
+
display: flex;
|
|
1859
|
+
width: 100%;
|
|
1860
|
+
min-width: 100%;
|
|
1861
|
+
`,pT=f.div`
|
|
1862
|
+
display: flex;
|
|
1863
|
+
flex-direction: column;
|
|
1864
|
+
flex-shrink: 0;
|
|
1865
|
+
width: 100%;
|
|
1866
|
+
min-width: 100%;
|
|
1867
|
+
`,uT=f.div`
|
|
1868
|
+
width: 100%;
|
|
1869
|
+
flex-shrink: 0;
|
|
1870
|
+
${({$maxHeight:e})=>e?`\n max-height: ${e};\n overflow: hidden;\n `:""}
|
|
1871
|
+
`,hT=f.div`
|
|
1872
|
+
position: relative;
|
|
1873
|
+
/* Every column's width starts at its floor: measured content width, or for flex
|
|
1874
|
+
* (non-measured) columns the measured header width or the column's own minWidth.
|
|
1875
|
+
* Leftover row width is then shared out in proportion to those floors, so slack
|
|
1876
|
+
* spreads across the table instead of pooling in the last column. Only flex
|
|
1877
|
+
* columns shrink, down to their floor — past that the Container scrolls. */
|
|
1878
|
+
min-width: ${({$resolvedWidth:e,$autoWidth:t,$floorWidth:o})=>null!=e?`${e}px`:t?"auto":null!=o?`${o}px`:0};
|
|
1879
|
+
flex: ${({$autoWidth:e,$resolvedWidth:t,$floorWidth:o})=>{if(null!=t)return`${t} 0 ${t}px`;if(e)return"0 0 auto";const i=o??0;return`${i||1} 1 ${i}px`}};
|
|
1880
|
+
|
|
1881
|
+
padding: 18px 24px;
|
|
1882
|
+
border: 1px solid transparent;
|
|
1883
|
+
border-radius: ${({$isFirst:e,$isLast:t})=>e?"4px 0 0 0":t?"0 4px 0 0":"0"};
|
|
1884
|
+
box-sizing: border-box;
|
|
1885
|
+
|
|
1886
|
+
${({$variant:e,$backgroundColor:t})=>{if(t)return y`
|
|
1887
|
+
background-color: ${t};
|
|
1888
|
+
`;switch(e){case rT.Data:return y`
|
|
1889
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1890
|
+
`;case rT.DataSecondary:return y`
|
|
1891
|
+
border-bottom: 1px solid ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1892
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1893
|
+
`;case rT.Pretty:return y`
|
|
1894
|
+
background-color: transparent;
|
|
1895
|
+
`;default:return""}}}
|
|
1896
|
+
`,mT=f.div`
|
|
1897
|
+
position: absolute;
|
|
1898
|
+
top: 50%;
|
|
1899
|
+
right: 0;
|
|
1900
|
+
transform: translateY(-50%);
|
|
1901
|
+
width: 1px;
|
|
1902
|
+
height: 18px;
|
|
1903
|
+
background: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1904
|
+
`,gT=f.div`
|
|
1905
|
+
/* See Th — floors from measurement, leftover width shared in proportion to them. */
|
|
1906
|
+
min-width: ${({$resolvedWidth:e,$autoWidth:t,$floorWidth:o})=>null!=e?`${e}px`:t?"auto":null!=o?`${o}px`:0};
|
|
1907
|
+
flex: ${({$autoWidth:e,$resolvedWidth:t,$floorWidth:o})=>{if(null!=t)return`${t} 0 ${t}px`;if(e)return"0 0 auto";const i=o??0;return`${i||1} 1 ${i}px`}};
|
|
1908
|
+
|
|
1909
|
+
/* Visible while measuring; then clip/scroll when content exceeds the cell.
|
|
1910
|
+
* Flex (non-measured) columns use hidden so TruncatableTypography can ellipsis. */
|
|
1911
|
+
overflow-x: ${({$autoWidth:e,$resolvedWidth:t})=>e&&null==t?"visible":null!=t?"auto":"hidden"};
|
|
1912
|
+
overflow-y: hidden;
|
|
1913
|
+
display: flex;
|
|
1914
|
+
align-items: center;
|
|
1915
|
+
|
|
1916
|
+
padding: 18px 24px;
|
|
1917
|
+
cursor: ${({$withClick:e})=>e?"pointer":"default"};
|
|
1918
|
+
box-sizing: border-box;
|
|
1919
|
+
|
|
1920
|
+
${({$variant:e,$index:t,$selected:o,$highlighted:i,$hovered:n,$isLastRow:r,$isFirstCell:a,$isLastCell:s})=>{switch(e){case rT.Data:return y`
|
|
1921
|
+
border-bottom: ${({theme:e})=>r?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
1922
|
+
border-radius: ${r?a?"0 0 0 4px":s?"0 0 4px 0":"0":"0"};
|
|
1923
|
+
background-color: ${({theme:e})=>o?e.v2.colors.blue[1e3]:i||n?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
|
|
1924
|
+
`;case rT.DataSecondary:return y`
|
|
1925
|
+
border-bottom: ${({theme:e})=>r?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
1926
|
+
border-radius: ${r?a?"0 0 0 4px":s?"0 0 4px 0":"0":"0"};
|
|
1927
|
+
background-color: ${({theme:e})=>o?e.v2.colors.blue[1e3]:i||n?e.v2.colors.silver[700]:"number"==typeof t&&t%2==0?e.v2.colors.silver[800]:e.v2.colors.silver[900]};
|
|
1928
|
+
`;case rT.Pretty:return y`
|
|
1929
|
+
border: none;
|
|
1930
|
+
border-radius: ${a?"12px 0 0 12px":s?"0 12px 12px 0":"0"};
|
|
1931
|
+
background-color: ${({theme:e})=>o?e.v2.colors.blue[1e3]:i||n?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
|
|
1932
|
+
`;default:return""}}}
|
|
1933
|
+
`,fT=f.div`
|
|
1934
|
+
/* Off-screen — must not contribute to Container scrollWidth. */
|
|
1935
|
+
position: fixed;
|
|
1936
|
+
top: 0;
|
|
1937
|
+
left: -10000px;
|
|
1938
|
+
visibility: hidden;
|
|
1939
|
+
pointer-events: none;
|
|
1940
|
+
z-index: -1;
|
|
1941
|
+
display: flex;
|
|
1942
|
+
flex-direction: column;
|
|
1943
|
+
align-items: flex-start;
|
|
1944
|
+
width: max-content;
|
|
1945
|
+
white-space: nowrap;
|
|
1946
|
+
`,yT=f.div`
|
|
1947
|
+
display: inline-flex;
|
|
1948
|
+
align-items: center;
|
|
1949
|
+
padding: 18px 24px;
|
|
1950
|
+
border: 1px solid transparent;
|
|
1951
|
+
box-sizing: border-box;
|
|
1952
|
+
white-space: nowrap;
|
|
1953
|
+
`,bT=f.div`
|
|
1954
|
+
display: inline-flex;
|
|
1955
|
+
align-items: center;
|
|
1956
|
+
gap: 4px;
|
|
1957
|
+
white-space: nowrap;
|
|
1958
|
+
`,vT=f.div`
|
|
1959
|
+
display: inline-flex;
|
|
1960
|
+
align-items: center;
|
|
1961
|
+
flex-shrink: 0;
|
|
1962
|
+
gap: 4px;
|
|
1963
|
+
`,$T=f.div`
|
|
1964
|
+
width: 100%;
|
|
1965
|
+
height: 100%;
|
|
1966
|
+
display: flex;
|
|
1967
|
+
align-items: center;
|
|
1968
|
+
justify-content: ${({$textAlign:e})=>"right"===e?"flex-end":"left"===e?"flex-start":"center"===e?"center":"unset"};
|
|
1969
|
+
gap: 4px;
|
|
1970
|
+
text-align: ${({$textAlign:e})=>e||"left"};
|
|
1971
|
+
min-width: 0;
|
|
1972
|
+
`,wT=({variant:i,columns:n,row:r,rowIdx:a,rowCount:l,autoWidthColumnKeys:d,resolvedColumnWidths:c,headerFloorWidths:p,getRowActions:u,rowActionsPushRightPosition:h,rowActionsPushLeftPosition:m,withCheckboxes:g,activeRowId:f,expandedRowId:y,onToggleExpand:b,expandedMaxHeight:v})=>{const[$,w]=s(!1),{cells:C,onClick:x,isSelected:S=!1,onSelect:E,onDeselect:T,hideCheckbox:O,checkboxDisabled:N,checkboxTooltip:k,expandedContent:A}=r,I=r.id??String(a),_=r["data-id"],D=null!=A,R=D&&y===I,L=null!=f&&r.id===f,P=u(r),F=a===l-1,M=D||!!x,U=()=>{D&&b?.(I),x?.()},z=(e,t)=>({$isLastRow:F&&!R,$isFirstCell:e,$isLastCell:t,$selected:S,$highlighted:L,$withClick:M,onClick:U,$hovered:M&&$}),B=R&&null!=A?"function"==typeof A?A({maxHeight:v}):A:null,j=P.length>0?t(XS,{isOpen:$,actions:P,positionRight:h,positionLeft:m}):null,H=e(o,{children:[g&&t(gT,{$variant:i,$index:a,style:{flex:"0 0 68px"},...z(!0,!1),children:!O&&(k?t(C$,{text:k,children:t(tC,{value:S,disabled:N,onChange:()=>S?T?.():E?.()})}):t(tC,{value:S,disabled:N,onChange:()=>S?T?.():E?.()}))},"checkbox-column"),n.map(({key:o,textAlign:r},s)=>{const l=C.find(e=>e.key===o),u=0===s&&!g,h=s===n.length-1,m=0===s,f="right"===r?"flex-end":"center"===r?"center":"flex-start",y=d.has(o),b=l?.component?l.component():t(vC,{size:Ls.XXS,align:r,nowrap:!0,fullWidth:!y,children:l?.rawValue||"-"}),v=e(Hd,{$width:"100%",$gap:D&&m?8:0,$justifyContent:f,style:{minWidth:0},children:[D&&m?t(P$,{from:Pt,to:Lt,active:R}):null,b]});return t(gT,{$variant:i,$index:a,$autoWidth:d.has(o),$resolvedWidth:c[o],$floorWidth:p[o],...z(u,h),children:v},`row-${a}-cell-${s}`)})]}),W={onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1)};return D?e(pT,{"data-table-row-index":a,"data-id":_,children:[e(cT,{...W,children:[H,j]}),null!=B&&e(o,{children:[t(uT,{$maxHeight:v,children:B}),!F&&t(eS,{margin:"0"})]})]}):e(cT,{"data-table-row-index":a,"data-id":_,...W,children:[H,j]})},CT=({variant:e,columns:i,rows:n,autoWidthColumnKeys:r,resolvedColumnWidths:a,headerFloorWidths:s,getRowActions:l,rowActionsPushRightPosition:d,rowActionsPushLeftPosition:p,withCheckboxes:u,activeRowId:h,scrollToIndex:m,scrollSignal:g,useVirtua:f=!0,expandedRowId:y,onToggleExpand:b,expandedMaxHeight:v})=>{const $=c(()=>n.map((o,c)=>t(wT,{variant:e,columns:i,row:o,rowIdx:c,rowCount:n.length,autoWidthColumnKeys:r,resolvedColumnWidths:a,headerFloorWidths:s,getRowActions:l,rowActionsPushRightPosition:d,rowActionsPushLeftPosition:p,withCheckboxes:u,activeRowId:h,expandedRowId:y,onToggleExpand:b,expandedMaxHeight:v},`row-${c}`)),[n,h,l,d,p,u,i,r,a,s,y,b,v,e]);return f?t(HE,{gap:e===rT.Pretty?8:0,elements:$,scrollToIndex:m,scrollSignal:g}):t(o,{children:$})},xT=({columnKey:e,sortDirection:o,sortByKey:i,onSort:n})=>{const r=b(),a=i===e?r.v2.colors.white[500]:r.v2.colors.grey[400],s=o===xo.Ascending?0:180;return t(T$,{variant:x$.Text,size:S$.S,leftIcon:()=>t(Vt,{fill:a,rotate:s}),onClick:()=>n(e)})},ST=({columnKey:e,filters:o,onFilter:i,rowsUnfiltered:n,filterOverride:r})=>{const a=b(),s=o[e]?.length?a.v2.colors.white[500]:a.v2.colors.grey[400],l=c(()=>r?r.options.map(({id:e,label:t})=>({id:e,label:t,withCheckbox:!0})):Array.from(new Set(n.map(t=>t.cells.find(t=>t.key===e)?.rawValue?.toString()).filter(e=>!!e))).sort((e,t)=>e.localeCompare(t)).map(e=>({id:e,label:e,withCheckbox:!0})),[n,e,r]);return t(uC,{items:l,withMultiSelect:!0,selectedIds:o[e]?.map(e=>e.toString())??[],setSelectedIds:t=>i(e,t),defaultOpen:!1,iconButtonProps:{leftIcon:e=>t(Zt,{fill:s,...e})}})},ET=({variant:o,backgroundColor:i,columns:n,rowsUnfiltered:r,autoWidthColumnKeys:a,resolvedColumnWidths:s,headerFloorWidths:l,sortDirection:d,sortByKey:c,onSort:p,filters:u,onFilter:h,withCheckboxes:m,partiallySelected:g,allSelected:f,onSelectAll:y})=>e(cT,{children:[m&&t(hT,{$variant:o,$backgroundColor:i,$isFirst:!0,$isLast:!1,style:{flex:"0 0 68px",display:"flex",alignItems:"center"},children:t(tC,{partiallyChecked:g&&!f,value:f||!1,onChange:y})},"checkbox-column"),n.map(({key:g,label:f,tooltip:y,noSort:b,noFilter:v,filterOverride:$,textAlign:w},C)=>{const x=0===C&&!m,S=C===n.length-1,E=y?t(zs,{size:Ls.XS,align:w,nowrap:!0,children:f}):t(vC,{size:Ls.XS,align:w,nowrap:!0,fullWidth:!1,children:f});return e(hT,{$variant:o,$backgroundColor:i,$isFirst:x,$isLast:S,$autoWidth:a.has(g),$resolvedWidth:s[g],$floorWidth:l[g],children:[e($T,{$textAlign:w,children:[y?t(C$,{text:y,children:E}):E,(!b||!v)&&e(vT,{children:[!b&&t(xT,{columnKey:g,sortDirection:d,sortByKey:c,onSort:p}),!v&&t(ST,{columnKey:g,filters:u,onFilter:h,rowsUnfiltered:r,filterOverride:$})]})]}),!S&&o===rT.Data&&t(mT,{})]},`column-${g}`)})]}),TT=()=>{},OT={},NT=[],kT=e=>[],AT=({variant:o,maxHeight:n,fitContent:r=!1,headerBackgroundColor:a,hideHeader:l=!1,isLoading:u,noDataProps:h,columns:g,rows:f,getRowActions:y,rowActionsPushRightPosition:b,rowActionsPushLeftPosition:v,withCheckboxes:$,filters:w,onFiltersChange:C,activeRowId:x,scrollSignal:S,expandedRowId:E,onExpandedRowIdChange:T})=>{const[O,N]=s(xo.Ascending),[k,A]=s(""),[I,_]=s({}),[D,R]=s(null),L=w??I,P=void 0!==E,F=P?E:D,M=d(e=>{A(e),N(e=>e===xo.Ascending?xo.Descending:xo.Ascending)},[]),U=d((e,t)=>{const o={...L,[e]:t};C&&C(o),void 0===w&&_(o)},[L,C,w]),z=c(()=>{const e=(e,t)=>{const o=e.cells.find(e=>e.key===t);return o?""!==o.rawValue&&null!=o.rawValue?o.rawValue:o.component?.({})?.props?.children?.toString()||"":""},t=/^-?\d+(\.\d+)?$/,o=e=>{if("number"==typeof e&&Number.isFinite(e))return e;if("string"==typeof e){const o=e.trim();return t.test(o)?Number(o):e}return String(e??"")};return(k?[...f].sort((t,i)=>{const n=o(e(t,k)),r=o(e(i,k));return(O===xo.Ascending?1:-1)*((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:String(e).localeCompare(String(t)))(n,r)}):f).filter(t=>{for(const[o,i]of Object.entries(L)){if(!i.length)continue;const n=g.find(e=>e.key===o)?.filterOverride;if(n){if(!n.filterRow(t,i))return!1;continue}const r=String(e(t,o)??"");if(!i.map(String).includes(r))return!1}return!0})},[f,k,O,L,g]),B=c(()=>null==x?-1:z.findIndex(e=>e.id===x),[z,x]),j=!!$&&z.some(e=>!e.hideCheckbox),{partiallySelected:H,allSelected:W}=c(()=>{const e=z.filter(e=>!e.hideCheckbox&&!e.checkboxDisabled);return{partiallySelected:e.length>0&&e.some(e=>e.isSelected),allSelected:e.length>0&&e.every(e=>e.isSelected)}},[z]),X=c(()=>{const e=new Set,t=g[g.length-1]?.key;for(const o of g)o.key!==t&&!1!==o.autoWidth&&e.add(o.key);return e},[g]),G=p(null),[V,K]=s({}),[Y,q]=s({}),J=d(o=>e(bT,{children:[t(zs,{size:Ls.XS,align:o.textAlign,nowrap:!0,children:o.label}),(!o.noSort||!o.noFilter)&&e(vT,{children:[!o.noSort&&t(xT,{columnKey:o.key,sortDirection:xo.Ascending,sortByKey:"",onSort:TT}),!o.noFilter&&t(ST,{columnKey:o.key,filters:OT,onFilter:TT,rowsUnfiltered:NT,filterOverride:o.filterOverride})]})]},`mw-${o.key}-header`),[]),Q=c(()=>{if(0===X.size)return[];const o=g[0]?.key,n=f.some(e=>null!=e.expandedContent);return g.filter(e=>X.has(e.key)).map(r=>{const a=[J(r)],s=n&&r.key===o;return f.forEach((o,n)=>{const l=o.cells.find(e=>e.key===r.key);if(!l)return;const d=l.component?l.component():t(zs,{size:Ls.XS,children:l.rawValue||"-"});a.push(s?e(Hd,{$gap:8,children:[t(Pt,{}),d]},`mw-${r.key}-${n}`):t(i.Fragment,{children:d},`mw-${r.key}-${n}`))}),{key:r.key,nodes:a}})},[g,f,X,J]),Z=c(()=>g.filter(e=>!X.has(e.key)).map(e=>({key:e.key,node:l?null:J(e)})),[g,l,X,J]);m(()=>{if(!G.current||0===X.size)return void K(e=>0===Object.keys(e).length?e:{});const e={};G.current.querySelectorAll("[data-mw-key]").forEach(t=>{const o=t.dataset.mwKey;if(!o)return;const i=Math.ceil(Math.max(t.getBoundingClientRect().width,t.scrollWidth));(!e[o]||i>e[o])&&(e[o]=i)}),K(t=>Object.keys(t).length===Object.keys(e).length&&Object.keys(t).every(o=>t[o]===e[o])?t:e)},[Q,X]),m(()=>{if(!G.current||0===Z.length)return void q(e=>0===Object.keys(e).length?e:{});const e={};G.current.querySelectorAll("[data-mw-floor-key]").forEach(t=>{const o=t.dataset.mwFloorKey;o&&(e[o]=Math.ceil(Math.max(t.getBoundingClientRect().width,t.scrollWidth)))}),q(t=>Object.keys(t).length===Object.keys(e).length&&Object.keys(t).every(o=>t[o]===e[o])?t:e)},[Z]);const ee=c(()=>{const e={...Y};for(const t of g)null!=t.minWidth&&(e[t.key]=Math.max(e[t.key]??0,t.minWidth));return e},[Y,g]),te=c(()=>{let e=$?68:0;for(const t of g)e+=V[t.key]??ee[t.key]??0;return e},[g,V,ee,$]),oe=p(null),[ie,ne]=s(0),re=z.some(e=>null!=e.expandedContent);m(()=>{if(!re)return void ne(0);const e=oe.current;if(!e)return;const t=()=>{const t=e.clientHeight;ne(e=>e===t?e:t)};t();const o=new ResizeObserver(t);return o.observe(e),()=>o.disconnect()},[re,z.length]);const ae=d(e=>{const t=F===e?null:e;P||R(t),T?.(t)},[F,P,T]),se=re&&ie>0?`${ie}px`:void 0,le=r&&null!=n&&z.length>=100,de=!r||le;return e(aT,{$maxHeight:n,$fitContent:r,$virtualize:le,children:[(Q.length>0||Z.length>0)&&e(fT,{ref:G,"aria-hidden":!0,children:[Q.flatMap(({key:e,nodes:o})=>o.map((o,i)=>t(yT,{"data-mw-key":e,children:o},`mw-${e}-${i}`))),Z.map(({key:e,node:o})=>t(yT,{"data-mw-floor-key":e,children:o},`mf-${e}`))]}),e(sT,{$variant:o,$contentMinWidth:te,children:[!l&&t(lT,{children:t(ET,{variant:o,backgroundColor:a,columns:g,rowsUnfiltered:f,autoWidthColumnKeys:X,resolvedColumnWidths:V,headerFloorWidths:ee,sortDirection:O,sortByKey:k,onSort:M,filters:L,onFilter:U,withCheckboxes:j,partiallySelected:H,allSelected:W,onSelectAll:e=>{e?z.forEach(e=>!e.hideCheckbox&&!e.checkboxDisabled&&e.onSelect?.()):z.forEach(e=>!e.hideCheckbox&&!e.checkboxDisabled&&e.onDeselect?.())}})}),z.length?de?t(dT,{ref:re?oe:void 0,children:t(CT,{variant:o,columns:g,rows:z,autoWidthColumnKeys:X,resolvedColumnWidths:V,headerFloorWidths:ee,getRowActions:y||kT,rowActionsPushRightPosition:b,rowActionsPushLeftPosition:v,withCheckboxes:j,activeRowId:x,scrollToIndex:B,scrollSignal:S,useVirtua:!0,expandedRowId:F,onToggleExpand:ae,expandedMaxHeight:se})}):t(CT,{variant:o,columns:g,rows:z,autoWidthColumnKeys:X,resolvedColumnWidths:V,headerFloorWidths:ee,getRowActions:y||kT,rowActionsPushRightPosition:b,rowActionsPushLeftPosition:v,withCheckboxes:j,activeRowId:x,scrollToIndex:B,scrollSignal:S,useVirtua:!1,expandedRowId:F,onToggleExpand:ae,expandedMaxHeight:se}):t(Xd,{$fullHeight:!n,$height:n,$padding:"12px 0",children:u?t(iT,{size:3,maxHeight:n}):t(Vw,{...h})})]})]})},IT=e=>e.join(" "),_T=h(null),DT=({code:e,onDone:o,children:i})=>{const{clickCopy:n,CopyButton:r,isCopied:a}=H$({onDone:o}),s=c(()=>IT(e),[e]),l=d(()=>n(s),[n,s]),p=c(()=>({copyValue:s,isCopied:a,copy:l,CopyButton:r}),[s,a,l,r]);return t(_T.Provider,{value:p,children:i})},RT=()=>u(_T),LT=f.div``,PT=f.div`
|
|
1973
|
+
position: relative;
|
|
1974
|
+
display: flex;
|
|
1975
|
+
align-items: center;
|
|
1976
|
+
justify-content: space-between;
|
|
1977
|
+
padding: 8px;
|
|
1978
|
+
border-radius: 8px 8px 0 0;
|
|
1979
|
+
background-color: ${({theme:e})=>e.v2.colors.grey[900]};
|
|
1980
|
+
`,FT=f.div`
|
|
1981
|
+
position: absolute;
|
|
1982
|
+
top: 50%;
|
|
1983
|
+
left: 50%;
|
|
1984
|
+
transform: translate(-50%, -50%);
|
|
1985
|
+
`,MT=f.div`
|
|
1986
|
+
display: flex;
|
|
1987
|
+
align-items: center;
|
|
1988
|
+
justify-content: center;
|
|
1989
|
+
width: 10px;
|
|
1990
|
+
height: 10px;
|
|
1991
|
+
border-radius: 50%;
|
|
1992
|
+
background-color: ${({color:e})=>e};
|
|
1993
|
+
`,UT=f.div`
|
|
1994
|
+
padding: 16px;
|
|
1995
|
+
border-radius: 0 0 8px 8px;
|
|
1996
|
+
background: ${({theme:e})=>e.v2.colors.black[500]+Nw["060"]};
|
|
1997
|
+
backdrop-filter: blur(4px);
|
|
1998
|
+
|
|
1999
|
+
max-height: ${({$maxHeight:e})=>e?`${e}px`:"unset"};
|
|
2000
|
+
overflow: scroll;
|
|
2001
|
+
`,zT=({title:o,code:i,codeLanguage:n="bash",maxHeight:r})=>{const a=b(),s=RT(),{CopyButton:l,copyValue:d}=s||{};return e(LT,{children:[e(PT,{children:[e(Hd,{$gap:4,children:[t(MT,{color:"#FF5E5E",children:t(Bt,{fill:a.v2.colors.black[500]})}),t(MT,{color:"#FAD765",children:t(Ft,{fill:a.v2.colors.black[500]})}),t(MT,{color:"#65FA91",children:t(jt,{fill:a.v2.colors.black[500]})})]}),t(FT,{children:t(zs,{size:Ls.XXXS,weight:500,children:o})}),l&&d&&t(l,{value:d,variant:x$.Primary})]}),t(UT,{$maxHeight:r,children:t(zx,{code:i.join(" \\\n "),language:n})})]})},BT=({onDone:e,...o})=>RT()?t(zT,{...o}):t(DT,{code:o.code,onDone:e,children:t(zT,{...o})}),jT=f.div`
|
|
2002
|
+
padding: 6px 12px;
|
|
2003
|
+
|
|
2004
|
+
display: flex;
|
|
2005
|
+
align-self: stretch;
|
|
2006
|
+
align-items: flex-start;
|
|
2007
|
+
gap: 8px;
|
|
2008
|
+
border-radius: 6px;
|
|
2009
|
+
|
|
2010
|
+
border: 1px solid ${({theme:e,$disabled:t,$error:o})=>t?e.v2.colors.grey[600]:o?e.v2.colors.red[500]:e.v2.colors.silver[500]};
|
|
2011
|
+
background: ${({theme:e,$disabled:t})=>t?e.v2.colors.grey[800]:e.v2.colors.black[500]};
|
|
2012
|
+
${({$disabled:e,$error:t})=>!e&&!t&&y`
|
|
2013
|
+
&:hover,
|
|
2014
|
+
&:active,
|
|
2015
|
+
&:focus-within {
|
|
2016
|
+
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2017
|
+
}
|
|
2018
|
+
`}
|
|
2019
|
+
`,HT=f.textarea`
|
|
2020
|
+
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
2021
|
+
min-height: ${({$minHeight:e})=>e||"50px"};
|
|
2022
|
+
flex: 1;
|
|
2023
|
+
font-family: ${({theme:e})=>e.font_family.primary};
|
|
2024
|
+
font-size: 14px;
|
|
2025
|
+
font-weight: 400;
|
|
2026
|
+
resize: none;
|
|
2027
|
+
|
|
2028
|
+
background: transparent;
|
|
2029
|
+
border: none;
|
|
2030
|
+
outline: none;
|
|
2031
|
+
cursor: text;
|
|
2032
|
+
color: ${({theme:e})=>e.v2.colors.white[500]};
|
|
2033
|
+
&::placeholder {
|
|
2034
|
+
color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
2035
|
+
}
|
|
2036
|
+
|
|
2037
|
+
&:disabled {
|
|
2038
|
+
cursor: not-allowed;
|
|
2039
|
+
color: ${({theme:e})=>e.v2.colors.grey[400]};
|
|
2040
|
+
&::placeholder {
|
|
2041
|
+
color: ${({theme:e})=>e.v2.colors.grey[400]};
|
|
2042
|
+
}
|
|
2043
|
+
}
|
|
2044
|
+
`,WT=({label:o,required:i,tooltip:n,badge:r,errorMessage:a,warnMessage:s,helpMessage:l,name:d,value:c,onChange:u,disabled:h,maxWidth:m,minHeight:g,...f})=>{const y=p(null),b=()=>{y.current&&(y.current.style.height="auto",y.current.style.height=`${y.current.scrollHeight}px`)};return e(Wd,{$gap:6,children:[t(qw,{label:o,tooltip:n,required:i,badge:r}),t(jT,{$disabled:h,$error:!!a,children:t(HT,{ref:y,"data-id":d,name:d,value:c,onChange:e=>{e.stopPropagation(),b(),u?.(e)},onKeyDown:e=>{e.stopPropagation()},onFocus:b,onBlur:b,disabled:h,$maxWidth:m,$minHeight:g,...f})}),t(Jw,{errorMessage:a,warnMessage:s,helpMessage:l})]})},XT=[{id:"ms",label:"milliseconds"},{id:"s",label:"seconds"},{id:"m",label:"minutes"},{id:"h",label:"hours"}],GT=f.div`
|
|
2045
|
+
flex: 1;
|
|
2046
|
+
min-width: 0;
|
|
2047
|
+
`,VT=f.div`
|
|
2048
|
+
flex: 0 0 auto;
|
|
2049
|
+
min-width: 140px;
|
|
2050
|
+
`,KT=({name:o,label:i,tooltip:n,badge:r,placeholder:a,required:s,disabled:l,value:d,setValue:p,units:u=XT,defaultUnit:h,errorMessage:m,warnMessage:g,helpMessage:f,hasError:y,width:b})=>{const v=c(()=>h&&u.some(e=>e.id===h)?h:u[0]?.id||"s",[h,u]),{num:$,unit:w}=c(()=>((e,t,o)=>{if(null==e||""===e)return{num:"",unit:o};const i=[...t.map(e=>e.id)].sort((e,t)=>t.length-e.length),n=new RegExp(`^\\s*(\\d+)\\s*(${i.join("|")})\\s*$`,"i"),r=String(e).match(n);if(r)return{num:r[1],unit:r[2].toLowerCase()};const a=String(e).match(/^\s*(\d+)\s*$/);return a?{num:a[1],unit:o}:{num:"",unit:o}})(d,u,v),[d,u,v]),C=(e,t)=>{p(""!==e?`${e}${t}`:"")};return e(Wd,{$width:b,$gap:6,children:[t(qw,{label:i,tooltip:n,required:s,badge:r}),e(Hd,{$gap:8,$alignItems:"center",children:[t(GT,{children:t(XC,{name:o,placeholder:a,disabled:l,hasError:y||!!m,inputMode:"numeric",value:$,onChange:e=>C(Oc(e.target.value),w)})}),t(VT,{children:t(DS,{name:`${o}-unit`,disabled:l,hasError:y||!!m,withSearch:!1,options:u,values:[w],setValues:e=>C($,e[0]||w)})})]}),t(Jw,{errorMessage:m,warnMessage:g,helpMessage:f})]})},YT=f.div`
|
|
2051
|
+
display: flex;
|
|
2052
|
+
flex-direction: column;
|
|
2053
|
+
min-width: 0;
|
|
2054
|
+
width: 100%;
|
|
2055
|
+
flex: 1;
|
|
2056
|
+
`,qT=f.div`
|
|
2057
|
+
width: 100%;
|
|
2058
|
+
padding: 8px;
|
|
2059
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
2060
|
+
|
|
2061
|
+
${({$corner:e})=>{switch(e){case"left":return y`
|
|
2062
|
+
border-top-left-radius: 12px;
|
|
2063
|
+
`;case"right":return y`
|
|
2064
|
+
border-top-right-radius: 12px;
|
|
2065
|
+
`;case"both":return y`
|
|
2066
|
+
border-top-left-radius: 12px;
|
|
2067
|
+
border-top-right-radius: 12px;
|
|
2068
|
+
`;default:return y``}}}
|
|
2069
|
+
`,JT=f.div`
|
|
2070
|
+
display: flex;
|
|
2071
|
+
align-items: center;
|
|
2072
|
+
gap: 4px;
|
|
2073
|
+
min-width: 0;
|
|
2074
|
+
`,QT=f.div`
|
|
2075
|
+
display: flex;
|
|
2076
|
+
align-items: center;
|
|
2077
|
+
justify-content: center;
|
|
2078
|
+
padding: 4px;
|
|
2079
|
+
border-radius: 4px;
|
|
2080
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
2081
|
+
`,ZT=f.div`
|
|
2082
|
+
display: flex;
|
|
2083
|
+
flex-direction: column;
|
|
2084
|
+
width: 100%;
|
|
2085
|
+
min-width: 0;
|
|
2086
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
2087
|
+
border: 0.5px solid ${({theme:e})=>e.v2.colors.silver[600]};
|
|
2088
|
+
border-top: none;
|
|
2089
|
+
|
|
2090
|
+
${({$corner:e,$hasHeader:t})=>{switch(e){case"left":return t?y`
|
|
2091
|
+
border-top-left-radius: 0;
|
|
2092
|
+
border-bottom-left-radius: 8px;
|
|
2093
|
+
`:y`
|
|
2094
|
+
border-bottom-left-radius: 8px;
|
|
2095
|
+
`;case"right":return t?y`
|
|
2096
|
+
border-top-right-radius: 0;
|
|
2097
|
+
border-bottom-right-radius: 8px;
|
|
2098
|
+
`:y`
|
|
2099
|
+
border-bottom-right-radius: 8px;
|
|
2100
|
+
`;case"both":return t?y`
|
|
2101
|
+
border-top-left-radius: 0;
|
|
2102
|
+
border-top-right-radius: 0;
|
|
2103
|
+
border-bottom-left-radius: 8px;
|
|
2104
|
+
border-bottom-right-radius: 8px;
|
|
2105
|
+
`:y`
|
|
2106
|
+
border-bottom-left-radius: 8px;
|
|
2107
|
+
border-bottom-right-radius: 8px;
|
|
2108
|
+
`;default:return y``}}}
|
|
2109
|
+
`,eO=y`
|
|
2110
|
+
${({theme:e,$variant:t})=>{switch(t){case"new":case"removed":return y`
|
|
2111
|
+
background-color: ${e.v2.colors.red[900]};
|
|
2112
|
+
border-left: 2px solid ${e.v2.colors.red[500]};
|
|
2113
|
+
`;case"placeholder":return y`
|
|
2114
|
+
background-color: ${e.v2.colors.green[900]};
|
|
2115
|
+
border-left: 2px solid ${e.v2.colors.green[500]};
|
|
2116
|
+
`;default:return y`
|
|
2117
|
+
background-color: transparent;
|
|
2118
|
+
border-left: 2px solid transparent;
|
|
2119
|
+
`}}}
|
|
2120
|
+
|
|
2121
|
+
${({$selected:e,$variant:t,theme:o})=>e&&("default"===t||"timing"===t)&&y`
|
|
2122
|
+
border-left-color: ${o.v2.colors.silver[500]};
|
|
2123
|
+
`}
|
|
2124
|
+
`,tO=f.button`
|
|
2125
|
+
display: flex;
|
|
2126
|
+
flex-direction: column;
|
|
2127
|
+
align-items: stretch;
|
|
2128
|
+
width: 100%;
|
|
2129
|
+
margin: 0;
|
|
2130
|
+
padding: 0;
|
|
2131
|
+
border: none;
|
|
2132
|
+
/* Inset shadow keeps separators out of layout height so fillers match InfoRows 1:1. */
|
|
2133
|
+
box-shadow: inset 0 -0.5px 0 ${({theme:e})=>e.v2.colors.silver[500]};
|
|
2134
|
+
text-align: left;
|
|
2135
|
+
color: inherit;
|
|
2136
|
+
font: inherit;
|
|
2137
|
+
cursor: ${({$interactive:e})=>e?"pointer":"default"};
|
|
2138
|
+
${eO}
|
|
2139
|
+
|
|
2140
|
+
&:last-child {
|
|
2141
|
+
box-shadow: none;
|
|
2142
|
+
}
|
|
2143
|
+
`,oO=f.div`
|
|
2144
|
+
display: flex;
|
|
2145
|
+
align-items: center;
|
|
2146
|
+
gap: 8px;
|
|
2147
|
+
width: 100%;
|
|
2148
|
+
height: ${30}px;
|
|
2149
|
+
padding: 0 8px;
|
|
2150
|
+
padding-left: ${({$depth:e})=>8+12*Math.max(0,e)}px;
|
|
2151
|
+
box-sizing: border-box;
|
|
2152
|
+
`,iO=f(zs)`
|
|
2153
|
+
flex-shrink: 0;
|
|
2154
|
+
min-width: 10px;
|
|
2155
|
+
`,nO=f.div`
|
|
2156
|
+
display: flex;
|
|
2157
|
+
flex: 1;
|
|
2158
|
+
align-items: center;
|
|
2159
|
+
gap: 4px;
|
|
2160
|
+
min-width: 0;
|
|
2161
|
+
`,rO=f.div`
|
|
2162
|
+
display: flex;
|
|
2163
|
+
flex-shrink: 0;
|
|
2164
|
+
align-items: center;
|
|
2165
|
+
max-width: 96px;
|
|
2166
|
+
height: 16px;
|
|
2167
|
+
padding: 0 4px;
|
|
2168
|
+
overflow: hidden;
|
|
2169
|
+
border-radius: 4px;
|
|
2170
|
+
background-color: ${({theme:e})=>e.v2.colors.purple[900]};
|
|
2171
|
+
`,aO=f(zs)`
|
|
2172
|
+
width: 100%;
|
|
2173
|
+
overflow: hidden;
|
|
2174
|
+
font-family: ${({theme:e})=>e.font_family.code};
|
|
2175
|
+
line-height: 16px;
|
|
2176
|
+
text-overflow: ellipsis;
|
|
2177
|
+
white-space: nowrap;
|
|
2178
|
+
`,sO=f.div`
|
|
2179
|
+
display: flex;
|
|
2180
|
+
flex: 1;
|
|
2181
|
+
align-items: center;
|
|
2182
|
+
gap: 8px;
|
|
2183
|
+
min-width: 0;
|
|
2184
|
+
`,lO=f(zs)`
|
|
2185
|
+
flex-shrink: 0;
|
|
2186
|
+
`,dO=f.div`
|
|
2187
|
+
display: flex;
|
|
2188
|
+
flex-shrink: 0;
|
|
2189
|
+
align-items: center;
|
|
2190
|
+
gap: 4px;
|
|
2191
|
+
height: 18px;
|
|
2192
|
+
padding: 0 4px;
|
|
2193
|
+
border-radius: 4px;
|
|
2194
|
+
|
|
2195
|
+
${({theme:e,$tone:t})=>{switch(t){case"warning":return y`
|
|
2196
|
+
background-color: ${e.v2.colors.yellow[900]};
|
|
2197
|
+
color: ${e.v2.colors.yellow[400]};
|
|
2198
|
+
`;case"danger":return y`
|
|
2199
|
+
background-color: ${e.v2.colors.red[800]};
|
|
2200
|
+
color: ${e.v2.colors.red[300]};
|
|
2201
|
+
`;case"success":return y`
|
|
2202
|
+
background-color: ${e.v2.colors.green[900]};
|
|
2203
|
+
color: ${e.v2.colors.green[300]};
|
|
2204
|
+
`;case"info":return y`
|
|
2205
|
+
background-color: ${e.v2.colors.blue[900]};
|
|
2206
|
+
color: ${e.v2.colors.blue[200]};
|
|
2207
|
+
`}}}
|
|
2208
|
+
`,cO=f.div`
|
|
2209
|
+
display: flex;
|
|
2210
|
+
flex: 1;
|
|
2211
|
+
align-items: center;
|
|
2212
|
+
gap: 4px;
|
|
2213
|
+
min-width: 0;
|
|
2214
|
+
`,pO=f.div`
|
|
2215
|
+
display: flex;
|
|
2216
|
+
flex-direction: column;
|
|
2217
|
+
width: 100%;
|
|
2218
|
+
box-sizing: border-box;
|
|
2219
|
+
`,uO=y`
|
|
2220
|
+
${({theme:e,$diff:t})=>{switch(t){case"added":return y`
|
|
2221
|
+
background-color: ${e.v2.colors.green[900]};
|
|
2222
|
+
border-left-color: ${e.v2.colors.green[500]};
|
|
2223
|
+
`;case"removed":return y`
|
|
2224
|
+
background-color: ${e.v2.colors.red[900]};
|
|
2225
|
+
border-left-color: ${e.v2.colors.red[500]};
|
|
2226
|
+
`;default:return y``}}}
|
|
2227
|
+
`,hO=f.div`
|
|
2228
|
+
display: flex;
|
|
2229
|
+
width: 100%;
|
|
2230
|
+
min-width: 0;
|
|
2231
|
+
box-sizing: border-box;
|
|
2232
|
+
border-left: 2px solid transparent;
|
|
2233
|
+
|
|
2234
|
+
> * {
|
|
2235
|
+
flex: 1;
|
|
2236
|
+
min-width: 0;
|
|
2237
|
+
}
|
|
2238
|
+
|
|
2239
|
+
/* Compare panes align row-for-row, so a detail row must stay exactly one InfoRow
|
|
2240
|
+
tall — long values ellipsize instead of wrapping (full text is in the title). */
|
|
2241
|
+
p {
|
|
2242
|
+
overflow: hidden;
|
|
2243
|
+
white-space: nowrap;
|
|
2244
|
+
text-overflow: ellipsis;
|
|
2245
|
+
}
|
|
2246
|
+
|
|
2247
|
+
${uO}
|
|
2248
|
+
`,mO=f.div`
|
|
2249
|
+
display: flex;
|
|
2250
|
+
align-items: center;
|
|
2251
|
+
width: 100%;
|
|
2252
|
+
height: ${30}px;
|
|
2253
|
+
padding: 0 8px;
|
|
2254
|
+
box-sizing: border-box;
|
|
2255
|
+
border-left: 2px solid transparent;
|
|
2256
|
+
${uO}
|
|
2257
|
+
`,gO=e=>"placeholder"===e||"removed"===e,fO=(e,t)=>{switch(t){case"warning":return e.v2.colors.yellow[400];case"danger":return e.v2.colors.red[300];case"success":return e.v2.colors.green[300];case"info":return e.v2.colors.blue[200]}},yO={danger:0,warning:1,info:2,success:3},bO=(e,t)=>{switch(t){case"added":return e.v2.colors.green[500];case"removed":return e.v2.colors.red[500];case"changed":return e.v2.colors.blue[300]}},vO=({diff:e})=>{const o=b(),i="added"===e?Mt:"removed"===e?Ft:void 0;return t(mO,{$diff:e,children:i&&e?t(i,{size:12,fill:bO(o,e)}):null})},$O=({row:o})=>{const i=b(),n=!!o.scope,r=o.attributes?.filter(e=>!!e?.key||!!e?.placeholder)??[];return n||o.scopePlaceholder||r.length?t(pO,{children:e(Wd,{$gap:0,children:[o.scopePlaceholder?t(vO,{diff:"added"}):n?t(hO,{title:o.scope??void 0,children:t(iE,{label:"Scope Attribute",value:o.scope})}):null,r.map((e,o)=>e.placeholder?t(vO,{diff:e.diff},`attr-placeholder-${o}`):t(hO,{$diff:e.diff,title:`${e.key??""}: ${e.value??""}`,children:t(iE,{label:e.key??"",value:e.value,labelPingColor:"changed"===e.diff?bO(i,e.diff):void 0,labelPingTooltip:"changed"===e.diff?"This attribute has a value that changed since the baseline trace.":void 0})},`${e.key}-${o}`))]})}):null},wO=({row:o,expanded:i,onToggle:n})=>{const r=b(),a=(e=>e??"default")(o.variant),s=!gO(a),l=o.depth??0,c=d(()=>{s&&n(o.id)},[s,n,o.id]);if(gO(a)){const e=o.badges?.[0]?.icon??void 0,i="removed"===a?r.v2.colors.red[500]:r.v2.colors.green[500];return t(tO,{type:"button",$variant:a,$selected:!1,$interactive:!1,disabled:!0,"aria-hidden":!0,children:t(oO,{$depth:l,children:t(cO,{children:e?t(e,{size:12,fill:i}):null})})})}const p=(o.badges??[]).filter(e=>!!e?.label).map(e=>({...e,tone:e.tone??("new"===a?"danger":"warning")})).sort((e,t)=>yO[e.tone]-yO[t.tone]),u="timing"===a?r.v2.colors.yellow[500]:void 0;return e(tO,{type:"button",$variant:a,$selected:i,$interactive:s,onClick:c,"aria-pressed":i,children:[e(oO,{$depth:l,children:[t(iO,{size:Ls.XXXS,color:Ps.Disable,nowrap:!0,children:o.index??""}),e(nO,{children:[o.service?t(rO,{title:o.service,children:t(aO,{size:Ls.XXXS,color:r.v2.colors.purple[300],children:o.service})}):null,e(sO,{children:[t(zs,{size:Ls.XXXS,color:i||"default"!==a?Ps.Primary:Ps.Secondary,nowrap:!0,children:o.name??""}),p.map((o,i)=>{const n=o.icon??void 0;return e(dO,{$tone:o.tone,children:[t(zs,{size:Ls.XXXS,color:fO(r,o.tone),nowrap:!0,children:o.label}),n?t(n,{size:12,fill:fO(r,o.tone)}):null]},`${o.label}-${i}`)})]}),o.durationLabel?t(lO,{size:Ls.XXXS,color:u??Ps.Secondary,nowrap:!0,children:o.durationLabel}):null]})]}),i?t($O,{row:o}):null]})},CO=({traceId:o,title:i,titleIcon:n,headerBadge:r,meta:a,rows:s,expandedRowIds:l,onToggleRow:p,corner:u="both"})=>{const h=b(),{clickCopy:m,isCopied:g}=H$(),f=c(()=>new Set(l??[]),[l]),y=d(e=>{p?.(e)},[p]),v=!!(n||i||r?.label||a?.length),$="success"===r?.tone?h.v2.colors.green[500]:"danger"===r?.tone?h.v2.colors.red[800]:h.v2.colors.silver[700],w="success"===r?.tone?h.v2.colors.black[500]:"danger"===r?.tone?h.v2.colors.white[500]:h.v2.colors.silver[200];return e(YT,{children:[v&&t(qT,{$corner:u??"both",children:e(Wd,{$gap:8,children:[e(Hd,{$gap:10,$wrap:"wrap",children:[(n||i)&&e(JT,{children:[n&&t(n,{size:16,fill:h.v2.colors.white[500]}),i&&t(zs,{size:Ls.XS,color:Ps.Primary,nowrap:!0,children:i})]}),r?.label?t(bw,{label:r.label,backgroundColor:$,textColor:w,textSize:Ls.XXXS}):null,a?.map(e=>t(QT,{children:t(zs,{size:Ls.XXXS,color:Ps.Secondary,nowrap:!0,children:e.label})},e.label))]}),!!o&&t(D$,{value:g,children:t(XC,{label:"Trace ID",value:o,readOnly:!0,small:!0,leftIcon:M$,leftIconClick:()=>m(o)})})]})}),t(ZT,{$hasHeader:v,$corner:u??"both",children:s?.length?s.map(e=>t(wO,{row:e,expanded:f.has(e.id),onToggle:y},e.id)):t(Hd,{$justifyContent:"center",style:{padding:16},children:t(zs,{size:Ls.XXXS,color:Ps.Secondary,children:"No spans"})})})]})},xO=f.div`
|
|
2258
|
+
min-width: 500px;
|
|
2259
|
+
`,SO=f.div`
|
|
2260
|
+
display: flex;
|
|
2261
|
+
flex-direction: column;
|
|
2262
|
+
align-items: center;
|
|
2263
|
+
gap: 16px;
|
|
2264
|
+
padding: 24px;
|
|
2265
|
+
width: 100%;
|
|
2266
|
+
`,EO=f.div`
|
|
2267
|
+
display: flex;
|
|
2268
|
+
justify-content: center;
|
|
2269
|
+
gap: 16px;
|
|
2270
|
+
padding: 16px 24px;
|
|
2271
|
+
width: 100%;
|
|
2272
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
2273
|
+
`,TO=({visual:o,title:i,description:n,isOpen:r,onClose:a,denyButton:s,approveButton:l,children:d,...c})=>t(kE,{isOpen:r,onClose:a,...c,children:e(xO,{children:[e(SO,{children:[o&&t(o,{}),t(zs,{size:Ls.M,weight:500,color:Ps.Primary,children:i}),t(Wd,{$alignItems:"center",$gap:4,children:n.split("\n").map(e=>t(zs,{size:Ls.XS,weight:400,color:Ps.Secondary,children:e},e))}),d]}),(s||l)&&e(EO,{children:[s&&t(T$,{"data-id":"deny",...s}),l&&t(T$,{"data-id":"approve",...l})]})]})});export{jw as $,hC as A,T$ as B,Xd as C,_S as D,XC as E,Wd as F,Do as G,TC as H,wE as I,ES as J,lh as K,hh as L,fw as M,Vw as N,mh as O,Eo as P,gh as Q,bC as R,Ro as S,C$ as T,Wu as U,dh as V,TO as W,No as X,Il as Y,_C as Z,Yu as _,mC as a,mu as a$,GC as a0,rh as a1,Qw as a2,fh as a3,yh as a4,Hu as a5,el as a6,eS as a7,fE as a8,Pw as a9,Lu as aA,Du as aB,uC as aC,wu as aD,Pu as aE,vh as aF,_u as aG,ph as aH,$h as aI,bh as aJ,wh as aK,Ch as aL,th as aM,Cu as aN,Eu as aO,Tu as aP,ku as aQ,Iu as aR,Au as aS,Bu as aT,uu as aU,hu as aV,vu as aW,oh as aX,ih as aY,sh as aZ,vg as a_,nu as aa,Mu as ab,Xo as ac,Ko as ad,oi as ae,ii as af,ni as ag,Vo as ah,Yo as ai,Go as aj,Ds as ak,kE as al,Vu as am,Su as an,Gu as ao,xu as ap,Ju as aq,Fu as ar,Xu as as,qu as at,ah as au,Uu as av,dE as aw,nh as ax,Ru as ay,$u as az,So as b,Ta as b$,ju as b0,hl as b1,$g as b2,Vs as b3,Od as b4,HE as b5,tc as b6,Xw as b7,H$ as b8,M$ as b9,Li as bA,mo as bB,uo as bC,gc as bD,fc as bE,Hi as bF,Ec as bG,ei as bH,Sc as bI,uw as bJ,En as bK,Tn as bL,On as bM,Nn as bN,kn as bO,ui as bP,Ti as bQ,Zr as bR,na as bS,pi as bT,fi as bU,ea as bV,ta as bW,oa as bX,ia as bY,ra as bZ,di as b_,El as ba,zx as bb,D$ as bc,Qv as bd,Gs as be,td as bf,ko as bg,Ao as bh,Xv as bi,o$ as bj,a$ as bk,Zv as bl,Hl as bm,Hs as bn,zi as bo,si as bp,Io as bq,Ul as br,Jp as bs,qp as bt,Kp as bu,Yp as bv,mc as bw,wp as bx,hc as by,s$ as bz,Qp as c,hw as c$,wi as c0,Ba as c1,vi as c2,Fa as c3,_s as c4,Is as c5,$p as c6,jo as c7,Nw as c8,jd as c9,br as cA,yr as cB,Ar as cC,$r as cD,wr as cE,Cr as cF,Sr as cG,Er as cH,rn as cI,Tr as cJ,Ir as cK,Or as cL,_r as cM,Nr as cN,Dr as cO,kr as cP,Rr as cQ,xr as cR,li as cS,pw as cT,ow as cU,ew as cV,ln as cW,dn as cX,U$ as cY,an as cZ,sn as c_,iT as ca,_i as cb,bw as cc,go as cd,Zp as ce,$o as cf,eu as cg,aE as ch,vC as ci,Bs as cj,Vc as ck,yp as cl,up as cm,hp as cn,gp as co,mp as cp,Rh as cq,zu as cr,Ku as cs,Lh as ct,eh as cu,Dh as cv,yu as cw,bu as cx,Ou as cy,fr as cz,qw as d,Ca as d$,cn as d0,Mn as d1,zn as d2,Pn as d3,Bn as d4,Fn as d5,Xn as d6,on as d7,nn as d8,Wn as d9,sr as dA,gr as dB,mr as dC,hr as dD,ur as dE,SE as dF,Br as dG,Gi as dH,Xi as dI,zr as dJ,CE as dK,Ra as dL,La as dM,Pa as dN,Ua as dO,Qi as dP,Ma as dQ,ba as dR,ya as dS,$a as dT,za as dU,va as dV,ha as dW,fn as dX,wa as dY,Ji as dZ,ga as d_,jn as da,Hn as db,Lr as dc,Pr as dd,Fr as de,Mr as df,Jn as dg,qn as dh,Vn as di,Gn as dj,nr as dk,Yn as dl,Kn as dm,ir as dn,or as dp,Zn as dq,Qn as dr,tr as ds,er as dt,pr as du,cr as dv,ar as dw,rr as dx,dr as dy,lr as dz,zs as e,Rs as e$,xa as e0,Zi as e1,en as e2,tn as e3,ua as e4,As as e5,Ns as e6,Ha as e7,Ja as e8,qa as e9,bs as eA,$s as eB,xs as eC,Cs as eD,ws as eE,vs as eF,ks as eG,Ts as eH,Os as eI,Es as eJ,Ss as eK,Sn as eL,wn as eM,xn as eN,Cn as eO,bn as eP,vn as eQ,$n as eR,yn as eS,gn as eT,Ui as eU,ho as eV,uS as eW,cS as eX,Wi as eY,Fl as eZ,vp as e_,Ya as ea,es as eb,Za as ec,Qa as ed,Wa as ee,is as ef,ns as eg,os as eh,ts as ei,Xa as ej,ss as ek,as as el,rs as em,cs as en,ds as eo,ls as ep,Ga as eq,hs as er,us as es,ps as et,Va as eu,gs as ev,ms as ew,Ka as ex,fs as ey,ys as ez,Ps as f,Up as f$,Ws as f0,Ks as f1,wo as f2,BE as f3,Tl as f4,Vx as f5,cl as f6,Qx as f7,Ri as f8,xc as f9,oc as fA,Dl as fB,Po as fC,ep as fD,ip as fE,Fw as fF,AT as fG,rT as fH,Nu as fI,ru as fJ,ql as fK,Rl as fL,tu as fM,Un as fN,Ni as fO,Fp as fP,Hp as fQ,ki as fR,Pp as fS,jp as fT,Wp as fU,Lp as fV,zp as fW,kp as fX,Ap as fY,Bp as fZ,Mp as f_,bl as fa,dc as fb,Wl as fc,op as fd,Q$ as fe,Js as ff,Wo as fg,qs as fh,np as fi,iE as fj,_l as fk,Ix as fl,Yv as fm,lc as fn,sc as fo,Pl as fp,VS as fq,Kv as fr,ed as fs,xl as ft,ic as fu,m$ as fv,dp as fw,ap as fx,wc as fy,od as fz,Ls as g,P$ as g$,Vp as g0,Np as g1,Dp as g2,Rp as g3,_p as g4,Ip as g5,xp as g6,Cp as g7,Gp as g8,Xp as g9,dy as gA,sy as gB,ry as gC,ly as gD,gf as gE,mf as gF,xy as gG,Cy as gH,Sy as gI,Ay as gJ,Yg as gK,Ty as gL,Ey as gM,Jy as gN,Qy as gO,My as gP,Fy as gQ,Py as gR,jy as gS,By as gT,Wy as gU,Hy as gV,nb as gW,db as gX,cb as gY,sb as gZ,lb as g_,su as ga,iu as gb,au as gc,fg as gd,bg as ge,yg as gf,zh as gg,Mh as gh,Fh as gi,Uh as gj,Gh as gk,Xh as gl,Yh as gm,Kh as gn,Hh as go,jh as gp,ou as gq,Nh as gr,rb as gs,Ky as gt,Yy as gu,Uy as gv,zy as gw,ty as gx,ay as gy,ny as gz,Hd as h,mb as h$,Zf as h0,ey as h1,qf as h2,Jf as h3,Qf as h4,Kf as h5,Vf as h6,Xf as h7,Yf as h8,Bf as h9,bf as hA,xb as hB,wf as hC,tS as hD,$f as hE,Tf as hF,Ef as hG,Of as hH,kf as hI,Af as hJ,_f as hK,If as hL,Sf as hM,xf as hN,Cf as hO,Pv as hP,Fg as hQ,Tv as hR,Nv as hS,Ov as hT,ff as hU,kv as hV,Av as hW,Iv as hX,_v as hY,Vy as hZ,Pg as h_,ob as ha,zf as hb,Mf as hc,Uf as hd,tb as he,lf as hf,my as hg,ub as hh,gb as hi,jf as hj,Hf as hk,Dv as hl,Rv as hm,Mv as hn,Bv as ho,Wf as hp,Ff as hq,Rf as hr,Df as hs,Cv as ht,uf as hu,pf as hv,wv as hw,cf as hx,df as hy,vf as hz,S$ as i,Jm as i$,hb as i0,V$ as i1,yc as i2,tw as i3,Gv as i4,gg as i5,Qh as i6,pm as i7,um as i8,hm as i9,bm as iA,vm as iB,Em as iC,xm as iD,Sm as iE,wm as iF,Cm as iG,$m as iH,km as iI,Am as iJ,Om as iK,Nm as iL,Tm as iM,_m as iN,Dm as iO,Im as iP,em as iQ,eg as iR,tg as iS,og as iT,Zm as iU,ng as iV,rg as iW,ag as iX,sg as iY,lg as iZ,ig as i_,mm as ia,fm as ib,gm as ic,ym as id,Rd as ie,dg as ig,cg as ih,pg as ii,ug as ij,hg as ik,mg as il,Zh as im,tm as io,om as ip,im as iq,rm as ir,nm as is,sm as it,am as iu,dm as iv,lm as iw,cm as ix,qh as iy,Jh as iz,x$ as j,Qr as j$,Qm as j0,jm as j1,Km as j2,Ym as j3,qm as j4,Wm as j5,Gm as j6,Xm as j7,Rm as j8,Lm as j9,JE as jA,VE as jB,Sl as jC,CO as jD,Gc as jE,ji as jF,Bi as jG,fx as jH,ci as jI,un as jJ,In as jK,sa as jL,la as jM,Yi as jN,Vi as jO,da as jP,qi as jQ,ca as jR,Ki as jS,fa as jT,aa as jU,hn as jV,mn as jW,pn as jX,Yr as jY,qr as jZ,Jr as j_,Pm as ja,Fm as jb,Mm as jc,Um as jd,zm as je,Bm as jf,Hm as jg,Vm as jh,Jl as ji,DT as jj,qC as jk,Ed as jl,hd as jm,md as jn,RT as jo,zd as jp,MC as jq,wl as jr,gi as js,mi as jt,hi as ju,bi as jv,yi as jw,$i as jx,dw as jy,XE as jz,Jw as k,vb as k$,Gr as k0,Vr as k1,Kr as k2,Hr as k3,Wr as k4,Xr as k5,An as k6,Rn as k7,Ln as k8,Dn as k9,LC as kA,cu as kB,lu as kC,du as kD,pu as kE,uh as kF,J$ as kG,Ph as kH,Oh as kI,Eh as kJ,Th as kK,Sh as kL,xh as kM,Ih as kN,_h as kO,Ah as kP,kh as kQ,Z$ as kR,Bb as kS,jb as kT,Mb as kU,Ub as kV,zb as kW,Fb as kX,$b as kY,fb as kZ,yb as k_,jr as ka,Tx as kb,yx as kc,xi as kd,Bd as ke,nT as kf,Jv as kg,$l as kh,Xs as ki,rp as kj,iw as kk,Vv as kl,i$ as km,Bl as kn,Ol as ko,Nl as kp,jl as kq,zl as kr,Ml as ks,p$ as kt,vl as ku,yl as kv,fl as kw,js as kx,id as ky,qo as kz,MS as l,Jo as l$,bb as l0,Ab as l1,Zb as l2,Nb as l3,Ib as l4,Db as l5,_b as l6,$v as l7,yv as l8,fv as l9,Wg as lA,Xg as lB,nf as lC,Gg as lD,Vg as lE,af as lF,rf as lG,Bg as lH,xg as lI,Cg as lJ,Uo as lK,bo as lL,Fo as lM,Bo as lN,Ei as lO,Si as lP,Ci as lQ,To as lR,Oo as lS,Lo as lT,vo as lU,Ii as lV,Co as lW,yo as lX,Ho as lY,Zo as lZ,Qo as l_,xv as la,Ev as lb,Sv as lc,Rb as ld,Lb as le,Pb as lf,ev as lg,tv as lh,Kg as li,qg as lj,Jg as lk,Qg as ll,Zg as lm,kg as ln,Ig as lo,_g as lp,Dg as lq,Rg as lr,_y as ls,Lg as lt,$y as lu,ef as lv,tf as lw,of as lx,jg as ly,Hg as lz,zS as m,Oa as m$,zo as m0,Ai as m1,Oi as m2,ai as m3,ri as m4,ti as m5,xo as m6,fo as m7,Mo as m8,kd as m9,Oc as mA,Nc as mB,kc as mC,Kc as mD,Yc as mE,gl as mF,qc as mG,Jc as mH,Di as mI,cp as mJ,ch as mK,lp as mL,pa as mM,ma as mN,vr as mO,Vh as mP,Wh as mQ,Bh as mR,Qu as mS,Zu as mT,Da as mU,_a as mV,Ia as mW,Aa as mX,Ea as mY,Na as mZ,Sa as m_,Nd as ma,Pd as mb,Ld as mc,_d as md,Ud as me,pl as mf,Qs as mg,ul as mh,Tc as mi,Cl as mj,Al as mk,ml,Ll as mm,Ys as mn,Gl as mo,Vl as mp,Kl as mq,Yl as mr,Ql as ms,nc as mt,cc as mu,pc as mv,uc as mw,bc as mx,vc as my,Cc as mz,qS as n,av as n$,ka as n0,fu as n1,gu as n2,Ur as n3,sp as n4,Ep as n5,Tp as n6,Op as n7,Sp as n8,_n as n9,Gf as nA,zg as nB,Ug as nC,Ag as nD,ab as nE,sf as nF,kb as nG,Og as nH,Tg as nI,Eg as nJ,Ny as nK,Sb as nL,Cb as nM,Ob as nN,Tb as nO,Eb as nP,wb as nQ,Nf as nR,hy as nS,py as nT,uy as nU,cy as nV,lv as nW,sv as nX,iv as nY,rv as nZ,nv as n_,wg as na,ib as nb,gy as nc,fy as nd,yy as ne,Ry as nf,Ly as ng,Qb as nh,Jb as ni,qb as nj,Hb as nk,Gb as nl,Yb as nm,Wb as nn,Vb as no,Xb as np,Kb as nq,pb as nr,Mg as ns,eb as nt,Ng as nu,Lv as nv,oy as nw,iy as nx,by as ny,qy as nz,_o as o,Yd as o$,mv as o0,uv as o1,pv as o2,dv as o3,cv as o4,ov as o5,hv as o6,vy as o7,Lf as o8,ky as o9,d$ as oA,c$ as oB,W$ as oC,G$ as oD,q$ as oE,g$ as oF,rw as oG,Ow as oH,Lw as oI,kw as oJ,Tw as oK,JC as oL,iC as oM,z$ as oN,XT as oO,LS as oP,B$ as oQ,HS as oR,XS as oS,JS as oT,Kd as oU,LE as oV,Vd as oW,j$ as oX,ww as oY,pE as oZ,OC as o_,Uv as oa,zv as ob,Zy as oc,Dy as od,yf as oe,Hv as of,jv as og,Fv as oh,Xy as oi,Sg as oj,hf as ok,Gy as ol,wy as om,vv as on,bv as oo,gv as op,Iy as oq,Oy as or,Pf as os,Fi as ot,Mi as ou,ja as ov,pp as ow,u$ as ox,lw as oy,h$ as oz,sS as p,qd as p0,Jd as p1,BT as p2,Rx as p3,dS as p4,Gd as p5,F$ as p6,k$ as p7,IT as p8,A$ as p9,N$ as pa,Ms as pb,iS as q,oS as r,KT as s,po as t,K$ as u,tC as v,DS as w,WT as x,tl as y,rE as z};
|