@odigos/ui-kit 0.0.2

package/lib/types/data-flow/index.d.ts

@@ -0,0 +1,18 @@
+export declare enum NODE_TYPES {
+    HEADER = "header",
+    ADD = "add",
+    BASE = "base",
+    EDGED = "edged",
+    FRAME = "frame",
+    SCROLL = "scroll",
+    SKELETON = "skeleton"
+}
+export declare enum EDGE_TYPES {
+    LABELED = "labeled"
+}
+export declare enum ADD_NODE_TYPES {
+    ADD_RULE = "addRule",
+    ADD_SOURCE = "addSource",
+    ADD_ACTION = "addAction",
+    ADD_DESTINATION = "addDestination"
+}

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

@@ -0,0 +1,98 @@
+interface EntityProperty {
+    name: string;
+    value: string;
+    status?: string | null;
+    explain?: string | null;
+}
+interface ClusterCollectorAnalyze {
+    enabled: EntityProperty;
+    collectorGroup: EntityProperty;
+    deployed?: EntityProperty | null;
+    deployedError?: EntityProperty | null;
+    collectorReady?: EntityProperty | null;
+    deploymentCreated: EntityProperty;
+    expectedReplicas?: EntityProperty | null;
+    healthyReplicas?: EntityProperty | null;
+    failedReplicas?: EntityProperty | null;
+    failedReplicasReason?: EntityProperty | null;
+}
+interface NodeCollectorAnalyze {
+    enabled: EntityProperty;
+    collectorGroup: EntityProperty;
+    deployed?: EntityProperty | null;
+    deployedError?: EntityProperty | null;
+    collectorReady?: EntityProperty | null;
+    daemonSet: EntityProperty;
+    desiredNodes?: EntityProperty | null;
+    currentNodes?: EntityProperty | null;
+    updatedNodes?: EntityProperty | null;
+    availableNodes?: EntityProperty | null;
+}
+export interface DescribeOdigos {
+    odigosVersion: EntityProperty;
+    kubernetesVersion: EntityProperty;
+    tier: EntityProperty;
+    installationMethod: EntityProperty;
+    numberOfDestinations: number;
+    numberOfSources: number;
+    clusterCollector: ClusterCollectorAnalyze;
+    nodeCollector: NodeCollectorAnalyze;
+    isSettled: boolean;
+    hasErrors: boolean;
+}
+interface InstrumentationSourcesAnalyze {
+    instrumented: EntityProperty;
+    workload?: EntityProperty | null;
+    namespace?: EntityProperty | null;
+    instrumentedText?: EntityProperty | null;
+}
+interface ContainerRuntimeInfoAnalyze {
+    containerName: EntityProperty;
+    language: EntityProperty;
+    runtimeVersion: EntityProperty;
+    envVars: EntityProperty[];
+}
+interface RuntimeInfoAnalyze {
+    generation?: EntityProperty;
+    containers: ContainerRuntimeInfoAnalyze[];
+}
+interface ContainerAgentConfigAnalyze {
+    containerName: EntityProperty;
+    agentEnabled: EntityProperty;
+    reason?: EntityProperty | null;
+    message?: EntityProperty | null;
+    otelDistroName?: EntityProperty | null;
+}
+interface OtelAgentsAnalyze {
+    created: EntityProperty;
+    createTime?: EntityProperty | null;
+    containers: ContainerAgentConfigAnalyze[];
+}
+interface InstrumentationInstanceAnalyze {
+    healthy: EntityProperty;
+    message?: EntityProperty | null;
+    identifyingAttributes?: EntityProperty[];
+}
+interface PodContainerAnalyze {
+    containerName: EntityProperty;
+    actualDevices: EntityProperty;
+    instrumentationInstances: InstrumentationInstanceAnalyze[];
+}
+interface PodAnalyze {
+    podName: EntityProperty;
+    nodeName: EntityProperty;
+    phase: EntityProperty;
+    containers: PodContainerAnalyze[];
+}
+export interface DescribeSource {
+    name: EntityProperty;
+    kind: EntityProperty;
+    namespace: EntityProperty;
+    sourceObjects?: InstrumentationSourcesAnalyze | null;
+    runtimeInfo?: RuntimeInfoAnalyze | null;
+    otelAgents?: OtelAgentsAnalyze | null;
+    totalPods: number;
+    podsPhasesCount: string;
+    pods: PodAnalyze[];
+}
+export {};

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

