@principal-ai/subsystems-react 0.17.0

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

@@ -0,0 +1,53 @@
+/**
+ * OTEL Scope Node
+ *
+ * Renders scope nodes as rounded rectangles 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;AAQrD,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,CA0KtE,CAAC"}

package/dist/nodes/otel/OtelScopeNode.js

@@ -0,0 +1,81 @@
+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';
+export const OtelScopeNode = ({ 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 scopeColor = nodeData.scopeColor;
+    const spanColor = nodeData.spanColor;
+    const nodeDataColor = nodeData.color;
+    // Fill color priority: explicit color > scope color > type definition color > default green
+    const baseFillColor = nodeDataColor || scopeColor || typeDefinition.color || '#22c55e';
+    const fillColor = baseFillColor;
+    // Stroke color priority: explicit stroke > span color (workflow context) > fill color
+    const nodeDataStroke = nodeData.stroke;
+    const strokeColor = nodeDataStroke || spanColor || fillColor;
+    // Display info
+    const displayName = nodeProps.name;
+    const otelData = nodeData.otel;
+    const identifier = otelData?.scope;
+    // 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 '';
+        }
+    };
+    const borderStyle = status === 'draft' ? 'dotted' : status === 'approved' ? 'dashed' : 'solid';
+    const circleStyle = {
+        padding: '8px',
+        backgroundColor: 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: '12px',
+    };
+    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: 40, keepAspectRatio: false, 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: circleStyle, 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=OtelScopeNode.js.map

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

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

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

@@ -0,0 +1,61 @@
+/**
+ * OTEL Span Convention Node
+ *
+ * Renders span convention nodes as hexagons with:
+ * - Span pattern identifier
+ * - Workflow chips showing which workflows use this span
+ * - Status, sources, and references badges
+ */
+import React from 'react';
+import type { NodeProps, Node } from '@xyflow/react';
+import type { WorkflowChip } from './shared/types';
+export interface OtelSpanConventionNodeData 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?: {
+            spanPattern?: string;
+            files?: string[];
+        };
+        /** Workflow chips to display */
+        workflowChips?: WorkflowChip[];
+        /** Callback when workflow chip is clicked */
+        onWorkflowChipClick?: (chipId: string) => void;
+        /** Currently selected workflow ID */
+        selectedWorkflowId?: string;
+    };
+    editable?: boolean;
+    tooltipsEnabled?: boolean;
+    shiftKeyPressed?: boolean;
+    isHighlighted?: boolean;
+    isActive?: boolean;
+    isHidden?: boolean;
+    animationType?: 'pulse' | 'flash' | 'shake' | 'entry' | null;
+    animationDuration?: number;
+}
+export declare const OtelSpanConventionNode: React.FC<NodeProps<Node<OtelSpanConventionNodeData>>>;
+//# sourceMappingURL=OtelSpanConventionNode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OtelSpanConventionNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/OtelSpanConventionNode.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;AAEnD,MAAM,WAAW,0BAA2B,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzE,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,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC;QACF,gCAAgC;QAChC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;QAC/B,6CAA6C;QAC7C,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;QAC/C,qCAAqC;QACrC,kBAAkB,CAAC,EAAE,MAAM,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,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAC3C,SAAS,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAwO5C,CAAC"}

package/dist/nodes/otel/OtelSpanConventionNode.js

