@odigos/ui-kit 0.0.298 → 0.0.300

package/lib/snippets/index.d.ts

@@ -3,12 +3,12 @@ export * from './animated-collapse';
 export * from './blast-radius';
 export * from './cancel-modal';
 export * from './colored-span';
-export * from './connector-created-modal';
 export * from './delete-modal';
 export * from './dynamic-field';
 export * from './enable-disable-segment';
 export * from './graph-flow';
 export * from './instrumentation-rule-form-sections';
+export * from './intro-modal';
 export * from './odigos-logo-text-by-tier';
 export * from './rich-title';
 export * from './sampling-rule-form-sections';

package/lib/snippets/intro-modal/index.d.ts

@@ -0,0 +1,10 @@
+import { type FC } from 'react';
+import { type ButtonProps } from '../../components';
+export interface IntroModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    description: string;
+    button: ButtonProps;
+}
+export declare const IntroModal: FC<IntroModalProps>;

package/lib/snippets/sampling-rule-form-sections/source-scope.d.ts

@@ -27,6 +27,8 @@ interface EditableSourceScopeProps {
     disabled?: boolean;
     hideLogicNote?: boolean;
     hideEntireClusterNote?: boolean;
+    /** Hide the Entire Cluster segment option (e.g. when the parent flow already chose a specific scope). */
+    hideEntireClusterOption?: boolean;
     entireClusterWarningMessage?: string;
     /** Initial segment tab when no scope filters are selected yet. Defaults to entire cluster. */
     defaultScopeTab?: ScopeTab;

package/lib/snippets.js

@@ -1 +1 @@
-export{A as ActionType,a as Actions,R as RichTitle}from"./chunks/ui-components-mqa1Nv5H.js";export{A as AnimatedCollapse,a as AnimatedGraphEdge,b as AutoFitView,B as BlastRadius,C as CancelModal,c as ConnectorCreatedModal,D as DEFAULT_GRAPH_FIT_VIEW_OPTIONS,d as DURATION_OPTIONS,e as DeleteModal,f as DurationErrorsSection,g as DynamicActionFields,h as DynamicField,i as DynamicFields,E as EnableDisableSegment,G as GRAPH_FLOW_ANIMATED_EDGE,j as GraphFlow,k as GraphFlowComponent,I as InstrumentationPreviewSection,N as NOISY_PERCENTAGE_OPTIONS,O as OdigosLogoTextByTier,l as OperationSection,P as PERCENTAGE_OPTIONS,m as PercentageSection,n as PresetWithCustomInput,R as RuleInfoSection,o as RuleTypeSection,S as SamplingPreviewSection,p as SignalsCheckboxList,q as SourceScopeSection,U as UpgradeModal,W as WIDE_DRAWER_WIDTH,r as WideDrawer,Y as YamlSectionCard,s as getElkLayoutedElements,t as getGraphEdgePath}from"./chunks/index-BbgCENJM.js";export{C as ColoredSpan,a as ColoredSpanVariant}from"./chunks/helpers-DIbaWh5d.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";import"elkjs/lib/elk.bundled.js";import"@xyflow/react";import"@xyflow/react/dist/style.css";
+export{A as ActionType,a as Actions,R as RichTitle}from"./chunks/ui-components-DObOt6F8.js";export{A as AnimatedCollapse,a as AnimatedGraphEdge,b as AutoFitView,B as BlastRadius,C as CancelModal,D as DEFAULT_GRAPH_FIT_VIEW_OPTIONS,c as DURATION_OPTIONS,d as DeleteModal,e as DurationErrorsSection,f as DynamicActionFields,g as DynamicField,h as DynamicFields,E as EnableDisableSegment,G as GRAPH_FLOW_ANIMATED_EDGE,i as GraphFlow,j as GraphFlowComponent,I as InstrumentationPreviewSection,k as IntroModal,N as NOISY_PERCENTAGE_OPTIONS,O as OdigosLogoTextByTier,l as OperationSection,P as PERCENTAGE_OPTIONS,m as PercentageSection,n as PresetWithCustomInput,R as RuleInfoSection,o as RuleTypeSection,S as SamplingPreviewSection,p as SignalsCheckboxList,q as SourceScopeSection,U as UpgradeModal,W as WIDE_DRAWER_WIDTH,r as WideDrawer,Y as YamlSectionCard,s as getElkLayoutedElements,t as getGraphEdgePath}from"./chunks/index-nYW7_cdJ.js";export{C as ColoredSpan,a as ColoredSpanVariant}from"./chunks/helpers-BwRnPdlh.js";import"react/jsx-runtime";import"react";import"styled-components";import"./icons.js";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"flubber";import"prism-react-renderer";import"react-error-boundary";import"virtua";import"elkjs/lib/elk.bundled.js";import"@xyflow/react";import"@xyflow/react/dist/style.css";

package/lib/store.js

@@ -1 +1 @@
-export{ht as DrawerType,bj as ProgressKeys,jx as getDrawerTypeForAdd,eS as getDrawerTypeForEdit,bg as useDataStreamStore,eN as useDrawerStore,js as useFilterStore,bb as useNotificationStore,bh as useProgressStore,jy as useSelectedStore,bi as useSetupStore}from"./chunks/ui-components-mqa1Nv5H.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{hz as DrawerType,bl as ProgressKeys,jJ as getDrawerTypeForAdd,eX as getDrawerTypeForEdit,bi as useDataStreamStore,eS as useDrawerStore,jE as useFilterStore,bd as useNotificationStore,bj as useProgressStore,jK as useSelectedStore,bk as useSetupStore}from"./chunks/ui-components-DObOt6F8.js";import"react/jsx-runtime";import"react";import"styled-components";import"./icons.js";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"flubber";import"prism-react-renderer";import"react-error-boundary";import"virtua";

package/lib/theme.js

@@ -1 +1 @@
-export{nJ as Provider,nK as animations,nL as opacity,nM as palettes}from"./chunks/ui-components-mqa1Nv5H.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{o2 as Provider,o3 as animations,o4 as opacity,o5 as palettes}from"./chunks/ui-components-DObOt6F8.js";import"react/jsx-runtime";import"react";import"styled-components";import"./icons.js";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"flubber";import"prism-react-renderer";import"react-error-boundary";import"virtua";

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

@@ -137,7 +137,8 @@ export declare enum EntityTypes {
     Recommendation = "Recommendation"
 }
 export declare enum OtherEntityTypes {
-    DataStream = "DataStream"
+    DataStream = "DataStream",
+    Connection = "Connection"
 }
 export declare enum FieldTypes {
     Input = "input",

package/lib/types/recommendations.d.ts

@@ -1,4 +1,7 @@
-/** Matches GraphQL `RecommendationType`. */
+/**
+ * Recommendation types currently shipped in the catalog. The wire type is a free
+ * string so a new catalog manifest renders without a ui-kit release.
+ */
 export declare enum RecommendationType {
     InferDBAttributes = "InferDBAttributes",
     AutoGoOffsetUpdater = "AutoGoOffsetUpdater",
@@ -20,6 +23,7 @@ export declare enum RecommendationApplyExampleType {
     HelmValues = "HelmValues",
     OdigosAction = "OdigosAction"
 }
+/** Remediation types currently shipped in the catalog. The wire type is a free string. */
 export declare enum RecommendationRemediationType {
     DirectAutoOffsets = "DirectAutoOffsets",
     DropAllHealthProbes = "DropAllHealthProbes",
@@ -46,15 +50,17 @@ export interface RecommendationCatalogApplyExample {
 }
 /** Matches GraphQL `RecommendationCatalogRemediation`. */
 export interface RecommendationCatalogRemediation {
-    type: RecommendationRemediationType;
+    type: string;
     buttonText: string;
     tooltip: string;
+    /** True when the catalog defines steps the backend can apply, so the UI can offer a direct apply. */
+    canApplyViaUi: boolean;
     applyExamples: RecommendationCatalogApplyExample[];
 }
 /** Matches GraphQL `Recommendation` — CR enriched with catalog metadata. */
 export interface Recommendation {
     name: string;
-    type: RecommendationType;
+    type: string;
     applied: boolean;
     conditionsMet: boolean;
     dismissed: boolean;

package/lib/types.js

@@ -1 +1 @@
-export{ek as ActionCategoryTypes,by as ActionKeyTypes,bz as ActionType,kP as AgentInjectedReason,kQ as BooleanOperation,es as CloudConnectorFeatureKey,am as CodeAttributesKeyTypes,kR as ConditionType,be as Crud,ag as CustomInstrumentationsKeyTypes,f1 as DesiredConditionActionItemType,eH as DesiredStateProgress,kS as DestinationTypes,bf as EntityTypes,c8 as ExtractionDataFormat,q as FieldTypes,ai as GolangCustomProbe,ak as HeadersCollectionKeyTypes,J as InputTypes,kT as InsightsAnomalyClassFindingKind,iP as InsightsAnomalyResolution,iM as InsightsAnomalyStatus,kU as InsightsBaselineHistogramUnit,iQ as InsightsBaselineLearningPhase,iO as InsightsBulkResolution,bT as InsightsDeviationClass,bn as InsightsEntityTypes,iN as InsightsFindingKind,bV as InsightsLearningConditionType,bX as InsightsLearningMode,bS as InsightsPolicyScope,bM as InsightsRuleMode,i$ as InsightsSampleReason,e9 as InsightsSeverity,jp as InsightsStorageDiskStatus,kV as InsightsStorageHealthStatus,kW as InsightsTransactionKind,iL as InsightsViolationStatus,kX as InstallationMethod,kY as InstallationStatus,af as InstrumentationRuleType,kZ as IntrumentationStatus,ah as JavaCustomProbe,k_ as JsonOperation,c6 as K8sAttributesFrom,c0 as K8sResourceKind,k$ as K8sWorkloadContainerAgentConfigTracesHeadSamplingSpanMetricsMode,l0 as ListDirection,l1 as NumberOperation,l2 as OtelDistroName,l3 as OtherEntityTypes,al as PayloadCollectionKeyTypes,aj as PhpCustomProbe,P as PlatformType,l4 as PodContainerLifecycleStatus,l5 as PodContainerStatus,l6 as PodPhase,l7 as Profile,_ as ProgrammingLanguages,fc as RecommendationApplyExampleType,fd as RecommendationRemediationType,fb as RecommendationState,l8 as RecommendationType,l9 as SIGNAL_KEY_TO_TYPE,la as SIGNAL_TYPE_TO_KEY,lb as SignalKey,bE as SignalType,lc as SortDirection,S as StatusType,ld as StringOperation,b as Tier,le as WorkloadRolloutReason,jL as WorkloadRolloutStatus}from"./chunks/ui-components-mqa1Nv5H.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{en as ActionCategoryTypes,bB as ActionKeyTypes,bC as ActionType,l5 as AgentInjectedReason,l6 as BooleanOperation,ex as CloudConnectorFeatureKey,aj as CodeAttributesKeyTypes,l7 as ConditionType,bg as Crud,ad as CustomInstrumentationsKeyTypes,f6 as DesiredConditionActionItemType,eM as DesiredStateProgress,l8 as DestinationTypes,bh as EntityTypes,cb as ExtractionDataFormat,o as FieldTypes,af as GolangCustomProbe,ah as HeadersCollectionKeyTypes,G as InputTypes,l9 as InsightsAnomalyClassFindingKind,i$ as InsightsAnomalyResolution,iY as InsightsAnomalyStatus,la as InsightsBaselineHistogramUnit,j0 as InsightsBaselineLearningPhase,i_ as InsightsBulkResolution,bW as InsightsDeviationClass,bp as InsightsEntityTypes,iZ as InsightsFindingKind,bY as InsightsLearningConditionType,b_ as InsightsLearningMode,bV as InsightsPolicyScope,bP as InsightsRuleMode,jb as InsightsSampleReason,ec as InsightsSeverity,jB as InsightsStorageDiskStatus,lb as InsightsStorageHealthStatus,lc as InsightsTransactionKind,iX as InsightsViolationStatus,ld as InstallationMethod,le as InstallationStatus,ac as InstrumentationRuleType,lf as IntrumentationStatus,ae as JavaCustomProbe,lg as JsonOperation,c9 as K8sAttributesFrom,c3 as K8sResourceKind,lh as K8sWorkloadContainerAgentConfigTracesHeadSamplingSpanMetricsMode,li as ListDirection,lj as NumberOperation,lk as OtelDistroName,bq as OtherEntityTypes,ai as PayloadCollectionKeyTypes,ag as PhpCustomProbe,P as PlatformType,ll as PodContainerLifecycleStatus,lm as PodContainerStatus,ln as PodPhase,lo as Profile,X as ProgrammingLanguages,fj as RecommendationApplyExampleType,lp as RecommendationRemediationType,fg as RecommendationState,lq as RecommendationType,lr as SIGNAL_KEY_TO_TYPE,ls as SIGNAL_TYPE_TO_KEY,lt as SignalKey,bH as SignalType,lu as SortDirection,S as StatusType,lv as StringOperation,b as Tier,lw as WorkloadRolloutReason,jX as WorkloadRolloutStatus}from"./chunks/ui-components-DObOt6F8.js";import"react/jsx-runtime";import"react";import"styled-components";import"./icons.js";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"flubber";import"prism-react-renderer";import"react-error-boundary";import"virtua";

package/lib/visuals/index.d.ts

@@ -1,3 +1,5 @@
+export * from './visual-connection-morph';
 export * from './visual-green-rings';
 export * from './visual-odigos-logo';
 export * from './visual-purple-rings';
+export * from './visual-terminal';

package/lib/visuals/visual-connection-morph/index.d.ts

@@ -0,0 +1,12 @@
+import { type FC } from 'react';
+import { TerminalProps } from '../../components';
+export declare const VISUAL_CONNECTION_MORPH_WIDTH = 488;
+export declare const VISUAL_CONNECTION_MORPH_HEIGHT = 635;
+export type VisualConnectionMorphVariant = 'logo' | 'terminal';
+export interface VisualConnectionMorphProps {
+    variant: VisualConnectionMorphVariant;
+    title: TerminalProps['title'];
+    code: TerminalProps['code'];
+    onCopy?: () => void;
+}
+export declare const VisualConnectionMorph: FC<VisualConnectionMorphProps>;

package/lib/visuals/visual-odigos-logo/index.d.ts

@@ -1,4 +1,4 @@
 import { type FC } from 'react';
-export declare const VISUAL_ODIGOS_LOGO_WIDTH = 434;
+export declare const VISUAL_ODIGOS_LOGO_WIDTH = 488;
 export declare const VISUAL_ODIGOS_LOGO_HEIGHT = 635;
 export declare const VisualOdigosLogo: FC;

package/lib/visuals/visual-terminal/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type TerminalProps } from '../../components';
+export declare const VISUAL_TERMINAL_WIDTH = 488;
+export declare const VISUAL_TERMINAL_HEIGHT = 635;
+export declare const VisualTerminal: FC<TerminalProps>;

package/lib/visuals.js

@@ -1 +1 @@
-export{lf as VISUAL_ODIGOS_LOGO_HEIGHT,lg as VISUAL_ODIGOS_LOGO_WIDTH,V as VisualGreenRings,lh as VisualOdigosLogo,hD as VisualPurpleRings}from"./chunks/ui-components-mqa1Nv5H.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{iS as VISUAL_CONNECTION_MORPH_HEIGHT,iR as VISUAL_CONNECTION_MORPH_WIDTH,lx as VISUAL_ODIGOS_LOGO_HEIGHT,ly as VISUAL_ODIGOS_LOGO_WIDTH,lz as VISUAL_TERMINAL_HEIGHT,lA as VISUAL_TERMINAL_WIDTH,iQ as VisualConnectionMorph,b4 as VisualGreenRings,lB as VisualOdigosLogo,hJ as VisualPurpleRings,lC as VisualTerminal}from"./chunks/ui-components-DObOt6F8.js";import"react/jsx-runtime";import"react";import"styled-components";import"./icons.js";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"flubber";import"prism-react-renderer";import"react-error-boundary";import"virtua";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.298",
+  "version": "0.0.300",
   "author": "Odigos",
   "license": "MIT",
   "repository": {
@@ -96,6 +96,7 @@
   "dependencies": {
     "@xyflow/react": "^12.11.6",
     "elkjs": "^0.12.0",
+    "flubber": "^0.4.2",
     "javascript-time-ago": "^2.6.4",
     "prism-react-renderer": "^2.4.1",
     "react": "^19.2.8",
@@ -119,6 +120,7 @@
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-webpack5-compiler-babel": "^4.0.1",
     "@storybook/react-webpack5": "10.6.0",
+    "@types/flubber": "^0.4.0",
     "@types/node": "^26.4.1",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.7",