@odigos/ui-kit 0.0.286 → 0.0.288

package/lib/snippets/actions/index.d.ts

@@ -1,17 +1,20 @@
-import { FC } from 'react';
-import { type ButtonProps } from '../../components/button';
+import React, { FC } from 'react';
+import { type PopupProps } from '../../components/popup';
 import { type DropDataProps } from '../../components/drop-data';
+import { type ButtonProps } from '../../components/button';
 export declare enum ActionType {
     Button = "button",
-    ButtonDropData = "button-drop-data"
+    DropDataButton = "drop-data-button",
+    PopupButton = "popup-button"
 }
 interface Action {
     id: string;
     type: ActionType;
-    buttonProps?: ButtonProps & {
-        onClick?: (id: string) => void;
+    buttonProps?: Omit<ButtonProps, 'onClick'> & {
+        onClick?: ((e: React.MouseEvent<HTMLButtonElement>) => unknown) | ((id: string) => void);
     };
     dropDataProps?: Pick<DropDataProps, 'items' | 'alignX' | 'alignY'>;
+    popupProps?: PopupProps;
 }
 export interface ActionsProps {
     onAnyClick?: () => void;

package/lib/snippets/blast-radius/animated-edge.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BlastRadiusEdgeTypes, type BlastRadiusEdgeData } from './types';
+import { type Edge, type EdgeProps } from '@xyflow/react';
+export type BlastRadiusAnimatedEdgeType = Edge<BlastRadiusEdgeData, BlastRadiusEdgeTypes.Animated>;
+/**
+ * Packet-stream animation (service-map style). Duration scales with path length.
+ * Attacker edges use red track/packets; others keep silver.
+ */
+declare const BlastRadiusAnimatedEdgeComponent: React.FC<EdgeProps<BlastRadiusAnimatedEdgeType>>;
+export { BlastRadiusAnimatedEdgeComponent as BlastRadiusAnimatedEdge };

package/lib/snippets/blast-radius/blast-radius-node.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import { type BlastRadiusServiceNode } from './types';
+import { type NodeProps } from '@xyflow/react';
+type BlastRadiusNodeProps = NodeProps<BlastRadiusServiceNode>;
+export declare const BlastRadiusNode: FC<BlastRadiusNodeProps>;
+export {};

package/lib/snippets/blast-radius/helpers.d.ts

@@ -0,0 +1,29 @@
+import { type Edge } from '@xyflow/react';
+import type { DefaultTheme } from 'styled-components';
+import { type BlastRadiusEdgeData, type BlastRadiusServiceNode } from './types';
+import type { InsightsBlastRadiusNode, InsightsBlastRadiusSubgraph } from '../../types';
+export declare const NODE_WIDTH = 120;
+export declare const NODE_HEIGHT = 58;
+/** Stable React Flow id — namespace may be empty for virtual hubs like `user`. */
+export declare const getBlastRadiusNodeId: (namespace: string | undefined | null, service: string) => string;
+export declare const getBlastRadiusNodeIdFromNode: (node: Pick<InsightsBlastRadiusNode, "namespace" | "service">) => string;
+/**
+ * Attacker is the synthetic ingress hub named `user` (empty namespace), not
+ * inferred from traffic degrees.
+ */
+export declare const ATTACKER_SERVICE_NAME = "user";
+export declare const findAttackerNodeId: (rootId: string, nodes: Array<{
+    id: string;
+    service: string;
+}>) => string | null;
+export declare const buildBlastRadiusNodes: (subgraph: InsightsBlastRadiusSubgraph, attackerId: string | null) => BlastRadiusServiceNode[];
+export declare const buildBlastRadiusEdges: (subgraph: InsightsBlastRadiusSubgraph, theme: DefaultTheme, nodeIds: Set<string>, attackerId: string | null) => Edge<BlastRadiusEdgeData>[];
+/**
+ * Center-out layout: root in the middle, callers fan left, callees fan right.
+ * Keeps the graph wide/short to match the blast-radius frame (unlike service-map's vertical fan).
+ * The attacker is pulled out of the L/R fans and parked next to its connected targets.
+ */
+export declare const getBlastRadiusLayout: (nodes: BlastRadiusServiceNode[], edges: Edge[]) => {
+    nodes: BlastRadiusServiceNode[];
+    edges: Edge[];
+};

package/lib/snippets/blast-radius/index.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+import '@xyflow/react/dist/style.css';
+import type { InsightsBlastRadiusSubgraph } from '../../types';
+export interface BlastRadiusProps {
+    blastRadius?: InsightsBlastRadiusSubgraph;
+}
+export declare const BlastRadius: FC<BlastRadiusProps>;

package/lib/snippets/blast-radius/types.d.ts

@@ -0,0 +1,19 @@
+import { type Node } from '@xyflow/react';
+export declare enum BlastRadiusNodeTypes {
+    Service = "blast-radius-service"
+}
+export declare enum BlastRadiusEdgeTypes {
+    Animated = "blast-radius-animated"
+}
+export type BlastRadiusNodeData = {
+    service: string;
+    namespace: string;
+    isVirtual: boolean;
+    isRoot: boolean;
+    isAttacker: boolean;
+    isUser: boolean;
+};
+export type BlastRadiusEdgeData = {
+    isAttacker: boolean;
+};
+export type BlastRadiusServiceNode = Node<BlastRadiusNodeData, BlastRadiusNodeTypes.Service>;

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

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import { type CodeProps } from '../../components';
+export interface CodeModalProps extends Omit<CodeProps, 'language' | 'code'> {
+    isOpen: boolean;
+    onClose: () => void;
+    language?: string | null;
+    code?: string | null;
+}
+export declare const CodeModal: FC<CodeModalProps>;

package/lib/snippets/index.d.ts

@@ -1,6 +1,8 @@
 export * from './actions';
 export * from './animated-collapse';
+export * from './blast-radius';
 export * from './cancel-modal';
+export * from './code-modal';
 export * from './colored-span';
 export * from './connector-created-modal';
 export * from './delete-modal';

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

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+export interface TraceModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    transactionId?: string | null;
+    traceId?: string | null;
+}
+export declare const TraceModal: FC<TraceModalProps>;

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

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
 export interface UpgradeModalProps {
-    minSupportedVersion: number;
+    minSupportedVersion: number | string;
     currentVersion: string;
 }
 export declare const UpgradeModal: FC<UpgradeModalProps>;

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

