@odigos/ui-kit 0.0.238 → 0.0.239

package/lib/mock-data/profiling/index.d.ts

@@ -1,4 +1,4 @@
-import type { ProfilingProps } from '@/containers/source-drawer/profiling';
+import type { ProfilingProps } from '@/containers/_v2/_drawers/edit-source-drawer/profiling';
 type ProfilingSlots = Awaited<ReturnType<ProfilingProps['fetchProfilingSlots']>>;
 type EnableProfilingResult = Awaited<ReturnType<ProfilingProps['enableProfiling']>>;
 type SourceProfilingResult = Awaited<ReturnType<ProfilingProps['fetchSourceProfiling']>>;

package/lib/mock-data/service-map/index.d.ts

@@ -1,4 +1,4 @@
 import type { PeerSources, ServiceMapSources } from '@/types';
-/** Peer graph for the default SourceDrawer story (`inventory` workload). */
+/** Peer graph for the default SourceDrawer story (`frontend` workload). */
 export declare const MOCK_PEER_SOURCES: PeerSources;
 export declare const MOCK_SERVICE_MAP: ServiceMapSources;

package/lib/mock-data/sources/index.d.ts

@@ -1,7 +1,7 @@
 import { type Source } from '@/types';
 export declare const MOCK_SOURCES_OTHER: Source[];
-export declare const MOCK_SOURCES_SIMPLE_DEMO: Source[];
 export declare const MOCK_SOURCES_GOOGLE: Source[];
 export declare const MOCK_SOURCES_ERROR: Source[];
 export declare const MOCK_SOURCE_JAEGER: Source;
+export declare const MOCK_SOURCES_SIMPLE_DEMO: Source[];
 export declare const MOCK_SOURCES: Source[];

package/lib/snippets/_v2/odigos-logo-text-by-tier/index.d.ts

@@ -1,5 +1,7 @@
 import { type FC } from 'react';
 export interface OdigosLogoTextByTierProps {
     size?: number;
+    central?: boolean;
+    useInline?: boolean;
 }
 export declare const OdigosLogoTextByTier: FC<OdigosLogoTextByTierProps>;

package/lib/snippets/_v2/rich-title/index.d.ts

@@ -1,10 +1,15 @@
 import { ReactNode, type FC } from 'react';
 import type { SVG } from '@/types';
 import { type BadgeProps } from '@/components/_v2/badge';
