@workflow/web-shared 4.0.1-beta.5

package/dist/workflow-trace-view.jsx

@@ -0,0 +1,129 @@
+import { Loader2 } from 'lucide-react';
+import { useEffect, useMemo, useState } from 'react';
+import { toast } from 'sonner';
+import { WorkflowDetailPanel } from './sidebar/workflow-detail-panel';
+import { TraceViewerContextProvider, TraceViewerTimeline, } from './trace-viewer';
+import { getCustomSpanClassName, getCustomSpanEventClassName, } from './workflow-traces/trace-colors';
+import { hookToSpan, runToSpan, stepToSpan, WORKFLOW_LIBRARY, waitToSpan, } from './workflow-traces/trace-span-construction';
+import { otelTimeToMs } from './workflow-traces/trace-time-utils';
+const RE_RENDER_INTERVAL_MS = 2000;
+export const WorkflowTraceViewer = ({ run, steps, hooks, events, env, isLoading, error, }) => {
+    const [now, setNow] = useState(() => new Date());
+    useEffect(() => {
+        if (!run?.completedAt) {
+            const interval = setInterval(() => {
+                setNow(new Date());
+            }, RE_RENDER_INTERVAL_MS);
+            return () => clearInterval(interval);
+        }
+        return undefined;
+    }, [run?.completedAt]);
+    const trace = useMemo(() => {
+        if (!run) {
+            return undefined;
+        }
+        // Group events by their correlation ID to associate with steps/hooks
+        const eventsByStepId = new Map();
+        const eventsByHookId = new Map();
+        const runLevelEvents = [];
+        const timerEvents = new Map();
+        for (const event of events) {
+            if (event.eventType === 'wait_created' ||
+                event.eventType === 'wait_completed') {
+                const existing = timerEvents.get(event.correlationId) || [];
+                existing.push(event);
+                timerEvents.set(event.correlationId, existing);
+                continue;
+            }
+            // Try to associate event with a step or hook via correlationId
+            // For now, all other events are collected at run level
+            const correlationId = event.correlationId;
+            if (correlationId) {
+                // Check if correlation ID matches a step or hook
+                const matchingStep = steps.find((s) => s.stepId === correlationId);
+                const matchingHook = hooks.find((h) => h.hookId === correlationId);
+                if (matchingStep) {
+                    const existing = eventsByStepId.get(correlationId) || [];
+                    existing.push(event);
+                    eventsByStepId.set(correlationId, existing);
+                }
+                else if (matchingHook) {
+                    const existing = eventsByHookId.get(correlationId) || [];
+                    existing.push(event);
+                    eventsByHookId.set(correlationId, existing);
+                }
+                else {
+                    runLevelEvents.push(event);
+                }
+            }
+            else {
+                runLevelEvents.push(event);
+            }
+        }
+        // Chain steps together so each one appears on its own row
+        // First step is child of root, each subsequent step is child of previous
+        const stepSpans = steps.map((step) => {
+            const stepEvents = eventsByStepId.get(step.stepId) || [];
+            return stepToSpan(step, stepEvents, now);
+        });
+        const hookSpans = hooks.map((hook) => {
+            const hookEvents = eventsByHookId.get(hook.hookId) || [];
+            return hookToSpan(hook, hookEvents);
+        });
+        const waitSpans = Array.from(timerEvents.entries()).map(([correlationId, events]) => {
+            return waitToSpan(correlationId, events, now);
+        });
+        const runSpan = runToSpan(run, runLevelEvents, now);
+        const spans = [...stepSpans, ...hookSpans, ...waitSpans];
+        const sortedSpans = [
+            runSpan,
+            ...spans.slice().sort((a, b) => {
+                const aStart = otelTimeToMs(a.startTime);
+                const bStart = otelTimeToMs(b.startTime);
+                return aStart - bStart;
+            }),
+        ];
+        const sortedCascadingSpans = sortedSpans.map((span, index) => {
+            const parentSpanId = index === 0 ? undefined : String(sortedSpans[index - 1].spanId);
+            return {
+                ...span,
+                parentSpanId,
+            };
+        });
+        return {
+            traceId: run.runId,
+            rootSpanId: run.runId,
+            spans: sortedCascadingSpans,
+            resources: [
+                {
+                    name: 'workflow',
+                    attributes: {
+                        'service.name': WORKFLOW_LIBRARY.name,
+                    },
+                },
+            ],
+        };
+    }, [run, steps, hooks, events, now]);
+    useEffect(() => {
+        if (error && !isLoading) {
+            console.error(error);
+            toast.error('Error loading workflow trace data', {
+                description: error.message,
+            });
+        }
+    }, [error, isLoading]);
+    return (<div className="relative">
+      {isLoading && (<div className="absolute inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm">
+          <div className="flex flex-col items-center gap-3">
+            <Loader2 className="h-8 w-8 animate-spin text-muted-foreground"/>
+            <p className="text-sm text-muted-foreground">
+              Loading trace data...
+            </p>
+          </div>
+        </div>)}
+      <TraceViewerContextProvider withPanel customSpanClassNameFunc={getCustomSpanClassName} customSpanEventClassNameFunc={getCustomSpanEventClassName} customPanelComponent={<WorkflowDetailPanel env={env}/>}>
+        <TraceViewerTimeline height={800} trace={trace} withPanel/>
+      </TraceViewerContextProvider>
+    </div>);
+};
+//# sourceMappingURL=workflow-trace-view.jsx.map

