react-aiops 0.0.1

package/dist/services/ExchangeService.d.ts

@@ -0,0 +1,54 @@
+import { ServiceProps } from '../components';
+import { ComponentStatus, ConnectionConfig } from '../types';
+import { ServiceDialogMetric, ServiceDialogAlert } from '../components/ServiceDialog';
+/**
+ * Health configuration for a single Exchange service instance.
+ *
+ * Unlike {@link SAPServiceConfig}, there is only one dispatcher at Tier 2
+ * (no separate Message Server).
+ */
+export interface ExchangeServiceConfig {
+    /** Display name (e.g. "Exchange"). */
+    name: string;
+    /** Single dispatcher status. */
+    dispStatus: ComponentStatus;
+    /** Application server 1 status. */
+    srv1Status: ComponentStatus;
+    /** Application server 2 status. */
+    srv2Status: ComponentStatus;
+    /** Application server 3 status. */
+    srv3Status: ComponentStatus;
+    /** Primary database status. */
+    pdbStatus: ComponentStatus;
+    /** Standby database status. */
+    sdbStatus: ComponentStatus;
+    /** Whether primary and standby databases are in sync. */
+    dbSync: boolean;
+}
+/** Derives the overall service status from all component statuses. */
+export declare function computeExchangeServiceStatus(cfg: ExchangeServiceConfig): ComponentStatus;
+/** Derives dialog metrics for an Exchange service. */
+export declare function computeExchangeDialogMetrics(cfg: ExchangeServiceConfig): ServiceDialogMetric[];
+/** Derives dialog alerts for an Exchange service. */
+export declare function computeExchangeDialogAlerts(cfg: ExchangeServiceConfig): ServiceDialogAlert[];
+/** Connection layout for a single-dispatcher Exchange topology. */
+export declare const EXCHANGE_CONNECTIONS: ConnectionConfig[];
+export interface ExchangeServiceOwnProps {
+    /** Exchange service health configuration. */
+    config: ExchangeServiceConfig;
+}
+/**
+ * Full props accepted by ExchangeService.
+ * Own props + any Service props that Carousel may inject internally.
+ */
+export type ExchangeServiceProps = ExchangeServiceOwnProps & Omit<Partial<ServiceProps>, "name" | "status" | "connections" | "children">;
+/**
+ * A complete Exchange single-dispatcher service for the AIOps carousel.
+ *
+ * Wraps the library `<Service>` container with a topology that has one
+ * central dispatcher fanning out to three app servers and two databases.
+ *
+ * Place inside `<AIOPsDashboard>` or `<Carousel>`.
+ */
+export default function ExchangeService({ config, ...serviceProps }: ExchangeServiceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExchangeService.d.ts.map

package/dist/services/ExchangeService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExchangeService.d.ts","sourceRoot":"","sources":["../../src/services/ExchangeService.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAcH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAc3F;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IAClC,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,UAAU,EAAE,eAAe,CAAC;IAC5B,mCAAmC;IACnC,UAAU,EAAE,eAAe,CAAC;IAC5B,mCAAmC;IACnC,UAAU,EAAE,eAAe,CAAC;IAC5B,mCAAmC;IACnC,UAAU,EAAE,eAAe,CAAC;IAC5B,+BAA+B;IAC/B,SAAS,EAAE,eAAe,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,EAAE,eAAe,CAAC;IAC3B,yDAAyD;IACzD,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,sEAAsE;AACtE,wBAAgB,4BAA4B,CAAC,GAAG,EAAE,qBAAqB,GAAG,eAAe,CAaxF;AAED,sDAAsD;AACtD,wBAAgB,4BAA4B,CAAC,GAAG,EAAE,qBAAqB,GAAG,mBAAmB,EAAE,CAuB9F;AAED,qDAAqD;AACrD,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,qBAAqB,GAAG,kBAAkB,EAAE,CAc5F;AAED,mEAAmE;AACnE,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,EAQlD,CAAC;AAgWF,MAAM,WAAW,uBAAuB;IACpC,6CAA6C;IAC7C,MAAM,EAAE,qBAAqB,CAAC;CACjC;AAED;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,uBAAuB,GACtD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,UAAU,CAAC,CAAC;AAEhF;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,EAAE,oBAAoB,2CAWxF"}

package/dist/services/SAPService.d.ts

@@ -0,0 +1,56 @@
+import { ServiceProps } from '../components';
+import { ComponentStatus, ConnectionConfig } from '../types';
+import { ServiceDialogMetric, ServiceDialogAlert } from '../components/ServiceDialog';
+/**
+ * Health configuration for a single SAP service instance.
+ *
+ * Each field maps to a component in the four-tier topology.
+ * Pass this to `<SAPService config={...} />`.
+ */
+export interface SAPServiceConfig {
+    /** Display name (e.g. "SAP HR", "SAP Finance"). */
+    name: string;
+    /** Web dispatcher status. */
+    wdStatus: ComponentStatus;
+    /** Message server status. */
+    msStatus: ComponentStatus;
+    /** Application server 1 status. */
+    srv1Status: ComponentStatus;
+    /** Application server 2 status. */
+    srv2Status: ComponentStatus;
+    /** Application server 3 status. */
+    srv3Status: ComponentStatus;
+    /** Primary database status. */
+    pdbStatus: ComponentStatus;
+    /** Standby database status. */
+    sdbStatus: ComponentStatus;
+    /** Whether primary and standby databases are in sync. */
+    dbSync: boolean;
+}
+/** Derives the overall service status from all component statuses. */
+export declare function computeSAPServiceStatus(cfg: SAPServiceConfig): ComponentStatus;
+/** Derives dialog metrics for a SAP service. */
+export declare function computeSAPDialogMetrics(cfg: SAPServiceConfig): ServiceDialogMetric[];
+/** Derives dialog alerts for a SAP service. */
+export declare function computeSAPDialogAlerts(cfg: SAPServiceConfig): ServiceDialogAlert[];
+/** Standard connection layout for a four-tier SAP service topology. */
+export declare const SAP_CONNECTIONS: ConnectionConfig[];
+export interface SAPServiceOwnProps {
+    /** SAP service health configuration. */
+    config: SAPServiceConfig;
+}
+/**
+ * Full props accepted by SAPService.
+ * Own props + any Service props that Carousel may inject internally.
+ */
+export type SAPServiceProps = SAPServiceOwnProps & Omit<Partial<ServiceProps>, "name" | "status" | "connections" | "children">;
+/**
+ * A complete SAP four-tier service for the AIOps carousel.
+ *
+ * Wraps the library `<Service>` container with the standard SAP
+ * topology nodes, connections, and alert callouts.
+ *
+ * Place inside `<AIOPsDashboard>` or `<Carousel>`.
+ */
+export default function SAPService({ config, ...serviceProps }: SAPServiceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SAPService.d.ts.map

package/dist/services/SAPService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SAPService.d.ts","sourceRoot":"","sources":["../../src/services/SAPService.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAeH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAgB3F;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC7B,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,QAAQ,EAAE,eAAe,CAAC;IAC1B,6BAA6B;IAC7B,QAAQ,EAAE,eAAe,CAAC;IAC1B,mCAAmC;IACnC,UAAU,EAAE,eAAe,CAAC;IAC5B,mCAAmC;IACnC,UAAU,EAAE,eAAe,CAAC;IAC5B,mCAAmC;IACnC,UAAU,EAAE,eAAe,CAAC;IAC5B,+BAA+B;IAC/B,SAAS,EAAE,eAAe,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,EAAE,eAAe,CAAC;IAC3B,yDAAyD;IACzD,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,sEAAsE;AACtE,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,gBAAgB,GAAG,eAAe,CAc9E;AAED,gDAAgD;AAChD,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,gBAAgB,GAAG,mBAAmB,EAAE,CAuBpF;AAED,+CAA+C;AAC/C,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,gBAAgB,GAAG,kBAAkB,EAAE,CAclF;AAED,uEAAuE;AACvE,eAAO,MAAM,eAAe,EAAE,gBAAgB,EAY7C,CAAC;AA8YF,MAAM,WAAW,kBAAkB;IAC/B,wCAAwC;IACxC,MAAM,EAAE,gBAAgB,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC5C,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,UAAU,CAAC,CAAC;AAEhF;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,EAAE,eAAe,2CAW9E"}

package/dist/services/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @module services
+ *
+ * Service implementations for the AIOps Dashboard.
+ *
+ * Each service type (e.g. SAP, Kubernetes, microservices) is a
+ * self-contained component that wraps the library's `<Service>`
+ * container with its own topology, connections, and alert callouts.
+ *
+ * ## Available services
+ *
+ * - {@link SAPService} — Standard four-tier SAP topology
+ *   (Users → Dispatchers → App Servers → Databases)
+ *
+ * ## Creating a new service type
+ *
+ * 1. Create a new file (e.g. `K8sService.tsx`)
+ * 2. Define your config interface and topology nodes
+ * 3. Wrap the library's `<Service>` with your topology
+ * 4. Export from this barrel file
+ *
+ * @example
+ * ```tsx
+ * import { SAPService } from "./services";
+ * import type { SAPServiceConfig } from "./services";
+ * ```
+ */
+export { default as SAPService } from './SAPService';
+export type { SAPServiceProps, SAPServiceOwnProps, SAPServiceConfig } from './SAPService';
+export { computeSAPServiceStatus, computeSAPDialogMetrics, computeSAPDialogAlerts, SAP_CONNECTIONS, } from './SAPService';
+export { default as ExchangeService } from './ExchangeService';
+export type { ExchangeServiceProps, ExchangeServiceOwnProps, ExchangeServiceConfig } from './ExchangeService';
+export { computeExchangeServiceStatus, computeExchangeDialogMetrics, computeExchangeDialogAlerts, EXCHANGE_CONNECTIONS, } from './ExchangeService';
+export { getServerSubComponents, getServerGraphSeries, getDispatcherSubComponents, getDispatcherGraphSeries, getMessageServerSubComponents, getMessageServerGraphSeries, getDatabaseSubComponents, getDatabaseGraphSeries, } from './sapSubComponents';
+//# sourceMappingURL=index.d.ts.map

package/dist/services/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC1F,OAAO,EACH,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,eAAe,GAClB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC9G,OAAO,EACH,4BAA4B,EAC5B,4BAA4B,EAC5B,2BAA2B,EAC3B,oBAAoB,GACvB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACH,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,EAC1B,wBAAwB,EACxB,6BAA6B,EAC7B,2BAA2B,EAC3B,wBAAwB,EACxB,sBAAsB,GACzB,MAAM,oBAAoB,CAAC"}

package/dist/services/sapSubComponents.d.ts

@@ -0,0 +1,28 @@
+import { ComponentStatus, SubComponentConfig, GraphSeries } from '../types';
+export declare function getServerSubComponents(status: ComponentStatus, name: string, context?: {
+    cpuLoad?: number;
+    memLoad?: number;
+}): SubComponentConfig[];
+export declare function getServerGraphSeries(context?: {
+    cpuLoad?: number;
+    memLoad?: number;
+}): GraphSeries[];
+export declare function getDispatcherSubComponents(status: ComponentStatus, _name?: string, _context?: {
+    traffic?: number;
+}): SubComponentConfig[];
+export declare function getDispatcherGraphSeries(context?: {
+    traffic?: number;
+}): GraphSeries[];
+export declare function getMessageServerSubComponents(status: ComponentStatus, _name?: string, _context?: {
+    queueDepth?: number;
+}): SubComponentConfig[];
+export declare function getMessageServerGraphSeries(context?: {
+    queueDepth?: number;
+}): GraphSeries[];
+export declare function getDatabaseSubComponents(status: ComponentStatus, name: string, context?: {
+    capacity?: number;
+}): SubComponentConfig[];
+export declare function getDatabaseGraphSeries(context?: {
+    capacity?: number;
+}): GraphSeries[];
+//# sourceMappingURL=sapSubComponents.d.ts.map

package/dist/services/sapSubComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sapSubComponents.d.ts","sourceRoot":"","sources":["../../src/services/sapSubComponents.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAWH,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAuBjF,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,eAAe,EACvB,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAC/C,kBAAkB,EAAE,CAsBtB;AAED,wBAAgB,oBAAoB,CAAC,OAAO,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,WAAW,EAAE,CAapG;AAMD,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,eAAe,EACvB,KAAK,CAAC,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAC9B,kBAAkB,EAAE,CAoBtB;AAED,wBAAgB,wBAAwB,CAAC,OAAO,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,WAAW,EAAE,CAStF;AAMD,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,eAAe,EACvB,KAAK,CAAC,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,GACjC,kBAAkB,EAAE,CAgBtB;AAED,wBAAgB,2BAA2B,CAAC,OAAO,CAAC,EAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,WAAW,EAAE,CAS5F;AAMD,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,eAAe,EACvB,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAC9B,kBAAkB,EAAE,CAiBtB;AAED,wBAAgB,sBAAsB,CAAC,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,WAAW,EAAE,CASrF"}

package/dist/theme.d.ts

@@ -0,0 +1,76 @@
+import { default as React } from 'react';
+/**
+ * Health states that any monitored infrastructure component can report.
+ *
+ * @example
+ * ```ts
+ * const s: ComponentStatus = "warning";
+ * ```
+ */
+export type ComponentStatus = "online" | "warning" | "critical" | "offline";
+/**
+ * Colour pair used to style a component according to its {@link ComponentStatus}.
+ *
+ * @property color - Hex colour string for borders, text, and LED indicators.
+ * @property glow  - RGBA colour string used for `box-shadow` glow effects.
+ */
+export interface StatusCfg {
+    color: string;
+    glow: string;
+}
+/**
+ * Lookup table mapping every {@link ComponentStatus} to its {@link StatusCfg}.
+ *
+ * @example
+ * ```ts
+ * const cfg = STATUS_CFG["critical"];
+ * // cfg.color → "#ff2255"
+ * // cfg.glow  → "rgba(255,34,85,0.55)"
+ * ```
+ */
+export declare const STATUS_CFG: Record<ComponentStatus, StatusCfg>;
+/** Primary holographic cyan accent colour. */
+export declare const HOLO_CYAN = "#00e5ff";
+/** Secondary holographic blue accent colour. */
+export declare const HOLO_BLUE = "#0055cc";
+/** Dark holographic surface gradient used as the default `background` for 3D faces. */
+export declare const HOLO_SURFACE = "linear-gradient(180deg, #071428 0%, #040c1c 60%, #030810 100%)";
+/** Semi-transparent holographic glass surface for components. */
+export declare const HOLO_GLASS = "linear-gradient(180deg, rgba(10,25,50,0.35) 0%, rgba(5,15,35,0.25) 60%, rgba(3,10,20,0.15) 100%)";
+/** The six faces of a CSS 3D rectangular prism. */
+export type FaceName = "front" | "back" | "left" | "right" | "top" | "bottom";
+/**
+ * Generates absolute-positioned `CSSProperties` for each face of a CSS 3D box.
+ *
+ * The returned styles place each face so that the box is centred at its
+ * transform-origin and can be rotated via `transform-style: preserve-3d`.
+ *
+ * @param W - Width of the box in pixels (front/back face width).
+ * @param H - Height of the box in pixels (front/back face height).
+ * @param D - Depth of the box in pixels (side face width, top/bottom height).
+ * @returns A record keyed by {@link FaceName} with the corresponding `CSSProperties`.
+ *
+ * @example
+ * ```ts
+ * const faces = makeFaceStyles(140, 240, 160);
+ * <div style={faces.front}>…</div>
+ * ```
+ */
+export declare function makeFaceStyles(W: number, H: number, D: number): Record<FaceName, React.CSSProperties>;
+/**
+ * Common props shared by every CSS-3D component (Server, Database, Dispatcher, etc.).
+ *
+ * @property rotateX    - Rotation around the X axis in degrees (tilts top toward viewer).
+ * @property rotateY    - Rotation around the Y axis in degrees.
+ * @property rotateZ    - Rotation around the Z axis in degrees.
+ * @property scale      - Uniform scale multiplier (default `1`).
+ * @property autoRotate - When `true` the component continuously spins on the Y axis.
+ */
+export interface Base3DProps {
+    rotateX?: number;
+    rotateY?: number;
+    rotateZ?: number;
+    scale?: number;
+    autoRotate?: boolean;
+}
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;GAOG;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAE5E;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,eAAe,EAAE,SAAS,CAKzD,CAAC;AAIF,8CAA8C;AAC9C,eAAO,MAAM,SAAS,YAAY,CAAC;AAEnC,gDAAgD;AAChD,eAAO,MAAM,SAAS,YAAY,CAAC;AAEnC,uFAAuF;AACvF,eAAO,MAAM,YAAY,mEAAmE,CAAC;AAE7F,iEAAiE;AACjE,eAAO,MAAM,UAAU,qGAC+E,CAAC;AAIvG,mDAAmD;AACnD,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE9E;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAiDrG;AAID;;;;;;;;GAQG;AACH,MAAM,WAAW,WAAW;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/dist/types.d.ts

@@ -0,0 +1,146 @@
+import { ReactNode } from 'react';
+export type { ComponentStatus, StatusCfg, FaceName, Base3DProps } from './theme';
+/**
+ * Type identifier for infrastructure components that support drill-down inspection.
+ *
+ * - `"server"` – Application server (e.g. APP-01)
+ * - `"dispatcher"` – Web dispatcher / HTTP gateway
+ * - `"messageServer"` – Message / management server
+ * - `"database"` – Database instance (primary or standby)
+ */
+export type ComponentType = "server" | "dispatcher" | "messageServer" | "database";
+/**
+ * Contextual health metrics attached to a component.
+ * Passed when a component is selected for drill-down, and used
+ * to generate internal sub-component statuses and historical graphs.
+ */
+export interface ComponentContext {
+    /** CPU utilisation percentage (0–100). Relevant for servers. */
+    cpuLoad?: number;
+    /** Memory / heap utilisation percentage (0–100). Relevant for servers. */
+    memLoad?: number;
+    /** Network traffic load percentage (0–100). Relevant for dispatchers. */
+    traffic?: number;
+    /** Message queue depth percentage (0–100). Relevant for message servers. */
+    queueDepth?: number;
+    /** Storage capacity utilisation percentage (0–100). Relevant for databases. */
+    capacity?: number;
+}
+/**
+ * Describes a single sub-component rendered inside a drilled-down
+ * infrastructure component (e.g. a CPU inside a Server, a Platter inside
+ * a Database).
+ *
+ * Provide an array of these via `componentInfo.subComponents` on a
+ * {@link ServiceNode} to control what appears in the drill-down view.
+ *
+ * @example
+ * ```tsx
+ * import { CPU3D, Memory3D } from './components';
+ *
+ * const serverInternals: SubComponentConfig[] = [
+ *   { id: "cpu-0", label: "CPU-0", status: "online", element: <CPU3D label="CPU-0" load={67} /> },
+ *   { id: "heap-0", label: "HEAP-0", status: "warning", element: <Memory3D label="HEAP-0" usedPercent={92} status="warning" /> },
+ * ];
+ * ```
+ */
+export interface SubComponentConfig {
+    /** Unique identifier (e.g. `"cpu-0"`, `"platter-1"`). */
+    id: string;
+    /** Human-readable label for the sub-component. */
+    label: string;
+    /** Health status — drives LED indicators and accent colouring. */
+    status: import('./theme').ComponentStatus;
+    /** Optional short description shown on fault conditions. */
+    detail?: string;
+    /** The React element to render inside the drill-down interior. */
+    element: ReactNode;
+}
+/**
+ * Configuration for a single sparkline metric in the historical graph panel.
+ *
+ * Provide an array of these via `componentInfo.graphSeries` on a
+ * {@link ServiceNode} to control what graphs appear in the drill-down view.
+ *
+ * @example
+ * ```ts
+ * const series: GraphSeries[] = [
+ *   { id: "cpu", label: "CPU-0", unit: "%", color: "#00e5ff", data: [45, 52, 67, 71, 68] },
+ *   { id: "mem", label: "HEAP-0", unit: "%", color: "#8855ee", data: [60, 65, 72, 78, 82] },
+ * ];
+ * ```
+ */
+export interface GraphSeries {
+    /** Unique key for the series. */
+    id: string;
+    /** Display name rendered above the sparkline. */
+    label: string;
+    /** Unit suffix shown next to the latest value (e.g. `"%"`, `"kbps"`). */
+    unit: string;
+    /** Hex accent colour for the sparkline stroke and label. */
+    color: string;
+    /** Array of numeric data points (most recent last). */
+    data: number[];
+}
+/**
+ * Describes a component that has been selected for drill-down inspection.
+ * Carries the component's type, identity, health status, position in the
+ * topology, optional contextual metrics, and composable sub-components.
+ */
+export interface SelectedComponent {
+    /** The category of infrastructure component. */
+    type: ComponentType;
+    /** Display name of the component (e.g. "APP-01", "DB-PRI"). */
+    name: string;
+    /** Current health status, drives visual indicators (color, glow, alerts). */
+    status: import('./theme').ComponentStatus;
+    /** X position in the expanded topology layout (pixels). */
+    ex: number;
+    /** Y position in the expanded topology layout (pixels). */
+    ey: number;
+    /** Optional health metrics for the drill-down view. */
+    context?: ComponentContext;
+    /**
+     * Internal sub-components to render inside the drill-down view.
+     * When provided, the drill-down renders these instead of using
+     * hardcoded defaults. Each entry carries its own React element.
+     */
+    subComponents?: SubComponentConfig[];
+    /**
+     * Sparkline graph series to display in the historical panel.
+     * When provided, the panel renders these instead of generating
+     * type-based defaults.
+     */
+    graphSeries?: GraphSeries[];
+}
+/**
+ * Describes a connection line between two nodes in the service topology.
+ * Used by the {@link Service} component to draw animated SVG dashed lines
+ * between components (e.g. dispatcher → server).
+ */
+export interface ConnectionConfig {
+    /** Start coordinates `[x, y]` in the expanded topology layout. */
+    from: [number, number];
+    /** End coordinates `[x, y]` in the expanded topology layout. */
+    to: [number, number];
+    /**
+     * The animation phase at which this connection becomes visible.
+     * The service expansion uses phases 0–6; connections typically appear
+     * during phases 3–5. Defaults to `0` (always visible when expanded).
+     */
+    visibleAtPhase?: number;
+    /** Stroke color. Defaults to `"#00e5ff"`. */
+    color?: string;
+    /** CSS animation duration for the dashed-line movement. Defaults to `"1.2s"`. */
+    duration?: string;
+}
+/**
+ * Represents the current view state of the carousel.
+ *
+ * - `"compact"` – All services visible in the rotating carousel.
+ * - `"expanding"` – A service has been clicked and is animating to full view.
+ * - `"expanded"` – A single service is fully expanded with all tiers visible.
+ * - `"collapsing"` – The expanded service is animating back to the carousel.
+ */
+export type ViewState = "compact" | "collapsing" | "expanding" | "expanded";
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAMjF;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,YAAY,GACZ,eAAe,GACf,UAAU,CAAC;AAMf;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,kBAAkB;IACjC,yDAAyD;IACzD,EAAE,EAAE,MAAM,CAAC;IACX,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,MAAM,EAAE,OAAO,SAAS,EAAE,eAAe,CAAC;IAC1C,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,OAAO,EAAE,SAAS,CAAC;CACpB;AAMD;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAMD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,gDAAgD;IAChD,IAAI,EAAE,aAAa,CAAC;IACpB,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,6EAA6E;IAC7E,MAAM,EAAE,OAAO,SAAS,EAAE,eAAe,CAAC;IAC1C,2DAA2D;IAC3D,EAAE,EAAE,MAAM,CAAC;IACX,2DAA2D;IAC3D,EAAE,EAAE,MAAM,CAAC;IACX,uDAAuD;IACvD,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;CAC7B;AAMD;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvB,gEAAgE;IAChE,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD;;;;;;;GAOG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,CAAC"}

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,51 @@
+{
+    "name": "react-aiops",
+    "version": "0.0.1",
+    "type": "module",
+    "author": "Busaud",
+    "license": "MIT",
+    "description": "AIOps dashboard toolkit for React",
+    "keywords": [
+        "react",
+        "aiops",
+        "dashboard",
+        "toolkit",
+        "busaud"
+    ],
+    "files": [
+        "dist"
+    ],
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
+        }
+    },
+    "sideEffects": false,
+    "scripts": {
+        "dev": "vite",
+        "build:lib": "vite build",
+        "build": "tsc && vite build",
+        "preview": "vite preview",
+        "prepublishOnly": "npm run build:lib"
+    },
+    "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+    },
+    "devDependencies": {
+        "@types/react": "^19.2.14",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^5.1.4",
+        "typescript": "~5.9.3",
+        "vite": "^7.3.1",
+        "vite-plugin-dts": "^4.5.4"
+    },
+    "dependencies": {
+        "react": "^19.2.4",
+        "react-dom": "^19.2.4"
+    }
+}