@principal-ai/principal-view-react 0.14.2 → 0.14.4

package/dist/nodes/otel/OtelBoundaryNode.d.ts

@@ -0,0 +1,55 @@
+/**
+ * OTEL Boundary Node
+ *
+ * Renders boundary nodes as rounded rectangles with:
+ * - Direction identifier (inbound/outbound)
+ * - Direction badge (arrow indicating flow)
+ * - Status and references badges
+ */
+import React from 'react';
+import type { NodeProps, Node } from '@xyflow/react';
+import type { BoundaryData } from './shared/types';
+export interface OtelBoundaryNodeData extends Record<string, unknown> {
+    name: string;
+    typeDefinition: {
+        color?: string;
+        icon?: string;
+        states?: Record<string, {
+            color?: string;
+            label?: string;
+            icon?: string;
+        }>;
+    };
+    state?: string;
+    hasViolations?: boolean;
+    data: {
+        color?: string;
+        scopeColor?: string;
+        spanColor?: string;
+        stroke?: string;
+        icon?: string;
+        status?: 'draft' | 'approved' | 'implemented';
+        description?: string;
+        sources?: string[];
+        references?: string[];
+        states?: Record<string, {
+            color?: string;
+            label?: string;
+            icon?: string;
+        }>;
+        boundary?: BoundaryData;
+        otel?: {
+            files?: string[];
+        };
+    };
+    editable?: boolean;
+    tooltipsEnabled?: boolean;
+    shiftKeyPressed?: boolean;
+    isHighlighted?: boolean;
+    isActive?: boolean;
+    isHidden?: boolean;
+    animationType?: 'pulse' | 'flash' | 'shake' | 'entry' | null;
+    animationDuration?: number;
+}
+export declare const OtelBoundaryNode: React.FC<NodeProps<Node<OtelBoundaryNodeData>>>;
+//# sourceMappingURL=OtelBoundaryNode.d.ts.map

package/dist/nodes/otel/OtelBoundaryNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtelBoundaryNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/OtelBoundaryNode.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAcnD,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC5E,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;QAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC3E,QAAQ,CAAC,EAAE,YAAY,CAAC;QACxB,IAAI,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAwK5E,CAAC"}