package/dist/workflow-trace-view.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-trace-view.jsx","sourceRoot":"","sources":["../src/workflow-trace-view.tsx"],"names":[],"mappings":"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"}

package/dist/workflow-traces/event-colors.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Color utilities for workflow event markers
+ */
+import type { Event } from '@workflow/world';
+export interface EventColorPalette {
+    /** Color of the diamond/marker itself */
+    color: string;
+    /** Background color for hover info popup */
+    background: string;
+    /** Border color for hover info popup */
+    border: string;
+    /** Text color for event name in hover popup */
+    text: string;
+    /** Secondary text color for timestamp in hover popup */
+    secondary: string;
+}
+/**
+ * Get the color palette for an event based on its type
+ * - Red for failures (step_failed, workflow_failed)
+ * - Orange/yellow for retries (step_retrying)
+ * - Purple for webhook-related events
+ * - Blue otherwise (default)
+ */
+export declare function getEventColor(eventType: Event['eventType']): EventColorPalette;
+/**
+ * Determine whether to show a vertical line for an event
+ * - Show vertical lines for hook-related events
+ * - Hide vertical lines for all other workflow events by default
+ */
+export declare function shouldShowVerticalLine(eventType: Event['eventType']): boolean;
+//# sourceMappingURL=event-colors.d.ts.map

package/dist/workflow-traces/event-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-colors.d.ts","sourceRoot":"","sources":["../../src/workflow-traces/event-colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,GAC5B,iBAAiB,CA8CnB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,OAAO,CAY7E"}

package/dist/workflow-traces/event-colors.js

@@ -0,0 +1,68 @@
+/**
+ * Color utilities for workflow event markers
+ */
+/**
+ * Get the color palette for an event based on its type
+ * - Red for failures (step_failed, workflow_failed)
+ * - Orange/yellow for retries (step_retrying)
+ * - Purple for webhook-related events
+ * - Blue otherwise (default)
+ */
+export function getEventColor(eventType) {
+    // Failures - Red
+    if (eventType === 'step_failed' || eventType === 'workflow_failed') {
+        return {
+            color: 'var(--ds-red-600)',
+            background: 'var(--ds-red-100)',
+            border: 'var(--ds-red-500)',
+            text: 'var(--ds-red-900)',
+            secondary: 'var(--ds-red-700)',
+        };
+    }
+    // Retries - Orange/Yellow
+    if (eventType === 'step_retrying') {
+        return {
+            color: 'var(--ds-amber-600)',
+            background: 'var(--ds-amber-100)',
+            border: 'var(--ds-amber-500)',
+            text: 'var(--ds-amber-900)',
+            secondary: 'var(--ds-amber-700)',
+        };
+    }
+    // Webhook-related - Purple
+    if (eventType === 'hook_created' ||
+        eventType === 'hook_received' ||
+        eventType === 'hook_disposed') {
+        return {
+            color: 'var(--ds-purple-600)',
+            background: 'var(--ds-purple-100)',
+            border: 'var(--ds-purple-500)',
+            text: 'var(--ds-purple-900)',
+            secondary: 'var(--ds-purple-700)',
+        };
+    }
+    // Default - Blue
+    return {
+        color: 'var(--ds-blue-600)',
+        background: 'var(--ds-blue-100)',
+        border: 'var(--ds-blue-500)',
+        text: 'var(--ds-blue-900)',
+        secondary: 'var(--ds-blue-700)',
+    };
+}
+/**
+ * Determine whether to show a vertical line for an event
+ * - Show vertical lines for hook-related events
+ * - Hide vertical lines for all other workflow events by default
+ */
+export function shouldShowVerticalLine(eventType) {
+    // Show vertical lines for hook-related events
+    if (eventType === 'hook_created' ||
+        eventType === 'hook_received' ||
+        eventType === 'hook_disposed') {
+        return true;
+    }
+    // Hide vertical lines for all other workflow events
+    return false;
+}
+//# sourceMappingURL=event-colors.js.map

