@odigos/ui-kit 0.0.217 → 0.0.219

package/lib/containers/_v2/_forms/view-sampling-rule-form/context.d.ts

@@ -0,0 +1,37 @@
+import React, { type FC } from 'react';
+import type { ViewRuleData } from '../../sampling-rules/types';
+import type { SamplingRuleFormState, DuplicateValidationResult } from '../create-sampling-rule-form/types';
+interface ViewSamplingRuleFormContextType {
+    data: ViewRuleData | null;
+    isEditing: boolean;
+    formData: SamplingRuleFormState;
+    handleChange: (updates: Partial<SamplingRuleFormState>) => void;
+    handleEdit: () => void;
+    handleCancelEdit: () => void;
+    duplicateWarning: DuplicateValidationResult | null;
+    setDuplicateWarning: (warning: DuplicateValidationResult | null) => void;
+    sourceOptions: {
+        id: string;
+        label: string;
+    }[];
+    namespaceOptions: {
+        id: string;
+        label: string;
+    }[];
+}
+export interface ViewSamplingRuleFormContextProviderProps {
+    data: ViewRuleData | null;
+    defaultEditMode?: boolean;
+    sourceOptions?: {
+        id: string;
+        label: string;
+    }[];
+    namespaceOptions?: {
+        id: string;
+        label: string;
+    }[];
+    children: React.ReactNode;
+}
+export declare const ViewSamplingRuleFormContextProvider: FC<ViewSamplingRuleFormContextProviderProps>;
+export declare const useViewSamplingRuleFormContext: () => ViewSamplingRuleFormContextType;
+export {};

package/lib/containers/_v2/{_drawers/view-sampling-rule-drawer → _forms/view-sampling-rule-form}/footer.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FooterProps } from '@/components/_v2/drawer/footer';
 interface ViewFooterProps {
     isEditing: false;
     onDelete: () => void;
@@ -16,6 +16,6 @@ interface EditFooterProps {
     onDelete: () => void;
     duplicateWarning?: DuplicateWarningInfo | null;
 }
-export type DrawerFooterProps = ViewFooterProps | EditFooterProps;
-export declare const DrawerFooter: FC<DrawerFooterProps>;
+export type ViewDrawerFooterProps = ViewFooterProps | EditFooterProps;
+export declare function buildViewDrawerFooter(props: ViewDrawerFooterProps): FooterProps;
 export {};

package/lib/containers/_v2/_forms/view-sampling-rule-form/index.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+export * from './context';
+export declare const ViewSamplingRuleForm: FC;

package/lib/containers/_v2/{_drawers/view-sampling-rule-drawer → _forms/view-sampling-rule-form}/reverse-converters.d.ts

@@ -1,3 +1,3 @@
-import type { ViewRuleData } from './types';
-import type { SamplingRuleFormState } from '../create-sampling-rule-drawer/types';
+import type { ViewRuleData } from '../../sampling-rules/types';
+import type { SamplingRuleFormState } from '../create-sampling-rule-form/types';
 export declare function viewRuleDataToFormState(data: ViewRuleData): SamplingRuleFormState;

package/lib/containers/_v2/{_drawers/view-sampling-rule-drawer → _forms/view-sampling-rule-form}/sections/operation-details.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ViewRuleData } from '../types';
+import type { ViewRuleData } from '../../../sampling-rules/types';
 export interface OperationDetailsProps {
     data: ViewRuleData;
 }

package/lib/containers/_v2/{_drawers/view-sampling-rule-drawer → _forms/view-sampling-rule-form}/sections/percentage.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ViewRuleData } from '../types';
+import type { ViewRuleData } from '../../../sampling-rules/types';
 export interface PercentageProps {
     data: ViewRuleData;
 }

package/lib/containers/_v2/{_drawers/view-sampling-rule-drawer → _forms/view-sampling-rule-form}/sections/rule-info.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ViewRuleData } from '../types';
+import type { ViewRuleData } from '../../../sampling-rules/types';
 export interface RuleInfoProps {
     data: ViewRuleData;
 }

