@workflow/web-shared 5.0.0-beta.38 → 5.0.0-beta.39

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

@@ -1,15 +0,0 @@
-/**
- * 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/components/workflow-traces/trace-colors.d.ts.map

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

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

@@ -1,86 +0,0 @@
-/**
- * Color utilities for workflow traces
- */
-import { isHookLifecycleEventType, } from '@workflow/world';
-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 '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 === 'run_failed') {
-        return styles.eventFailed;
-    }
-    // Retry events - Orange/Yellow
-    if (eventName === 'step_retrying') {
-        return styles.eventRetrying;
-    }
-    // Webhook-related events - Purple
-    if (isHookLifecycleEventType(eventName)) {
-        return styles.eventHook;
-    }
-    // Default - Blue
-    return styles.eventDefault;
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhY2UtY29sb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvd29ya2Zsb3ctdHJhY2VzL3RyYWNlLWNvbG9ycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILE9BQU8sRUFDTCx3QkFBd0IsR0FHekIsTUFBTSxpQkFBaUIsQ0FBQztBQUN6QixPQUFPLE1BQU0sTUFBTSx5Q0FBeUMsQ0FBQztBQUc3RDs7R0FFRztBQUNILFNBQVMsa0JBQWtCLENBQ3pCLE1BQThDLEVBQzlDLFVBQVUsR0FBRyxLQUFLO0lBRWxCLElBQUksVUFBVSxJQUFJLE1BQU0sS0FBSyxTQUFTLEVBQUUsQ0FBQztRQUN2QyxPQUFPLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQztJQUNuQyxDQUFDO0lBRUQsUUFBUSxNQUFNLEVBQUUsQ0FBQztRQUNmLEtBQUssU0FBUztZQUNaLE9BQU8sTUFBTSxDQUFDLFdBQVcsQ0FBQztRQUM1QixLQUFLLFNBQVM7WUFDWixPQUFPLE1BQU0sQ0FBQyxXQUFXLENBQUM7UUFDNUIsS0FBSyxXQUFXO1lBQ2QsT0FBTyxNQUFNLENBQUMsYUFBYSxDQUFDO1FBQzlCLEtBQUssV0FBVztZQUNkLE9BQU8sTUFBTSxDQUFDLGFBQWEsQ0FBQztRQUM5QixLQUFLLFFBQVE7WUFDWCxPQUFPLE1BQU0sQ0FBQyxVQUFVLENBQUM7UUFDM0I7WUFDRSxPQUFPLEVBQUUsQ0FBQztJQUNkLENBQUM7QUFDSCxDQUFDO0FBRUQ7O0dBRUc7QUFDSCxTQUFTLFdBQVcsQ0FBQyxRQUFnQjtJQUNuQyxPQUFPLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7QUFDMUQsQ0FBQztBQUVEOzs7R0FHRztBQUNILE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFHLENBQUMsSUFBYyxFQUFVLEVBQUU7SUFDL0QsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDeEMsTUFBTSxRQUFRLEdBQUcsVUFBVSxFQUFFLFFBQVEsQ0FBQztJQUV0QyxJQUFJLFFBQVEsS0FBSyxNQUFNLEVBQUUsQ0FBQztRQUN4QixNQUFNLFFBQVEsR0FBRyxVQUFVLENBQUMsSUFBWSxDQUFDO1FBQ3pDLE1BQU0sUUFBUSxHQUFHLFFBQVEsRUFBRSxRQUFRLENBQUM7UUFFcEMseUNBQXlDO1FBQ3pDLElBQUksUUFBUSxJQUFJLFdBQVcsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDO1lBQ3RDLE9BQU8sTUFBTSxDQUFDLFNBQVMsQ0FBQztRQUMxQixDQUFDO1FBRUQsbUNBQW1DO1FBQ25DLE1BQU0sVUFBVSxHQUFHLFFBQVEsRUFBRSxNQUFNLEtBQUssU0FBUyxDQUFDO1FBQ2xELE9BQU8sa0JBQWtCLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQztJQUMxRCxDQUFDO0lBRUQsSUFBSSxRQUFRLEtBQUssS0FBSyxFQUFFLENBQUM7UUFDdkIsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLElBQW1CLENBQUM7UUFDL0MsT0FBTyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRCxJQUFJLFFBQVEsS0FBSyxNQUFNLEVBQUUsQ0FBQztRQUN4QixPQUFPLE1BQU0sQ0FBQyxRQUFRLENBQUM7SUFDekIsQ0FBQztJQUVELElBQUksUUFBUSxLQUFLLE9BQU8sRUFBRSxDQUFDO1FBQ3pCLE9BQU8sTUFBTSxDQUFDLFNBQVMsQ0FBQztJQUMxQixDQUFDO0lBRUQsMkJBQTJCO0lBQzNCLE9BQU8sRUFBRSxDQUFDO0FBQ1osQ0FBQyxDQUFDO0FBRUY7OztHQUdHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sMkJBQTJCLEdBQUcsQ0FDekMsU0FBd0IsRUFDaEIsRUFBRTtJQUNWLE1BQU0sU0FBUyxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO0lBRXZDLHVCQUF1QjtJQUN2QixJQUFJLFNBQVMsS0FBSyxhQUFhLElBQUksU0FBUyxLQUFLLFlBQVksRUFBRSxDQUFDO1FBQzlELE9BQU8sTUFBTSxDQUFDLFdBQVcsQ0FBQztJQUM1QixDQUFDO0lBRUQsK0JBQStCO0lBQy9CLElBQUksU0FBUyxLQUFLLGVBQWUsRUFBRSxDQUFDO1FBQ2xDLE9BQU8sTUFBTSxDQUFDLGFBQWEsQ0FBQztJQUM5QixDQUFDO0lBRUQsa0NBQWtDO0lBQ2xDLElBQUksd0JBQXdCLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQztRQUN4QyxPQUFPLE1BQU0sQ0FBQyxTQUFTLENBQUM7SUFDMUIsQ0FBQztJQUVELGlCQUFpQjtJQUNqQixPQUFPLE1BQU0sQ0FBQyxZQUFZLENBQUM7QUFDN0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb2xvciB1dGlsaXRpZXMgZm9yIHdvcmtmbG93IHRyYWNlc1xuICovXG5cbmltcG9ydCB7XG4gIGlzSG9va0xpZmVjeWNsZUV2ZW50VHlwZSxcbiAgdHlwZSBTdGVwLFxuICB0eXBlIFdvcmtmbG93UnVuLFxufSBmcm9tICdAd29ya2Zsb3cvd29ybGQnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi90cmFjZS12aWV3ZXIvdHJhY2Utdmlld2VyLm1vZHVsZS5jc3MnO1xuaW1wb3J0IHR5cGUgeyBTcGFuTm9kZSwgU3Bhbk5vZGVFdmVudCB9IGZyb20gJy4uL3RyYWNlLXZpZXdlci90eXBlcyc7XG5cbi8qKlxuICogR2V0IHRoZSBDU1MgY2xhc3MgbmFtZSBmb3IgYSB3b3JrZmxvdyBlbnRpdHkgYmFzZWQgb24gaXRzIHN0YXR1c1xuICovXG5mdW5jdGlvbiBnZXRTdGF0dXNDbGFzc05hbWUoXG4gIHN0YXR1czogU3RlcFsnc3RhdHVzJ10gfCBXb3JrZmxvd1J1blsnc3RhdHVzJ10sXG4gIGlzU3RyaXBwZWQgPSBmYWxzZVxuKTogc3RyaW5nIHtcbiAgaWYgKGlzU3RyaXBwZWQgJiYgc3RhdHVzID09PSAncGVuZGluZycpIHtcbiAgICByZXR1cm4gc3R5bGVzLnNwYW5QZW5kaW5nU3RyaXBlZDtcbiAgfVxuXG4gIHN3aXRjaCAoc3RhdHVzKSB7XG4gICAgY2FzZSAncnVubmluZyc6XG4gICAgICByZXR1cm4gc3R5bGVzLnNwYW5SdW5uaW5nO1xuICAgIGNhc2UgJ3BlbmRpbmcnOlxuICAgICAgcmV0dXJuIHN0eWxlcy5zcGFuUGVuZGluZztcbiAgICBjYXNlICdjb21wbGV0ZWQnOlxuICAgICAgcmV0dXJuIHN0eWxlcy5zcGFuQ29tcGxldGVkO1xuICAgIGNhc2UgJ2NhbmNlbGxlZCc6XG4gICAgICByZXR1cm4gc3R5bGVzLnNwYW5DYW5jZWxsZWQ7XG4gICAgY2FzZSAnZmFpbGVkJzpcbiAgICAgIHJldHVybiBzdHlsZXMuc3BhbkZhaWxlZDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59XG5cbi8qKlxuICogQ2hlY2sgaWYgYSBzdGVwIG5hbWUgaW5kaWNhdGVzIGl0J3MgYSBzbGVlcCBzdGVwXG4gKi9cbmZ1bmN0aW9uIGlzU2xlZXBTdGVwKHN0ZXBOYW1lOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgcmV0dXJuIFN0cmluZyhzdGVwTmFtZSkudG9Mb3dlckNhc2UoKS5lbmRzV2l0aCgnc2xlZXAnKTtcbn1cblxuLyoqXG4gKiBHZXQgY3VzdG9tIENTUyBjbGFzcyBuYW1lIGZvciBhIHNwYW4gYmFzZWQgb24gaXRzIGF0dHJpYnV0ZXNcbiAqIFRoaXMgaXMgY2FsbGVkIGR5bmFtaWNhbGx5IGJ5IHRoZSB0cmFjZSB2aWV3ZXIgdG8gc3R5bGUgc3BhbnNcbiAqL1xuZXhwb3J0IGNvbnN0IGdldEN1c3RvbVNwYW5DbGFzc05hbWUgPSAoc3BhbjogU3Bhbk5vZGUpOiBzdHJpbmcgPT4ge1xuICBjb25zdCBhdHRyaWJ1dGVzID0gc3Bhbi5zcGFuLmF0dHJpYnV0ZXM7XG4gIGNvbnN0IHJlc291cmNlID0gYXR0cmlidXRlcz8ucmVzb3VyY2U7XG5cbiAgaWYgKHJlc291cmNlID09PSAnc3RlcCcpIHtcbiAgICBjb25zdCBzdGVwRGF0YSA9IGF0dHJpYnV0ZXMuZGF0YSBhcyBTdGVwO1xuICAgIGNvbnN0IHN0ZXBOYW1lID0gc3RlcERhdGE/LnN0ZXBOYW1lO1xuXG4gICAgLy8gREVQUkVDQVRFRDogQ2hlY2sgaWYgaXQncyBhIHNsZWVwIHN0ZXBcbiAgICBpZiAoc3RlcE5hbWUgJiYgaXNTbGVlcFN0ZXAoc3RlcE5hbWUpKSB7XG4gICAgICByZXR1cm4gc3R5bGVzLnNwYW5TbGVlcDtcbiAgICB9XG5cbiAgICAvLyBSZWd1bGFyIHN0ZXAgLSB1c2Ugc3RhdHVzIGNvbG9yc1xuICAgIGNvbnN0IGlzU3RyaXBwZWQgPSBzdGVwRGF0YT8uc3RhdHVzID09PSAncGVuZGluZyc7XG4gICAgcmV0dXJuIGdldFN0YXR1c0NsYXNzTmFtZShzdGVwRGF0YT8uc3RhdHVzLCBpc1N0cmlwcGVkKTtcbiAgfVxuXG4gIGlmIChyZXNvdXJjZSA9PT0gJ3J1bicpIHtcbiAgICBjb25zdCBydW5EYXRhID0gYXR0cmlidXRlcy5kYXRhIGFzIFdvcmtmbG93UnVuO1xuICAgIHJldHVybiBnZXRTdGF0dXNDbGFzc05hbWUocnVuRGF0YT8uc3RhdHVzLCBmYWxzZSk7XG4gIH1cblxuICBpZiAocmVzb3VyY2UgPT09ICdob29rJykge1xuICAgIHJldHVybiBzdHlsZXMuc3Bhbkhvb2s7XG4gIH1cblxuICBpZiAocmVzb3VyY2UgPT09ICdzbGVlcCcpIHtcbiAgICByZXR1cm4gc3R5bGVzLnNwYW5TbGVlcDtcbiAgfVxuXG4gIC8vIERlZmF1bHQ6IG5vIGN1c3RvbSBjbGFzc1xuICByZXR1cm4gJyc7XG59O1xuXG4vKipcbiAqIEdldCBjdXN0b20gQ1NTIGNsYXNzIG5hbWUgZm9yIGEgc3BhbiBldmVudCBiYXNlZCBvbiBpdHMgdHlwZVxuICogVGhpcyBpcyBjYWxsZWQgZHluYW1pY2FsbHkgYnkgdGhlIHRyYWNlIHZpZXdlciB0byBzdHlsZSBldmVudCBtYXJrZXJzXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRDdXN0b21TcGFuRXZlbnRDbGFzc05hbWUgPSAoXG4gIHNwYW5FdmVudDogU3Bhbk5vZGVFdmVudFxuKTogc3RyaW5nID0+IHtcbiAgY29uc3QgZXZlbnROYW1lID0gc3BhbkV2ZW50LmV2ZW50Lm5hbWU7XG5cbiAgLy8gRmFpbHVyZSBldmVudHMgLSBSZWRcbiAgaWYgKGV2ZW50TmFtZSA9PT0gJ3N0ZXBfZmFpbGVkJyB8fCBldmVudE5hbWUgPT09ICdydW5fZmFpbGVkJykge1xuICAgIHJldHVybiBzdHlsZXMuZXZlbnRGYWlsZWQ7XG4gIH1cblxuICAvLyBSZXRyeSBldmVudHMgLSBPcmFuZ2UvWWVsbG93XG4gIGlmIChldmVudE5hbWUgPT09ICdzdGVwX3JldHJ5aW5nJykge1xuICAgIHJldHVybiBzdHlsZXMuZXZlbnRSZXRyeWluZztcbiAgfVxuXG4gIC8vIFdlYmhvb2stcmVsYXRlZCBldmVudHMgLSBQdXJwbGVcbiAgaWYgKGlzSG9va0xpZmVjeWNsZUV2ZW50VHlwZShldmVudE5hbWUpKSB7XG4gICAgcmV0dXJuIHN0eWxlcy5ldmVudEhvb2s7XG4gIH1cblxuICAvLyBEZWZhdWx0IC0gQmx1ZVxuICByZXR1cm4gc3R5bGVzLmV2ZW50RGVmYXVsdDtcbn07XG4iXX0=