package/dist/workflow-traces/event-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-colors.js","sourceRoot":"","sources":["../../src/workflow-traces/event-colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAiBH;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAC3B,SAA6B;IAE7B,iBAAiB;IACjB,IAAI,SAAS,KAAK,aAAa,IAAI,SAAS,KAAK,iBAAiB,EAAE,CAAC;QACnE,OAAO;YACL,KAAK,EAAE,mBAAmB;YAC1B,UAAU,EAAE,mBAAmB;YAC/B,MAAM,EAAE,mBAAmB;YAC3B,IAAI,EAAE,mBAAmB;YACzB,SAAS,EAAE,mBAAmB;SAC/B,CAAC;IACJ,CAAC;IAED,0BAA0B;IAC1B,IAAI,SAAS,KAAK,eAAe,EAAE,CAAC;QAClC,OAAO;YACL,KAAK,EAAE,qBAAqB;YAC5B,UAAU,EAAE,qBAAqB;YACjC,MAAM,EAAE,qBAAqB;YAC7B,IAAI,EAAE,qBAAqB;YAC3B,SAAS,EAAE,qBAAqB;SACjC,CAAC;IACJ,CAAC;IAED,2BAA2B;IAC3B,IACE,SAAS,KAAK,cAAc;QAC5B,SAAS,KAAK,eAAe;QAC7B,SAAS,KAAK,eAAe,EAC7B,CAAC;QACD,OAAO;YACL,KAAK,EAAE,sBAAsB;YAC7B,UAAU,EAAE,sBAAsB;YAClC,MAAM,EAAE,sBAAsB;YAC9B,IAAI,EAAE,sBAAsB;YAC5B,SAAS,EAAE,sBAAsB;SAClC,CAAC;IACJ,CAAC;IAED,iBAAiB;IACjB,OAAO;QACL,KAAK,EAAE,oBAAoB;QAC3B,UAAU,EAAE,oBAAoB;QAChC,MAAM,EAAE,oBAAoB;QAC5B,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,oBAAoB;KAChC,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAAC,SAA6B;IAClE,8CAA8C;IAC9C,IACE,SAAS,KAAK,cAAc;QAC5B,SAAS,KAAK,eAAe;QAC7B,SAAS,KAAK,eAAe,EAC7B,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,oDAAoD;IACpD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/workflow-traces/trace-colors.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Color utilities for workflow traces
+ */
+import type { SpanNode, SpanNodeEvent } from '../trace-viewer/types';
+/**
+ * Get custom CSS class name for a span based on its attributes
+ * This is called dynamically by the trace viewer to style spans
+ */
+export declare const getCustomSpanClassName: (span: SpanNode) => string;
+/**
+ * Get custom CSS class name for a span event based on its type
+ * This is called dynamically by the trace viewer to style event markers
+ */
+export declare const getCustomSpanEventClassName: (spanEvent: SpanNodeEvent) => string;
+//# sourceMappingURL=trace-colors.d.ts.map

package/dist/workflow-traces/trace-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-colors.d.ts","sourceRoot":"","sources":["../../src/workflow-traces/trace-colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAsCrE;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,MAAM,QAAQ,KAAG,MAiCvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GACtC,WAAW,aAAa,KACvB,MAwBF,CAAC"}

package/dist/workflow-traces/trace-colors.js