package/lib/containers/_v2/{_drawers/view-sampling-rule-drawer → _forms/view-sampling-rule-form}/sections/sampling-preview.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
-import type { SummaryPart } from '../../../sampling-rules-list/types';
+import { type ColoredSpanPart } from '@/snippets/_v2/colored-span';
 export interface SamplingPreviewProps {
-    summary: SummaryPart[];
+    summary: ColoredSpanPart[];
 }
 export declare const SamplingPreview: FC<SamplingPreviewProps>;

package/lib/containers/_v2/index.d.ts

@@ -1,8 +1,7 @@
 export * from './_drawers';
 export * from './_forms';
-export * from './auto-rule-card';
 export * from './central-connections';
 export * from './onboarding';
 export * from './pipeline-collectors';
-export * from './sampling-rules-list';
+export * from './sampling-rules';
 export * from './settings';

package/lib/containers/_v2/sampling-rules/auto-rule-card/index.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+import { ColoredSpanPart } from '@/snippets/_v2/colored-span';
+export interface AutoRuleCardProps {
+    title: string;
+    summary: ColoredSpanPart[];
+    onEdit: () => void;
+}
+export declare const AutoRuleCard: FC<AutoRuleCardProps>;

package/lib/containers/_v2/{sampling-rules-list → sampling-rules}/helpers.d.ts

@@ -1,5 +1,6 @@
 import type { NoisyOperationRule, HighlyRelevantOperationRule, CostReductionRule, SourcesScopeInput, HeadSamplingOperationMatcher, TailSamplingOperationMatcher, SamplingRules } from '@/types';
