react-aiops 0.0.1

package/dist/components/Server3D.d.ts

@@ -0,0 +1,43 @@
+import { ComponentStatus } from '../theme';
+/** Alias for {@link ComponentStatus} scoped to server components. */
+export type ServerStatus = ComponentStatus;
+/**
+ * Props for the {@link Server3D} component.
+ *
+ * @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 - Continuously spin the tower on its Y axis.
+ * @property status     - Current health status governing colour palette.
+ * @property name       - Hostname label rendered on the front face.
+ * @property cpuLoad    - CPU utilisation percentage (0–100).
+ * @property memLoad    - Memory utilisation percentage (0–100).
+ */
+export interface Server3DProps {
+    /** Rotation around X axis in degrees (tilts top toward viewer) */
+    rotateX?: number;
+    /** Rotation around Y axis in degrees */
+    rotateY?: number;
+    /** Rotation around Z axis in degrees */
+    rotateZ?: number;
+    scale?: number;
+    autoRotate?: boolean;
+    status?: ServerStatus;
+    name?: string;
+    cpuLoad?: number;
+    memLoad?: number;
+    /** @internal Injected by FloatWrap — uses opaque face backgrounds. */
+    _compact?: boolean;
+}
+/**
+ * Renders a CSS-3D server tower with status-aware colouring, optional
+ * auto-rotation, and an ambient glow that reflects the current health state.
+ *
+ * @example
+ * ```tsx
+ * <Server3D status="warning" cpuLoad={85} memLoad={72} name="APP-03" />
+ * ```
+ */
+export default function Server3D({ rotateX, rotateY, rotateZ, scale, autoRotate, status, name, cpuLoad, memLoad, _compact, }: Server3DProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Server3D.d.ts.map

package/dist/components/Server3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Server3D.d.ts","sourceRoot":"","sources":["../../src/components/Server3D.tsx"],"names":[],"mappings":"AAOA,OAAO,EAKH,KAAK,eAAe,EAEvB,MAAM,UAAU,CAAC;AASlB,qEAAqE;AACrE,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,aAAa;IAC1B,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AA8pBD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,OAAa,EACb,OAAY,EACZ,OAAW,EACX,KAAS,EACT,UAAkB,EAClB,MAAiB,EACjB,IAAgB,EAChB,OAAY,EACZ,OAAY,EACZ,QAAQ,GACX,EAAE,aAAa,2CA4If"}

package/dist/components/Service.d.ts

@@ -0,0 +1,115 @@
+import { default as React } from 'react';
+import { ComponentStatus } from '../theme';
+import { SelectedComponent, ConnectionConfig, ViewState } from '../types';
+/**
+ * Context value provided by {@link Service} to its children.
+ *
+ * Contains all the layout and interaction state that child components
+ * (like {@link ServiceNode}) need to position and render themselves.
+ */
+export interface ServiceContextValue {
+    /** Service display name. */
+    name: string;
+    /** Whether this service is currently selected (expanded or expanding). */
+    isSelected: boolean;
+    /** Whether nodes should render at their expanded topology positions. */
+    isExpandedPos: boolean;
+    /** Whether the service is in compact carousel mode. */
+    isCompact: boolean;
+    /** Current expansion animation phase (0–6). */
+    animPhase: number;
+    /** X centre of the compact carousel position (px). */
+    compactCx: number;
+    /** Y centre of the compact carousel position (px). */
+    compactCy: number;
+    /** Scale factor based on depth in the compact carousel. */
+    groupScale: number;
+    /** Effective scale for components (groupScale in compact, componentScale in expanded). */
+    effectiveScale: number;
+    /** CSS transition string to use for animations. */
+    transitionValue: string;
+    /** Current Y-axis rotation for 3D components (degrees). */
+    rotateY: number;
+    /** Whether 3D components should auto-rotate. */
+    autoRotateComponents: boolean;
+    /** Handler for component drill-down clicks. */
+    onComponentClick?: (info: SelectedComponent) => void;
+    /** Name of the currently drilled (selected) component, if any. */
+    selectedComponentName?: string | null;
+    /** Horizontal offset applied to expanded positions to center the layout in the container. */
+    expandedOffsetX: number;
+}
+/**
+ * React context for the current service's layout state.
+ * Consumed by {@link ServiceNode}, {@link NodeCallout}, etc.
+ */
+export declare const ServiceContext: React.Context<ServiceContextValue | null>;
+export interface ServiceProps {
+    /** Display name of the service (e.g. "SAP HR"). */
+    name: string;
+    /**
+     * Overall health status of the service. Drives the compact-view
+     * warning badge colour and visibility.
+     *
+     * Typically computed from the statuses of all child components:
+     * - `"critical"` if any component is critical or offline
+     * - `"warning"` if any component has a warning
+     * - `"online"` otherwise
+     */
+    status?: ComponentStatus;
+    /**
+     * SVG connection lines to draw between nodes when the service
+     * is expanded. Each connection defines start/end coordinates and
+     * the animation phase at which it appears.
+     */
+    connections?: ConnectionConfig[];
+    /**
+     * Configuration for the holographic base platform.
+     * Defaults to `{ size: 90, color: "#00e5ff", widthRatio: 3 }`.
+     */
+    baseConfig?: {
+        size?: number;
+        color?: string;
+        widthRatio?: number;
+    };
+    /** Child nodes (ServiceNode, NodeCallout, bare ServiceNode with SyncBridge, etc.). */
+    children: React.ReactNode;
+    /** @internal Carousel item index. */
+    _index?: number;
+    /** @internal Total number of services in the carousel. */
+    _totalSystems?: number;
+    /** @internal Current carousel rotation angle (radians). */
+    _carouselRotation?: number;
+    /** @internal Current view state. */
+    _viewState?: ViewState;
+    /** @internal Current animation phase (0–6). */
+    _animPhase?: number;
+    /** @internal Currently selected system name. */
+    _selectedSystem?: string | null;
+    /** @internal Currently selected component (for drill-zoom). */
+    _selectedComponent?: SelectedComponent | null;
+    /** @internal Y-axis rotation for 3D components. */
+    _rotateY?: number;
+    /** @internal Whether 3D components auto-rotate. */
+    _autoRotateComponents?: boolean;
+    /** @internal Component scale factor. */
+    _componentScale?: number;
+    /** @internal Drill zoom factor. */
+    _drillZoom?: number;
+    /** @internal Handler for selecting a system. */
+    _onSelectSystem?: (name: string) => void;
+    /** @internal Handler for component drill-down clicks. */
+    _onComponentClick?: (info: SelectedComponent) => void;
+    /** @internal Width of the carousel container (for centering). */
+    _containerWidth?: number;
+}
+/**
+ * Service container component.
+ *
+ * Renders the service wrapper (positioning, transitions, drill-zoom),
+ * the compact-view title and warning badge, SVG connection lines,
+ * the holographic base platform, and all child nodes via
+ * {@link ServiceContext}.
+ */
+export default function Service({ name, status, connections, baseConfig, children, _index: carouselIndex, _totalSystems: totalSystems, _carouselRotation: carouselRotation, _viewState: viewState, _animPhase: animPhase, _selectedSystem: selectedSystem, _selectedComponent: selectedComponent, _rotateY: rotateY, _autoRotateComponents: autoRotateComponents, _componentScale: componentScale, _drillZoom: drillZoomProp, _onSelectSystem: onSelectSystem, _onComponentClick: onComponentClick, _containerWidth: containerWidth, }: ServiceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Service.d.ts.map

package/dist/components/Service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Service.d.ts","sourceRoot":"","sources":["../../src/components/Service.tsx"],"names":[],"mappings":"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"}

package/dist/components/ServiceDialog.d.ts

@@ -0,0 +1,33 @@
+import { ComponentStatus } from '../theme';
+export interface ServiceDialogMetric {
+    label: string;
+    value: string;
+    color: string;
+}
+export interface ServiceDialogAlert {
+    level: "info" | "warning" | "critical";
+    message: string;
+}
+export interface ServiceDialogProps {
+    /** Display name of the service (e.g. "SAP HR", "Exchange"). */
+    name: string;
+    /** Overall health status of the service. */
+    status: ComponentStatus;
+    /** Whether primary and standby databases are in sync. */
+    dbSync?: boolean;
+    /** Whether the dialog is visible. Controls opacity and slide-in transform. */
+    visible: boolean;
+    /** Service-level KPI metrics. Falls back to status-derived defaults. */
+    metrics?: ServiceDialogMetric[];
+    /** System alerts. Falls back to status-derived defaults. */
+    alerts?: ServiceDialogAlert[];
+}
+/**
+ * Service statistics panel.
+ *
+ * Positioned absolutely in the top-right of the scene. Renders
+ * KPI metrics and alert summaries. Data can be injected via props
+ * or derived from the service status.
+ */
+export default function ServiceDialog({ name, status, dbSync, visible, metrics, alerts, }: ServiceDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ServiceDialog.d.ts.map

package/dist/components/ServiceDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceDialog.d.ts","sourceRoot":"","sources":["../../src/components/ServiceDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IAC/B,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,MAAM,EAAE,eAAe,CAAC;IACxB,yDAAyD;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,OAAO,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,4DAA4D;IAC5D,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACjC;AAWD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,MAAa,EACb,OAAO,EACP,OAAO,EACP,MAAM,GACT,EAAE,kBAAkB,2CA8JpB"}

package/dist/components/ServiceNode.d.ts

@@ -0,0 +1,67 @@
+import { default as React } from 'react';
+import { SelectedComponent } from '../types';
+export interface ServiceNodeProps {
+    /** X position in the expanded topology layout (pixels from left of scene). */
+    ex: number;
+    /** Y position in the expanded topology layout (pixels from top of scene). */
+    ey: number;
+    /**
+     * Offset from the service's compact center position.
+     * Controls where this node sits within the compact carousel cluster.
+     */
+    compactOffset: {
+        x: number;
+        y: number;
+    };
+    /** CSS z-index for stacking order. Higher tiers should have higher values. */
+    zIndex: number;
+    /** The child 3D component to render. */
+    children: React.ReactNode;
+    /** Primary holographic color for the scan line and labels. */
+    color?: string;
+    /** Upper label text (e.g. "APP-01", "WEB DISP"). */
+    label?: string;
+    /** Lower sub-label text (e.g. "SERVER", "HTTP LAYER"). */
+    subLabel?: string;
+    /** CSS animation-delay for the floating animation. Offsets nodes so they don't bob in unison. */
+    delay?: string;
+    /**
+     * Component identity for the drill-down click handler.
+     * When provided, the node becomes clickable in expanded view and opens
+     * the {@link ComponentDialog} on click.
+     *
+     * `ex` and `ey` are automatically populated from this node's position
+     * if not specified in the object.
+     */
+    componentInfo?: Omit<SelectedComponent, "ex" | "ey"> & {
+        ex?: number;
+        ey?: number;
+    };
+    /**
+     * The expansion animation phase (0–6) at which this node becomes visible.
+     * The node fades in when `animPhase >= visibleAtPhase`. Defaults to `0`
+     * (immediately visible when expanding).
+     */
+    visibleAtPhase?: number;
+    /**
+     * When set, overrides the dynamic compact/expanded scale calculation with
+     * a fixed value. Useful for nodes like `SyncBridge` that should not scale
+     * with the depth-based compact sizing.
+     */
+    fixedScale?: number;
+    /**
+     * When `true`, skips the FloatWrap (floating animation, scan line, labels,
+     * hover effect). The child is rendered directly inside the positioning
+     * container. Use for non-hardware elements like `SyncBridge`.
+     */
+    bare?: boolean;
+}
+/**
+ * Positioned node in a service topology.
+ *
+ * Reads the current {@link ServiceContext} to determine whether to render
+ * at the compact carousel position or the expanded topology position,
+ * which scale to apply, and whether labels should be visible.
+ */
+export default function ServiceNode({ ex, ey, compactOffset, zIndex, children, color, label, subLabel, delay, componentInfo, visibleAtPhase, fixedScale, bare, }: ServiceNodeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ServiceNode.d.ts.map

package/dist/components/ServiceNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceNode.d.ts","sourceRoot":"","sources":["../../src/components/ServiceNode.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,WAAW,gBAAgB;IAC7B,8EAA8E;IAC9E,EAAE,EAAE,MAAM,CAAC;IACX,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAI1B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,IAAI,CAAC,GAAG;QACnD,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAIF;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,EAAE,EACF,EAAE,EACF,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAiB,EACjB,KAAK,EACL,QAAQ,EACR,KAAY,EACZ,aAAa,EACb,cAAkB,EAClB,UAAU,EACV,IAAY,GACf,EAAE,gBAAgB,2CAmFlB"}

package/dist/components/SvgConnection.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @module SvgConnection
+ *
+ * Renders an animated SVG connection line between two points in the service
+ * topology. Used to visualise data-flow connections between infrastructure
+ * nodes (e.g. dispatcher → server, server → database).
+ *
+ * Features a glowing background line, animated dashed cable, and a
+ * traveling particle dot for a data-pulse effect.
+ *
+ * @example
+ * ```tsx
+ * <svg style={{ position: "absolute", width: 660, height: 600, pointerEvents: "none" }}>
+ *   <SvgConnection x1={330} y1={80} x2={220} y2={220} show={true} />
+ *   <SvgConnection x1={220} y1={220} x2={165} y2={350} show={true} color="#ff8c00" />
+ * </svg>
+ * ```
+ */
+export interface SvgConnectionProps {
+    /** X coordinate of the start point. */
+    x1: number;
+    /** Y coordinate of the start point. */
+    y1: number;
+    /** X coordinate of the end point. */
+    x2: number;
+    /** Y coordinate of the end point. */
+    y2: number;
+    /** Whether the connection is visible. When `false`, stroke opacity is 0. */
+    show: boolean;
+    /** Stroke color. Defaults to `"#00e5ff"`. */
+    color?: string;
+    /** CSS animation duration for the dashed-line movement. Defaults to `"1.2s"`. */
+    duration?: string;
+}
+/**
+ * Animated SVG connection line between two topology nodes.
+ *
+ * Must be rendered inside an `<svg>` element. The parent SVG should be
+ * absolutely positioned over the topology scene.
+ */
+export default function SvgConnection({ x1, y1, x2, y2, show, color, dur, }: Omit<SvgConnectionProps, "duration"> & {
+    dur?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SvgConnection.d.ts.map

package/dist/components/SvgConnection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgConnection.d.ts","sourceRoot":"","sources":["../../src/components/SvgConnection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,WAAW,kBAAkB;IAC/B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,4EAA4E;IAC5E,IAAI,EAAE,OAAO,CAAC;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,KAAiB,EACjB,GAAU,GACb,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,2CAyDzD"}

package/dist/components/SyncBridge.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @module SyncBridge
+ *
+ * Displays a compact replication status bridge between two database
+ * instances (primary ↔ standby). Shows directional arrows, a pulsing
+ * sync line, current latency, and a SYNCED / LAG label.
+ *
+ * Place between two `Database3D` nodes within a `ServiceNode` to indicate
+ * database replication health.
+ *
+ * @example
+ * ```tsx
+ * <SyncBridge synced={true} latencyMs={8} />
+ * <SyncBridge synced={false} latencyMs={342} />
+ * ```
+ */
+export interface SyncBridgeProps {
+    /** Whether the databases are in sync. Drives color (green vs orange) and label. */
+    synced: boolean;
+    /** Current replication latency in milliseconds. */
+    latencyMs: number;
+}
+/**
+ * Database replication status bridge.
+ *
+ * Renders a horizontal indicator showing sync state, directional arrows,
+ * and latency. Uses green (#00ff88) when synced and orange (#ff8c00) when
+ * lagging, with a blink animation on the LAG state.
+ */
+export default function SyncBridge({ synced, latencyMs }: SyncBridgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SyncBridge.d.ts.map

package/dist/components/SyncBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyncBridge.d.ts","sourceRoot":"","sources":["../../src/components/SyncBridge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,WAAW,eAAe;IAC9B,mFAAmF;IACnF,MAAM,EAAE,OAAO,CAAC;IAChB,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,eAAe,2CA6BxE"}

package/dist/components/WebDispatcher3D.d.ts

@@ -0,0 +1,40 @@
+import { ComponentStatus } from '../theme';
+/**
+ * Props for the {@link WebDispatcher3D} component.
+ *
+ * @property rotateX      - Rotation around the X axis in degrees.
+ * @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   - Continuously spin the appliance on its Y axis.
+ * @property status       - Current health status governing colour palette.
+ * @property name         - Hostname label rendered on the front face.
+ * @property traffic      - Traffic load percentage (0–100).
+ * @property activeRoutes - Number of active backend routes.
+ */
+export interface WebDispatcher3DProps {
+    rotateX?: number;
+    rotateY?: number;
+    rotateZ?: number;
+    scale?: number;
+    autoRotate?: boolean;
+    status?: ComponentStatus;
+    name?: string;
+    /** Traffic load 0-100 */
+    traffic?: number;
+    /** Number of active backend routes */
+    activeRoutes?: number;
+    /** @internal Injected by FloatWrap — uses opaque face backgrounds. */
+    _compact?: boolean;
+}
+/**
+ * Renders a CSS-3D web dispatcher appliance with eight network port LEDs,
+ * traffic and route metrics, status-aware colouring, and optional auto-rotation.
+ *
+ * @example
+ * ```tsx
+ * <WebDispatcher3D status="online" traffic={78} activeRoutes={12} />
+ * ```
+ */
+export default function WebDispatcher3D({ rotateX, rotateY, rotateZ, scale, autoRotate, status, name, traffic, activeRoutes, _compact, }: WebDispatcher3DProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WebDispatcher3D.d.ts.map

package/dist/components/WebDispatcher3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebDispatcher3D.d.ts","sourceRoot":"","sources":["../../src/components/WebDispatcher3D.tsx"],"names":[],"mappings":"AAOA,OAAO,EAKH,KAAK,eAAe,EAEvB,MAAM,UAAU,CAAC;AASlB;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,oBAAoB;IACjC,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;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AA8bD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACpC,OAAa,EACb,OAAY,EACZ,OAAW,EACX,KAAS,EACT,UAAkB,EAClB,MAAiB,EACjB,IAAoB,EACpB,OAAY,EACZ,YAAiB,EACjB,QAAQ,GACX,EAAE,oBAAoB,2CA0ItB"}

package/dist/components/index.d.ts

@@ -0,0 +1,73 @@
+/**
+ * @module components
+ *
+ * Barrel export for all reusable AIOps Dashboard components.
+ *
+ * ## Architecture
+ *
+ * ```
+ * Carousel                   ← Grand container, positions services on an orbit
+ *   └─ Service               ← Service container (e.g. "SAP HR"), provides context
+ *        ├─ ServiceNode      ← Positioned + floating wrapper for 3D components
+ *        │    ├─ Server3D    ← 3D server tower
+ *        │    ├─ Database3D  ← 3D database cylinder
+ *        │    ├─ WebDispatcher3D
+ *        │    ├─ MessageServer3D
+ *        │    └─ Human3D     ← SVG user-group figure
+ *        ├─ SvgConnection    ← Animated dashed line (rendered by Service via connections prop)
+ *        ├─ SyncBridge       ← Database replication indicator (inside bare ServiceNode)
+ *        ├─ NodeCallout      ← Alert callout for unhealthy nodes
+ *        └─ HoloBase         ← Neon holographic base platform (rendered by Service)
+ *
+ * ServiceDialog              ← Service-level statistics panel
+ * ComponentDialog             ← Component drill-down with internal sub-components
+ *   ├─ HistoricalGraphPanel  ← Sparkline charts
+ *   └─ Internal3DComponents  ← CPU3D, Memory3D, DriveBay3D, etc.
+ * ```
+ *
+ * ## Quick start
+ *
+ * ```tsx
+ * import {
+ *   Carousel,
+ *   Service,
+ *   ServiceNode,
+ *   Server3D,
+ *   Database3D,
+ *   WebDispatcher3D,
+ *   MessageServer3D,
+ *   Human3D,
+ *   SyncBridge,
+ *   NodeCallout,
+ *   ServiceDialog,
+ *   ComponentDialog,
+ * } from './components';
+ * ```
+ */
+export { default as Carousel } from './Carousel';
+export type { CarouselProps } from './Carousel';
+export { default as Service, ServiceContext } from './Service';
+export type { ServiceProps, ServiceContextValue } from './Service';
+export { default as ServiceNode } from './ServiceNode';
+export type { ServiceNodeProps } from './ServiceNode';
+export { default as SvgConnection } from './SvgConnection';
+export type { SvgConnectionProps } from './SvgConnection';
+export { default as SyncBridge } from './SyncBridge';
+export type { SyncBridgeProps } from './SyncBridge';
+export { default as NodeCallout } from './NodeCallout';
+export type { NodeCalloutProps } from './NodeCallout';
+export { default as HoloBase } from './HoloBase';
+export { default as Server3D } from './Server3D';
+export { default as Database3D } from './Database3D';
+export { default as WebDispatcher3D } from './WebDispatcher3D';
+export { default as MessageServer3D } from './MessageServer3D';
+export { default as Human3D } from './Human3D';
+export { default as ServiceDialog } from './ServiceDialog';
+export type { ServiceDialogProps, ServiceDialogMetric, ServiceDialogAlert } from './ServiceDialog';
+export { default as ComponentDialog } from './ComponentDialog';
+export type { ComponentDialogProps } from './ComponentDialog';
+export { default as HistoricalGraphPanel } from './HistoricalGraphPanel';
+export { default as ComponentDrillView } from './ComponentDrillView';
+export type { ComponentDrillViewProps } from './ComponentDrillView';
+export { CPU3D, Memory3D, DriveBay3D, NetworkBlock3D, ThreadPool3D, Platter3D, Port3D, } from './Internal3DComponents';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAGH,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAG/C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEnG,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EACH,KAAK,EACL,QAAQ,EACR,UAAU,EACV,cAAc,EACd,YAAY,EACZ,SAAS,EACT,MAAM,GACT,MAAM,wBAAwB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components';
+export * from './services';
+export * from './types';
+export { STATUS_CFG, HOLO_CYAN, HOLO_BLUE, HOLO_SURFACE, HOLO_GLASS, makeFaceStyles, } from './theme';
+export type { ComponentStatus, StatusCfg, FaceName, Base3DProps } from './theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,OAAO,EACH,UAAU,EACV,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACV,cAAc,GACjB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}