@@ -0,0 +1,89 @@
+/**
+ * Color utilities for workflow traces
+ */
+import styles from '../trace-viewer/trace-viewer.module.css';
+/**
+ * Get the CSS class name for a workflow entity based on its status
+ */
+function getStatusClassName(status, isStripped = false) {
+    if (isStripped && status === 'pending') {
+        return styles.spanPendingStriped;
+    }
+    switch (status) {
+        case 'running':
+            return styles.spanRunning;
+        case 'pending':
+            return styles.spanPending;
+        case 'completed':
+            return styles.spanCompleted;
+        case 'cancelled':
+            return styles.spanCancelled;
+        case 'paused':
+            return styles.spanPaused;
+        case 'failed':
+            return styles.spanFailed;
+        default:
+            return '';
+    }
+}
+/**
+ * Check if a step name indicates it's a sleep step
+ */
+function isSleepStep(stepName) {
+    return String(stepName).toLowerCase().endsWith('sleep');
+}
+/**
+ * Get custom CSS class name for a span based on its attributes
+ * This is called dynamically by the trace viewer to style spans
+ */
+export const getCustomSpanClassName = (span) => {
+    const attributes = span.span.attributes;
+    const resource = attributes?.resource;
+    if (resource === 'step') {
+        const stepData = attributes.data;
+        const stepName = stepData?.stepName;
+        // DEPRECATED: Check if it's a sleep step
+        if (stepName && isSleepStep(stepName)) {
+            return styles.spanSleep;
+        }
+        // Regular step - use status colors
+        const isStripped = stepData?.status === 'pending';
+        return getStatusClassName(stepData?.status, isStripped);
+    }
+    if (resource === 'run') {
+        const runData = attributes.data;
+        return getStatusClassName(runData?.status, false);
+    }
+    if (resource === 'hook') {
+        return styles.spanHook;
+    }
+    if (resource === 'sleep') {
+        return styles.spanSleep;
+    }
+    // Default: no custom class
+    return '';
+};
+/**
+ * Get custom CSS class name for a span event based on its type
+ * This is called dynamically by the trace viewer to style event markers
+ */
+export const getCustomSpanEventClassName = (spanEvent) => {
+    const eventName = spanEvent.event.name;
+    // Failure events - Red
+    if (eventName === 'step_failed' || eventName === 'workflow_failed') {
+        return styles.eventFailed;
+    }
+    // Retry events - Orange/Yellow
+    if (eventName === 'step_retrying') {
+        return styles.eventRetrying;
+    }
+    // Webhook-related events - Purple
+    if (eventName === 'hook_created' ||
+        eventName === 'hook_received' ||
+        eventName === 'hook_disposed') {
+        return styles.eventHook;
+    }
+    // Default - Blue
+    return styles.eventDefault;
+};
+//# sourceMappingURL=trace-colors.js.map

package/dist/workflow-traces/trace-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-colors.js","sourceRoot":"","sources":["../../src/workflow-traces/trace-colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,MAAM,MAAM,yCAAyC,CAAC;AAG7D;;GAEG;AACH,SAAS,kBAAkB,CACzB,MAA8C,EAC9C,UAAU,GAAG,KAAK;IAElB,IAAI,UAAU,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACvC,OAAO,MAAM,CAAC,kBAAkB,CAAC;IACnC,CAAC;IAED,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,WAAW,CAAC;QAC5B,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,WAAW,CAAC;QAC5B,KAAK,WAAW;YACd,OAAO,MAAM,CAAC,aAAa,CAAC;QAC9B,KAAK,WAAW;YACd,OAAO,MAAM,CAAC,aAAa,CAAC;QAC9B,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,UAAU,CAAC;QAC3B,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,UAAU,CAAC;QAC3B;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAS,WAAW,CAAC,QAAgB;IACnC,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC1D,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAAc,EAAU,EAAE;IAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;IACxC,MAAM,QAAQ,GAAG,UAAU,EAAE,QAAQ,CAAC;IAEtC,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAY,CAAC;QACzC,MAAM,QAAQ,GAAG,QAAQ,EAAE,QAAQ,CAAC;QAEpC,yCAAyC;QACzC,IAAI,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC;YACtC,OAAO,MAAM,CAAC,SAAS,CAAC;QAC1B,CAAC;QAED,mCAAmC;QACnC,MAAM,UAAU,GAAG,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;QAClD,OAAO,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;QACvB,MAAM,OAAO,GAAG,UAAU,CAAC,IAAmB,CAAC;QAC/C,OAAO,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;QACxB,OAAO,MAAM,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;QACzB,OAAO,MAAM,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,2BAA2B;IAC3B,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,SAAwB,EAChB,EAAE;IACV,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC;IAEvC,uBAAuB;IACvB,IAAI,SAAS,KAAK,aAAa,IAAI,SAAS,KAAK,iBAAiB,EAAE,CAAC;QACnE,OAAO,MAAM,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,+BAA+B;IAC/B,IAAI,SAAS,KAAK,eAAe,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kCAAkC;IAClC,IACE,SAAS,KAAK,cAAc;QAC5B,SAAS,KAAK,eAAe;QAC7B,SAAS,KAAK,eAAe,EAC7B,CAAC;QACD,OAAO,MAAM,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,iBAAiB;IACjB,OAAO,MAAM,CAAC,YAAY,CAAC;AAC7B,CAAC,CAAC"}