+import { TypographySize } from '@/components/_v2/typography';
 export interface RichTitleProps {
     icon?: SVG;
+    iconWithWrapper?: boolean;
     title?: string;
+    titleSize?: TypographySize;
     subTitle?: string;
+    subTitleSize?: TypographySize;
+    tooltip?: string;
     withCopy?: boolean;
     badge?: BadgeProps;
     gap?: number;

package/lib/snippets/_v2/wide-drawer/index.d.ts

@@ -11,9 +11,15 @@ export interface WideDrawerProps {
     onBack?: () => void;
     onNext?: () => void;
     nextIsSkip?: boolean;
+    /**
+     * Persist the form. Resolve with `{ error }` to surface a save error in the footer note,
+     * `false` to keep the drawer open without showing any error (e.g. when the caller has
+     * already gated on form validation and the inline field messages are enough), or
+     * `undefined` on success — the drawer closes itself in that case.
+     */
     onSave: () => Promise<{
         error?: string;
-    } | undefined>;
+    } | false | undefined>;
     disableSave?: boolean;
     connectionIds?: {
         value: string[];

package/lib/snippets/source-container/index.d.ts

@@ -1,7 +1,6 @@
 import { type FC } from 'react';
 import { SourceContainer as SourceContainerType, SourceFormData } from '@/types';
-interface SourceContainerProps extends SourceContainerType {
+export interface SourceContainerProps extends SourceContainerType {
     callbackRuntimeOverride?: (payload: Pick<SourceFormData, 'containerName' | 'language' | 'version' | 'otelDistroName'>) => Promise<void>;
 }
 export declare const SourceContainer: FC<SourceContainerProps>;
-export {};

package/lib/snippets/v2.js

@@ -1 +1 @@
-export{A as ActionType,dU as Actions,c5 as ColoredSpan,fb as ColoredSpanVariant,dT as RichTitle}from"../chunks/ui-components-rpRyPe3l.js";export{C as CancelModal,j as DURATION_OPTIONS,g as DeleteModal,e as DurationErrorsSection,D as DynamicField,N as NOISY_PERCENTAGE_OPTIONS,i as OdigosLogoTextByTier,O as OperationSection,a as PERCENTAGE_OPTIONS,f as PercentageSection,P as PresetWithCustomInput,R as RuleInfoSection,d as RuleTypeSection,b as SamplingPreviewSection,S as SignalsCheckboxList,c as SourceScopeSection,U as UpgradeModal,h as WIDE_DRAWER_WIDTH,W as WideDrawer}from"../chunks/index-CCaTS6aq.js";export{Y as YamlSectionCard}from"../chunks/index-D6SlbWIi.js";import"react/jsx-runtime";import"styled-components";import"../icons.js";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{A as ActionType,e9 as Actions,cr as ColoredSpan,fr as ColoredSpanVariant,e8 as RichTitle}from"../chunks/ui-components-BPdnIOmj.js";export{C as CancelModal,j as DURATION_OPTIONS,g as DeleteModal,e as DurationErrorsSection,D as DynamicField,N as NOISY_PERCENTAGE_OPTIONS,h as OdigosLogoTextByTier,O as OperationSection,a as PERCENTAGE_OPTIONS,f as PercentageSection,P as PresetWithCustomInput,R as RuleInfoSection,d as RuleTypeSection,b as SamplingPreviewSection,S as SignalsCheckboxList,c as SourceScopeSection,U as UpgradeModal,i as WIDE_DRAWER_WIDTH,W as WideDrawer}from"../chunks/index-Dy4pkeq6.js";export{Y as YamlSectionCard}from"../chunks/index-B5PgIL40.js";import"react/jsx-runtime";import"styled-components";import"../icons.js";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";

package/lib/snippets.js

@@ -1 +1 @@
-export{gM as AddButton,X as CopyText,w as Flow,gN as MapItemNode,gO as NoDataNode,Z as PodContainer,ar as SourceContainer}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{g$ as AddButton,ab as CopyText,a3 as Flow,h0 as MapItemNode,h1 as NoDataNode,ad as PodContainer,ar as SourceContainer}from"./chunks/ui-components-BPdnIOmj.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";

package/lib/store.js

@@ -1 +1 @@
-export{bw as ProgressKeys,v as useActiveNodeStore,gx as useDarkMode,al as useDataStreamStore,y as useDrawerStore,t as useEntityStore,du as useFilterStore,dC as useModalStore,c as useNotificationStore,bu as useProgressStore,dE as useSelectedStore,dQ as useSetupStore}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{bx as ProgressKeys,a2 as useActiveNodeStore,gM as useDarkMode,al as useDataStreamStore,J as useDrawerStore,a1 as useEntityStore,dP as useFilterStore,co as useModalStore,r as useNotificationStore,bv as useProgressStore,dX as useSelectedStore,e5 as useSetupStore}from"./chunks/ui-components-BPdnIOmj.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";

package/lib/theme.js

@@ -1 +1 @@
-export{gy as Provider,gz as animations,gA as opacity,gB as palettes}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{gN as Provider,gO as animations,gP as opacity,gQ as palettes}from"./chunks/ui-components-BPdnIOmj.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";

package/lib/types/common/index.d.ts

@@ -129,9 +129,37 @@ export declare enum OtherStatusType {
 export interface Condition {
     status: StatusType | OtherStatus;
     type: string;
+    name?: string;
     reason?: string | null;
     message?: string | null;
 }
+export declare enum ConditionType {
+    MarkedForInstrumentation = "MarkedForInstrumentation",
+    RuntimeDetection = "RuntimeDetection",
+    AgentEnabled = "AgentEnabled",
+    AgentInjected = "AgentInjected",
+    WorkloadRollout = "WorkloadRollout",
+    ProcessesHealthStatus = "ProcessesHealthStatus",
+    ExpectingTelemetry = "ExpectingTelemetry",
+    WorkloadOdigosHealth = "WorkloadOdigosHealth"
+}
+export declare enum WorkloadRolloutReason {
+    TriggeredSuccessfully = "RolloutTriggeredSuccessfully",
+    RolloutFinished = "RolloutFinished",
+    PreviousRolloutOngoing = "PreviousRolloutOngoing",
+    Disabled = "Disabled",
+    NotRequired = "NotRequired",
+    WaitingForRestart = "WaitingForRestart",
+    WorkloadNotSupporting = "WorkloadNotSupporting",
+    WaitingInQueue = "WaitingInQueue",
+    FailedToPatch = "FailedToPatch"
+}
+export declare enum AgentInjectedReason {
+    SuccessfullyInjected = "SuccessfullyInjected",
+    NoAgentInjected = "NoAgentInjected",
+    SomePodsAgentNotInjectedRolloutNeeded = "SomePodsAgentNotInjectedRolloutNeeded",
+    AgentInjectedAndDataSent = "AgentInjectedAndDataSent"
+}
 export interface Notification {
     id: string;
     type: StatusType;

package/lib/types/service-map/index.d.ts

@@ -4,8 +4,8 @@ export interface ServiceMapFromSource {
     services: ServiceMapToSource[];
 }
 export interface ServiceMapToSource {
-    nodeId: string;
-    isVirtual: boolean;
+    nodeId?: string;
+    isVirtual?: boolean;
     serviceName: string;
     requests: number;
     dateTime: string;

package/lib/types/sources/index.d.ts

@@ -1,10 +1,10 @@
-import { K8sResourceKind, OtelDistroName } from '../enum';
 import type { DescribeSource } from '../describe';
 import type { PeerSources } from '../service-map';
+import { K8sResourceKind, OtelDistroName } from '../enum';
 import { type Condition, ProgrammingLanguages } from '../common';
-import type { DesiredConditionStatus, WorkloadId } from '../workload';
-import type { InstrumentationInstanceComponent } from '../instrumentation-instances';
 import type { NamespaceSelectionFormData, SourceSelectionFormData } from '@/store';
+import type { InstrumentationInstanceComponent } from '../instrumentation-instances';
+import type { DesiredConditionStatus, K8sWorkloadPod, Workload, WorkloadId } from '../workload';
 export interface PersistSourceInput {
     [clusterId: string]: {
         namespace: string;
@@ -30,6 +30,7 @@ export interface SourceContainerAgentEnabled {
 }
 export interface SourceContainerOverrides {
     containerName: string;
+    otelDistroName: OtelDistroName | null;
     runtimeInfo: SourceContainerRuntimeInfo | null;
 }
 export interface SourceContainer {
@@ -48,9 +49,12 @@ export interface Source extends WorkloadId {
     workloadOdigosHealthStatus?: DesiredConditionStatus | null;
     detectedLanguages?: ProgrammingLanguages[] | null;
     podsAgentInjectionStatus?: DesiredConditionStatus | null;
+    podsHealthStatus?: DesiredConditionStatus | null;
+    pods?: K8sWorkloadPod[] | null;
     rollbackOccurred?: boolean;
     manifestYAML?: string | null;
     instrumentationConfigYAML?: string | null;
+    telemetryMetrics?: Workload['telemetryMetrics'] | null;
 }
 export interface SourceFormData {
     otelServiceName?: string;

package/lib/types/workload/index.d.ts

@@ -1,4 +1,5 @@
-import { K8sResourceKind, DesiredStateProgress } from '../enum';
+import type { ProgrammingLanguages } from '../common';
+import { K8sResourceKind, OtelDistroName, DesiredStateProgress } from '../enum';
 export interface WorkloadId {
     namespace: string;
     name: string;
@@ -21,9 +22,185 @@ export interface NamespaceWorkload {
     dataStreamNames: string[];
     numberOfInstances: number | null;
 }
+export interface K8sWorkloadMarkedForInstrumentation {
+    markedForInstrumentation: boolean | null;
+    decisionEnum: string;
+    message: string;
+}
+export interface EnvVar {
+    name: string;
+    value: string;
+}
+export interface K8sWorkloadRuntimeInfoContainer {
+    containerName: string;
+    language: ProgrammingLanguages;
+    runtimeVersion?: string | null;
+    processEnvVars: EnvVar[];
+    containerRuntimeEnvVars?: EnvVar[] | null;
+    criErrorMessage?: string | null;
+    libcType?: string | null;
+    secureExecutionMode?: boolean | null;
+    otherAgentName?: string | null;
+}
+export interface K8sWorkloadRuntimeInfo {
+    completed: boolean;
+    completedStatus: DesiredConditionStatus;
+    detectedLanguages?: ProgrammingLanguages[] | null;
+    containers?: K8sWorkloadRuntimeInfoContainer[] | null;
+}
+export interface DistroParam {
+    name: string;
+    value: string;
+}
+export interface K8sWorkloadAgentEnabledContainerTraces {
+    enabled: boolean;
+}
+export interface K8sWorkloadAgentEnabledContainerMetrics {
+    enabled: boolean;
+}
+export interface K8sWorkloadAgentEnabledContainerLogs {
+    enabled: boolean;
+}
+export interface K8sWorkloadAgentEnabledContainer {
+    containerName: string;
+    agentEnabled: boolean;
+    agentEnabledStatus: DesiredConditionStatus;
+    otelDistroName?: OtelDistroName | null;
+    envInjectionMethod?: string | null;
+    distroParams?: DistroParam[] | null;
+    traces?: K8sWorkloadAgentEnabledContainerTraces | null;
+    metrics?: K8sWorkloadAgentEnabledContainerMetrics | null;
+    logs?: K8sWorkloadAgentEnabledContainerLogs | null;
+}
+export interface K8sWorkloadAgentEnabled {
+    agentEnabled: boolean;
+    enabledStatus: DesiredConditionStatus;
+    containers?: K8sWorkloadAgentEnabledContainer[] | null;
+}
+export interface K8sWorkloadRollout {
+    rolloutStatus: DesiredConditionStatus;
+}
+export interface K8sWorkloadContainerOverrides {
+    containerName: string;
+    otelDistroName?: OtelDistroName | null;
+    runtimeInfo?: K8sWorkloadRuntimeInfoContainer | null;
+}
+export declare enum K8sWorkloadContainerAgentConfigTracesHeadSamplingCheckConditionOperator {
+    Equals = "equals",
+    NotEquals = "notEquals",
+    EndWith = "endWith",
+    StartWith = "startWith"
+}
+export interface K8sWorkloadContainerAgentConfigTracesHeadSamplingCheckCondition {
+    key: string;
+    operator: K8sWorkloadContainerAgentConfigTracesHeadSamplingCheckConditionOperator;
+    value: string;
+}
+export interface K8sWorkloadContainerAgentConfigTracesHeadSamplingCheck {
+    conditions?: K8sWorkloadContainerAgentConfigTracesHeadSamplingCheckCondition[] | null;
+    percentage: number;
+}
+export interface K8sWorkloadContainerAgentConfigTracesHeadSampling {
+    checks?: K8sWorkloadContainerAgentConfigTracesHeadSamplingCheck[] | null;
+    fallbackPercentage: number;
+}
+export interface K8sWorkloadContainerAgentConfigTraces {
+    headSampling?: K8sWorkloadContainerAgentConfigTracesHeadSampling | null;
+}
+export interface K8sWorkloadContainerAgentConfig {
+    traces?: K8sWorkloadContainerAgentConfigTraces | null;
+}
+export interface K8sWorkloadPodContainerProcessAttribute {
+    name: string;
+    value: string;
+}
+export interface K8sWorkloadPodContainerProcessInstrumentation {
+    name: string;
+    type?: string | null;
+    healthy?: boolean | null;
+    message?: string | null;
+    lastStatusTime?: string | null;
+    isStandardLibrary?: boolean | null;
+    nonIdentifyingAttributes?: {
+        key: string;
+        value: string;
+    }[] | null;
+}
+export interface K8sWorkloadContainer {
+    containerName: string;
+    runtimeInfo?: K8sWorkloadRuntimeInfoContainer | null;
+    agentEnabled?: K8sWorkloadAgentEnabledContainer | null;
+    overrides?: K8sWorkloadContainerOverrides | null;
+    agentConfig?: K8sWorkloadContainerAgentConfig | null;
+    instrumentations?: K8sWorkloadPodContainerProcessInstrumentation[] | null;
+}
+export interface K8sWorkloadPodContainerProcess {
+    healthy?: boolean | null;
+    healthStatus: DesiredConditionStatus;
+    identifyingAttributes?: K8sWorkloadPodContainerProcessAttribute[] | null;
+    instrumentations?: K8sWorkloadPodContainerProcessInstrumentation[] | null;
+}
+export interface K8sWorkloadPodContainer {
+    containerName: string;
+    odigosInstrumentationDeviceName?: string | null;
+    otelDistroName?: OtelDistroName | null;
+    started?: boolean | null;
+    ready?: boolean | null;
+    isCrashLoop?: boolean | null;
+    restartCount?: number | null;
+    runningStartedTime?: string | null;
+    waitingReasonEnum?: string | null;
+    waitingMessage?: string | null;
+    healthStatus: DesiredConditionStatus;
+    processes?: K8sWorkloadPodContainerProcess[] | null;
+}
+export interface K8sWorkloadPod {
+    podName: string;
+    nodeName: string;
+    startTime: string;
+    agentInjected: boolean;
+    startedPostAgentMetaHashChange?: boolean | null;
+    agentInjectedStatus: DesiredConditionStatus;
+    runningLatestWorkloadRevision?: string | null;
+    podHealthStatus: DesiredConditionStatus;
+    containers?: K8sWorkloadPodContainer[] | null;
+}
+export interface K8sWorkloadTelemetryMetricsExpectingTelemetryStatus {
+    isExpectingTelemetry?: boolean | null;
+    telemetryObservedStatus: DesiredConditionStatus;
+}
+export interface K8sWorkloadTelemetryMetrics {
+    totalDataSentBytes?: number | null;
+    throughputBytes?: number | null;
+    expectingTelemetry: K8sWorkloadTelemetryMetricsExpectingTelemetryStatus;
+}
+export interface K8sWorkloadConditions {
+    runtimeDetection?: DesiredConditionStatus | null;
+    agentInjectionEnabled?: DesiredConditionStatus | null;
+    rollout?: DesiredConditionStatus | null;
+    agentInjected?: DesiredConditionStatus | null;
+    processesAgentHealth?: DesiredConditionStatus | null;
+    expectingTelemetry?: DesiredConditionStatus | null;
+}
 export interface Workload {
     id: WorkloadId;
+    serviceName?: string | null;
+    workloadOdigosHealthStatus: DesiredConditionStatus;
+    conditions: K8sWorkloadConditions;
+    markedForInstrumentation: K8sWorkloadMarkedForInstrumentation;
+    runtimeInfo?: K8sWorkloadRuntimeInfo | null;
+    agentEnabled?: K8sWorkloadAgentEnabled | null;
+    rollout?: K8sWorkloadRollout | null;
+    containers?: K8sWorkloadContainer[] | null;
+    pods?: K8sWorkloadPod[] | null;
     podsAgentInjectionStatus: DesiredConditionStatus;
+    podsHealthStatus: DesiredConditionStatus;
+    workloadHealthStatus?: DesiredConditionStatus | null;
+    processesHealthStatus: DesiredConditionStatus;
+    telemetryMetrics: K8sWorkloadTelemetryMetrics[];
+    dataStreamNames: string[];
+    numberOfInstances?: number | null;
+    rollbackOccurred: boolean;
 }
 export type GetWorkloads = (filter: WorkloadFilter) => Promise<{
     workloads: Workload[];

package/lib/types.js

@@ -1 +1 @@
-export{fu as ActionCategory,au as ActionKeyTypes,aF as ActionType,fv as AddNodeTypes,fw as BooleanOperation,aQ as CodeAttributesKeyTypes,i as Crud,aV as CustomInstrumentationsKeyTypes,dG as DesiredStateProgress,fx as DestinationTypes,fy as EdgeTypes,E as EntityTypes,aE as FieldTypes,aT as GolangCustomProbe,aR as HeadersCollectionKeyTypes,az as InputTypes,fz as InstallationMethod,aW as InstrumentationRuleType,fA as IntrumentationStatus,aU as JavaCustomProbe,fB as JsonOperation,aC as K8sAttributesFrom,ap as K8sResourceKind,fC as ListDirection,m as NodeTypes,fD as NumberOperation,fE as OtelDistroName,fF as OtherEntityTypes,R as OtherStatus,bp as OtherStatusType,aS as PayloadCollectionKeyTypes,fG as PlatformType,fH as PodContainerLifecycleStatus,fI as PodContainerStatus,fJ as PodPhase,fK as Profile,ae as ProgrammingLanguages,fL as SIGNAL_KEY_TO_TYPE,fM as SIGNAL_TYPE_TO_KEY,fN as SignalKey,aM as SignalType,fO as SortDirection,S as StatusType,fP as StringOperation,bq as Tier,dX as WorkloadRolloutStatus}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{fK as ActionCategory,au as ActionKeyTypes,aF as ActionType,fL as AddNodeTypes,bY as AgentInjectedReason,fM as BooleanOperation,aQ as CodeAttributesKeyTypes,bW as ConditionType,z as Crud,aV as CustomInstrumentationsKeyTypes,bN as DesiredStateProgress,fN as DestinationTypes,fO as EdgeTypes,U as EntityTypes,aE as FieldTypes,aT as GolangCustomProbe,aR as HeadersCollectionKeyTypes,az as InputTypes,fP as InstallationMethod,aW as InstrumentationRuleType,fQ as IntrumentationStatus,aU as JavaCustomProbe,fR as JsonOperation,aC as K8sAttributesFrom,ap as K8sResourceKind,fS as K8sWorkloadContainerAgentConfigTracesHeadSamplingCheckConditionOperator,fT as ListDirection,W as NodeTypes,fU as NumberOperation,fV as OtelDistroName,fW as OtherEntityTypes,a7 as OtherStatus,bq as OtherStatusType,aS as PayloadCollectionKeyTypes,fX as PlatformType,fY as PodContainerLifecycleStatus,fZ as PodContainerStatus,f_ as PodPhase,f$ as Profile,P as ProgrammingLanguages,g0 as SIGNAL_KEY_TO_TYPE,g1 as SIGNAL_TYPE_TO_KEY,g2 as SignalKey,aM as SignalType,g3 as SortDirection,E as StatusType,g4 as StringOperation,br as Tier,bX as WorkloadRolloutReason,eb as WorkloadRolloutStatus}from"./chunks/ui-components-BPdnIOmj.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";

package/lib/visuals.js

@@ -1 +1 @@
-export{fQ as VISUAL_ODIGOS_LOGO_HEIGHT,fR as VISUAL_ODIGOS_LOGO_WIDTH,ft as VisualGreenRings,fS as VisualOdigosLogo,cf as VisualPurpleRings}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{g5 as VISUAL_ODIGOS_LOGO_HEIGHT,g6 as VISUAL_ODIGOS_LOGO_WIDTH,fJ as VisualGreenRings,g7 as VisualOdigosLogo,cB as VisualPurpleRings}from"./chunks/ui-components-BPdnIOmj.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.238",
+  "version": "0.0.239",
   "author": "Odigos",
   "license": "MIT",
   "repository": {

package/lib/chunks/index-CCaTS6aq.js

@@ -1,145 +0,0 @@
-import{a$ as e,a,aE as t,a3 as l,a5 as r,ex as i,aw as s,bg as n,aI as o,aB as d,bl as c,aD as u,ay as p,az as h,ak as g,bq as m,j as v,F as f,av as b,ab as y,ad as x,ba as S,ey as C,ez as k,a4 as T,eA as w,a7 as $,eB as P,a8 as M,a9 as A,eC as O,eD as L,eE as z,eF as D,eG as I,eH as X,eI as R,cP as N,eJ as E,eK as H,eL as B,eM as V,eN as j,c1 as q,B as U,eO as G,eP as J,eQ as K,eR as W,eS as F,eT as Z,eU as Y,eV as Q,eW as _,eX as ee,eY as ae,bb as te,eZ as le,e_ as re,e$ as ie,f0 as se,f1 as ne,f2 as oe,bR as de,f3 as ce,f4 as ue,f5 as pe,f6 as he,f7 as ge,f8 as me,f9 as ve,fa as fe,fb as be,c5 as ye,a6 as xe,fc as Se,fd as Ce,fe as ke,ff as Te,fg as we,fh as $e,fi as Pe,fj as Me,fk as Ae,fl as Oe,fm as Le,aL as ze,fn as De,S as Ie,fo as Xe,fp as Re,fq as Ne,fr as Ee,fs as He,dD as Be,aZ as Ve,ae as je,a0 as qe,dx as Ue,ax as Ge,ft as Je,dI as Ke,b as We,N as Fe,r as Ze,ah as Ye,dT as Qe,ai as _e}from"./ui-components-rpRyPe3l.js";import{jsx as ea,jsxs as aa,Fragment as ta}from"react/jsx-runtime";import{OdigosLogoTextEnterprise as la,OdigosLogoTextCommunity as ra,EditIcon as ia,ArrowLeftIcon as sa,ArrowRightIcon as na,VSquareIcon as oa}from"../icons.js";import{useCallback as da,useMemo as ca,useState as ua,useRef as pa,useEffect as ha,forwardRef as ga,useImperativeHandle as ma}from"react";import va from"styled-components";import"./index-D6SlbWIi.js";const fa=({isOpen:t,onClose:l,onDeny:r,onApprove:i})=>ea(e,{title:"Discard changes?",description:"You have unsaved changes.\nIf you cancel now, your changes won't be saved.",isOpen:t,onClose:l,denyButton:{label:"Keep editing",variant:a.Secondary,onClick:()=>{r?.(),l()}},approveButton:{label:"Discard changes",variant:a.Primary,onClick:()=>{i?.(),l()}}}),ba=({isOpen:t,onClose:l,onDeny:r,onApprove:i,action:s="delete",target:n})=>{const o=s.charAt(0).toUpperCase()+s.substring(1),d=n?.endsWith("s")?"these":"this";return ea(e,{title:`${o}${n?` ${n}`:""}?`,description:`Are you sure you want to ${s}${n?` ${d} ${n}`:""}?`,isOpen:t,onClose:l,denyButton:{label:"Go back",variant:a.Secondary,onClick:()=>{r?.(),l()}},approveButton:{label:o,variant:a.Primary,onClick:()=>{i?.(),l()}}})},ya=({componentType:e,inputType:a,name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,value:S,setValue:C,errorMessage:k,warnMessage:T,helpMessage:w,dropdownOptions:$,dropdownNoSearch:P,dropdownNoCheckbox:M,timeUnits:A,timeDefaultUnit:O})=>{switch(e){case t.Input:return ea(p,{name:g,type:a,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,value:S??"",onChange:e=>{const t=e.target.value;C(a===h.Number?""===t?null:Number(t):t)},errorMessage:k,warnMessage:T,helpMessage:w},g);case t.MultiInput:return ea(u,{name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,values:Array.isArray(S)?S:c(S,[]),setValues:e=>C(e),errorMessage:k,warnMessage:T,helpMessage:w},g);case t.KeyValuePair:return ea(d,{name:g,label:m,tooltip:v,badge:f,required:y,disabled:x,limitFieldsPerRow:2,columns:[{keyName:"key",label:"Key"},{keyName:"value",label:"Value"}],values:Array.isArray(S)?S:c(S,[]),setValues:e=>C(e),errorMessage:k,warnMessage:T,helpMessage:w},g);case t.TextArea:return ea(o,{name:g,label:m,tooltip:v,badge:f,required:y,disabled:x,placeholder:b,value:S??"",onChange:e=>C(e.target.value),errorMessage:k,warnMessage:T,helpMessage:w},g);case t.Dropdown:return ea(n,{name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,withSearch:!P,options:$?.map(e=>({id:e.id||"",label:e.value||"",withCheckbox:!M}))||[],values:S?[String(S)]:[],setValues:e=>C(e[0]),errorMessage:k,warnMessage:T,helpMessage:w},g);case t.Checkbox:return ea(s,{name:g,label:m,tooltip:v,badge:f,value:!0===S||"true"===S,onChange:e=>C(e),disabled:x,errorMessage:k,warnMessage:T,helpMessage:w},g);case t.Time:return ea(i,{name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,value:S??"",setValue:e=>C(e),units:A,defaultUnit:O,errorMessage:k,warnMessage:T,helpMessage:w},g);case t.Toggle:return ea(l,{name:g,labelAlign:r.Right,label:m,tooltip:v,badge:f,value:!0===S||"true"===S,onChange:e=>C(e),disabled:x,errorMessage:k,warnMessage:T,helpMessage:w},g);default:return null}},xa=({size:e=200})=>{const{tier:a}=g();return a===m.Onprem?ea(la,{size:e}):ea(ra,{size:e})},Sa=[{value:"50",label:"50%"},{value:"25",label:"25%"},{value:"10",label:"10%"},{value:"1",label:"1%"},{value:"custom",label:"Custom"}],Ca=[{value:"10",label:"10%"},{value:"1",label:"1%"},{value:"0.5",label:"0.5%"},{value:"0.1",label:"0.1%"},{value:"custom",label:"Custom"}],ka=[{value:"5000",label:"5s"},{value:"1000",label:"1s"},{value:"500",label:"500ms"},{value:"100",label:"100ms"},{value:"50",label:"50ms"},{value:"custom",label:"Custom"}],Ta=({description:e,options:a,selected:t,onSelect:l,customName:r,customLabel:i,customPlaceholder:s,customValue:n,onCustomChange:o,customInputType:d=h.Number,customMin:c,customMax:u})=>aa(v,{$gap:16,$alignItems:"flex-end",children:[aa(f,{$gap:6,children:[ea(b,{label:e}),ea(y,{size:x.S,options:a,selected:t,setSelected:l})]}),"custom"===t&&ea(p,{name:r,label:i,placeholder:s,type:d,value:n,onChange:o,width:160,min:c,max:u})]}),wa=()=>{},$a=e=>e.readOnly?ea(Pa,{rule:e.rule}):ea(Ma,{ruleType:e.ruleType,formState:e.formState,onChange:e.onChange}),Pa=({rule:e})=>{const a=null!=e.durationAtLeastMs;return e.error?ea(S,{richTitle:{title:C},children:ea(l,{name:"sampling-view-toggle-keep-errors",onChange:wa,value:!0,size:T.S,label:k,labelAlign:r.Right})}):a?ea(S,{richTitle:{title:w},children:aa("div",{children:[ea($,{size:A.XXXS,color:M.Secondary,children:P}),ea($,{size:A.XS,children:`${e.durationAtLeastMs}ms`})]})}):null},Ma=({ruleType:e,formState:a,onChange:t})=>{const i=da(e=>t({durationPreset:e}),[t]),s=da(e=>t({customDurationMs:e.target.value}),[t]);return"Error"===e?ea(S,{richTitle:{title:C,subTitle:O},children:ea(l,{name:"sampling-toggle-keep-errors",value:!0,onChange:wa,size:T.S,label:k,labelAlign:r.Right})}):"Duration"===e?ea(S,{richTitle:{title:w,subTitle:L},children:ea(Ta,{description:P,options:ka,selected:a.durationPreset,onSelect:i,customName:"sampling-input-custom-duration",customLabel:z,customPlaceholder:"200ms",customValue:a.customDurationMs,onCustomChange:s})}):null},Aa=va.div`
-  display: flex;
-  gap: 32px;
-`,Oa=va.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,La=va.div`
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  gap: 16px;
-`,za=va.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 16px;
-  padding: 12px 16px;
-  border-radius: 8px;
-  background-color: ${({theme:e})=>e.v2.colors.black[500]};
-`,Da=va.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 10px;
-  flex: 1;
-`,Ia=va.div`
-  display: flex;
-  align-items: center;
-  height: 32px;
-`,Xa=va.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 16px;
-  margin-bottom: 12px;
-`,Ra="Any",Na="Kafka topic",Ea=()=>ea("div",{style:{marginBottom:"8px"},children:ea($,{size:A.XS,weight:500,children:"And"})}),Ha=[{value:"all",label:"All Operations"},{value:"httpServer",label:"HTTP Server"},{value:"httpClient",label:"HTTP Client"}],Ba=[{value:"all",label:"All Operations"},{value:"httpServer",label:"HTTP Server"},{value:"kafkaConsumer",label:"Kafka Consumer"},{value:"kafkaProducer",label:"Kafka Producer"}],Va=[{id:"",label:Ra},{id:"GET",label:"GET"},{id:"POST",label:"POST"},{id:"PUT",label:"PUT"},{id:"DELETE",label:"DELETE"},{id:"PATCH",label:"PATCH"}];const ja=e=>e.readOnly?ea(qa,{data:e.data}):ea(Ua,{category:e.category,formState:e.formState,onChange:e.onChange}),qa=({data:e})=>{const a=ca(()=>function(e){if("noisy"===e.category){const a=e.rule.operation;if(a?.httpServer)return[{id:"type",title:W,value:K},{id:"route",title:B,value:a.httpServer.route||a.httpServer.routePrefix||F},{id:"method",title:G,value:a.httpServer.method||Ra}];if(a?.httpClient){const e=[{id:"type",title:W,value:Z}];return a.httpClient.serverAddress&&e.push({id:"serverAddress",title:"Server address",value:a.httpClient.serverAddress}),e.push({id:"route",title:B,value:a.httpClient.templatedPath||a.httpClient.templatedPathPrefix||F}),e.push({id:"method",title:G,value:a.httpClient.method||Ra}),e}return[{id:"type",title:W,value:Y}]}const a=e.rule.operation;return a?.httpServer?[{id:"type",title:W,value:K},{id:"route",title:B,value:a.httpServer.route||a.httpServer.routePrefix||F},{id:"method",title:G,value:a.httpServer.method||Ra}]:a?.kafkaConsumer?[{id:"type",title:W,value:Q},{id:"topic",title:Na,value:a.kafkaConsumer.kafkaTopic||F}]:a?.kafkaProducer?[{id:"type",title:W,value:_},{id:"topic",title:Na,value:a.kafkaProducer.kafkaTopic||F}]:[{id:"type",title:W,value:Y}]}(e),[e]);return ea(S,{richTitle:{title:D},children:ea(Aa,{children:a.map(({id:e,title:a,value:t})=>aa(Oa,{children:[ea($,{size:A.XXXS,color:M.Secondary,nowrap:!0,children:a}),ea($,{size:A.XS,nowrap:!0,children:t})]},e))})})},Ua=({category:e,formState:t,onChange:l})=>{const r=ca(()=>"noisy"===e?Ha:Ba,[e]),i=da(e=>l({operationType:e,route:"",serverAddress:"",method:"",kafkaTopic:""}),[l]),s=da(e=>a=>{a&&l({routeType:e,route:""})},[l]),n=da(e=>l({route:e.target.value}),[l]),o=da(e=>l({serverAddress:e.target.value}),[l]),d=da(e=>l({method:e[0]||""}),[l]),c=da(e=>l({kafkaTopic:e.target.value}),[l]),u="httpServer"===t.operationType||"httpClient"===t.operationType,h="kafkaConsumer"===t.operationType||"kafkaProducer"===t.operationType,g="httpClient"===t.operationType?H:B,m="httpClient"===t.operationType?V:j;return aa(S,{richTitle:{title:`2. ${D}`,subTitle:I},children:[ea(f,{$alignItems:"flex-start",children:ea(y,{size:x.S,options:r,selected:t.operationType,setSelected:i})}),u&&aa(La,{children:["httpClient"===t.operationType&&aa(Xa,{children:[ea(p,{name:"sampling-input-server-address",label:R,placeholder:X,value:t.serverAddress,onChange:o}),ea(Ea,{})]}),aa(za,{children:[aa(Da,{children:[ea(Ia,{children:ea(N,{"data-id":"sampling-radio-route",value:"route"===t.routeType,onChange:s("route")})}),ea(p,{name:"sampling-input-route",label:g,placeholder:E,value:"route"===t.routeType?t.route:"",onChange:n,disabled:"route"!==t.routeType})]}),aa(Da,{children:[ea(Ia,{children:ea(N,{"data-id":"sampling-radio-route-prefix",value:"routePrefix"===t.routeType,onChange:s("routePrefix")})}),ea(p,{name:"sampling-input-route-prefix",label:m,placeholder:E,value:"routePrefix"===t.routeType?t.route:"",onChange:n,disabled:"routePrefix"!==t.routeType})]})]}),aa(Xa,{children:[ea(Ea,{}),ea(q,{label:G,items:Va,selectedIds:[t.method||""],setSelectedIds:e=>d(e),buttonProps:{"data-id":"sampling-btn-method",label:Va.find(e=>e.id===t.method)?.label||Ra,size:U.S,variant:a.Secondary}})]})]}),h&&ea(p,{name:"sampling-input-kafka-topic",label:J,placeholder:"Type kafka topic",value:t.kafkaTopic,onChange:c,width:"320px"})]})},Ga=[{value:"all",label:"Drop All"},{value:"sample",label:"Sample"}],Ja=[{value:"all",label:"Keep All"},{value:"sample",label:"Sample"}];const Ka=e=>e.readOnly?ea(Wa,{data:e.data}):ea(Fa,{category:e.category,formState:e.formState,onChange:e.onChange}),Wa=({data:e})=>{const a=ca(()=>function(e){switch(e.category){case"highlyRelevant":return null!=e.rule.percentageAtLeast?{title:ae,method:ie,description:le,value:`${e.rule.percentageAtLeast}%`}:{title:ae,method:oe,description:null,value:null};case"noisy":return se(e.rule.percentageAtMost)?{title:ae,method:ne,description:null,value:null}:{title:ae,method:ie,description:re,value:`${e.rule.percentageAtMost}%`};case"costReduction":return{title:ae,method:ie,description:re,value:`${e.rule.percentageAtMost}%`}}}(e),[e]),t=[{id:"method",title:G,value:a.method},...null!=a.description?[{id:"value",title:a.description,value:a.value}]:[]];return ea(S,{richTitle:{title:a.title},children:ea(Aa,{children:t.map(({id:e,title:a,value:t})=>aa(Oa,{children:[ea($,{size:A.XXXS,color:M.Secondary,nowrap:!0,children:a}),ea($,{size:A.XS,nowrap:!0,children:t})]},e))})})},Fa=({category:e,formState:a,onChange:t})=>{const l="highlyRelevant"===e,r=l?Ja:Ga,i=`${l?4:3}. ${ae}`,s=ee[e],n=l?le:re,o="noisy"===e?Ca:Sa,d=da(e=>t({percentageMode:e}),[t]),c=da(e=>t({percentagePreset:e}),[t]),u=da(e=>t({customPercentage:e.target.value}),[t]);return aa(S,{richTitle:{title:i,subTitle:s},children:["costReduction"!==e&&ea(f,{$alignItems:"flex-start",children:ea(y,{size:x.S,options:r,selected:a.percentageMode,setSelected:d})}),("costReduction"===e||"sample"===a.percentageMode)&&ea(Ta,{description:n,options:o,selected:a.percentagePreset,onSelect:c,customName:"sampling-input-custom-percentage",customLabel:te,customPlaceholder:"5%",customValue:a.customPercentage,onCustomChange:u,customInputType:h.Decimal,customMin:0,customMax:100})]})},Za=va.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 16px;
-`,Ya=va.div`
-  width: 280px;
-  flex-shrink: 0;
-`,Qa=va.div`
-  flex: 1;
-  min-width: 0;
-`;function _a(e){return"highlyRelevant"===e.category?e.rule.error?"Error":null!=e.rule.durationAtLeastMs?"Duration":"Relevance":ve[e.category]}const et=e=>e.readOnly?ea(at,{data:e.data}):ea(tt,{formState:e.formState,onChange:e.onChange}),at=({data:e})=>{const a=ca(()=>[{id:"name",title:ce,value:e.rule.name||de},{id:"type",title:ue,value:_a(e)}],[e]),t=e.rule.notes||F;return aa(S,{children:[ea(Aa,{children:a.map(({id:e,title:a,value:t})=>aa(Oa,{children:[ea($,{size:A.XXXS,color:M.Secondary,nowrap:!0,children:a}),ea($,{size:A.XS,nowrap:!0,children:t})]},e))}),aa(Oa,{children:[ea($,{size:A.XXXS,color:M.Secondary,children:pe}),ea($,{size:A.XS,children:t})]})]})},tt=({formState:e,onChange:a})=>{const t=da(e=>a({name:e.target.value}),[a]),l=da(e=>a({notes:e.target.value}),[a]);return ea(S,{children:aa(Za,{children:[ea(Ya,{children:ea(p,{name:"sampling-input-rule-name",label:ce,tooltip:"Optional. Give this rule a name for easier identification.",placeholder:he,value:e.name,onChange:t})}),ea(Qa,{children:ea(p,{name:"sampling-input-note",label:pe,tooltip:me,placeholder:ge,value:e.notes,onChange:l})})]})})},lt=[{value:"Relevance",label:"Relevance"},{value:"Error",label:"Error"},{value:"Duration",label:"Duration"}],rt=({formState:e,onChange:a})=>{const t=da(e=>a({ruleType:e,keepErrors:"Error"===e}),[a]);return ea(S,{richTitle:{title:`3. ${ue}`,subTitle:fe},children:ea(f,{$alignItems:"flex-start",children:ea(y,{size:x.S,options:lt,selected:e.ruleType,setSelected:t})})})},it=va.div`
-  display: flex;
-  align-items: center;
-  gap: 24px;
-  padding: 8px 16px;
-  border-radius: 12px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,st=va.div`
-  flex: 1;
-  min-width: 0;
-  white-space: pre;
-  overflow-x: auto;
-`,nt=({title:e,summary:t,onEdit:l,renderAction:r})=>{const i=ca(()=>{const a=[];return e&&(a.push({text:e,variant:be.Default}),a.push({text:" - ",variant:be.Default})),a.push(...t),a},[e,t]);return aa(it,{children:[ea(st,{children:ea(ye,{parts:i})}),r&&r(),l&&ea(xe,{"data-id":"sampling-btn-edit-auto-rule",label:Se,rightIcon:ia,variant:a.Text,size:U.S,onClick:l})]})},ot=e=>{const a=ca(()=>{if(e.readOnly)return e.summary;switch(e.category){case"noisy":return Te(Ae(e.formState));case"highlyRelevant":return ke(Me(e.formState));case"costReduction":return Ce(Pe(e.formState))}},[e]);if(e.readOnly)return ea(nt,{title:we,summary:a,renderAction:e.renderAction});const t=1===a.length&&"default"===a[0].variant;return ea(nt,{title:t?$e:we,summary:t?[]:a,renderAction:e.renderAction})},dt=va.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-`,ct=va.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  border-radius: 8px;
-  cursor: pointer;
-  background: ${({theme:e,$selected:a})=>a?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
-  border: 1px solid ${({theme:e,$selected:a})=>a?e.v2.colors.silver[500]:e.v2.colors.silver[800]};
-
-  &:hover {
-    background: ${({theme:e})=>e.v2.colors.silver[700]};
-  }
-`,ut=va.div`
-  display: flex;
-  width: 32px;
-  height: 32px;
-  justify-content: center;
-  align-items: center;
-  flex-shrink: 0;
-`,pt=va.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,ht=va.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px;
-  border-radius: 8px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[900]};
-`,gt=va.div`
-  display: flex;
-  width: 24px;
-  height: 24px;
-  justify-content: center;
-  align-items: center;
-  flex-shrink: 0;
-`,mt={[je.JavaScript]:"Node.js",[je.DotNet]:".NET",[je.Php]:"PHP",[je.Java]:"Java",[je.Go]:"Go",[je.Python]:"Python",[je.Ruby]:"Ruby",[je.Rust]:"Rust"},vt=[je.Python,je.Java,je.JavaScript,je.DotNet,je.Php,je.Ruby,je.Go].map(e=>({id:e,label:mt[e]??e.charAt(0).toUpperCase()+e.slice(1),Icon:Ve(e)})),ft=[{value:"all",label:"Entire Cluster"},{value:"source",label:"Specific Source"},{value:"namespace",label:"Specific Namespace"},{value:"language",label:"Specific Programming Language"}];function bt(e){const a=mt[e];return a||e.charAt(0).toUpperCase()+e.slice(1)}const yt=e=>e.readOnly?ea(xt,{scopes:e.scopes}):ea(St,{formState:e.formState,onChange:e.onChange,sourceOptions:e.sourceOptions,namespaceOptions:e.namespaceOptions}),xt=({scopes:e})=>{if(Oe(e))return ea(S,{richTitle:{title:Le},children:ea(ze,{status:Ie.Default,message:De,fullWidth:!0})});const a=e.sources??[],t=e.namespaces??[],l=e.languages??[];return ea(S,{richTitle:{title:Le},children:aa(pt,{children:[a.map((e,a)=>{const t=[e.namespace,e.kind,e.name].filter(Boolean),l=t.length?t.join(" / "):Xe;return ea(ht,{children:ea($,{size:A.XS,color:M.Primary,children:l})},`src-${a}`)}),t.map((e,a)=>ea(ht,{children:ea($,{size:A.XS,color:M.Primary,children:e})},`ns-${a}`)),l.map((e,a)=>{const t=Ve(e);return aa(ht,{children:[t&&ea(gt,{children:ea(t,{size:18})}),ea($,{size:A.XS,color:M.Primary,children:bt(e)})]},`lang-${a}`)})]})})},St=({formState:e,onChange:a,sourceOptions:t=[],namespaceOptions:l=[]})=>{const[r,i]=ua(()=>{return(a=e.sourceScopes).sources.length>0?"source":a.namespaces.length>0?"namespace":a.languages.length>0?"language":"all";var a}),{sources:n,namespaces:o,languages:d}=e.sourceScopes,c=n.length>0||o.length>0||d.length>0,u=ca(()=>ft.map(e=>({...e,disabled:"all"===e.value&&c})),[c]),p=ca(()=>n.map(e=>{return a=e.namespace,t=e.kind,l=e.name,`${a}/${t}/${l}`;var a,t,l}),[n]),h=ca(()=>[...o],[o]),g=ca(()=>new Set(d),[d]),m=da(e=>{i(e)},[]),v=da(t=>{const l=t.map(e=>function(e){const a=e.split("/");return 3!==a.length?null:{namespace:a[0],kind:a[1],name:a[2]}}(e)).filter(e=>null!==e).map(e=>({namespace:e.namespace,kind:e.kind,name:e.name}));a({sourceScopes:{...e.sourceScopes,sources:l}})},[e.sourceScopes,a]),b=da(t=>{a({sourceScopes:{...e.sourceScopes,namespaces:t}})},[e.sourceScopes,a]),C=da(t=>{const l=e.sourceScopes.languages,r=l.includes(t)?l.filter(e=>e!==t):[...l,t];a({sourceScopes:{...e.sourceScopes,languages:r}})},[e.sourceScopes,a]);return aa(S,{richTitle:{title:`1. ${Le}`,subTitle:Re},children:[ea(ze,!c&&"all"===r?{status:Ie.Default,message:De,fullWidth:!0,smallIcon:!0}:{status:Ie.Info,message:Ne,fullWidth:!0,smallIcon:!0}),ea(f,{$alignItems:"flex-start",children:ea(y,{size:x.S,options:u,selected:r,setSelected:m})}),"source"===r&&ea(Ee,{multiple:!0,"data-id":"sampling-autocomplete-source",options:t,value:p,onSelect:v,placeholder:He}),"namespace"===r&&ea(Ee,{multiple:!0,"data-id":"sampling-autocomplete-namespace",options:l,value:h,onSelect:b,placeholder:"Search namespace"}),"language"===r&&ea(dt,{children:vt.map(({id:e,label:a,Icon:t})=>{const l=g.has(e);return aa(ct,{$selected:l,onClick:()=>C(e),children:[ea(s,{name:`sampling-scope-lang-${e}`,size:Be.S,value:l,onChange:()=>C(e)}),ea(ut,{children:ea(t,{size:20})}),ea($,{size:A.XS,nowrap:!0,children:a})]},e)})})]})},Ct=(e,a)=>!a?.length||!!a?.find(a=>a===e),kt=({title:e="Signals",required:a,errorMessage:t,allowedSignals:l,selectedSignals:r,setSelectedSignals:i,disabled:n})=>{const[o,d]=ua(1===r.length),c=pa(JSON.stringify(r));ha(()=>{let e=qe(r).filter(e=>Ct(e,l));e.length||(e=Ue.filter(({id:e})=>Ct(e,l)).map(({id:e})=>e));const a=JSON.stringify(e);c.current!==a&&(c.current=a,i(e),d(1===e.length))},[l,r]);return aa(f,{$gap:12,children:[ea(b,{label:e,required:a}),ea(v,{$gap:12,children:Ue.map(e=>{const a=Ct(e.id,l),t=((e,a)=>!!a?.find(a=>a===e))(e.id,r);return a?ea(s,{label:e.value,disabled:n||!a||o&&t,value:t,onChange:a=>((e,a)=>{const t=e,l=a?[...r,t]:r.filter(e=>e!==t);i(l),d(1===l.length)})(e.id,a)},e.id):null})}),ea(Ge,{errorMessage:t})]})},Tt=({minSupportedVersion:a,currentVersion:t})=>ea(e,{isOpen:!0,onClose:()=>{},relativeToParent:!0,visual:()=>ea(Je,{scale:2.4,icon:()=>ea("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"21",viewBox:"0 0 22 21",fill:"none",children:ea("path",{fill:"#151618",d:"M9.4844 0.730003C9.99694 -0.243259 11.4076 -0.24341 11.92 0.730003L11.9685 0.831353L14.3039 6.22012L20.153 6.77755C21.3553 6.89211 21.841 8.38683 20.9358 9.18621L16.5314 13.0731L17.8091 18.8079C18.0716 19.9868 16.8005 20.9109 15.7605 20.2969L10.7017 17.3093L5.64282 20.2969C4.60289 20.9104 3.33173 19.9866 3.59427 18.8079L4.87192 13.0741L0.468608 9.18621C-0.43662 8.38693 0.0482932 6.8924 1.25029 6.77755L7.09837 6.22012L9.43588 0.831353L9.4844 0.730003ZM8.55284 7.02876C8.35287 7.48992 7.9179 7.80589 7.41751 7.85357L2.03952 8.36571L6.09027 11.941C6.46691 12.2737 6.63296 12.7852 6.5237 13.2758L5.34956 18.5459L10.0008 15.8009L10.1669 15.7179C10.5087 15.574 10.8945 15.5741 11.2364 15.7179L11.4036 15.8009L16.0538 18.5459L14.8807 13.2758C14.7714 12.7851 14.9374 12.2737 15.3141 11.941L19.3627 8.36571L13.9858 7.85357C13.4855 7.80587 13.0505 7.4899 12.8505 7.02876L10.7017 2.07342L8.55284 7.02876Z"})})}),title:"Upgrade Required",description:`To use this feature, please upgrade to Odigos v${a} or later.\nCurrent version: ${t}.`}),wt=va.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  width: ${({$width:e})=>e};
-  gap: ${({$columnHasHeader:e})=>e?"0":"12px"};
-`,$t=va.div`
-  display: flex;
-  align-items: center;
-  min-height: 24px;
-  padding: 12px;
-  border-radius: 16px 16px 0 0;
-  background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,Pt=va.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${({$gap:e})=>e}px;
-  padding: 12px 12px 0 12px;
-  width: calc(100% - 24px);
-  height: ${({$heightOffset:e,$columnHasHeader:a})=>`calc(100vh - 180px - ${e}px ${a?"- 48px":""})`};
-  border-radius: ${({$columnHasHeader:e,$isLeft:a,$isRight:t})=>e?a?"0 0 0 16px":t?"0 16px 0 0":"0":a?"16px 0 0 16px":t?"0 16px 16px 0":"16px"};
-  background-color: ${({theme:e})=>e.v2.colors.silver[900]};
-  overflow-y: auto;
-  overflow-x: hidden;
-`,Mt=({isLeft:e,isRight:a,heightOffset:t=0,width:l,header:r,list:i})=>aa(wt,{$width:l,$columnHasHeader:!!r,children:[r&&ea($t,{children:r}),ea(Pt,{$gap:8,$isLeft:e,$isRight:a,$heightOffset:t,$columnHasHeader:!!r,children:i.length?i.length>1?ea(Ke,{gap:8,elements:i}):ea(ta,{children:i[0]}):ea(We,{$height:"100%",children:ea(Fe,{})})})]}),At="75vw",Ot=va.div`
-  display: flex;
-  flex-direction: column;
-  border-radius: 16px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
-  overflow: hidden;
-`,Lt=va.div`
-  display: flex;
-  gap: 12px;
-  padding: 16px 16px 0 16px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
-  position: sticky;
-  top: 0;
-`,zt=va.div`
-  padding: 12px 12px 0 12px;
-`,Dt=va.div`
-  display: flex;
-  gap: 12px;
-  padding: 16px;
-`,It=va.div`
-  padding: 5vh 10vw;
-  border-radius: 12px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,Xt=ga(({isOpen:t,withOverlay:l,disableAnimation:r,onClose:i,onBack:s,onNext:n,nextIsSkip:o,onSave:d,disableSave:c,connectionIds:u,header:p,subHeader:h,leftColumn:g,rightColumn:m,search:v,filters:f,errorMessage:b,isFormDirty:y,hideDirtyNote:x,isFetching:S,progress:C},k)=>{const[T,w]=ua(!1),[$,P]=ua(!1),[M,O]=ua(void 0);ma(k,()=>({clearErrors:()=>O(void 0)}));const L=$,z=da(()=>{y&&!T?w(!0):(w(!1),i?.())},[y,T,i]),D=c||$||"boolean"==typeof y&&!y,I=da(async()=>{P(!0);const e=await d();P(!1),e?.error?O(e.error):(u?.setValue([]),i?.())},[d,u,i]),X=!!v||!!u||!!f,R=!!h,N=(X?48:0)+(R?50:0),E=ca(()=>S?{status:Ie.Info,message:"Fetching Data..."}:$&&!C?{status:Ie.Info,message:"Saving Changes..."}:M||b?{status:Ie.Error,message:M||b}:"boolean"==typeof y&&y&&!x?{status:Ie.Info,message:'The values don\'t reflect the current configurations of the selected clusters.\n"Save" will override the current configurations.'}:"boolean"!=typeof y||y||x?void 0:{status:Ie.Success,message:"The values reflect the current configuration of the selected cluster."},[S,$,C,M,b,y,x]),H=ca(()=>s?{label:"Back",leftIcon:sa,variant:a.Secondary,onClick:s}:{label:"Cancel",variant:a.Secondary,onClick:z,disabled:L},[s,z,L]),[B,V]=ua(!1),j=ca(()=>n?o?{"data-id":"wide-drawer-skip",label:"Skip",rightIcon:na,variant:a.Secondary,onClick:()=>V(!0)}:{"data-id":"wide-drawer-next",label:"Next",rightIcon:na,variant:a.Primary,onClick:n}:{"data-id":"wide-drawer-save",label:"Save",variant:a.Primary,onClick:I,disabled:D},[n,o,I,D]);return aa(Ze,{width:At,isOpen:t,disableAnimation:r,hideOverlay:!$&&!l,header:{...p,onClose:i?z:void 0,onCloseDisabled:L},footer:{note:E,actions:[H,j]},children:[$?ea(We,{$height:"calc(100vh - 136px)",children:ea(It,{children:ea(Ye,{titleSize:A.S,subTitleSize:A.XXXS,withGradient:!0,withSpinner:!0,...C})})}):aa(Ot,{children:[X&&aa(Lt,{children:[u&&ea(Qe,{icon:oa,title:"Selected Clusters",badge:{label:u.value.length}}),v&&ea(_e,{width:"100%",...v}),f]}),R&&ea(zt,{children:ea(Qe,{icon:h.icon,title:h.title,subTitle:h.description,badge:h.badge})}),aa(Dt,{children:[ea(Mt,{isLeft:!0,heightOffset:N,...g}),ea(Mt,{isRight:!0,heightOffset:N,...m})]})]}),ea(fa,{isOpen:T,onClose:()=>w(!1),onApprove:z}),ea(e,{title:"Skip setup?",description:"Without completing setup, Odigos won't be able to collect and send your telemetry data. This may interrupt your data flow and limit the platform's ability to provide value.",isOpen:B,onClose:()=>V(!1),denyButton:{label:"Go Back",variant:a.Secondary,onClick:()=>V(!1)},approveButton:{label:"Skip",variant:a.Primary,onClick:()=>{n?.(),V(!1)}}})]})});Xt.displayName=Xt.name;export{nt as A,fa as C,ya as D,Ca as N,ja as O,Ta as P,et as R,kt as S,Tt as U,Xt as W,Sa as a,ot as b,yt as c,rt as d,$a as e,Ka as f,ba as g,At as h,xa as i,ka as j};