@principal-ai/principal-view-react 0.7.15 → 0.7.17

package/dist/components/TestEventPanel.js

@@ -1,14 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TestEventPanel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const industry_theme_1 = require("@principal-ade/industry-theme");
-const lucide_react_1 = require("lucide-react");
-const js_yaml_1 = __importDefault(require("js-yaml"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { useTheme } from '@principal-ade/industry-theme';
+import { HelpCircle } from 'lucide-react';
+import yaml from 'js-yaml';
+import { NarrativeRenderer } from './NarrativeRenderer';
+import { convertToOtelEvents } from '../utils/narrative-converter';
 // Helper functions for log severity
 function getSeverityColor(severity) {
     const colors = {
@@ -32,11 +28,16 @@ function getSeverityIcon(severity) {
     };
     return icons[severity] || '•';
 }
-const TestEventPanel = ({ spans, logs = [], currentSpanIndex, currentEventIndex, highlightedPhase, onSpanIndexChange, }) => {
-    const { theme } = (0, industry_theme_1.useTheme)();
-    const [showHelp, setShowHelp] = (0, react_1.useState)(false);
-    const [viewMode, setViewMode] = (0, react_1.useState)('all');
+export const TestEventPanel = ({ spans, logs = [], currentSpanIndex, currentEventIndex, highlightedPhase, onSpanIndexChange, viewMode = 'raw', narrativeTemplate, onViewModeChange, showNarrativeMetadata = false, }) => {
+    const { theme } = useTheme();
+    const [showHelp, setShowHelp] = useState(false);
     const currentSpan = spans[currentSpanIndex];
+    // Convert current span to OtelEvents for narrative rendering
+    const otelEvents = useMemo(() => {
+        if (!currentSpan || viewMode !== 'narrative')
+            return [];
+        return convertToOtelEvents(currentSpan, logs);
+    }, [currentSpan, logs, viewMode]);
     const handlePrevTest = () => {
         if (currentSpanIndex > 0 && onSpanIndexChange) {
             onSpanIndexChange(currentSpanIndex - 1);
@@ -48,7 +49,7 @@ const TestEventPanel = ({ spans, logs = [], currentSpanIndex, currentEventIndex,
         }
     };
     // Build interleaved timeline
-    const timeline = (0, react_1.useMemo)(() => {
+    const timeline = useMemo(() => {
         if (!currentSpan)
             return [];
         const items = [
@@ -73,15 +74,7 @@ const TestEventPanel = ({ spans, logs = [], currentSpanIndex, currentEventIndex,
         ].sort((a, b) => a.time - b.time);
         return items;
     }, [currentSpan, currentEventIndex, logs]);
-    // Filter timeline based on view mode
-    const filteredTimeline = (0, react_1.useMemo)(() => {
-        if (viewMode === 'all')
-            return timeline;
-        return timeline.filter((item) => item.type === viewMode.slice(0, -1)); // 'events' -> 'event', 'logs' -> 'log'
-    }, [timeline, viewMode]);
-    const eventCount = timeline.filter((i) => i.type === 'event').length;
-    const logCount = timeline.filter((i) => i.type === 'log').length;
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+    return (_jsxs("div", { style: {
             width: '100%',
             height: '100%',
             backgroundColor: theme.colors.background,
@@ -91,12 +84,30 @@ const TestEventPanel = ({ spans, logs = [], currentSpanIndex, currentEventIndex,
             boxSizing: 'border-box',
             display: 'flex',
             flexDirection: 'column',
-        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+        }, children: [_jsxs("div", { style: {
                     padding: '20px 20px 0 20px',
                     backgroundColor: theme.colors.background,
                     borderBottom: `1px solid ${theme.colors.border}`,
                     flexShrink: 0,
-                }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 'bold', fontSize: '18px' }, children: "Execution Timeline" }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: '13px', color: theme.colors.textMuted }, children: (0, jsx_runtime_1.jsx)("span", { style: { color: '#4ade80' }, children: "All Passed \u2713" }) }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setShowHelp(true), style: {
+                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '12px' }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("button", { onClick: handlePrevTest, disabled: currentSpanIndex === 0, style: {
+                                            padding: '4px 12px',
+                                            background: theme.colors.surface,
+                                            border: `1px solid ${theme.colors.border}`,
+                                            borderRadius: '4px',
+                                            color: currentSpanIndex === 0 ? theme.colors.textMuted : theme.colors.text,
+                                            cursor: currentSpanIndex === 0 ? 'not-allowed' : 'pointer',
+                                            fontSize: '14px',
+                                            opacity: currentSpanIndex === 0 ? 0.5 : 1,
+                                        }, children: "\u2190 Prev" }), _jsxs("div", { style: { fontSize: '14px', fontWeight: 'bold' }, children: ["Test ", currentSpanIndex + 1, " of ", spans.length] }), _jsx("button", { onClick: handleNextTest, disabled: currentSpanIndex === spans.length - 1, style: {
+                                            padding: '4px 12px',
+                                            background: theme.colors.surface,
+                                            border: `1px solid ${theme.colors.border}`,
+                                            borderRadius: '4px',
+                                            color: currentSpanIndex === spans.length - 1 ? theme.colors.textMuted : theme.colors.text,
+                                            cursor: currentSpanIndex === spans.length - 1 ? 'not-allowed' : 'pointer',
+                                            fontSize: '14px',
+                                            opacity: currentSpanIndex === spans.length - 1 ? 0.5 : 1,
+                                        }, children: "Next \u2192" })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("div", { style: { fontSize: '13px', color: theme.colors.textMuted }, children: _jsx("span", { style: { color: '#4ade80' }, children: "All Passed \u2713" }) }), _jsx("button", { onClick: () => setShowHelp(true), style: {
                                             background: 'transparent',
                                             border: 'none',
                                             cursor: 'pointer',
@@ -108,52 +119,25 @@ const TestEventPanel = ({ spans, logs = [], currentSpanIndex, currentEventIndex,
                                             e.currentTarget.style.color = theme.colors.text;
                                         }, onMouseLeave: (e) => {
                                             e.currentTarget.style.color = theme.colors.textMuted;
-                                        }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.HelpCircle, { size: 20 }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: '12px', marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: handlePrevTest, disabled: currentSpanIndex === 0, style: {
-                                    padding: '4px 12px',
-                                    background: theme.colors.surface,
-                                    border: `1px solid ${theme.colors.border}`,
-                                    borderRadius: '4px',
-                                    color: currentSpanIndex === 0 ? theme.colors.textMuted : theme.colors.text,
-                                    cursor: currentSpanIndex === 0 ? 'not-allowed' : 'pointer',
-                                    fontSize: '14px',
-                                    opacity: currentSpanIndex === 0 ? 0.5 : 1,
-                                }, children: "\u2190 Prev" }), (0, jsx_runtime_1.jsxs)("div", { style: { fontSize: '13px', color: theme.colors.textMuted }, children: ["Test ", currentSpanIndex + 1, " of ", spans.length] }), (0, jsx_runtime_1.jsx)("button", { onClick: handleNextTest, disabled: currentSpanIndex === spans.length - 1, style: {
-                                    padding: '4px 12px',
-                                    background: theme.colors.surface,
-                                    border: `1px solid ${theme.colors.border}`,
-                                    borderRadius: '4px',
-                                    color: currentSpanIndex === spans.length - 1 ? theme.colors.textMuted : theme.colors.text,
-                                    cursor: currentSpanIndex === spans.length - 1 ? 'not-allowed' : 'pointer',
-                                    fontSize: '14px',
-                                    opacity: currentSpanIndex === spans.length - 1 ? 0.5 : 1,
-                                }, children: "Next \u2192" }), (0, jsx_runtime_1.jsxs)("div", { style: { fontSize: '12px', color: theme.colors.textMuted, marginLeft: 'auto' }, children: [eventCount, " events, ", logCount, " logs"] })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px', marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setViewMode('all'), style: {
-                                    padding: '6px 12px',
-                                    background: viewMode === 'all' ? theme.colors.primary : 'transparent',
-                                    border: `1px solid ${theme.colors.border}`,
-                                    borderRadius: '4px',
-                                    color: viewMode === 'all' ? '#ffffff' : theme.colors.text,
-                                    cursor: 'pointer',
-                                    fontSize: '12px',
-                                    fontWeight: 500,
-                                }, children: ["All (", timeline.length, ")"] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => setViewMode('events'), style: {
+                                        }, children: _jsx(HelpCircle, { size: 20 }) })] })] }), narrativeTemplate && onViewModeChange && (_jsxs("div", { style: { display: 'flex', gap: '8px', marginBottom: '12px' }, children: [_jsx("button", { onClick: () => onViewModeChange('raw'), style: {
                                     padding: '6px 12px',
-                                    background: viewMode === 'events' ? theme.colors.primary : 'transparent',
+                                    background: viewMode === 'raw' ? theme.colors.primary : theme.colors.surface,
                                     border: `1px solid ${theme.colors.border}`,
                                     borderRadius: '4px',
-                                    color: viewMode === 'events' ? '#ffffff' : theme.colors.text,
+                                    color: viewMode === 'raw' ? '#ffffff' : theme.colors.text,
                                     cursor: 'pointer',
-                                    fontSize: '12px',
-                                    fontWeight: 500,
-                                }, children: ["Events (", eventCount, ")"] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => setViewMode('logs'), style: {
+                                    fontSize: '13px',
+                                    fontWeight: viewMode === 'raw' ? 'bold' : 'normal',
+                                }, children: "Raw Events" }), _jsx("button", { onClick: () => onViewModeChange('narrative'), style: {
                                     padding: '6px 12px',
-                                    background: viewMode === 'logs' ? theme.colors.primary : 'transparent',
+                                    background: viewMode === 'narrative' ? theme.colors.primary : theme.colors.surface,
                                     border: `1px solid ${theme.colors.border}`,
                                     borderRadius: '4px',
-                                    color: viewMode === 'logs' ? '#ffffff' : theme.colors.text,
+                                    color: viewMode === 'narrative' ? '#ffffff' : theme.colors.text,
                                     cursor: 'pointer',
-                                    fontSize: '12px',
-                                    fontWeight: 500,
-                                }, children: ["Logs (", logCount, ")"] })] }), (0, jsx_runtime_1.jsxs)("div", { style: { fontSize: '13px', color: theme.colors.textMuted, marginBottom: '15px' }, children: ["Test: ", currentSpan?.name || 'Loading...'] })] }), showHelp && ((0, jsx_runtime_1.jsx)("div", { style: {
+                                    fontSize: '13px',
+                                    fontWeight: viewMode === 'narrative' ? 'bold' : 'normal',
+                                }, children: "Narrative" })] })), _jsxs("div", { style: { fontSize: '13px', color: theme.colors.textMuted, marginBottom: '15px' }, children: ["Test: ", currentSpan?.name || 'Loading...'] })] }), showHelp && (_jsx("div", { style: {
                     position: 'fixed',
                     top: 0,
                     left: 0,
@@ -164,14 +148,14 @@ const TestEventPanel = ({ spans, logs = [], currentSpanIndex, currentEventIndex,
                     alignItems: 'center',
                     justifyContent: 'center',
                     zIndex: 9999,
-                }, onClick: () => setShowHelp(false), children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                }, onClick: () => setShowHelp(false), children: _jsxs("div", { style: {
                         backgroundColor: theme.colors.background,
                         color: theme.colors.text,
                         padding: '24px',
                         borderRadius: '8px',
                         maxWidth: '600px',
                         border: `1px solid ${theme.colors.border}`,
-                    }, onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 'bold', fontSize: '18px', marginBottom: '16px' }, children: "How to Read This Panel" }), (0, jsx_runtime_1.jsxs)("div", { style: { fontSize: '14px', marginBottom: '16px', lineHeight: '1.6' }, children: [(0, jsx_runtime_1.jsx)("p", { style: { marginBottom: '12px' }, children: (0, jsx_runtime_1.jsx)("strong", { children: "Timeline shows both events and logs:" }) }), (0, jsx_runtime_1.jsxs)("ul", { style: { marginLeft: '20px', marginBottom: '16px' }, children: [(0, jsx_runtime_1.jsxs)("li", { style: { marginBottom: '8px' }, children: [(0, jsx_runtime_1.jsx)("span", { style: { color: '#f59e0b' }, children: "\uD83D\uDFE7 Events" }), " - Structured lifecycle points"] }), (0, jsx_runtime_1.jsxs)("li", { style: { marginBottom: '8px' }, children: [(0, jsx_runtime_1.jsx)("span", { style: { color: '#4ade80' }, children: "\u25CF Logs" }), " - Standalone log records (color = severity)"] }), (0, jsx_runtime_1.jsx)("li", { style: { marginBottom: '8px' }, children: (0, jsx_runtime_1.jsx)("span", { style: { color: '#60a5fa' }, children: "Blue = Test file" }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("span", { style: { color: '#4ade80' }, children: "Green \u2192 Code under test" }) })] }), (0, jsx_runtime_1.jsx)("p", { style: { marginBottom: '12px' }, children: (0, jsx_runtime_1.jsx)("strong", { children: "Use filter tabs to focus:" }) }), (0, jsx_runtime_1.jsxs)("ul", { style: { marginLeft: '20px' }, children: [(0, jsx_runtime_1.jsx)("li", { children: "All - Interleaved timeline" }), (0, jsx_runtime_1.jsx)("li", { children: "Events - Span events only" }), (0, jsx_runtime_1.jsx)("li", { children: "Logs - OTEL logs only" })] })] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setShowHelp(false), style: {
+                    }, onClick: (e) => e.stopPropagation(), children: [_jsx("div", { style: { fontWeight: 'bold', fontSize: '18px', marginBottom: '16px' }, children: "How to Read This Panel" }), _jsxs("div", { style: { fontSize: '14px', marginBottom: '16px', lineHeight: '1.6' }, children: [_jsx("p", { style: { marginBottom: '12px' }, children: _jsx("strong", { children: "Timeline shows both events and logs:" }) }), _jsxs("ul", { style: { marginLeft: '20px', marginBottom: '16px' }, children: [_jsxs("li", { style: { marginBottom: '8px' }, children: [_jsx("span", { style: { color: '#f59e0b' }, children: "\uD83D\uDFE7 Events" }), " - Structured lifecycle points"] }), _jsxs("li", { style: { marginBottom: '8px' }, children: [_jsx("span", { style: { color: '#4ade80' }, children: "\u25CF Logs" }), " - Standalone log records (color = severity)"] }), _jsx("li", { style: { marginBottom: '8px' }, children: _jsx("span", { style: { color: '#60a5fa' }, children: "Blue = Test file" }) }), _jsx("li", { children: _jsx("span", { style: { color: '#4ade80' }, children: "Green \u2192 Code under test" }) })] })] }), _jsx("button", { onClick: () => setShowHelp(false), style: {
                                 padding: '8px 16px',
                                 backgroundColor: theme.colors.primary,
                                 color: '#ffffff',
@@ -180,102 +164,114 @@ const TestEventPanel = ({ spans, logs = [], currentSpanIndex, currentEventIndex,
                                 cursor: 'pointer',
                                 fontSize: '14px',
                                 fontWeight: 500,
-                            }, children: "Got it" })] }) })), (0, jsx_runtime_1.jsx)("div", { style: {
+                            }, children: "Got it" })] }) })), _jsxs("div", { style: {
                     flex: 1,
                     overflow: 'auto',
-                    padding: '20px',
-                }, children: currentSpan && ((0, jsx_runtime_1.jsx)("div", { children: filteredTimeline.map((item, idx) => {
-                        if (item.type === 'event') {
-                            // SPAN EVENT RENDERING
-                            const filepath = item.attributes?.['code.filepath'];
-                            const lineno = item.attributes?.['code.lineno'];
-                            const isCodeUnderTest = filepath && filepath !== 'GraphConverter.test.ts';
-                            // Determine which phase this event belongs to
-                            const eventPhase = item.name?.split('.')[0]; // 'setup', 'execution', 'assertion'
-                            const isHighlighted = highlightedPhase === eventPhase;
-                            return ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                    marginBottom: '12px',
-                                    paddingBottom: '12px',
-                                    paddingLeft: '12px',
-                                    borderBottom: idx < filteredTimeline.length - 1 ? `1px solid ${theme.colors.border}` : 'none',
-                                    borderLeft: '3px solid #f59e0b',
-                                    opacity: highlightedPhase && !isHighlighted ? 0.4 : 1,
-                                    transition: 'opacity 0.2s ease',
-                                    transform: isHighlighted ? 'scale(1.02)' : 'scale(1)',
-                                    backgroundColor: isHighlighted ? theme.colors.surface : 'transparent',
-                                    padding: isHighlighted ? '8px 8px 8px 12px' : '0 0 12px 12px',
+                    padding: viewMode === 'narrative' ? '0' : '20px',
+                }, children: [viewMode === 'narrative' && narrativeTemplate && currentSpan ? (_jsx(NarrativeRenderer, { template: narrativeTemplate, events: otelEvents, showMetadata: showNarrativeMetadata })) : viewMode === 'narrative' && !narrativeTemplate ? (_jsxs("div", { style: {
+                            padding: '40px 20px',
+                            textAlign: 'center',
+                            color: theme.colors.textMuted,
+                        }, children: [_jsx("div", { style: { fontSize: '16px', marginBottom: '12px' }, children: "\u24D8 No narrative template available" }), _jsxs("div", { style: { fontSize: '14px', lineHeight: '1.6' }, children: ["Create a narrative template to see a human-readable", _jsx("br", {}), "summary of this test execution."] }), _jsx("button", { onClick: () => onViewModeChange?.('raw'), style: {
+                                    marginTop: '20px',
+                                    padding: '8px 16px',
+                                    background: theme.colors.primary,
+                                    color: '#ffffff',
+                                    border: 'none',
                                     borderRadius: '4px',
-                                }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                                            display: 'flex',
-                                            justifyContent: 'space-between',
-                                            alignItems: 'center',
-                                            marginBottom: '4px',
-                                            gap: '8px',
-                                        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { color: '#f59e0b', fontSize: '13px', fontWeight: 'bold', flexShrink: 0 }, children: ["EVENT: ", item.name] }), filepath && ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                                    fontSize: '12px',
-                                                    color: isCodeUnderTest ? '#4ade80' : '#60a5fa',
-                                                    fontFamily: 'monospace',
-                                                    background: isCodeUnderTest ? '#064e3b' : '#1e3a8a',
-                                                    padding: '2px 6px',
-                                                    borderRadius: '3px',
-                                                    flexShrink: 1,
-                                                    minWidth: 0,
-                                                    overflow: 'hidden',
-                                                    textOverflow: 'ellipsis',
-                                                    whiteSpace: 'nowrap',
-                                                }, children: [isCodeUnderTest && '→ ', filepath, ":", lineno] }))] }), (0, jsx_runtime_1.jsx)("pre", { style: {
-                                            background: theme.colors.surface,
-                                            padding: '8px',
-                                            borderRadius: '4px',
-                                            margin: 0,
-                                            fontSize: '13px',
-                                            lineHeight: '1.5',
-                                            overflow: 'auto',
-                                            maxWidth: '100%',
-                                        }, children: js_yaml_1.default.dump(Object.fromEntries(Object.entries(item.attributes || {}).filter(([key]) => key !== 'code.filepath' && key !== 'code.lineno')), { indent: 2, lineWidth: -1 }) })] }, idx));
-                        }
-                        else {
-                            // OTEL LOG RENDERING
-                            const serviceName = item.resource?.['service.name'];
-                            const severityColor = getSeverityColor(item.severity);
-                            return ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                    marginBottom: '12px',
-                                    paddingBottom: '12px',
-                                    paddingLeft: '12px',
-                                    borderBottom: idx < filteredTimeline.length - 1 ? `1px solid ${theme.colors.border}` : 'none',
-                                    borderLeft: `3px solid ${severityColor}`,
-                                }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                                            display: 'flex',
-                                            justifyContent: 'space-between',
-                                            alignItems: 'center',
-                                            marginBottom: '4px',
-                                        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)("span", { style: { fontSize: '16px' }, children: getSeverityIcon(item.severity) }), (0, jsx_runtime_1.jsxs)("span", { style: {
-                                                            color: severityColor,
-                                                            fontSize: '13px',
-                                                            fontWeight: 'bold',
-                                                        }, children: ["LOG: ", item.severity] })] }), serviceName && ((0, jsx_runtime_1.jsx)("div", { style: {
-                                                    fontSize: '12px',
-                                                    color: '#9ca3af',
-                                                    background: '#1e293b',
-                                                    padding: '2px 6px',
-                                                    borderRadius: '3px',
-                                                }, children: serviceName }))] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                            background: theme.colors.surface,
-                                            padding: '8px',
-                                            borderRadius: '4px',
-                                            marginBottom: item.attributes && Object.keys(item.attributes).length > 0 ? '8px' : '0',
-                                            fontSize: '13px',
-                                        }, children: typeof item.body === 'string' ? (item.body) : ((0, jsx_runtime_1.jsx)("pre", { style: { margin: 0, fontSize: '13px', lineHeight: '1.5' }, children: js_yaml_1.default.dump(item.body, { indent: 2, lineWidth: -1 }) })) }), item.attributes && Object.keys(item.attributes).length > 0 && ((0, jsx_runtime_1.jsx)("pre", { style: {
-                                            background: theme.colors.surface,
-                                            padding: '8px',
-                                            borderRadius: '4px',
-                                            margin: 0,
-                                            fontSize: '12px',
-                                            lineHeight: '1.5',
-                                            opacity: 0.8,
-                                        }, children: js_yaml_1.default.dump(item.attributes, { indent: 2, lineWidth: -1 }) }))] }, idx));
-                        }
-                    }) })) })] }));
+                                    cursor: 'pointer',
+                                    fontSize: '14px',
+                                }, children: "View Raw Events" })] })) : null, viewMode === 'raw' && currentSpan && (_jsx("div", { children: timeline.map((item, idx) => {
+                            if (item.type === 'event') {
+                                // SPAN EVENT RENDERING
+                                const filepath = item.attributes?.['code.filepath'];
+                                const lineno = item.attributes?.['code.lineno'];
+                                const isCodeUnderTest = filepath && filepath !== 'GraphConverter.test.ts';
+                                // Determine which phase this event belongs to
+                                const eventPhase = item.name?.split('.')[0]; // 'setup', 'execution', 'assertion'
+                                const isHighlighted = highlightedPhase === eventPhase;
+                                return (_jsxs("div", { style: {
+                                        marginBottom: '12px',
+                                        paddingBottom: '12px',
+                                        paddingLeft: '12px',
+                                        borderBottom: idx < timeline.length - 1 ? `1px solid ${theme.colors.border}` : 'none',
+                                        borderLeft: '3px solid #f59e0b',
+                                        opacity: highlightedPhase && !isHighlighted ? 0.4 : 1,
+                                        transition: 'opacity 0.2s ease',
+                                        transform: isHighlighted ? 'scale(1.02)' : 'scale(1)',
+                                        backgroundColor: isHighlighted ? theme.colors.surface : 'transparent',
+                                        padding: isHighlighted ? '8px 8px 8px 12px' : '0 0 12px 12px',
+                                        borderRadius: '4px',
+                                    }, children: [_jsxs("div", { style: {
+                                                display: 'flex',
+                                                justifyContent: 'space-between',
+                                                alignItems: 'center',
+                                                marginBottom: '4px',
+                                                gap: '8px',
+                                            }, children: [_jsxs("div", { style: { color: '#f59e0b', fontSize: '13px', fontWeight: 'bold', flexShrink: 0 }, children: ["EVENT: ", item.name] }), filepath && (_jsxs("div", { style: {
+                                                        fontSize: '12px',
+                                                        color: isCodeUnderTest ? '#4ade80' : '#60a5fa',
+                                                        fontFamily: 'monospace',
+                                                        background: isCodeUnderTest ? '#064e3b' : '#1e3a8a',
+                                                        padding: '2px 6px',
+                                                        borderRadius: '3px',
+                                                        flexShrink: 1,
+                                                        minWidth: 0,
+                                                        overflow: 'hidden',
+                                                        textOverflow: 'ellipsis',
+                                                        whiteSpace: 'nowrap',
+                                                    }, children: [isCodeUnderTest && '→ ', filepath, ":", lineno] }))] }), _jsx("pre", { style: {
+                                                background: theme.colors.surface,
+                                                padding: '8px',
+                                                borderRadius: '4px',
+                                                margin: 0,
+                                                fontSize: '13px',
+                                                lineHeight: '1.5',
+                                                overflow: 'auto',
+                                                maxWidth: '100%',
+                                            }, children: yaml.dump(Object.fromEntries(Object.entries(item.attributes || {}).filter(([key]) => key !== 'code.filepath' && key !== 'code.lineno')), { indent: 2, lineWidth: -1 }) })] }, idx));
+                            }
+                            else {
+                                // OTEL LOG RENDERING
+                                const serviceName = item.resource?.['service.name'];
+                                const severityColor = getSeverityColor(item.severity);
+                                return (_jsxs("div", { style: {
+                                        marginBottom: '12px',
+                                        paddingBottom: '12px',
+                                        paddingLeft: '12px',
+                                        borderBottom: idx < timeline.length - 1 ? `1px solid ${theme.colors.border}` : 'none',
+                                        borderLeft: `3px solid ${severityColor}`,
+                                    }, children: [_jsxs("div", { style: {
+                                                display: 'flex',
+                                                justifyContent: 'space-between',
+                                                alignItems: 'center',
+                                                marginBottom: '4px',
+                                            }, children: [_jsxs("div", { style: { display: 'flex', gap: '8px', alignItems: 'center' }, children: [_jsx("span", { style: { fontSize: '16px' }, children: getSeverityIcon(item.severity) }), _jsxs("span", { style: {
+                                                                color: severityColor,
+                                                                fontSize: '13px',
+                                                                fontWeight: 'bold',
+                                                            }, children: ["LOG: ", item.severity] })] }), serviceName && (_jsx("div", { style: {
+                                                        fontSize: '12px',
+                                                        color: '#9ca3af',
+                                                        background: '#1e293b',
+                                                        padding: '2px 6px',
+                                                        borderRadius: '3px',
+                                                    }, children: serviceName }))] }), _jsx("div", { style: {
+                                                background: theme.colors.surface,
+                                                padding: '8px',
+                                                borderRadius: '4px',
+                                                marginBottom: item.attributes && Object.keys(item.attributes).length > 0 ? '8px' : '0',
+                                                fontSize: '13px',
+                                            }, children: typeof item.body === 'string' ? (item.body) : (_jsx("pre", { style: { margin: 0, fontSize: '13px', lineHeight: '1.5' }, children: yaml.dump(item.body, { indent: 2, lineWidth: -1 }) })) }), item.attributes && Object.keys(item.attributes).length > 0 && (_jsx("pre", { style: {
+                                                background: theme.colors.surface,
+                                                padding: '8px',
+                                                borderRadius: '4px',
+                                                margin: 0,
+                                                fontSize: '12px',
+                                                lineHeight: '1.5',
+                                                opacity: 0.8,
+                                            }, children: yaml.dump(item.attributes, { indent: 2, lineWidth: -1 }) }))] }, idx));
+                            }
+                        }) }))] })] }));
 };