@@ -0,0 +1,80 @@
+import type { Comparison } from '@/functions';
+import type { DropdownProps } from '@/components';
+import { type Condition, FIELD_TYPES } from '../common';
+export interface Destination {
+    id: string;
+    name: string;
+    exportedSignals: {
+        traces: boolean;
+        metrics: boolean;
+        logs: boolean;
+    };
+    fields: string;
+    conditions: Condition[] | null;
+    destinationType: {
+        type: string;
+        displayName: string;
+        imageUrl: string;
+        supportedSignals: {
+            logs: {
+                supported: boolean;
+            };
+            metrics: {
+                supported: boolean;
+            };
+            traces: {
+                supported: boolean;
+            };
+        };
+    };
+}
+type YamlCompareArr = [string, Comparison, string] | ['true' | 'false'];
+export interface DestinationYamlProperties {
+    name: string;
+    componentType: FIELD_TYPES;
+    componentProperties?: string;
+    displayName?: string;
+    secret?: boolean;
+    initialValue?: string;
+    renderCondition?: YamlCompareArr;
+    hideFromReadData?: YamlCompareArr;
+    customReadDataLabels?: {
+        condition: string;
+        title: string;
+        value: string;
+    }[];
+}
+export interface DestinationOption {
+    type: Destination['destinationType']['type'];
+    displayName: Destination['destinationType']['displayName'];
+    imageUrl: Destination['destinationType']['imageUrl'];
+    supportedSignals: Destination['destinationType']['supportedSignals'];
+    testConnectionSupported: boolean;
+    fields: DestinationYamlProperties[];
+}
+export type DestinationCategories = {
+    name: 'managed' | 'self hosted';
+    description: string;
+    items: DestinationOption[];
+}[];
+export interface DestinationFormData {
+    type: Destination['destinationType']['type'];
+    name: Destination['destinationType']['displayName'];
+    exportedSignals: Destination['exportedSignals'];
+    fields: {
+        key: string;
+        value: string;
+    }[];
+}
+export interface DestinationDynamicField {
+    name: DestinationYamlProperties['name'];
+    componentType: DestinationYamlProperties['componentType'];
+    title: DestinationYamlProperties['displayName'];
+    value: DestinationYamlProperties['initialValue'];
+    renderCondition?: DestinationYamlProperties['renderCondition'];
+    type?: string;
+    required?: boolean;
+    placeholder?: string;
+    options?: DropdownProps['options'];
+}
+export {};

package/lib/types/index.d.ts

@@ -0,0 +1,12 @@
+export * from './actions';
+export * from './common';
+export * from './compute-platform';
+export * from './data-flow';
+export * from './describe';
+export * from './destinations';
+export * from './instrumentation-rules';
+export * from './metrics';
+export * from './namespaces';
+export * from './signals';
+export * from './sources';
+export * from './tokens';

package/lib/types/instrumentation-rules/index.d.ts