-import type { SamplingRuleItem, SamplingRuleCategory, SummaryPart, HighlyRelevantBadgeType, ViewRuleData } from './types';
+import { type ColoredSpanPart } from '@/snippets/_v2/colored-span';
+import type { SamplingRuleItem, SamplingRuleCategory, HighlyRelevantBadgeType, ViewRuleData } from './types';
 export declare enum SamplingCategory {
     Noisy = "noisy",
     HighlyRelevant = "highly-relevant",
@@ -13,12 +14,12 @@ export declare const SAMPLING_SEGMENT_OPTIONS: {
 export declare const SAMPLING_CATEGORY_NOTES: Record<SamplingCategory, string>;
 export declare const SAMPLING_CATEGORY_LIST_TITLES: Record<SamplingCategory, string>;
 export declare const CATEGORY_TO_RULE_CATEGORY: Record<SamplingCategory, SamplingRuleCategory>;
-export declare function buildNoisySummary(rule: NoisyOperationRule): SummaryPart[];
-export declare function buildHighlyRelevantSummary(rule: HighlyRelevantOperationRule): SummaryPart[];
-export declare function buildCostReductionSummary(rule: CostReductionRule): SummaryPart[];
+export declare function buildNoisySummary(rule: NoisyOperationRule): ColoredSpanPart[];
+export declare function buildHighlyRelevantSummary(rule: HighlyRelevantOperationRule): ColoredSpanPart[];
+export declare function buildCostReductionSummary(rule: CostReductionRule): ColoredSpanPart[];
 export declare function getHighlyRelevantTypeBadge(rule: HighlyRelevantOperationRule): HighlyRelevantBadgeType;
 export declare function buildSamplingRuleItems(groups: SamplingRules[], category: SamplingCategory, excludeRuleIds?: Set<string>): SamplingRuleItem[];
-export declare function buildSummaryForRule(category: SamplingRuleCategory, rule: NoisyOperationRule | HighlyRelevantOperationRule | CostReductionRule): SummaryPart[];
+export declare function buildSummaryForRule(category: SamplingRuleCategory, rule: NoisyOperationRule | HighlyRelevantOperationRule | CostReductionRule): ColoredSpanPart[];
 export declare function refreshViewRuleData(groups: SamplingRules[], current: ViewRuleData): ViewRuleData | null;
 export declare function lookupViewRuleData(groups: SamplingRules[], item: SamplingRuleItem): ViewRuleData | null;
 export interface DuplicateCheckInput {
@@ -28,3 +29,20 @@ export interface DuplicateCheckInput {
     durationAtLeastMs?: number | null;
 }
 export declare function findDuplicateRuleId(groups: SamplingRules[], category: SamplingRuleCategory, input: DuplicateCheckInput, excludeRuleId?: string): string | null;
+export interface K8sHealthProbesConfig {
+    enabled: boolean | null;
+    keepPercentage: number | null;
+}
+export declare function buildAutoRuleSummary(config: K8sHealthProbesConfig | null): ColoredSpanPart[];
+export interface HighlyRelevantAutoRuleMatch {
+    rule: HighlyRelevantOperationRule;
+    samplingId: string;
+}
+export declare function findHighlyRelevantAutoRule(groups: SamplingRules[]): HighlyRelevantAutoRuleMatch | null;
+export declare function buildHighlyRelevantAutoRuleSummary(rule: HighlyRelevantOperationRule | null): ColoredSpanPart[];
+export interface CostReductionAutoRuleMatch {
+    rule: CostReductionRule;
+    samplingId: string;
+}
+export declare function findCostReductionAutoRule(groups: SamplingRules[]): CostReductionAutoRuleMatch | null;
+export declare function buildCostReductionAutoRuleSummary(rule: CostReductionRule | null): ColoredSpanPart[];

package/lib/containers/_v2/sampling-rules/index.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import type { SamplingRulesProps } from './types';
+export declare const SamplingRules: FC<SamplingRulesProps>;

package/lib/containers/_v2/sampling-rules/rules-table/index.d.ts

@@ -0,0 +1,13 @@
+import { type FC, type CSSProperties } from 'react';
+import type { SamplingRuleItem } from '../types';
+export interface RulesTableProps {
+    title: string;
+    items: SamplingRuleItem[];
+    isLoading: boolean;
+    showTypeFilter: boolean;
+    tableRowsMaxHeight: CSSProperties['maxHeight'];
+    onRuleClick: (item: SamplingRuleItem) => void;
+    onEditRule: (ruleId: string, samplingId: string) => void;
+    onDeleteRule: (ruleId: string, samplingId: string) => void;
+}
+export declare const RulesTable: FC<RulesTableProps>;

package/lib/containers/_v2/{sampling-rules-list/toolbar.d.ts → sampling-rules/toolbar/index.d.ts}

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { TypeFilter } from './types';
+import type { TypeFilter } from '../types';
 export interface ListToolbarProps {
     title: string;
     titleTooltip?: string;

package/lib/containers/_v2/sampling-rules/types.d.ts

@@ -0,0 +1,72 @@
+import type { CSSProperties } from 'react';
+import type { ColoredSpanPart } from '@/snippets/_v2';
+import type { CostReductionRuleInput, HighlyRelevantOperationRuleInput, NoisyOperationRule, HighlyRelevantOperationRule, CostReductionRule, NoisyOperationRuleInput, SamplingRules, WorkloadId } from '@/types';
+export type SamplingRuleCategory = 'noisy' | 'highlyRelevant' | 'costReduction';
+export type HighlyRelevantBadgeType = 'Relevance' | 'Duration' | 'Error';
+export interface SamplingRuleItem {
+    ruleId: string;
+    samplingId: string;
+    name: string | null;
+    disabled: boolean;
+    notes: string | null;
+    summary: ColoredSpanPart[];
+    category: SamplingRuleCategory;
+    typeBadge?: HighlyRelevantBadgeType;
+}
+export type TypeFilter = 'all' | HighlyRelevantBadgeType;
+export interface SamplingRulesListProps {
+    title: string;
+    titleTooltip?: string;
+    items: SamplingRuleItem[];
+    isLoading?: boolean;
+    showTypeFilter?: boolean;
+    onRuleClick: (item: SamplingRuleItem) => void;
+    onEditRule: (ruleId: string, samplingId: string) => void;
+    onDeleteRule: (ruleId: string, samplingId: string) => void;
+}
+interface BaseViewRule {
+    samplingId: string;
+    summary: ColoredSpanPart[];
+}
+interface ViewNoisyRule extends BaseViewRule {
+    category: Extract<SamplingRuleCategory, 'noisy'>;
+    rule: NoisyOperationRule;
+}
+interface ViewHighlyRelevantRule extends BaseViewRule {
+    category: Extract<SamplingRuleCategory, 'highlyRelevant'>;
+    rule: HighlyRelevantOperationRule;
+}
+interface ViewCostReductionRule extends BaseViewRule {
+    category: Extract<SamplingRuleCategory, 'costReduction'>;
+    rule: CostReductionRule;
+}
+export type ViewRuleData = ViewNoisyRule | ViewHighlyRelevantRule | ViewCostReductionRule;
+export interface SamplingRulesSelectOption {
+    id: string;
+    label: string;
+}
+/** Matches effective k8s health-probes sampling config from the API. */
+export interface SamplingRulesK8sHealthConfig {
+    enabled: boolean | null;
+    keepPercentage: number | null;
+}
+export interface SamplingRulesProps {
+    workloads: {
+        id: WorkloadId;
+    }[];
+    samplingRules: SamplingRules[];
+    k8sHealthProbesConfig: SamplingRulesK8sHealthConfig | null;
+    loading: boolean;
+    tableRowsMaxHeight: CSSProperties['maxHeight'];
+    fetchSamplingRules: () => void;
+    createNoisyOperationRule: (samplingId: string, rule: NoisyOperationRuleInput) => void;
+    updateNoisyOperationRule: (samplingId: string, ruleId: string, rule: NoisyOperationRuleInput) => void;
+    createHighlyRelevantOperationRule: (samplingId: string, rule: HighlyRelevantOperationRuleInput) => void;
+    updateHighlyRelevantOperationRule: (samplingId: string, ruleId: string, rule: HighlyRelevantOperationRuleInput) => void;
+    createCostReductionRule: (samplingId: string, rule: CostReductionRuleInput) => void;
+    updateCostReductionRule: (samplingId: string, ruleId: string, rule: CostReductionRuleInput) => void;
+    deleteSamplingRule: (samplingId: string, ruleId: string, category: SamplingRuleCategory) => void;
+    updateK8sHealthProbesConfig: (enabled: boolean, keepPercentage: number) => void;
+    docsUrl?: string;
+}
+export {};

package/lib/containers/source-drawer/index.d.ts

@@ -1,4 +1,5 @@
 import { type FC } from 'react';
+import { type ProfilingProps } from './profiling';
 import { type DescribeProps } from './describe';
 import { type LibrariesProps } from './libraries';
 import { type PeerSourcesProps } from './peers';
@@ -13,6 +14,10 @@ interface SourceDrawerProps {
     fetchSourceDescribe: DescribeProps['fetchSourceDescribe'];
     fetchSourceLibraries: LibrariesProps['fetchSourceLibraries'];
     fetchPeerSources: PeerSourcesProps['fetchPeerSources'];
+    fetchProfilingSlots?: ProfilingProps['fetchProfilingSlots'];
+    enableProfiling?: ProfilingProps['enableProfiling'];
+    releaseProfiling?: ProfilingProps['releaseProfiling'];
+    fetchSourceProfiling?: ProfilingProps['fetchSourceProfiling'];
 }
 declare const SourceDrawer: FC<SourceDrawerProps>;
 export { SourceDrawer, type SourceDrawerProps };

package/lib/containers/source-drawer/profiling/flame-graph-canvas.d.ts

@@ -0,0 +1,10 @@
+import { type FC } from 'react';
+import type { Flamebearer } from './flamebearer';
+export interface FlameGraphCanvasProps {
+    flamebearer: Flamebearer;
+    maxRowPx?: number;
+    /** Non-empty: only stack frames whose name contains the query are drawn (case-insensitive). */
+    searchQuery?: string;
+    minHostHeight?: number;
+}
+export declare const FlameGraphCanvas: FC<FlameGraphCanvasProps>;

package/lib/containers/source-drawer/profiling/flamebearer.d.ts

@@ -0,0 +1,70 @@
+/** Pyroscope single-format profile (`flamebearer` + `metadata`) as returned by profiling APIs. */
+import type { DefaultTheme } from 'styled-components';
+export interface Flamebearer {
+    /** Usually `string[]`; some APIs use objects per symbol — see `flameNameAt`. */
+    names: string[];
+    levels: number[][];
+    numTicks: number;
+    maxSelf?: number;
+}
+/** Resolve a flamebearer symbol index to display text (handles string or common object shapes from APIs). */
+export declare function flameNameAt(fb: Pick<Flamebearer, 'names'>, nameIndex: number): string;
+export interface ParsedFlameProfile {
+    flamebearer: Flamebearer;
+    units?: string;
+}
+export interface SymbolTableRow {
+    name: string;
+    self: number;
+    total: number;
+}
+export declare function parseFlameProfileJson(raw: string | null): ParsedFlameProfile | null;
+/** One table row per symbol: keep the occurrence with the widest bar (largest cumulative total). */
+export declare function buildSymbolTableRows(fb: Flamebearer): SymbolTableRow[];
+export declare function formatSampleCount(n: number): string;
+export interface FlameRect {
+    level: number;
+    offset: number;
+    size: number;
+    self: number;
+    nameIndex: number;
+}
+export declare function flattenFlameRects(fb: Flamebearer): FlameRect[];
+/** Stable identity for a frame in the raw flamebearer (for zoom stack + hit-test). */
+export declare function flameRectKey(r: Pick<FlameRect, 'level' | 'offset' | 'size' | 'nameIndex'>): string;
+export declare function flameRectsEqual(a: FlameRect, b: FlameRect): boolean;
+/**
+ * All frames in the subtree under `root` (pprof-style “zoom into this frame”).
+ * Parent/child follows horizontal containment on adjacent levels, matching merged flame graphs.
+ */
+export declare function collectSubtreeFlameRects(all: FlameRect[], root: FlameRect): FlameRect[];
+export declare function flameBarMatchesSearch(name: string, query: string): boolean;
+/** Pixel layout for one flame bar (canvas + hit testing). */
+export type FlameLayoutBar = {
+    level: number;
+    offset: number;
+    size: number;
+    self: number;
+    nameIndex: number;
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    name: string;
+    matchesSearch: boolean;
+};
+/**
+ * @param zoomRoot When set, layout only that frame’s subtree and scale the X axis to its cumulative size (click-to-zoom, same idea as pprof’s pivot).
+ */
+export declare function computeFlameLayout(fb: Flamebearer, cw: number, ch: number, maxRowPx: number | undefined, searchQuery: string, zoomRoot?: FlameRect | null): FlameLayoutBar[] | null;
+/** Deepest stack frames first so hit tests prefer narrow children over parents. */
+export declare function sortFlameBarsDeepestFirst<T extends {
+    level: number;
+}>(bars: T[]): T[];
+export interface FlameBarColors {
+    fill: string;
+    /** Label color on the bar (dark fills → light text, light fills → dark text). */
+    text: string;
+}
+/** Stable brand palette (purple / teal / pink from theme) per symbol name. */
+export declare function flameColorsForName(name: string, theme: DefaultTheme): FlameBarColors;

package/lib/containers/source-drawer/profiling/index.d.ts

@@ -0,0 +1,34 @@
+import { type FC } from 'react';
+import type { Source } from '@/types';
+interface SourceIdentifier {
+    namespace: string;
+    kind: string;
+    name: string;
+}
+interface ProfilingSlots {
+    activeKeys: string[];
+    keysWithData: string[];
+    totalBytesUsed: number;
+    slotMaxBytes: number;
+    maxSlots: number;
+    maxTotalBytesBudget: number;
+    slotTtlSeconds: number;
+}
+interface SourceProfilingResult {
+    profileJson: string;
+}
+interface EnableOrReleaseProfilingResult {
+    status: string;
+    sourceKey: string;
+    maxSlots?: number;
+    activeSlots?: number;
+}
+export interface ProfilingProps {
+    source: Source;
+    fetchProfilingSlots: () => Promise<ProfilingSlots | undefined>;
+    enableProfiling: (source: SourceIdentifier) => Promise<EnableOrReleaseProfilingResult | undefined>;
+    releaseProfiling: (source: SourceIdentifier) => Promise<EnableOrReleaseProfilingResult | undefined>;
+    fetchSourceProfiling: (source: SourceIdentifier) => Promise<SourceProfilingResult | undefined>;
+}
+export declare const Profiling: FC<ProfilingProps>;
+export {};

package/lib/containers/source-drawer/profiling/symbol-table.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import { type SymbolTableRow } from './flamebearer';
+export interface SymbolTableProps {
+    rows: SymbolTableRow[];
+}
+export declare const SymbolTable: FC<SymbolTableProps>;