package/dist/nodes/otel/OtelBoundaryNode.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Handle, Position, NodeResizer } from '@xyflow/react';
+import { useTheme } from '@principal-ade/industry-theme';
+import { NodeTooltip } from '../../components/NodeTooltip';
+import { NodeBadges } from './shared/NodeBadges';
+import { NodeContent } from './shared/NodeContent';
+import { useNodeBehavior } from './shared/useNodeBehavior';
+function hexToLightColor(hexColor, lightness = 0.88) {
+    const hex = hexColor.replace('#', '');
+    const r = parseInt(hex.substring(0, 2), 16);
+    const g = parseInt(hex.substring(2, 4), 16);
+    const b = parseInt(hex.substring(4, 6), 16);
+    const newR = Math.round(r + (255 - r) * lightness);
+    const newG = Math.round(g + (255 - g) * lightness);
+    const newB = Math.round(b + (255 - b) * lightness);
+    const toHex = (n) => n.toString(16).padStart(2, '0');
+    return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;
+}
+export const OtelBoundaryNode = ({ data, selected, dragging, }) => {
+    const { theme } = useTheme();
+    const nodeProps = data;
+    const { typeDefinition, state, hasViolations, data: nodeData, editable = false, tooltipsEnabled = true, shiftKeyPressed = false, isHighlighted = false, isActive = true, isHidden = false, animationType, animationDuration = 1000, } = nodeProps;
+    const { nodeRef, showTooltip, handleMouseDown, handleMouseEnter, handleMouseLeave, handleResizeEnd, } = useNodeBehavior({ editable, tooltipsEnabled, shiftKeyPressed, selected, dragging });
+    const nodeOpacity = isHidden ? 0.4 : isActive ? 1 : 0.1;
+    // Color resolution
+    const spanColor = nodeData.spanColor;
+    const nodeDataColor = nodeData.color;
+    const baseFillColor = spanColor || nodeDataColor || typeDefinition.color || '#06b6d4';
+    const fillColor = baseFillColor;
+    const scopeColor = nodeData.scopeColor;
+    const nodeDataStroke = nodeData.stroke;
+    const strokeColor = nodeDataStroke || scopeColor || fillColor;
+    // Display info
+    const displayName = nodeProps.name;
+    const boundaryData = nodeData.boundary;
+    const identifier = boundaryData?.direction;
+    // Badge data
+    const status = nodeData.status;
+    const sourceFiles = nodeData.otel?.files || nodeData.sources;
+    const references = nodeData.references;
+    const description = nodeData.description;
+    // Icon
+    const icon = nodeData.icon ||
+        (state && nodeData.states?.[state]?.icon) ||
+        typeDefinition.icon;
+    const stateDefinitions = nodeData.states || typeDefinition.states;
+    const getAnimationClass = () => {
+        switch (animationType) {
+            case 'pulse': return 'node-pulse';
+            case 'flash': return 'node-flash';
+            case 'shake': return 'node-shake';
+            case 'entry': return 'node-entry';
+            default: return '';
+        }
+    };
+    const borderStyle = status === 'draft' ? 'dotted' : status === 'approved' ? 'dashed' : 'solid';
+    const boundaryStyle = {
+        padding: '12px 16px',
+        backgroundColor: hexToLightColor(fillColor),
+        color: '#000',
+        border: `2px ${borderStyle} ${hasViolations ? '#D0021B' : strokeColor}`,
+        fontSize: theme.fontSizes[0],
+        fontWeight: theme.fontWeights.medium,
+        fontFamily: theme.fonts.body,
+        width: '100%',
+        height: '100%',
+        minWidth: 20,
+        minHeight: 20,
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '4px',
+        boxShadow: isHighlighted
+            ? '0 0 0 3px #3b82f6, 0 0 20px rgba(59, 130, 246, 0.5)'
+            : selected
+                ? `0 0 0 2px ${strokeColor}`
+                : '0 2px 4px rgba(0,0,0,0.1)',
+        opacity: nodeOpacity,
+        transition: 'box-shadow 0.2s ease, opacity 0.3s ease',
+        animationDuration: animationType ? `${animationDuration}ms` : undefined,
+        boxSizing: 'border-box',
+        borderRadius: '8px', // Rounded corners for boundary nodes
+    };
+    const handleStyle = editable
+        ? { background: fillColor, width: 12, height: 12, border: '2px solid white', boxShadow: '0 0 0 1px ' + fillColor }
+        : { background: fillColor, width: 8, height: 8, opacity: 0, pointerEvents: 'none' };
+    return (_jsxs(_Fragment, { children: [editable && (_jsx(NodeResizer, { color: strokeColor, isVisible: selected, minWidth: 40, minHeight: 30, onResizeEnd: handleResizeEnd, handleStyle: { width: 8, height: 8, borderRadius: 2, zIndex: 20 }, lineStyle: { borderWidth: 1, zIndex: 20 } })), _jsx(Handle, { type: "target", position: Position.Top, id: "top", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Bottom, id: "bottom", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Left, id: "left", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Right, id: "right", style: handleStyle }), _jsxs("div", { ref: nodeRef, style: { position: 'relative', width: '100%', height: '100%' }, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx(NodeBadges, { shape: "rectangle", status: status, sourceFiles: sourceFiles, references: references, boundary: boundaryData, opacity: nodeOpacity }), _jsx("div", { style: boundaryStyle, className: getAnimationClass(), children: _jsx(NodeContent, { displayName: displayName, identifier: identifier, icon: icon, state: state, stateDefinitions: stateDefinitions, hasViolations: hasViolations }) }), tooltipsEnabled && (_jsx(NodeTooltip, { description: description, otel: nodeData.otel, sources: nodeData.sources, references: references, visible: showTooltip, nodeRef: nodeRef }))] }), _jsx(Handle, { type: "source", position: Position.Top, id: "top-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Bottom, id: "bottom-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Left, id: "left-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Right, id: "right-out", style: handleStyle })] }));
+};
+//# sourceMappingURL=OtelBoundaryNode.js.map

package/dist/nodes/otel/OtelBoundaryNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtelBoundaryNode.js","sourceRoot":"","sources":["../../../src/nodes/otel/OtelBoundaryNode.tsx"],"names":[],"mappings":"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"}

package/dist/nodes/otel/OtelEventNode.d.ts

@@ -0,0 +1,59 @@
+/**
+ * OTEL Event Node
+ *
+ * Renders event nodes as rectangles with:
+ * - Event name identifier
+ * - Event attributes schema
+ * - Status, sources, and references badges
+ */
+import React from 'react';
+import type { NodeProps, Node } from '@xyflow/react';
+export interface OtelEventNodeData extends Record<string, unknown> {
+    name: string;
+    typeDefinition: {
+        color?: string;
+        icon?: string;
+        states?: Record<string, {
+            color?: string;
+            label?: string;
+            icon?: string;
+        }>;
+    };
+    state?: string;
+    hasViolations?: boolean;
+    data: {
+        color?: string;
+        scopeColor?: string;
+        spanColor?: string;
+        stroke?: string;
+        icon?: string;
+        status?: 'draft' | 'approved' | 'implemented';
+        description?: string;
+        sources?: string[];
+        references?: string[];
+        states?: Record<string, {
+            color?: string;
+            label?: string;
+            icon?: string;
+        }>;
+        event?: {
+            name?: string;
+            description?: string;
+            attributes?: Record<string, unknown>;
+        };
+        eventRef?: string;
+        otel?: {
+            files?: string[];
+        };
+    };
+    editable?: boolean;
+    tooltipsEnabled?: boolean;
+    shiftKeyPressed?: boolean;
+    isHighlighted?: boolean;
+    isActive?: boolean;
+    isHidden?: boolean;
+    animationType?: 'pulse' | 'flash' | 'shake' | 'entry' | null;
+    animationDuration?: number;
+}
+export declare const OtelEventNode: React.FC<NodeProps<Node<OtelEventNodeData>>>;
+//# sourceMappingURL=OtelEventNode.d.ts.map

package/dist/nodes/otel/OtelEventNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtelEventNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/OtelEventNode.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAoBrD,MAAM,WAAW,iBAAkB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC5E,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;QAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC3E,KAAK,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,MAAM,CAAC;YAAC,WAAW,CAAC,EAAE,MAAM,CAAC;YAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;SAAE,CAAC;QACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAuKtE,CAAC"}

package/dist/nodes/otel/OtelEventNode.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Handle, Position, NodeResizer } from '@xyflow/react';
+import { useTheme } from '@principal-ade/industry-theme';
+import { NodeTooltip } from '../../components/NodeTooltip';
+import { NodeBadges } from './shared/NodeBadges';
+import { NodeContent } from './shared/NodeContent';
+import { useNodeBehavior } from './shared/useNodeBehavior';
+function hexToLightColor(hexColor, lightness = 0.88) {
+    const hex = hexColor.replace('#', '');
+    const r = parseInt(hex.substring(0, 2), 16);
+    const g = parseInt(hex.substring(2, 4), 16);
+    const b = parseInt(hex.substring(4, 6), 16);
+    const newR = Math.round(r + (255 - r) * lightness);
+    const newG = Math.round(g + (255 - g) * lightness);
+    const newB = Math.round(b + (255 - b) * lightness);
+    const toHex = (n) => n.toString(16).padStart(2, '0');
+    return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;
+}
+export const OtelEventNode = ({ data, selected, dragging, }) => {
+    const { theme } = useTheme();
+    const nodeProps = data;
+    const { typeDefinition, state, hasViolations, data: nodeData, editable = false, tooltipsEnabled = true, shiftKeyPressed = false, isHighlighted = false, isActive = true, isHidden = false, animationType, animationDuration = 1000, } = nodeProps;
+    const { nodeRef, showTooltip, handleMouseDown, handleMouseEnter, handleMouseLeave, handleResizeEnd, } = useNodeBehavior({ editable, tooltipsEnabled, shiftKeyPressed, selected, dragging });
+    const nodeOpacity = isHidden ? 0.4 : isActive ? 1 : 0.1;
+    // Color resolution
+    const spanColor = nodeData.spanColor;
+    const nodeDataColor = nodeData.color;
+    const baseFillColor = spanColor || nodeDataColor || typeDefinition.color || '#3b82f6';
+    const fillColor = baseFillColor;
+    const scopeColor = nodeData.scopeColor;
+    const nodeDataStroke = nodeData.stroke;
+    const strokeColor = nodeDataStroke || scopeColor || fillColor;
+    // Display info
+    const displayName = nodeProps.name;
+    const eventData = nodeData.event;
+    const identifier = eventData?.name || nodeData.eventRef;
+    // Badge data
+    const status = nodeData.status;
+    const sourceFiles = nodeData.otel?.files || nodeData.sources;
+    const references = nodeData.references;
+    const description = nodeData.description;
+    // Icon
+    const icon = nodeData.icon ||
+        (state && nodeData.states?.[state]?.icon) ||
+        typeDefinition.icon;
+    const stateDefinitions = nodeData.states || typeDefinition.states;
+    const getAnimationClass = () => {
+        switch (animationType) {
+            case 'pulse': return 'node-pulse';
+            case 'flash': return 'node-flash';
+            case 'shake': return 'node-shake';
+            case 'entry': return 'node-entry';
+            default: return '';
+        }
+    };
+    const borderStyle = status === 'draft' ? 'dotted' : status === 'approved' ? 'dashed' : 'solid';
+    const rectangleStyle = {
+        padding: '12px 16px',
+        backgroundColor: hexToLightColor(fillColor),
+        color: '#000',
+        border: `2px ${borderStyle} ${hasViolations ? '#D0021B' : strokeColor}`,
+        fontSize: theme.fontSizes[0],
+        fontWeight: theme.fontWeights.medium,
+        fontFamily: theme.fonts.body,
+        width: '100%',
+        height: '100%',
+        minWidth: 20,
+        minHeight: 20,
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '4px',
+        boxShadow: isHighlighted
+            ? '0 0 0 3px #3b82f6, 0 0 20px rgba(59, 130, 246, 0.5)'
+            : selected
+                ? `0 0 0 2px ${strokeColor}`
+                : '0 2px 4px rgba(0,0,0,0.1)',
+        opacity: nodeOpacity,
+        transition: 'box-shadow 0.2s ease, opacity 0.3s ease',
+        animationDuration: animationType ? `${animationDuration}ms` : undefined,
+        boxSizing: 'border-box',
+        borderRadius: 0,
+    };
+    const handleStyle = editable
+        ? { background: fillColor, width: 12, height: 12, border: '2px solid white', boxShadow: '0 0 0 1px ' + fillColor }
+        : { background: fillColor, width: 8, height: 8, opacity: 0, pointerEvents: 'none' };
+    return (_jsxs(_Fragment, { children: [editable && (_jsx(NodeResizer, { color: strokeColor, isVisible: selected, minWidth: 40, minHeight: 30, onResizeEnd: handleResizeEnd, handleStyle: { width: 8, height: 8, borderRadius: 2, zIndex: 20 }, lineStyle: { borderWidth: 1, zIndex: 20 } })), _jsx(Handle, { type: "target", position: Position.Top, id: "top", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Bottom, id: "bottom", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Left, id: "left", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Right, id: "right", style: handleStyle }), _jsxs("div", { ref: nodeRef, style: { position: 'relative', width: '100%', height: '100%' }, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx(NodeBadges, { shape: "rectangle", status: status, sourceFiles: sourceFiles, references: references, opacity: nodeOpacity }), _jsx("div", { style: rectangleStyle, className: getAnimationClass(), children: _jsx(NodeContent, { displayName: displayName, identifier: identifier, icon: icon, state: state, stateDefinitions: stateDefinitions, hasViolations: hasViolations }) }), tooltipsEnabled && (_jsx(NodeTooltip, { description: description, otel: nodeData.otel, sources: nodeData.sources, references: references, visible: showTooltip, nodeRef: nodeRef }))] }), _jsx(Handle, { type: "source", position: Position.Top, id: "top-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Bottom, id: "bottom-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Left, id: "left-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Right, id: "right-out", style: handleStyle })] }));
+};
+//# sourceMappingURL=OtelEventNode.js.map

package/dist/nodes/otel/OtelEventNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtelEventNode.js","sourceRoot":"","sources":["../../../src/nodes/otel/OtelEventNode.tsx"],"names":[],"mappings":"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"}

package/dist/nodes/otel/OtelResourceNode.d.ts

@@ -0,0 +1,53 @@
+/**
+ * OTEL Resource Node
+ *
+ * Renders resource nodes as diamonds with:
+ * - Resource match identifier (key: value)
+ * - Status, sources, and references badges
+ */
+import React from 'react';
+import type { NodeProps, Node } from '@xyflow/react';
+export interface OtelResourceNodeData extends Record<string, unknown> {
+    name: string;
+    typeDefinition: {
+        color?: string;
+        icon?: string;
+        states?: Record<string, {
+            color?: string;
+            label?: string;
+            icon?: string;
+        }>;
+    };
+    state?: string;
+    hasViolations?: boolean;
+    data: {
+        color?: string;
+        scopeColor?: string;
+        spanColor?: string;
+        stroke?: string;
+        icon?: string;
+        status?: 'draft' | 'approved' | 'implemented';
+        description?: string;
+        sources?: string[];
+        references?: string[];
+        states?: Record<string, {
+            color?: string;
+            label?: string;
+            icon?: string;
+        }>;
+        otel?: {
+            resourceMatch?: Record<string, string | string[]>;
+            files?: string[];
+        };
+    };
+    editable?: boolean;
+    tooltipsEnabled?: boolean;
+    shiftKeyPressed?: boolean;
+    isHighlighted?: boolean;
+    isActive?: boolean;
+    isHidden?: boolean;
+    animationType?: 'pulse' | 'flash' | 'shake' | 'entry' | null;
+    animationDuration?: number;
+}
+export declare const OtelResourceNode: React.FC<NodeProps<Node<OtelResourceNodeData>>>;
+//# sourceMappingURL=OtelResourceNode.d.ts.map

package/dist/nodes/otel/OtelResourceNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtelResourceNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/OtelResourceNode.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAoBrD,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC5E,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;QAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC3E,IAAI,CAAC,EAAE;YACL,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;YAClD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC;KACH,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAmM5E,CAAC"}

package/dist/nodes/otel/OtelResourceNode.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Handle, Position, NodeResizer } from '@xyflow/react';
+import { useTheme } from '@principal-ade/industry-theme';
+import { NodeTooltip } from '../../components/NodeTooltip';
+import { NodeBadges } from './shared/NodeBadges';
+import { NodeContent } from './shared/NodeContent';
+import { useNodeBehavior } from './shared/useNodeBehavior';
+function hexToLightColor(hexColor, lightness = 0.88) {
+    const hex = hexColor.replace('#', '');
+    const r = parseInt(hex.substring(0, 2), 16);
+    const g = parseInt(hex.substring(2, 4), 16);
+    const b = parseInt(hex.substring(4, 6), 16);
+    const newR = Math.round(r + (255 - r) * lightness);
+    const newG = Math.round(g + (255 - g) * lightness);
+    const newB = Math.round(b + (255 - b) * lightness);
+    const toHex = (n) => n.toString(16).padStart(2, '0');
+    return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;
+}
+export const OtelResourceNode = ({ data, selected, dragging, }) => {
+    const { theme } = useTheme();
+    const nodeProps = data;
+    const { typeDefinition, state, hasViolations, data: nodeData, editable = false, tooltipsEnabled = true, shiftKeyPressed = false, isHighlighted = false, isActive = true, isHidden = false, animationType, animationDuration: _animationDuration = 1000, } = nodeProps;
+    const { nodeRef, showTooltip, handleMouseDown, handleMouseEnter, handleMouseLeave, handleResizeEnd, } = useNodeBehavior({ editable, tooltipsEnabled, shiftKeyPressed, selected, dragging });
+    const nodeOpacity = isHidden ? 0.4 : isActive ? 1 : 0.1;
+    // Color resolution
+    const spanColor = nodeData.spanColor;
+    const nodeDataColor = nodeData.color;
+    const baseFillColor = spanColor || nodeDataColor || typeDefinition.color || '#f97316';
+    const fillColor = baseFillColor;
+    const scopeColor = nodeData.scopeColor;
+    const nodeDataStroke = nodeData.stroke;
+    const strokeColor = nodeDataStroke || scopeColor || fillColor;
+    // Display info
+    const displayName = nodeProps.name;
+    const otelData = nodeData.otel;
+    // Get identifier from resourceMatch
+    let identifier;
+    if (otelData?.resourceMatch) {
+        const entries = Object.entries(otelData.resourceMatch);
+        if (entries.length > 0) {
+            const [key, value] = entries[0];
+            identifier = `${key}: ${Array.isArray(value) ? value[0] : value}`;
+        }
+    }
+    // Badge data
+    const status = nodeData.status;
+    const sourceFiles = otelData?.files || nodeData.sources;
+    const references = nodeData.references;
+    const description = nodeData.description;
+    // Icon
+    const icon = nodeData.icon ||
+        (state && nodeData.states?.[state]?.icon) ||
+        typeDefinition.icon;
+    const stateDefinitions = nodeData.states || typeDefinition.states;
+    const getAnimationClass = () => {
+        switch (animationType) {
+            case 'pulse': return 'node-pulse';
+            case 'flash': return 'node-flash';
+            case 'shake': return 'node-shake';
+            case 'entry': return 'node-entry';
+            default: return '';
+        }
+    };
+    // Diamond styles
+    const diamondClipPath = 'polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)';
+    const diamondBorderWidth = 2;
+    const diamondBorderStyle = {
+        position: 'relative',
+        clipPath: diamondClipPath,
+        backgroundColor: hasViolations ? '#D0021B' : strokeColor,
+        width: '100%',
+        height: '100%',
+        minWidth: 20,
+        minHeight: 20,
+        boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+        opacity: nodeOpacity,
+        transition: 'opacity 0.3s ease',
+        boxSizing: 'border-box',
+    };
+    const diamondInnerStyle = {
+        position: 'absolute',
+        top: diamondBorderWidth,
+        left: diamondBorderWidth,
+        right: diamondBorderWidth,
+        bottom: diamondBorderWidth,
+        clipPath: diamondClipPath,
+        backgroundColor: hexToLightColor(fillColor),
+        color: '#000',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: theme.fontSizes[0],
+        fontWeight: theme.fontWeights.medium,
+        fontFamily: theme.fonts.body,
+        gap: '4px',
+        padding: '8px 16px',
+    };
+    const handleStyle = editable
+        ? { background: fillColor, width: 12, height: 12, border: '2px solid white', boxShadow: '0 0 0 1px ' + fillColor, zIndex: 10 }
+        : { background: fillColor, width: 8, height: 8, opacity: 0, pointerEvents: 'none', zIndex: 10 };
+    return (_jsxs(_Fragment, { children: [editable && (_jsx(NodeResizer, { color: strokeColor, isVisible: selected, minWidth: 40, minHeight: 30, onResizeEnd: handleResizeEnd, handleStyle: { width: 8, height: 8, borderRadius: 2, zIndex: 20 }, lineStyle: { borderWidth: 1, zIndex: 20 } })), _jsx(Handle, { type: "target", position: Position.Top, id: "top", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Bottom, id: "bottom", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Left, id: "left", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Right, id: "right", style: handleStyle }), _jsxs("div", { ref: nodeRef, style: {
+                    position: 'relative',
+                    width: '100%',
+                    height: '100%',
+                    boxShadow: isHighlighted
+                        ? '0 0 0 3px #3b82f6, 0 0 20px rgba(59, 130, 246, 0.5)'
+                        : selected
+                            ? `0 0 0 2px ${strokeColor}`
+                            : 'none',
+                    transition: 'box-shadow 0.2s ease',
+                }, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx(NodeBadges, { shape: "diamond", status: status, sourceFiles: sourceFiles, references: references, opacity: nodeOpacity }), _jsx("div", { style: diamondBorderStyle, className: getAnimationClass(), children: _jsx("div", { style: diamondInnerStyle, children: _jsx(NodeContent, { displayName: displayName, identifier: identifier, icon: icon, state: state, stateDefinitions: stateDefinitions, hasViolations: hasViolations }) }) }), tooltipsEnabled && (_jsx(NodeTooltip, { description: description, otel: nodeData.otel, sources: nodeData.sources, references: references, visible: showTooltip, nodeRef: nodeRef }))] }), _jsx(Handle, { type: "source", position: Position.Top, id: "top-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Bottom, id: "bottom-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Left, id: "left-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Right, id: "right-out", style: handleStyle })] }));
+};
+//# sourceMappingURL=OtelResourceNode.js.map

package/dist/nodes/otel/OtelResourceNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtelResourceNode.js","sourceRoot":"","sources":["../../../src/nodes/otel/OtelResourceNode.tsx"],"names":[],"mappings":"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"}

package/dist/nodes/otel/OtelScopeNode.d.ts

@@ -0,0 +1,53 @@
+/**
+ * OTEL Scope Node
+ *
+ * Renders scope nodes as circles with:
+ * - Scope name identifier
+ * - Status, sources, and references badges
+ */
+import React from 'react';
+import type { NodeProps, Node } from '@xyflow/react';
+export interface OtelScopeNodeData extends Record<string, unknown> {
+    name: string;
+    typeDefinition: {
+        color?: string;
+        icon?: string;
+        states?: Record<string, {
+            color?: string;
+            label?: string;
+            icon?: string;
+        }>;
+    };
+    state?: string;
+    hasViolations?: boolean;
+    data: {
+        color?: string;
+        scopeColor?: string;
+        spanColor?: string;
+        stroke?: string;
+        icon?: string;
+        status?: 'draft' | 'approved' | 'implemented';
+        description?: string;
+        sources?: string[];
+        references?: string[];
+        states?: Record<string, {
+            color?: string;
+            label?: string;
+            icon?: string;
+        }>;
+        otel?: {
+            scope?: string;
+            files?: string[];
+        };
+    };
+    editable?: boolean;
+    tooltipsEnabled?: boolean;
+    shiftKeyPressed?: boolean;
+    isHighlighted?: boolean;
+    isActive?: boolean;
+    isHidden?: boolean;
+    animationType?: 'pulse' | 'flash' | 'shake' | 'entry' | null;
+    animationDuration?: number;
+}
+export declare const OtelScopeNode: React.FC<NodeProps<Node<OtelScopeNodeData>>>;
+//# sourceMappingURL=OtelScopeNode.d.ts.map

package/dist/nodes/otel/OtelScopeNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtelScopeNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/OtelScopeNode.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAoBrD,MAAM,WAAW,iBAAkB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC5E,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;QAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC3E,IAAI,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;KAC7C,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAwKtE,CAAC"}