-exports.TestEventPanel = TestEventPanel;
 //# sourceMappingURL=TestEventPanel.js.map

package/dist/components/TestEventPanel.js.map

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

package/dist/edges/CustomEdge.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { EdgeProps } from '@xyflow/react';
-import type { EdgeTypeDefinition } from '@principal-ai/principal-view-core';
+import type { EdgeTypeDefinition } from '@principal-ai/principal-view-core/browser';
 export interface CustomEdgeData extends Record<string, unknown> {
     typeDefinition: EdgeTypeDefinition;
     hasViolations?: boolean;

package/dist/edges/CustomEdge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomEdge.d.ts","sourceRoot":"","sources":["../../src/edges/CustomEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAE5E,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,cAAc,EAAE,kBAAkB,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,aAAa,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC;IAE9D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AAEH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAuW/C,CAAC"}
+{"version":3,"file":"CustomEdge.d.ts","sourceRoot":"","sources":["../../src/edges/CustomEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAEpF,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,cAAc,EAAE,kBAAkB,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,aAAa,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC;IAE9D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AAEH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAuW/C,CAAC"}

package/dist/edges/CustomEdge.js

@@ -1,21 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomEdge = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@xyflow/react");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { BaseEdge, EdgeLabelRenderer, getBezierPath } from '@xyflow/react';
 /**
  * Custom edge component for xyflow that renders based on EdgeTypeDefinition
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const CustomEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, markerEnd, selected, }) => {
+export const CustomEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, markerEnd, selected, }) => {
     const edgeProps = data;
     const { typeDefinition, hasViolations, data: edgeData, edgeType, animationType, animationDuration = 1000, animationDirection = 'forward', tooltipsEnabled = true, } = edgeProps || {};
-    const [particlePosition, setParticlePosition] = (0, react_1.useState)(0);
-    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
-    const pathRef = (0, react_1.useRef)(null);
+    const [particlePosition, setParticlePosition] = useState(0);
+    const [isHovered, setIsHovered] = useState(false);
+    const pathRef = useRef(null);
     // Particle animation effect
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (animationType !== 'particle')
             return;
         const animate = () => {
@@ -36,7 +33,7 @@ const CustomEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, ta
     const color = hasViolations ? '#D0021B' : edgeColor || typeDefinition.color || '#888';
     const width = typeDefinition.width || 2;
     // Get Bezier path
-    const [edgePath, labelX, labelY] = (0, react_2.getBezierPath)({
+    const [edgePath, labelX, labelY] = getBezierPath({
         sourceX,
         sourceY,
         sourcePosition,
@@ -103,25 +100,25 @@ const CustomEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, ta
         return { x: point.x, y: point.y };
     };
     const particlePos = animationType === 'particle' ? getParticleTransform() : null;
-    return ((0, jsx_runtime_1.jsxs)("g", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), style: { cursor: 'pointer' }, children: [(0, jsx_runtime_1.jsx)("path", { ref: pathRef, d: edgePath, fill: "none", stroke: "transparent", strokeWidth: 0, style: { pointerEvents: 'none' } }), (0, jsx_runtime_1.jsx)("path", { d: edgePath, fill: "none", stroke: "transparent", strokeWidth: Math.max(width + 10, 20), style: { pointerEvents: 'stroke' } }), (0, jsx_runtime_1.jsx)(react_2.BaseEdge, { id: id, path: edgePath, markerEnd: markerEnd, style: {
+    return (_jsxs("g", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), style: { cursor: 'pointer' }, children: [_jsx("path", { ref: pathRef, d: edgePath, fill: "none", stroke: "transparent", strokeWidth: 0, style: { pointerEvents: 'none' } }), _jsx("path", { d: edgePath, fill: "none", stroke: "transparent", strokeWidth: Math.max(width + 10, 20), style: { pointerEvents: 'stroke' } }), _jsx(BaseEdge, { id: id, path: edgePath, markerEnd: markerEnd, style: {
                     stroke: color,
                     strokeWidth: selected ? width + 2 : width,
                     strokeDasharray: getStrokeStyle(),
                     opacity: animationType ? 0.7 : 1,
                     cursor: 'pointer',
-                } }), animationType === 'flow' && ((0, jsx_runtime_1.jsx)("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width, strokeDasharray: "10 5", className: getAnimationClass(), style: {
+                } }), animationType === 'flow' && (_jsx("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width, strokeDasharray: "10 5", className: getAnimationClass(), style: {
                     ...getAnimationDurationStyle(),
                     opacity: 0.8,
-                } })), animationType === 'pulse' && ((0, jsx_runtime_1.jsx)("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width + 2, className: getAnimationClass(), style: {
+                } })), animationType === 'pulse' && (_jsx("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width + 2, className: getAnimationClass(), style: {
                     ...getAnimationDurationStyle(),
-                } })), animationType === 'glow' && ((0, jsx_runtime_1.jsx)("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width + 4, className: getAnimationClass(), style: {
+                } })), animationType === 'glow' && (_jsx("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width + 4, className: getAnimationClass(), style: {
                     ...getAnimationDurationStyle(),
                     filter: 'blur(3px)',
-                } })), animationType === 'particle' && particlePos && ((0, jsx_runtime_1.jsx)("circle", { cx: particlePos.x, cy: particlePos.y, r: width * 1.5, fill: typeDefinition.animation?.color || color, style: {
+                } })), animationType === 'particle' && particlePos && (_jsx("circle", { cx: particlePos.x, cy: particlePos.y, r: width * 1.5, fill: typeDefinition.animation?.color || color, style: {
                     filter: 'drop-shadow(0 0 3px rgba(0,0,0,0.3))',
-                } })), !animationType && typeDefinition.style === 'animated' && ((0, jsx_runtime_1.jsx)("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width, strokeDasharray: "5 5", className: "edge-flow-forward", style: {
+                } })), !animationType && typeDefinition.style === 'animated' && (_jsx("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width, strokeDasharray: "5 5", className: "edge-flow-forward", style: {
                     animationDuration: '500ms',
-                } })), labelText && ((0, jsx_runtime_1.jsx)(react_2.EdgeLabelRenderer, { children: (0, jsx_runtime_1.jsx)("div", { style: {
+                } })), labelText && (_jsx(EdgeLabelRenderer, { children: _jsx("div", { style: {
                         position: 'absolute',
                         transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
                         backgroundColor: 'white',
@@ -131,7 +128,7 @@ const CustomEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, ta
                         fontWeight: 500,
                         border: `1px solid ${color}`,
                         pointerEvents: 'all',
-                    }, className: "nodrag nopan", children: labelText }) })), tooltipsEnabled && isHovered && ((0, jsx_runtime_1.jsx)(react_2.EdgeLabelRenderer, { children: (0, jsx_runtime_1.jsx)("div", { style: {
+                    }, className: "nodrag nopan", children: labelText }) })), tooltipsEnabled && isHovered && (_jsx(EdgeLabelRenderer, { children: _jsx("div", { style: {
                         position: 'absolute',
                         transform: `translate(-50%, -100%) translate(${labelX}px,${labelY - 12}px)`,
                         backgroundColor: 'rgba(0, 0, 0, 0.85)',
@@ -144,7 +141,7 @@ const CustomEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, ta
                         pointerEvents: 'none',
                         zIndex: 1000,
                         boxShadow: '0 2px 8px rgba(0,0,0,0.2)',
-                    }, children: edgeType || 'edge' }) })), (0, jsx_runtime_1.jsx)("style", { children: `
+                    }, children: edgeType || 'edge' }) })), _jsx("style", { children: `
         /* Flow animation - forward direction */
         .edge-flow-forward {
           animation: flow-forward linear infinite;
@@ -212,5 +209,4 @@ const CustomEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, ta
         }
       ` })] }));
 };
-exports.CustomEdge = CustomEdge;
 //# sourceMappingURL=CustomEdge.js.map