@@ -0,0 +1,74 @@
+import type { SVG } from '../common';
+import type { WorkloadId } from '../sources';
+export declare enum INSTRUMENTATION_RULE_TYPE {
+    PAYLOAD_COLLECTION = "PayloadCollection",
+    CODE_ATTRIBUTES = "CodeAttributes",
+    UNKNOWN_TYPE = "UnknownType"
+}
+export interface InstrumentationRule {
+    ruleId: string;
+    ruleName: string;
+    type: INSTRUMENTATION_RULE_TYPE;
+    notes: string;
+    disabled: boolean;
+    mutable: boolean;
+    profileName: string;
+    workloads?: WorkloadId[] | null;
+    instrumentationLibraries?: {
+        language: string;
+        library: string;
+    }[] | null;
+    payloadCollection?: PayloadCollection | null;
+    codeAttributes?: CodeAttributes | null;
+}
+interface HttpPayloadCollection {
+    mimeTypes?: string[] | null;
+    maxPayloadLength?: number | null;
+    dropPartialPayloads?: boolean | null;
+}
+interface DbQueryPayloadCollection {
+    maxPayloadLength?: number | null;
+    dropPartialPayloads?: boolean | null;
+}
+interface MessagingPayloadCollection {
+    maxPayloadLength?: number | null;
+    dropPartialPayloads?: boolean | null;
+}
+export declare enum PAYLOAD_COLLECTION_KEY_TYPES {
+    HTTP_REQUEST = "httpRequest",
+    HTTP_RESPONSE = "httpResponse",
+    DB_QUERY = "dbQuery",
+    MESSAGING = "messaging"
+}
+export interface PayloadCollection {
+    [PAYLOAD_COLLECTION_KEY_TYPES.HTTP_REQUEST]?: HttpPayloadCollection | null;
+    [PAYLOAD_COLLECTION_KEY_TYPES.HTTP_RESPONSE]?: HttpPayloadCollection | null;
+    [PAYLOAD_COLLECTION_KEY_TYPES.DB_QUERY]?: DbQueryPayloadCollection | null;
+    [PAYLOAD_COLLECTION_KEY_TYPES.MESSAGING]?: MessagingPayloadCollection | null;
+}
+export declare enum CODE_ATTRIBUTES_KEY_TYPES {
+    COLUMN = "column",
+    FILE_PATH = "filePath",
+    FUNCTION = "function",
+    LINE_NUMBER = "lineNumber",
+    NAMESPACE = "namespace",
+    STACKTRACE = "stacktrace"
+}
+export interface CodeAttributes {
+    [CODE_ATTRIBUTES_KEY_TYPES.COLUMN]?: boolean | null;
+    [CODE_ATTRIBUTES_KEY_TYPES.FILE_PATH]?: boolean | null;
+    [CODE_ATTRIBUTES_KEY_TYPES.FUNCTION]?: boolean | null;
+    [CODE_ATTRIBUTES_KEY_TYPES.LINE_NUMBER]?: boolean | null;
+    [CODE_ATTRIBUTES_KEY_TYPES.NAMESPACE]?: boolean | null;
+    [CODE_ATTRIBUTES_KEY_TYPES.STACKTRACE]?: boolean | null;
+}
+export interface InstrumentationRuleOption {
+    type: INSTRUMENTATION_RULE_TYPE;
+    icon: SVG;
+    label: string;
+    description?: string;
+    docsEndpoint?: string;
+    docsDescription?: string;
+}
+export type InstrumentationRuleFormData = Omit<InstrumentationRule, 'ruleId' | 'type' | 'mutable' | 'profileName'>;
+export {};

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

@@ -0,0 +1,10 @@
+import type { WorkloadId } from '../sources';
+export interface Metric {
+    throughput: number;
+}
+export interface Metrics {
+    sources: (Metric & WorkloadId)[];
+    destinations: (Metric & {
+        id: string;
+    })[];
+}

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

@@ -0,0 +1,6 @@
+import type { Source } from '../sources';
+export interface Namespace {
+    name: string;
+    selected: boolean;
+    sources?: Source[];
+}

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

@@ -0,0 +1,9 @@
+export declare enum SIGNAL_TYPE {
+    LOGS = "logs",
+    METRICS = "metrics",
+    TRACES = "traces"
+}
+export interface MonitorsOption {
+    id: SIGNAL_TYPE;
+    value: string;
+}

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