package/dist/workflow-traces/trace-span-construction.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Functions for constructing OpenTelemetry spans from workflow entities
+ */
+import type { Event, Hook, Step, WorkflowRun } from '@workflow/world';
+import type { Span, SpanEvent } from '../trace-viewer/types';
+export declare const WORKFLOW_LIBRARY: {
+    name: string;
+    version: string;
+};
+/**
+ * Convert workflow events to span events
+ * Only includes events that should be displayed as markers
+ */
+export declare function convertEventsToSpanEvents(events: Event[], filterTypes?: boolean): SpanEvent[];
+/**
+ * Converts a workflow Wait to an OpenTelemetry Span
+ */
+export declare function waitToSpan(correlationId: string, events: Event[], nowTime?: Date): Span;
+/**
+ * Converts a workflow Step to an OpenTelemetry Span
+ */
+export declare function stepToSpan(step: Step, stepEvents: Event[], nowTime?: Date): Span;
+/**
+ * Converts a workflow Hook to an OpenTelemetry Span
+ */
+export declare function hookToSpan(hook: Hook, hookEvents: Event[]): Span;
+/**
+ * Creates a root span for the workflow run
+ */
+export declare function runToSpan(run: WorkflowRun, runEvents: Event[], nowTime?: Date): Span;
+//# sourceMappingURL=trace-span-construction.d.ts.map

package/dist/workflow-traces/trace-span-construction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-span-construction.d.ts","sourceRoot":"","sources":["../../src/workflow-traces/trace-span-construction.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAI7D,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAgBF;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,KAAK,EAAE,EACf,WAAW,UAAO,GACjB,SAAS,EAAE,CAgBb;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,KAAK,EAAE,EACf,OAAO,CAAC,EAAE,IAAI,GACb,IAAI,CA6BN;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,KAAK,EAAE,EACnB,OAAO,CAAC,EAAE,IAAI,GACb,IAAI,CAiCN;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAsChE;AAED;;GAEG;AACH,wBAAgB,SAAS,CACvB,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,KAAK,EAAE,EAClB,OAAO,CAAC,EAAE,IAAI,GACb,IAAI,CA8BN"}

package/dist/workflow-traces/trace-span-construction.js