package/src/components/new-trace-viewer/context.tsx

@@ -1,93 +0,0 @@
-'use client';
-
-import {
-  createContext,
-  type ReactNode,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react';
-import type { Span } from './types';
-
-interface ActiveSpanContextValue {
-  activeSpanId: string | null;
-  activeSpan: Span | null;
-  /** The full span list the selection lives in (ordered as rendered). */
-  spans: Span[];
-  setActiveSpan: (spanId: string) => void;
-  clearActiveSpan: () => void;
-}
-
-const ActiveSpanContext = createContext<ActiveSpanContextValue | null>(null);
-ActiveSpanContext.displayName = 'ActiveSpanContext';
-
-export function ActiveSpanProvider({
-  spans,
-  children,
-}: {
-  spans: Span[];
-  children: ReactNode;
-}) {
-  const [activeSpanId, setActiveSpanId] = useState<string | null>(null);
-
-  useEffect(() => {
-    setActiveSpanId((currentSpanId) => {
-      if (!currentSpanId) {
-        return null;
-      }
-
-      const hasCurrentSpan = spans.some(
-        (span) => span.spanId === currentSpanId
-      );
-      if (hasCurrentSpan) {
-        return currentSpanId;
-      }
-
-      return null;
-    });
-  }, [spans]);
-
-  const activeSpan = useMemo(() => {
-    if (!activeSpanId) {
-      return null;
-    }
-
-    return spans.find((span) => span.spanId === activeSpanId) ?? null;
-  }, [activeSpanId, spans]);
-
-  const setActiveSpan = useCallback((spanId: string) => {
-    setActiveSpanId(spanId);
-  }, []);
-
-  const clearActiveSpan = useCallback(() => {
-    setActiveSpanId(null);
-  }, []);
-
-  const value = useMemo<ActiveSpanContextValue>(
-    () => ({
-      activeSpanId,
-      activeSpan,
-      spans,
-      setActiveSpan,
-      clearActiveSpan,
-    }),
-    [activeSpanId, activeSpan, spans, setActiveSpan, clearActiveSpan]
-  );
-
-  return (
-    <ActiveSpanContext.Provider value={value}>
-      {children}
-    </ActiveSpanContext.Provider>
-  );
-}
-
-export const useActiveSpan = (): ActiveSpanContextValue => {
-  const context = useContext(ActiveSpanContext);
-  if (!context) {
-    throw new Error('useActiveSpan must be used within ActiveSpanProvider');
-  }
-
-  return context;
-};