@odigos/ui-kit 0.0.216 → 0.0.218

package/lib/components/_v2/button/index.d.ts

@@ -12,6 +12,7 @@ export declare enum ButtonSize {
 }
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     label?: string;
+    tooltip?: string;
     leftIcon?: SVG;
     rightIcon?: SVG;
     variant?: ButtonVariants;

package/lib/components/_v2/search/index.d.ts

@@ -6,5 +6,9 @@ export interface SearchProps {
     placeholder?: string;
     width?: CSSProperties['width'];
     segment?: Pick<SegmentProps, 'options' | 'selected' | 'setSelected'>;
+    /** Replaces default idle background (`silver[800]`). */
+    idleBackgroundColor?: CSSProperties['backgroundColor'];
+    /** Replaces default hover / focus background (`silver[700]`). */
+    emphasizeBackgroundColor?: CSSProperties['backgroundColor'];
 }
 export declare const Search: FC<SearchProps>;

package/lib/components/tooltip/index.d.ts

@@ -7,6 +7,11 @@ interface TooltipProps extends PropsWithChildren {
     text?: string;
     timestamp?: string | number | Date;
     fullWidth?: boolean;
+    /**
+     * Keep the hover wrapper when `text` is empty so callers can set `text` from pointer move
+     * (e.g. hit-tested canvas). The popup only opens when `text` is non-empty.
+     */
+    keepAlive?: boolean;
 }
 declare const Tooltip: FC<TooltipProps>;
 export { Tooltip, type TooltipProps };

package/lib/components/v2.js

@@ -1 +1 @@
-export{au as Autocomplete,a4 as Badge,B as Button,t as ButtonSize,e2 as ButtonTab,e3 as ButtonTabList,j as ButtonVariants,C as Checkbox,e4 as CheckboxList,av as CheckboxSize,aS as CliCommand,aG as DataCard,D as Drawer,ay as DropData,aF as DropDataAlignX,aE as DropDataAlignY,H as DropDown,c as FieldMessage,a as FieldTitle,e5 as Header,aZ as HoverActions,ag as IconButton,ah as IconButtonSize,I as Input,r as InputList,o as InputTable,aO as Island,L as Loader,e6 as Modal,e7 as Navbar,N as NoData,h as Note,ax as Radio,e8 as RadioGroup,e9 as RadioSize,g as Search,aD as SectionCard,ea as SectionCardSize,z as Segment,al as SegmentSize,eb as SegmentVariant,aV as StatusCard,aP as Stepper,aM as Table,aN as TableVariant,ec as Tag,E as TextArea,aW as TextCard,p as Toggle,q as ToggleLabelAlign,ed as ToggleList,ap as ToggleSize,ee as ToggleVariant,k as Typography,f as TypographySize,aq as TypographyVariants,W as WarningModal}from"../chunks/ui-components-DvThY8Em.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";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"lottie-react";import"virtua";
+export{as as Autocomplete,$ as Badge,q as Button,B as ButtonSize,e3 as ButtonTab,e4 as ButtonTabList,a as ButtonVariants,d as Checkbox,e5 as CheckboxList,at as CheckboxSize,aN as CliCommand,aD as DataCard,ax as Drawer,aw as DropData,aC as DropDataAlignX,aB as DropDataAlignY,ai as DropDown,j as FieldMessage,i as FieldTitle,e6 as Header,aW as HoverActions,ad as IconButton,ae as IconButtonSize,I as Input,p as InputList,m as InputTable,aJ as Island,af as Loader,e7 as Modal,e8 as Navbar,N as NoData,P as Note,av as Radio,e9 as RadioGroup,ea as RadioSize,aV as Search,S as SectionCard,eb as SectionCardSize,x as Segment,aj as SegmentSize,cC as SegmentVariant,aR as StatusCard,aK as Stepper,aH as Table,aI as TableVariant,ec as Tag,y as TextArea,aS as TextCard,n as Toggle,o as ToggleLabelAlign,ed as ToggleList,an as ToggleSize,ee as ToggleVariant,T as Typography,e as TypographySize,ao as TypographyVariants,cX as WarningModal}from"../chunks/ui-components-CzlBPbLD.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";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"lottie-react";import"virtua";

package/lib/components.js