@@ -0,0 +1,173 @@
+/**
+ * Functions for constructing OpenTelemetry spans from workflow entities
+ */
+import { parseStepName, parseWorkflowName } from '@workflow/core/parse-name';
+import { shouldShowVerticalLine } from './event-colors';
+import { calculateDuration, dateToOtelTime } from './trace-time-utils';
+export const WORKFLOW_LIBRARY = {
+    name: 'workflow-development-kit',
+    version: '4.0.0',
+};
+/**
+ * Event types that should be displayed as visual markers in the trace viewer
+ */
+const MARKER_EVENT_TYPES = new Set([
+    'hook_created',
+    'hook_received',
+    'hook_disposed',
+    'step_retrying',
+    'step_failed',
+    'workflow_failed',
+    'wait_created',
+    'wait_completed',
+]);
+/**
+ * Convert workflow events to span events
+ * Only includes events that should be displayed as markers
+ */
+export function convertEventsToSpanEvents(events, filterTypes = true) {
+    return events
+        .filter((event) => filterTypes ? MARKER_EVENT_TYPES.has(event.eventType) : true)
+        .map((event) => ({
+        name: event.eventType,
+        timestamp: dateToOtelTime(event.createdAt),
+        attributes: {
+            eventId: event.eventId,
+            correlationId: event.correlationId,
+            eventData: 'eventData' in event ? event.eventData : undefined,
+        },
+        // Control whether to show vertical line in timeline
+        showVerticalLine: shouldShowVerticalLine(event.eventType),
+    }));
+}
+/**
+ * Converts a workflow Wait to an OpenTelemetry Span
+ */
+export function waitToSpan(correlationId, events, nowTime) {
+    const startEvent = events.find((event) => event.eventType === 'wait_created');
+    const endEvent = events.find((event) => event.eventType === 'wait_completed');
+    const startTime = startEvent?.createdAt ?? nowTime;
+    const endTime = endEvent?.createdAt ?? nowTime;
+    const start = dateToOtelTime(startTime);
+    const end = dateToOtelTime(endTime);
+    const duration = calculateDuration(startTime, endTime);
+    const spanEvents = convertEventsToSpanEvents(events);
+    return {
+        spanId: correlationId,
+        name: 'sleep',
+        kind: 1, // INTERNAL span kind
+        resource: 'sleep',
+        library: WORKFLOW_LIBRARY,
+        status: { code: 0 },
+        traceFlags: 1,
+        attributes: {
+            resource: 'sleep',
+            data: {
+                correlationId,
+            },
+        },
+        links: [],
+        events: spanEvents,
+        duration,
+        startTime: start,
+        endTime: end,
+    };
+}
+/**
+ * Converts a workflow Step to an OpenTelemetry Span
+ */
+export function stepToSpan(step, stepEvents, nowTime) {
+    const now = nowTime ?? new Date();
+    const parsedName = parseStepName(String(step.stepName));
+    // Simplified attributes: only store resource type and full data
+    const attributes = {
+        resource: 'step',
+        data: step,
+    };
+    const resource = 'step';
+    const endTime = step.completedAt ?? now;
+    // Convert step-related events to span events (for markers like hook_created, step_retrying, etc.)
+    // This determines which events are displayed as markers. In the detail view,
+    // we'll show all events that correlate with the selected resource.
+    const events = convertEventsToSpanEvents(stepEvents);
+    return {
+        spanId: String(step.stepId),
+        name: parsedName?.shortName ?? '',
+        kind: 1, // INTERNAL span kind
+        resource,
+        library: WORKFLOW_LIBRARY,
+        status: { code: 0 },
+        traceFlags: 1,
+        attributes,
+        links: [],
+        events,
+        startTime: dateToOtelTime(step.startedAt),
+        endTime: dateToOtelTime(endTime),
+        duration: calculateDuration(step.startedAt, endTime),
+    };
+}
+/**
+ * Converts a workflow Hook to an OpenTelemetry Span
+ */
+export function hookToSpan(hook, hookEvents) {
+    // Simplified attributes: only store resource type and full data
+    const attributes = {
+        resource: 'hook',
+        data: hook,
+    };
+    // TODO: Determine proper end time for hooks
+    // If there are hook_received events, use the createdAt of the last hook_received event.
+    // Otherwise, set the end time to 1 second after the hook was created.
+    const lastHookReceivedEvent = hookEvents.find((event) => event.eventType === 'hook_received');
+    const endTime = lastHookReceivedEvent
+        ? dateToOtelTime(lastHookReceivedEvent.createdAt)
+        : dateToOtelTime(new Date(Math.max(hook.createdAt.getTime() + 10_000, Date.now())));
+    // Convert hook-related events to span events
+    const events = convertEventsToSpanEvents(hookEvents);
+    return {
+        spanId: String(hook.hookId),
+        name: String(hook.hookId),
+        kind: 1, // INTERNAL span kind
+        resource: 'hook',
+        library: WORKFLOW_LIBRARY,
+        status: { code: 1 },
+        traceFlags: 1,
+        attributes,
+        links: [],
+        events,
+        startTime: dateToOtelTime(hook.createdAt),
+        endTime: dateToOtelTime(endTime),
+        duration: calculateDuration(hook.createdAt, endTime),
+    };
+}
+/**
+ * Creates a root span for the workflow run
+ */
+export function runToSpan(run, runEvents, nowTime) {
+    const now = nowTime ?? new Date();
+    // Simplified attributes: only store resource type and full data
+    const attributes = {
+        resource: 'run',
+        data: run,
+    };
+    const startDate = run.startedAt ?? run.createdAt;
+    const endTime = run.completedAt ?? now;
+    // Convert run-level events to span events
+    const events = convertEventsToSpanEvents(runEvents);
+    return {
+        spanId: String(run.runId),
+        name: String(parseWorkflowName(run.workflowName)?.shortName ?? '?'),
+        kind: 1, // INTERNAL span kind
+        resource: 'run',
+        library: WORKFLOW_LIBRARY,
+        status: { code: 0 },
+        traceFlags: 1,
+        attributes,
+        links: [],
+        events,
+        startTime: dateToOtelTime(startDate),
+        endTime: dateToOtelTime(endTime),
+        duration: calculateDuration(startDate, endTime),
+    };
+}
+//# sourceMappingURL=trace-span-construction.js.map