@@ -0,0 +1,131 @@
+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';
+export const OtelSpanConventionNode = ({ 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,
+    });
+    // Calculate opacity based on node state
+    const nodeOpacity = isHidden ? 0.4 : isActive ? 1 : 0.1;
+    // Color resolution
+    const scopeColor = nodeData.scopeColor;
+    const spanColor = nodeData.spanColor;
+    const nodeDataColor = nodeData.color;
+    // Fill color priority: explicit color > scope color > type definition color > default purple
+    const baseFillColor = nodeDataColor || scopeColor || typeDefinition.color || '#8b5cf6';
+    const fillColor = baseFillColor;
+    // Stroke color priority: explicit stroke > span color (workflow context) > fill color
+    const nodeDataStroke = nodeData.stroke;
+    const strokeColor = nodeDataStroke || spanColor || fillColor;
+    // Get display info
+    const displayName = nodeProps.name;
+    const otelData = nodeData.otel;
+    const identifier = otelData?.spanPattern;
+    // Extract badge data
+    const status = nodeData.status;
+    const sourceFiles = otelData?.files || nodeData.sources;
+    const references = nodeData.references;
+    const description = nodeData.description;
+    // Icon priority
+    const icon = nodeData.icon ||
+        (state && nodeData.states?.[state]?.icon) ||
+        (state && typeDefinition.states?.[state]?.icon) ||
+        typeDefinition.icon;
+    // State definitions for label lookup
+    const stateDefinitions = nodeData.states || typeDefinition.states;
+    // Workflow chips
+    const workflowChips = nodeData?.workflowChips;
+    const onWorkflowChipClick = nodeData?.onWorkflowChipClick;
+    const selectedWorkflowId = nodeData?.selectedWorkflowId;
+    // Animation class
+    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 '';
+        }
+    };
+    // Hexagon styles
+    const hexagonClipPath = 'polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)';
+    const hexagonBorderWidth = 2;
+    const hexagonBorderStyle = {
+        position: 'relative',
+        clipPath: hexagonClipPath,
+        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 hexagonInnerStyle = {
+        position: 'absolute',
+        top: hexagonBorderWidth,
+        left: hexagonBorderWidth,
+        right: hexagonBorderWidth,
+        bottom: hexagonBorderWidth,
+        clipPath: hexagonClipPath,
+        backgroundColor: 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 20px',
+    };
+    // Handle styles
+    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: "hexagon", status: status, sourceFiles: sourceFiles, references: references, opacity: nodeOpacity }), _jsx("div", { style: hexagonBorderStyle, className: getAnimationClass(), children: _jsx("div", { style: hexagonInnerStyle, children: _jsx(NodeContent, { displayName: displayName, identifier: identifier, icon: icon, state: state, stateDefinitions: stateDefinitions, hasViolations: hasViolations, workflowChips: workflowChips, onWorkflowChipClick: onWorkflowChipClick, selectedWorkflowId: selectedWorkflowId }) }) }), 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=OtelSpanConventionNode.js.map

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

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

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

@@ -0,0 +1,17 @@
+/**
+ * OTEL Node Components
+ *
+ * Specialized node components for different OpenTelemetry concepts.
+ */
+export { OtelSpanConventionNode } from './OtelSpanConventionNode';
+export type { OtelSpanConventionNodeData } from './OtelSpanConventionNode';
+export { OtelEventNode } from './OtelEventNode';
+export type { OtelEventNodeData } from './OtelEventNode';
+export { OtelScopeNode } from './OtelScopeNode';
+export type { OtelScopeNodeData } from './OtelScopeNode';
+export { OtelResourceNode } from './OtelResourceNode';
+export type { OtelResourceNodeData } from './OtelResourceNode';
+export { OtelBoundaryNode } from './OtelBoundaryNode';
+export type { OtelBoundaryNodeData } from './OtelBoundaryNode';
+export * from './shared/types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAG/D,cAAc,gBAAgB,CAAC"}

package/dist/nodes/otel/index.js

@@ -0,0 +1,13 @@
+/**
+ * OTEL Node Components
+ *
+ * Specialized node components for different OpenTelemetry concepts.
+ */
+export { OtelSpanConventionNode } from './OtelSpanConventionNode';
+export { OtelEventNode } from './OtelEventNode';
+export { OtelScopeNode } from './OtelScopeNode';
+export { OtelResourceNode } from './OtelResourceNode';
+export { OtelBoundaryNode } from './OtelBoundaryNode';
+// Re-export shared types
+export * from './shared/types';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nodes/otel/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,yBAAyB;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/nodes/otel/shared/NodeBadges.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Node badges component for status, sources, references, and boundary indicators
+ */
+import React from 'react';
+import type { NodeBadgesProps } from './types';
+/**
+ * Node badges component - renders status, sources, references, and boundary badges
+ */
+export declare const NodeBadges: React.FC<NodeBadgesProps>;
+//# sourceMappingURL=NodeBadges.d.ts.map