@@ -1 +1 @@
-export{bv as AutocompleteInput,bP as Badge,bR as Button,bi as CancelWarning,e as CenterThis,b0 as Checkbox,cX as Code,bm as ConditionDetails,bn as DataCard,a_ as DataCardFieldTypes,co as DataCardFields,dP as DataFinger,bT as DataTab,bh as DeleteWarning,cG as DescribeRow,s as Divider,bb as DocsButton,bg as Drawer,dQ as DrawerFooter,dR as DrawerHeader,c9 as Dropdown,dS as ErrorBoundary,cf as ExtendArrow,aR as FadeLoader,b1 as FieldError,a$ as FieldLabel,F as FlexColumn,b as FlexRow,dT as Header,b7 as IconButton,cP as IconGroup,bJ as IconTitleBadge,bE as IconWrapped,cC as IconsNav,dU as ImageControlled,b2 as Input,b6 as InputList,b3 as InputTable,bM as InteractiveTable,b5 as KeyValueInputsList,dV as LoadingText,bs as Modal,bt as ModalBody,bc as MonitorsCheckboxes,bG as MonitorsIcons,bw as NavigationButtons,bN as NoDataFound,bu as NotificationNote,dW as Overlay,aL as PageContent,c4 as Popup,cR as PopupForm,cW as ScrollX,S as ScrollY,ba as SectionTitle,b9 as Segment,c6 as SelectionButton,bY as SkeletonLoader,by as Status,cn as Stepper,dX as TabList,bH as TableContainer,bI as TableTitleWrap,bL as TableWrap,cq as Tag,be as Text,bd as TextArea,b4 as Toggle,cU as ToggleCodeComponent,Z as Tooltip,bO as TraceLoader,aY as UpgradeRequiredWrapper,c5 as VerticalScroll,ct as WarningModal,dY as getLinksFromText,dZ as getStrongsFromText,d_ as renderText}from"./chunks/ui-components-DvThY8Em.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";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"lottie-react";import"virtua";
+export{bs as AutocompleteInput,bM as Badge,bO as Button,bf as CancelWarning,b as CenterThis,aZ as Checkbox,C as Code,bj as ConditionDetails,bk as DataCard,aX as DataCardFieldTypes,cn as DataCardFields,dQ as DataFinger,bQ as DataTab,be as DeleteWarning,cG as DescribeRow,D as Divider,b8 as DocsButton,bd as Drawer,dR as DrawerFooter,dS as DrawerHeader,c7 as Dropdown,dT as ErrorBoundary,ce as ExtendArrow,aM as FadeLoader,a_ as FieldError,aY as FieldLabel,F as FlexColumn,c as FlexRow,dU as Header,b4 as IconButton,cP as IconGroup,bG as IconTitleBadge,bB as IconWrapped,cB as IconsNav,dV as ImageControlled,a$ as Input,b3 as InputList,b0 as InputTable,bJ as InteractiveTable,b2 as KeyValueInputsList,dW as LoadingText,bp as Modal,bq as ModalBody,b9 as MonitorsCheckboxes,bD as MonitorsIcons,bt as NavigationButtons,bK as NoDataFound,br as NotificationNote,dX as Overlay,aG as PageContent,c2 as Popup,cR as PopupForm,cW as ScrollX,bS as ScrollY,b7 as SectionTitle,b6 as Segment,c4 as SelectionButton,bW as SkeletonLoader,bv as Status,cm as Stepper,dY as TabList,bE as TableContainer,bF as TableTitleWrap,bI as TableWrap,cp as Tag,bb as Text,ba as TextArea,b1 as Toggle,cU as ToggleCodeComponent,U as Tooltip,bL as TraceLoader,aU as UpgradeRequiredWrapper,c3 as VerticalScroll,cs as WarningModal,dZ as getLinksFromText,d_ as getStrongsFromText,d$ as renderText}from"./chunks/ui-components-CzlBPbLD.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";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"lottie-react";import"virtua";

package/lib/constants.js

@@ -1 +1 @@
-export{ad as ACTION_ATTRIBUTE_OPTIONS,bl as ACTION_OPTIONS,ae as ACTION_SAMPLER_OPTIONS,aK as BUTTON_TEXTS,a8 as DEFAULT_CLUSTER_ID,a7 as DEFAULT_CLUSTER_NAME,ce as DEFAULT_DATA_STREAM_NAME,aj as DESTINATION_CATEGORIES,a5 as DISPLAY_LANGUAGES,af as DISPLAY_TITLES,y as DOCS_BASE_URL,ai as DestinationCategoryTypes,X as FORM_ALERTS,an as INSTRUMENTATION_RULE_OPTIONS,dC as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,dD as OTEL_DISTRO_NAME_OPTIONS,ca as STORAGE_KEYS,dE as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-DvThY8Em.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";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"lottie-react";import"virtua";
+export{aa as ACTION_ATTRIBUTE_OPTIONS,bi as ACTION_OPTIONS,ab as ACTION_SAMPLER_OPTIONS,aF as BUTTON_TEXTS,a4 as DEFAULT_CLUSTER_ID,a3 as DEFAULT_CLUSTER_NAME,cd as DEFAULT_DATA_STREAM_NAME,ag as DESTINATION_CATEGORIES,a0 as DISPLAY_LANGUAGES,ac as DISPLAY_TITLES,w as DOCS_BASE_URL,G as DestinationCategoryTypes,O as FORM_ALERTS,al as INSTRUMENTATION_RULE_OPTIONS,dD as LANGUAGE_OPTIONS,c8 as MONITORS_OPTIONS,dE as OTEL_DISTRO_NAME_OPTIONS,c9 as STORAGE_KEYS,dF as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-CzlBPbLD.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";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"lottie-react";import"virtua";

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

@@ -5,4 +5,4 @@ export * from './central-connections';
 export * from './onboarding';
 export * from './pipeline-collectors';
 export * from './sampling-rules-list';
-export { RichTitle, type RichTitleProps } from '@/snippets/_v2/rich-title';
+export * from './settings';

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

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+import { type ConfigYaml, type EffectiveConfig, type LocalUiConfigInput } from '@/types';
+export interface SettingsProps {
+    minSupportedVersion?: number;
+    pageHeightOffset?: number;
+    configYamls: ConfigYaml[];
+    configYamlsLoading: boolean;
+    effectiveConfig: EffectiveConfig | null;
+    effectiveConfigLoading: boolean;
+    onSave: (config: LocalUiConfigInput) => Promise<void>;
+    saveLoading: boolean;
+}
+export declare const Settings: FC<SettingsProps>;

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 {};