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

package/src/components/workflow-traces/trace-colors.ts

@@ -1,112 +0,0 @@
-/**
- * Color utilities for workflow traces
- */
-
-import {
-  isHookLifecycleEventType,
-  type Step,
-  type WorkflowRun,
-} from '@workflow/world';
-import styles from '../trace-viewer/trace-viewer.module.css';
-import type { SpanNode, SpanNodeEvent } from '../trace-viewer/types';
-
-/**
- * Get the CSS class name for a workflow entity based on its status
- */
-function getStatusClassName(
-  status: Step['status'] | WorkflowRun['status'],
-  isStripped = false
-): string {
-  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: string): boolean {
-  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: SpanNode): string => {
-  const attributes = span.span.attributes;
-  const resource = attributes?.resource;
-
-  if (resource === 'step') {
-    const stepData = attributes.data as Step;
-    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 as WorkflowRun;
-    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: SpanNodeEvent
-): string => {
-  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;
-};

package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/middle-truncate.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { useCallback, useRef } from 'react';
 import type { ClipboardEvent, ComponentPropsWithoutRef, JSX } from 'react';
+import { useCallback, useRef } from 'react';
 import { cn } from '../../../../lib/cn';
 import {
   getMiddleTruncateCopyText,