@@ -33,6 +33,12 @@ export interface WideDrawerProps {
     filters?: ReactNode;
     errorMessage?: string;
     isFormDirty?: boolean;
+    /**
+     * Opt out of the implicit "pristine forms cannot be saved" gate while still reporting
+     * dirtiness (which drives the discard-changes prompt on close). Needed when the entity is
+     * fully specified without the user editing any field.
+     */
+    allowSaveWhenPristine?: boolean;
     hideDirtyNote?: boolean;
     forcedNote?: NoteProps;
     isFetching?: boolean;

package/lib/snippets.js

@@ -1 +1 @@
-export{A as ActionType,a as Actions,R as RichTitle}from"./chunks/ui-components-Ci-Vq1Dl.js";export{A as AnimatedCollapse,C as CancelModal,a as ConnectorCreatedModal,D as DURATION_OPTIONS,b as DeleteModal,c as DurationErrorsSection,d as DynamicActionFields,e as DynamicField,f as DynamicFields,E as EnableDisableSegment,I as InstrumentationPreviewSection,N as NOISY_PERCENTAGE_OPTIONS,O as OdigosLogoTextByTier,g as OperationSection,P as PERCENTAGE_OPTIONS,h as PercentageSection,i as PresetWithCustomInput,R as RuleInfoSection,j as RuleTypeSection,S as SamplingPreviewSection,k as SignalsCheckboxList,l as SourceScopeSection,U as UpgradeModal,W as WIDE_DRAWER_WIDTH,m as WideDrawer,Y as YamlSectionCard}from"./chunks/index-DBZ1mLhG.js";export{C as ColoredSpan,a as ColoredSpanVariant}from"./chunks/helpers-C5bkjRbO.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"zustand/middleware";import"react-error-boundary";import"virtua";
+export{A as ActionType,a as Actions,R as RichTitle}from"./chunks/ui-components-D8rTJS7r.js";export{A as AnimatedCollapse,B as BlastRadius,C as CancelModal,a as CodeModal,b as ConnectorCreatedModal,D as DURATION_OPTIONS,c as DeleteModal,d as DurationErrorsSection,e as DynamicActionFields,f as DynamicField,g as DynamicFields,E as EnableDisableSegment,I as InstrumentationPreviewSection,N as NOISY_PERCENTAGE_OPTIONS,O as OdigosLogoTextByTier,h as OperationSection,P as PERCENTAGE_OPTIONS,i as PercentageSection,j as PresetWithCustomInput,R as RuleInfoSection,k as RuleTypeSection,S as SamplingPreviewSection,l as SignalsCheckboxList,m as SourceScopeSection,U as UpgradeModal,W as WIDE_DRAWER_WIDTH,n as WideDrawer,Y as YamlSectionCard}from"./chunks/index-Cy84opXf.js";export{C as ColoredSpan,a as ColoredSpanVariant}from"./chunks/helpers-BCSEuuKh.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"zustand/middleware";import"react-error-boundary";import"virtua";import"@xyflow/react/dist/style.css";import"@xyflow/react";

package/lib/store.js

@@ -1 +1 @@
-export{dI as DrawerType,bg as ProgressKeys,f0 as getDrawerTypeForAdd,cA as getDrawerTypeForEdit,gL as useDarkMode,bd as useDataStreamStore,cv as useDrawerStore,eX as useFilterStore,b8 as useNotificationStore,be as useProgressStore,f1 as useSelectedStore,bf as useSetupStore}from"./chunks/ui-components-Ci-Vq1Dl.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"zustand/middleware";import"react-error-boundary";import"virtua";
+export{eM as DrawerType,bi as ProgressKeys,gt as getDrawerTypeForAdd,cE as getDrawerTypeForEdit,iD as useDarkMode,bf as useDataStreamStore,cz as useDrawerStore,go as useFilterStore,ba as useNotificationStore,bg as useProgressStore,gu as useSelectedStore,bh as useSetupStore}from"./chunks/ui-components-D8rTJS7r.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"zustand/middleware";import"react-error-boundary";import"virtua";

package/lib/theme/palettes/index.d.ts

@@ -44,6 +44,10 @@ export declare const baseTheme: {
                 '900': string;
                 '1000': string;
             };
+            mint: {
+                '500': string;
+                '1000': string;
+            };
             grey: {
                 '25': string;
                 '50': string;
@@ -103,6 +107,7 @@ export declare const baseTheme: {
                 '300': string;
                 '400': string;
                 '500': string;
+                '550': string;
                 '600': string;
                 '700': string;
                 '800': string;
@@ -115,9 +120,10 @@ export declare const baseTheme: {
             pink: {
                 '500': string;
                 '600': string;
+                '1000': string;
             };
             orange: {
-                '600': string;
+                '500': string;
             };
         };
         zIndex: {

package/lib/theme.js

@@ -1 +1 @@
-export{gV as Provider,gW as animations,gX as opacity,gY as palettes}from"./chunks/ui-components-Ci-Vq1Dl.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"zustand/middleware";import"react-error-boundary";import"virtua";
+export{iQ as Provider,iR as animations,iS as opacity,iT as palettes}from"./chunks/ui-components-D8rTJS7r.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"zustand/middleware";import"react-error-boundary";import"virtua";

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

@@ -31,6 +31,7 @@ export declare enum ActionKeyTypes {
     Renames = "renames",
     PiiCategories = "piiCategories",
     UrlTemplatizationRulesGroups = "urlTemplatizationRulesGroups",
+    UrlTemplatizationDefaultGroups = "urlTemplatizationDefaultGroups",
     ExtractAttribute = "extractAttribute",
     TemplatizeLiterals = "templatizeLiterals",
     Scopes = "scopes"
@@ -105,6 +106,7 @@ export interface ActionFields {
     } | null;
     [ActionKeyTypes.PiiCategories]?: string[] | null;
     [ActionKeyTypes.UrlTemplatizationRulesGroups]?: UrlTemplatizationRulesGroup[] | null;
+    [ActionKeyTypes.UrlTemplatizationDefaultGroups]?: UrlTemplatizationDefaultGroup[] | null;
     [ActionKeyTypes.ExtractAttribute]?: ExtractAttribute | null;
     [ActionKeyTypes.TemplatizeLiterals]?: boolean | null;
     [ActionKeyTypes.Scopes]?: SourcesScopes | null;
@@ -224,7 +226,17 @@ export interface Extraction {
 export interface ExtractAttribute {
     extractions: Extraction[];
 }
+export interface UrlTemplatizationDefaultSkipPolicy {
+    skipForNonSuccessCodes?: boolean | null;
+    skipHttpStatusCodes?: number[] | null;
+}
+export interface UrlTemplatizationDefaultGroup {
+    scopes?: SourcesScopes | null;
+    disabled?: boolean | null;
+    skipPolicy?: UrlTemplatizationDefaultSkipPolicy | null;
+}
 export interface UrlTemplatizationRulesGroup {
+    scopes?: SourcesScopes | null;
     filterK8sNamespace?: string;
     /** @deprecated Use workloadFilters instead. Kept for backward compatibility with existing CRs. */
     filterK8sWorkloadKind?: WorkloadKind;

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

@@ -45,16 +45,21 @@ export declare enum PlatformType {
     Connector = "connector",
     AwsEcs = "aws.ecs"
 }
+/**
+ * A version threshold. Strings are required for values JS numbers cannot
+ * represent (`1.20 === 1.2`); `trimVersion` accepts both.
+ */
+export type VersionThreshold = number | string;
 /**
  * The minimum Odigos version required to use a given feature.
  *
- * A single `number` applies the same threshold to every platform
+ * A single number/string applies the same threshold to every platform
  * (backwards-compatible with the historical k8s-only behavior), while a
  * partial map lets a feature declare a different minimum per platform type
  * (e.g. a feature that shipped earlier on `k8s` than on `vm`). Platforms
  * omitted from the map are treated as having no requirement (always supported).
  */
-export type MinSupportedVersion = number | Partial<Record<PlatformType, number>>;
+export type MinSupportedVersion = VersionThreshold | Partial<Record<PlatformType, VersionThreshold>>;
 export declare enum InstallationMethod {
     Cli = "odigos-cli",
     Helm = "helm",
@@ -88,6 +93,8 @@ export interface FetchedConfig {
     installationStatus: InstallationStatus;
     platformType?: PlatformType;
     odigosVersion?: string;
+    /** True when the Insights feature is enabled on the cluster. */
+    insightsEnabled?: boolean;
 }
 export declare enum ProgrammingLanguages {
     Go = "go",

package/lib/types/index.d.ts

@@ -19,5 +19,6 @@ export * from './sources';
 export * from './tokens';
 export * from './traces';
 export * from './sampling';
+export * from './insights';
 export * from './recommendations';
 export * from './workload';