package/dist/nodes/otel/shared/NodeBadges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeBadges.d.ts","sourceRoot":"","sources":["../../../../src/nodes/otel/shared/NodeBadges.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAC;AAkQ5E;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2BhD,CAAC"}

package/dist/nodes/otel/shared/NodeBadges.js

@@ -0,0 +1,178 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from '@principal-ade/industry-theme';
+/**
+ * Get badge shape styles based on node shape
+ */
+function getBadgeShapeStyles(shape) {
+    const baseSize = 18;
+    switch (shape) {
+        case 'circle':
+            return {
+                width: baseSize,
+                height: baseSize,
+                borderRadius: '50%',
+            };
+        case 'diamond':
+            return {
+                width: baseSize - 4,
+                height: baseSize - 4,
+                borderRadius: 0,
+                transform: 'rotate(45deg)',
+            };
+        case 'hexagon':
+            return {
+                width: baseSize,
+                height: baseSize,
+                borderRadius: 0,
+                clipPath: 'polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)',
+            };
+        case 'rectangle':
+        default:
+            return {
+                width: baseSize,
+                height: baseSize,
+                borderRadius: 0,
+            };
+    }
+}
+/**
+ * Get badge position based on shape - diamonds need badges at their points, not bounding box corners
+ */
+function getBadgePosition(shape, position) {
+    const isDiamondShape = shape === 'diamond';
+    if (isDiamondShape) {
+        // Diamond points are at the middle of each edge of the bounding box
+        switch (position) {
+            case 'top-left':
+            case 'left':
+                return { top: '50%', left: 0, transform: 'translate(-50%, -50%)' };
+            case 'top-right':
+            case 'right':
+                return { top: '50%', right: 0, transform: 'translate(50%, -50%)' };
+            case 'top':
+                return { top: 0, left: '50%', transform: 'translate(-50%, -50%)' };
+            case 'bottom':
+            case 'bottom-left':
+            case 'bottom-right':
+                return { bottom: 0, left: '50%', transform: 'translate(-50%, 50%)' };
+        }
+    }
+    // Default positioning for rectangles, circles, hexagons (bounding box corners)
+    switch (position) {
+        case 'top-left':
+            return { top: -6, left: -6 };
+        case 'top-right':
+            return { top: -6, right: -6 };
+        case 'bottom-left':
+            return { bottom: -6, left: -6 };
+        case 'bottom-right':
+            return { bottom: -6, right: -6 };
+        case 'left':
+            return { top: -6, left: -6 };
+        case 'right':
+            return { top: -6, right: -6 };
+        case 'top':
+            return { top: -6, left: '50%', transform: 'translateX(-50%)' };
+        case 'bottom':
+            return { bottom: -6, left: '50%', transform: 'translateX(-50%)' };
+    }
+}
+const Badge = ({ shape, position, backgroundColor, label, title, opacity, }) => {
+    const { theme } = useTheme();
+    const shapeStyles = getBadgeShapeStyles(shape);
+    const positionStyles = getBadgePosition(shape, position);
+    return (_jsx("div", { style: {
+            position: 'absolute',
+            ...positionStyles,
+            ...shapeStyles,
+            // Override transform if shape has rotation but we already have a position transform
+            ...(shape === 'diamond'
+                ? { transform: `${positionStyles.transform} rotate(45deg)` }
+                : {}),
+            backgroundColor,
+            color: 'white',
+            fontSize: theme.fontSizes[0],
+            fontWeight: theme.fontWeights.bold,
+            fontFamily: theme.fonts.body,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            boxShadow: '0 1px 3px rgba(0,0,0,0.3)',
+            zIndex: 10,
+            opacity,
+        }, title: title, children: _jsx("span", { style: { transform: shapeStyles.transform ? 'rotate(-45deg)' : undefined }, children: label }) }));
+};
+/**
+ * Status badge component (top-left)
+ */
+const StatusBadge = ({ shape, status, opacity }) => {
+    const statusColors = {
+        draft: '#6b7280',
+        approved: '#3b82f6',
+        implemented: '#10b981', // Green
+    };
+    const statusLabels = {
+        draft: 'D',
+        approved: 'A',
+        implemented: 'I',
+    };
+    const statusTitles = {
+        draft: 'Draft - Design phase',
+        approved: 'Approved - Ready for implementation',
+        implemented: 'Implemented - Code exists',
+    };
+    return (_jsx(Badge, { shape: shape, position: "top-left", backgroundColor: statusColors[status], label: statusLabels[status], title: statusTitles[status], opacity: opacity }));
+};
+/**
+ * Sources badge component (top-right)
+ */
+const SourcesBadge = ({ shape, sourceFiles, opacity }) => {
+    return (_jsx(Badge, { shape: shape, position: "top-right", backgroundColor: "#10b981" // Green
+        , label: "S", title: `Source files: ${sourceFiles.join(', ')}`, opacity: opacity }));
+};
+/**
+ * References badge component (bottom-left)
+ */
+const ReferencesBadge = ({ shape, references, opacity }) => {
+    return (_jsx(Badge, { shape: shape, position: "bottom-left", backgroundColor: "#8b5cf6" // Purple
+        , label: "R", title: `References: ${references.join(', ')}`, opacity: opacity }));
+};
+/**
+ * Boundary badge component (right or left based on direction)
+ */
+const BoundaryBadge = ({ boundary, opacity }) => {
+    const { theme } = useTheme();
+    const direction = boundary.direction || 'outbound';
+    const isOutbound = direction === 'outbound';
+    const directionIcon = isOutbound ? '↗' : '↙';
+    const directionTitle = isOutbound
+        ? 'Outbound boundary (calls external system)'
+        : 'Inbound boundary (called by external system)';
+    const positionStyles = getBadgePosition('rectangle', isOutbound ? 'right' : 'left');
+    return (_jsx("div", { style: {
+            position: 'absolute',
+            ...positionStyles,
+            width: 18,
+            height: 18,
+            borderRadius: '50%',
+            backgroundColor: '#06b6d4',
+            color: 'white',
+            fontSize: 12,
+            fontWeight: theme.fontWeights.bold,
+            fontFamily: theme.fonts.body,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            boxShadow: '0 1px 3px rgba(0,0,0,0.3)',
+            zIndex: 10,
+            opacity,
+        }, title: directionTitle, children: directionIcon }));
+};
+/**
+ * Node badges component - renders status, sources, references, and boundary badges
+ */
+export const NodeBadges = ({ shape, status, sourceFiles, references, boundary, opacity = 1, }) => {
+    const isBoundaryNode = !!boundary;
+    return (_jsxs(_Fragment, { children: [status && _jsx(StatusBadge, { shape: shape, status: status, opacity: opacity }), isBoundaryNode ? (_jsx(BoundaryBadge, { boundary: boundary, opacity: opacity })) : (_jsxs(_Fragment, { children: [sourceFiles && sourceFiles.length > 0 && (_jsx(SourcesBadge, { shape: shape, sourceFiles: sourceFiles, opacity: opacity })), references && references.length > 0 && (_jsx(ReferencesBadge, { shape: shape, references: references, opacity: opacity }))] }))] }));
+};
+//# sourceMappingURL=NodeBadges.js.map

package/dist/nodes/otel/shared/NodeBadges.js.map

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

package/dist/nodes/otel/shared/NodeContent.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Node content component - renders icon, name, identifier, state, violations, and workflow chips
+ */
+import React from 'react';
+import type { NodeContentProps } from './types';
+/**
+ * Node content component - renders the inner content of a node
+ */
+export declare const NodeContent: React.FC<NodeContentProps>;
+//# sourceMappingURL=NodeContent.d.ts.map

package/dist/nodes/otel/shared/NodeContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeContent.d.ts","sourceRoot":"","sources":["../../../../src/nodes/otel/shared/NodeContent.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,SAAS,CAAC;AA0G9D;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuFlD,CAAC"}