package/dist/workflow-traces/trace-span-construction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-span-construction.js","sourceRoot":"","sources":["../../src/workflow-traces/trace-span-construction.ts"],"names":[],"mappings":"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"}

package/dist/workflow-traces/trace-time-utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Time conversion utilities for workflow trace construction
+ */
+/**
+ * Converts a Date to OpenTelemetry time format [seconds, nanoseconds]
+ */
+export declare function dateToOtelTime(date: Date | unknown): [number, number];
+export declare function otelTimeToMs(time: [number, number]): number;
+/**
+ * Calculates duration in [seconds, nanoseconds] format
+ */
+export declare function calculateDuration(start: Date | unknown, end: Date | unknown): [number, number];
+//# sourceMappingURL=trace-time-utils.d.ts.map

package/dist/workflow-traces/trace-time-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-time-utils.d.ts","sourceRoot":"","sources":["../../src/workflow-traces/trace-time-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAQrE;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAI3D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,IAAI,GAAG,OAAO,EACrB,GAAG,EAAE,IAAI,GAAG,OAAO,GAClB,CAAC,MAAM,EAAE,MAAM,CAAC,CASlB"}

package/dist/workflow-traces/trace-time-utils.js

@@ -0,0 +1,34 @@
+/**
+ * Time conversion utilities for workflow trace construction
+ */
+/**
+ * Converts a Date to OpenTelemetry time format [seconds, nanoseconds]
+ */
+export function dateToOtelTime(date) {
+    if (!date || !(date instanceof Date)) {
+        return [0, 0];
+    }
+    const ms = date.getTime();
+    const seconds = Math.floor(ms / 1000);
+    const nanoseconds = (ms % 1000) * 1_000_000;
+    return [seconds, nanoseconds];
+}
+export function otelTimeToMs(time) {
+    const secondsToMs = time[0] * 1_000;
+    const nanosecondsToMs = time[1] / 1_000_000;
+    return secondsToMs + nanosecondsToMs;
+}
+/**
+ * Calculates duration in [seconds, nanoseconds] format
+ */
+export function calculateDuration(start, end) {
+    if (!start || !(start instanceof Date)) {
+        return [0, 0];
+    }
+    const endTime = end && end instanceof Date ? end : new Date();
+    const durationMs = endTime.getTime() - start.getTime();
+    const seconds = Math.floor(durationMs / 1000);
+    const nanoseconds = (durationMs % 1000) * 1_000_000;
+    return [seconds, nanoseconds];
+}
+//# sourceMappingURL=trace-time-utils.js.map

package/dist/workflow-traces/trace-time-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-time-utils.js","sourceRoot":"","sources":["../../src/workflow-traces/trace-time-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,IAAoB;IACjD,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,YAAY,IAAI,CAAC,EAAE,CAAC;QACrC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAChB,CAAC;IACD,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IACtC,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAsB;IACjD,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;IACpC,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,WAAW,GAAG,eAAe,CAAC;AACvC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAC/B,KAAqB,EACrB,GAAmB;IAEnB,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,YAAY,IAAI,CAAC,EAAE,CAAC;QACvC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAChB,CAAC;IACD,MAAM,OAAO,GAAG,GAAG,IAAI,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;IAC9D,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACpD,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AAChC,CAAC"}