@@ -0,0 +1,33 @@
+import { type Condition, PROGRAMMING_LANGUAGES } from '../common';
+export declare enum K8S_RESOURCE_KIND {
+    DEPLOYMENT = "Deployment",
+    DAEMON_SET = "DaemonSet",
+    STATEFUL_SET = "StatefulSet"
+}
+export interface WorkloadId {
+    namespace: string;
+    name: string;
+    kind: K8S_RESOURCE_KIND | '';
+}
+export interface Source extends WorkloadId {
+    selected: boolean;
+    otelServiceName: string;
+    numberOfInstances?: number;
+    containers: {
+        containerName: string;
+        language: PROGRAMMING_LANGUAGES;
+        runtimeVersion: string;
+        instrumented: boolean;
+        instrumentationMessage: string;
+        otelDistroName: string | null;
+    }[] | null;
+    conditions: Condition[] | null;
+}
+export interface SourceFormData {
+    otelServiceName: string;
+}
+export type PersistSources = (selectAppsList: {
+    [namespace: string]: Pick<Source, 'name' | 'kind' | 'selected'>[];
+}, futureSelectAppsList: {
+    [namespace: string]: boolean;
+}) => void;

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

@@ -0,0 +1,6 @@
+export interface TokenPayload {
+    token: string;
+    name: string;
+    issuedAt: number;
+    expiresAt: number;
+}

package/package.json

@@ -0,0 +1,127 @@
+{
+  "name": "@odigos/ui-kit",
+  "version": "0.0.2",
+  "author": "Odigos",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/odigos-io/ui-kit.git"
+  },
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "rollup -c --bundleConfigAsCjs"
+  },
+  "release": {
+    "branches": [
+      "main"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "types": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib/index.js"
+    },
+    "./theme": {
+      "types": "./lib/theme/index.d.ts",
+      "import": "./lib/theme/index.js",
+      "require": "./lib/theme/index.js"
+    },
+    "./types": {
+      "types": "./lib/types/index.d.ts",
+      "import": "./lib/types/index.js",
+      "require": "./lib/types/index.js"
+    },
+    "./icons": {
+      "types": "./lib/icons/index.d.ts",
+      "import": "./lib/icons/index.js",
+      "require": "./lib/icons/index.js"
+    },
+    "./components": {
+      "types": "./lib/components/index.d.ts",
+      "import": "./lib/components/index.js",
+      "require": "./lib/components/index.js"
+    },
+    "./containers": {
+      "types": "./lib/containers/index.d.ts",
+      "import": "./lib/containers/index.js",
+      "require": "./lib/containers/index.js"
+    },
+    "./store": {
+      "types": "./lib/store/index.d.ts",
+      "import": "./lib/store/index.js",
+      "require": "./lib/store/index.js"
+    },
+    "./hooks": {
+      "types": "./lib/hooks/index.d.ts",
+      "import": "./lib/hooks/index.js",
+      "require": "./lib/hooks/index.js"
+    },
+    "./functions": {
+      "types": "./lib/functions/index.d.ts",
+      "import": "./lib/functions/index.js",
+      "require": "./lib/functions/index.js"
+    },
+    "./constants": {
+      "types": "./lib/constants/index.d.ts",
+      "import": "./lib/constants/index.js",
+      "require": "./lib/constants/index.js"
+    }
+  },
+  "peerDependencies": {
+    "@xyflow/react": "^12.4.4",
+    "javascript-time-ago": "^2.5.11",
+    "prism-react-renderer": "^2.4.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-lottie": "^1.2.10",
+    "styled-components": "^6.1.15",
+    "zustand": "^5.0.3"
+  },
+  "dependencies": {
+    "@xyflow/react": "^12.4.4",
+    "javascript-time-ago": "^2.5.11",
+    "prism-react-renderer": "^2.4.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-lottie": "^1.2.10",
+    "styled-components": "^6.1.15",
+    "zustand": "^5.0.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-webpack5": "^8.6.4",
+    "@types/node": "^22.13.10",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@types/react-lottie": "^1.2.10",
+    "@typescript-eslint/eslint-plugin": "^8.26.1",
+    "@typescript-eslint/parser": "^8.26.1",
+    "babel-loader": "^10.0.0",
+    "babel-plugin-styled-components": "^2.1.4",
+    "eslint": "^9.22.0",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-storybook": "^0.11.4",
+    "html-webpack-plugin": "^5.6.3",
+    "postcss": "^8.5.3",
+    "rollup": "^4.35.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "storybook": "^8.6.4",
+    "typescript": "^5.8.2"
+  }
+}