@workflow/web-shared 5.0.0-beta.3 → 5.0.0-beta.4

package/dist/components/new-trace-viewer/trace-viewer.js

@@ -1,21 +1,20 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { parseStepName, parseWorkflowName } from '@workflow/utils/parse-name';
-import { Search, X } from 'lucide-react';
+import { RotateCcw, Search, X, ZoomIn, ZoomOut } from 'lucide-react';
 import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { ErrorBoundary } from '../error-boundary';
 import { EntityDetailPanel, } from '../sidebar/entity-detail-panel';
 import { useSidebarDataOptional } from '../sidebar/sidebar-data-context';
 import { formatDuration, getHighResInMs } from '../trace-viewer/util/timing';
 import { CopyButton } from './components/copy-button';
-import { SplitPane } from './components/split-pane';
 import EventList from './components/event-list';
-import { Timeline, TimelineHeader } from './components/timeline';
+import { SplitPane } from './components/split-pane';
+import { Timeline, TimelineHeader, TIMELINE_PADDING_PX, } from './components/timeline';
 import { ActiveSpanProvider, useActiveSpan } from './context';
 import { DetailPanel } from './detail-panel';
-import { buildTimeCompression, computeRootBounds } from './utils';
+import { computeRootBounds, computeTimeMarkers } from './utils';
 const MIN_VIEWPORT_MS = 0.001;
-const TIMELINE_PADDING = 16;
 function useAnimatedViewport(initial) {
     const [viewport, setViewportState] = useState(initial);
     const animRef = useRef(null);
@@ -125,12 +124,34 @@ function NewTraceViewerContent({ trace }) {
         prevRootRef.current = { start: newStart, end: newEnd };
     }, [root.startTime, root.duration]);
     const viewDuration = viewport.end - viewport.start;
-    const compression = useMemo(() => buildTimeCompression(trace.spans, viewport.start, viewport.end), [trace.spans, viewport.start, viewport.end]);
-    const isZoomed = viewport.start > root.startTime + 0.01 ||
-        viewport.end < root.startTime + root.duration - 0.01;
+    const timeMarkers = useMemo(() => computeTimeMarkers(viewDuration, viewport.start - root.startTime), [viewDuration, viewport.start, root.startTime]);
     const resetZoom = useCallback(() => {
         animateTo({ start: root.startTime, end: root.startTime + root.duration });
     }, [animateTo, root.startTime, root.duration]);
+    const ZOOM_FACTOR = 0.5;
+    const zoomBy = useCallback((factor) => {
+        const rootS = root.startTime;
+        const rootE = root.startTime + root.duration;
+        const rootD = root.duration;
+        setViewport((prev) => {
+            const prevDuration = prev.end - prev.start;
+            const center = (prev.start + prev.end) / 2;
+            const newDuration = Math.max(MIN_VIEWPORT_MS, Math.min(rootD, prevDuration * factor));
+            let newStart = center - newDuration / 2;
+            let newEnd = center + newDuration / 2;
+            if (newStart < rootS) {
+                newStart = rootS;
+                newEnd = rootS + newDuration;
+            }
+            if (newEnd > rootE) {
+                newEnd = rootE;
+                newStart = Math.max(rootS, rootE - newDuration);
+            }
+            return { start: newStart, end: newEnd };
+        });
+    }, [setViewport, root.startTime, root.duration]);
+    const zoomIn = useCallback(() => zoomBy(ZOOM_FACTOR), [zoomBy]);
+    const zoomOut = useCallback(() => zoomBy(1 / ZOOM_FACTOR), [zoomBy]);
     const handleSelectSpan = useCallback((spanId) => {
         if (spanId === activeSpanId) {
             clearActiveSpan();
@@ -208,20 +229,19 @@ function NewTraceViewerContent({ trace }) {
     const hoverInfo = useMemo(() => {
         if (hoverFraction == null)
             return null;
-        const absTime = compression.fromVisual(hoverFraction);
+        const absTime = viewport.start + hoverFraction * viewDuration;
         const offset = absTime - root.startTime;
         return { fraction: hoverFraction, label: formatDuration(offset, true) };
-    }, [hoverFraction, compression, root.startTime]);
+    }, [hoverFraction, viewport.start, viewDuration, root.startTime]);
     const handleTimelineMouseMove = useCallback((e) => {
         const el = timelineRef.current;
         if (!el)
             return;
         const rect = el.getBoundingClientRect();
-        const padding = 8;
-        const contentWidth = rect.width - padding * 2;
+        const contentWidth = rect.width - TIMELINE_PADDING_PX * 2;
         if (contentWidth <= 0)
             return;
-        const fraction = Math.max(0, Math.min(1, (e.clientX - rect.left - padding) / contentWidth));
+        const fraction = Math.max(0, Math.min(1, (e.clientX - rect.left - TIMELINE_PADDING_PX) / contentWidth));
         setHoverFraction(fraction);
     }, []);
     const handleTimelineMouseLeave = useCallback(() => {
@@ -243,14 +263,14 @@ function NewTraceViewerContent({ trace }) {
                 return;
             e.preventDefault();
             const rect = el.getBoundingClientRect();
-            const contentWidth = rect.width - TIMELINE_PADDING * 2;
+            const contentWidth = rect.width - TIMELINE_PADDING_PX * 2;
             if (contentWidth <= 0)
                 return;
             if (isZoomGesture) {
                 let dy = e.deltaY;
                 if (e.deltaMode === 1)
                     dy *= 16;
-                const cursorFraction = Math.max(0, Math.min(1, (e.clientX - rect.left - TIMELINE_PADDING) / contentWidth));
+                const cursorFraction = Math.max(0, Math.min(1, (e.clientX - rect.left - TIMELINE_PADDING_PX) / contentWidth));
                 const scaleFactor = Math.pow(2, dy / 200);
                 setViewport((prev) => {
                     const prevDuration = prev.end - prev.start;
@@ -317,13 +337,13 @@ function NewTraceViewerContent({ trace }) {
             data.hookId ??
             selectedSpan.spanId);
     }, [selectedSpan?.data, selectedSpan?.spanId]);
-    return (_jsxs("div", { "data-pane": "pane-root", "data-has-detail": activeSpan ? '' : undefined, className: "grid w-full h-full max-h-full grid-cols-[minmax(100px,1fr)] data-[has-detail]:grid-cols-[minmax(100px,1fr)_clamp(280px,420px,100%)]", children: [_jsx("div", { id: "trace-parent", className: "grid grid-rows-[1fr] h-full min-h-0 overflow-hidden relative bg-background-100", children: _jsxs(SplitPane, { startHeader: _jsxs("div", { className: "bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-center px-2 gap-1.5", children: [_jsx(Search, { className: "w-3.5 h-3.5 shrink-0 text-gray-800" }), _jsx("input", { id: "trace-viewer-search", name: "trace-viewer-search", type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search spans...", "aria-label": "Search spans", className: "flex-1 min-w-0 bg-transparent text-sm text-gray-1000 placeholder:text-gray-800 outline-none" }), searchQuery && (_jsx("button", { type: "button", onClick: () => setSearchQuery(''), className: "shrink-0 p-0.5 rounded-sm text-gray-800 hover:text-gray-1000 hover:bg-gray-200 transition-colors", children: _jsx(X, { className: "w-3 h-3" }) }))] }), endHeader: _jsx(TimelineHeader, { viewStart: viewport.start, viewDuration: viewDuration, rootStart: root.startTime, compression: compression, isZoomed: isZoomed, onResetZoom: resetZoom, hoverInfo: hoverInfo }), children: [_jsx("div", { className: "block overflow-visible", children: _jsx(EventList, { spans: filteredSpans, activeSpanId: activeSpanId, onSelectSpan: handleSelectSpan }) }), _jsx("div", { ref: timelineRef, className: "block min-h-0 overflow-visible relative px-2", onDoubleClick: resetZoom, onMouseMove: handleTimelineMouseMove, onMouseLeave: handleTimelineMouseLeave, children: _jsx(Timeline, { spans: filteredSpans, compression: compression, selectedId: activeSpanId, onSelect: handleSelectSpan, hoverFraction: hoverFraction, altHeld: altHeld }) })] }) }), activeSpan && sidebar ? (_jsxs("aside", { className: "flex flex-col h-full max-h-full bg-background-100 border-l border-gray-alpha-400 overflow-auto", children: [_jsx("div", { className: "flex-shrink-0 px-4 pt-4 pb-3", children: _jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "text-[15px] font-semibold text-gray-1000 truncate block", children: selectedSpanName }), selectedResourceId && (_jsxs("div", { className: "mt-1 flex items-center gap-2", children: [selectedResource && (_jsx("span", { className: `inline-flex items-center rounded-md px-1.5 py-0.5 text-[11px] font-medium leading-none shrink-0 ${selectedResource === 'step'
+    return (_jsxs("div", { "data-pane": 'pane-root', "data-has-detail": activeSpan ? '' : undefined, className: 'grid w-full h-full max-h-full grid-cols-[minmax(100px,1fr)] data-[has-detail]:grid-cols-[minmax(100px,1fr)_clamp(280px,420px,100%)]', children: [_jsxs("div", { id: 'trace-parent', className: 'grid grid-rows-[1fr] h-full min-h-0 overflow-hidden relative bg-background-100', children: [_jsxs(SplitPane, { startHeader: _jsxs("div", { className: 'bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-center px-2 gap-1.5', children: [_jsx(Search, { className: 'w-3.5 h-3.5 shrink-0 text-gray-800' }), _jsx("input", { id: 'trace-viewer-search', name: 'trace-viewer-search', type: 'text', value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: 'Search spans...', "aria-label": 'Search spans', className: 'flex-1 min-w-0 bg-transparent text-sm text-gray-1000 placeholder:text-gray-800 outline-none' }), searchQuery && (_jsx("button", { type: 'button', onClick: () => setSearchQuery(''), className: 'shrink-0 p-0.5 rounded-sm text-gray-800 hover:text-gray-1000 hover:bg-gray-200 transition-colors', children: _jsx(X, { className: 'w-3 h-3' }) }))] }), endHeader: _jsx(TimelineHeader, { markers: timeMarkers, hoverInfo: hoverInfo }), children: [_jsx("div", { className: 'block overflow-visible', children: _jsx(EventList, { spans: filteredSpans, activeSpanId: activeSpanId, onSelectSpan: handleSelectSpan }) }), _jsx("div", { ref: timelineRef, className: 'block min-h-0 overflow-visible relative', onDoubleClick: resetZoom, onMouseMove: handleTimelineMouseMove, onMouseLeave: handleTimelineMouseLeave, children: _jsx(Timeline, { spans: filteredSpans, viewStart: viewport.start, viewEnd: viewport.end, markers: timeMarkers, selectedId: activeSpanId, onSelect: handleSelectSpan, hoverFraction: hoverFraction, altHeld: altHeld }) })] }), _jsxs("div", { className: 'absolute right-3 bottom-3 z-[5] flex items-center border border-gray-alpha-400 rounded-lg bg-background-100 shadow-sm overflow-hidden divide-x divide-gray-alpha-400', children: [_jsx("button", { type: 'button', className: 'flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100', onClick: zoomOut, "aria-label": 'Zoom out', children: _jsx(ZoomOut, { className: 'w-4 h-4' }) }), _jsx("button", { type: 'button', className: 'flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100', onClick: resetZoom, "aria-label": 'Reset zoom', children: _jsx(RotateCcw, { className: 'w-3.5 h-3.5' }) }), _jsx("button", { type: 'button', className: 'flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100', onClick: zoomIn, "aria-label": 'Zoom in', children: _jsx(ZoomIn, { className: 'w-4 h-4' }) })] })] }), activeSpan && sidebar ? (_jsxs("aside", { className: 'flex flex-col h-full max-h-full bg-background-100 border-l border-gray-alpha-400 overflow-auto', children: [_jsx("div", { className: 'flex-shrink-0 px-4 pt-4 pb-3', children: _jsxs("div", { className: 'flex items-start justify-between gap-2', children: [_jsxs("div", { className: 'min-w-0 flex-1', children: [_jsx("span", { className: 'text-[15px] font-semibold text-gray-1000 truncate block', children: selectedSpanName }), selectedResourceId && (_jsxs("div", { className: 'mt-1 flex items-center gap-2', children: [selectedResource && (_jsx("span", { className: `inline-flex items-center rounded-md px-1.5 py-0.5 text-[11px] font-medium leading-none shrink-0 ${selectedResource === 'step'
                                                         ? 'bg-green-200 text-green-900'
                                                         : selectedResource === 'run'
                                                             ? 'bg-blue-200 text-blue-900'
                                                             : selectedResource === 'hook'
                                                                 ? 'bg-yellow-200 text-yellow-900'
                                                                 : 'bg-gray-200 text-gray-900'}`, children: selectedResource.charAt(0).toUpperCase() +
-                                                        selectedResource.slice(1) })), _jsxs("div", { className: "flex items-center gap-1 text-[13px] font-mono text-gray-700 min-w-0", title: selectedResourceId, children: [_jsx("span", { className: "truncate", children: selectedResourceId }), _jsx(CopyButton, { copyText: selectedResourceId, ariaLabel: "Copy ID", className: "shrink-0" })] })] }))] }), _jsx("button", { type: "button", className: "p-1 rounded-md text-gray-900 hover:text-gray-1000 hover:bg-gray-alpha-200 transition-colors shrink-0", onClick: clearActiveSpan, children: _jsx(X, { className: "w-4 h-4" }) })] }) }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx(ErrorBoundary, { children: _jsx(EntityDetailPanel, { run: sidebar.run, onStreamClick: sidebar.onStreamClick, onRunClick: sidebar.onRunClick, spanDetailData: sidebar.spanDetailData, spanDetailError: sidebar.spanDetailError, spanDetailLoading: sidebar.spanDetailLoading, onSpanSelect: sidebar.onSpanSelect, onWakeUpSleep: sidebar.onWakeUpSleep, onLoadEventData: sidebar.onLoadEventData, onResolveHook: sidebar.onResolveHook, encryptionKey: sidebar.encryptionKey, onDecrypt: sidebar.onDecrypt, isDecrypting: sidebar.isDecrypting, selectedSpan: selectedSpan }) }) })] })) : activeSpan ? (_jsx(DetailPanel, { span: activeSpan, rootStart: root.startTime, onClose: clearActiveSpan })) : null] }));
+                                                        selectedResource.slice(1) })), _jsxs("div", { className: 'flex items-center gap-1 text-[13px] font-mono text-gray-700 min-w-0', title: selectedResourceId, children: [_jsx("span", { className: 'truncate', children: selectedResourceId }), _jsx(CopyButton, { copyText: selectedResourceId, ariaLabel: 'Copy ID', className: 'shrink-0' })] })] }))] }), _jsx("button", { type: 'button', className: 'p-1 rounded-md text-gray-900 hover:text-gray-1000 hover:bg-gray-alpha-200 transition-colors shrink-0', onClick: clearActiveSpan, children: _jsx(X, { className: 'w-4 h-4' }) })] }) }), _jsx("div", { className: 'flex-1 overflow-y-auto', children: _jsx(ErrorBoundary, { children: _jsx(EntityDetailPanel, { run: sidebar.run, onStreamClick: sidebar.onStreamClick, onRunClick: sidebar.onRunClick, spanDetailData: sidebar.spanDetailData, spanDetailError: sidebar.spanDetailError, spanDetailLoading: sidebar.spanDetailLoading, onSpanSelect: sidebar.onSpanSelect, onWakeUpSleep: sidebar.onWakeUpSleep, onLoadEventData: sidebar.onLoadEventData, onResolveHook: sidebar.onResolveHook, encryptionKey: sidebar.encryptionKey, onDecrypt: sidebar.onDecrypt, isDecrypting: sidebar.isDecrypting, selectedSpan: selectedSpan }) }) })] })) : activeSpan ? (_jsx(DetailPanel, { span: activeSpan, rootStart: root.startTime, onClose: clearActiveSpan })) : null] }));
 }
 //# sourceMappingURL=trace-viewer.js.map

package/dist/components/new-trace-viewer/trace-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-viewer.js","sourceRoot":"","sources":["../../../src/components/new-trace-viewer/trace-viewer.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { parseStepName, parseWorkflowName } from '@workflow/utils/parse-name';\nimport { Search, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ErrorBoundary } from '../error-boundary';\nimport {\n  EntityDetailPanel,\n  type SelectedSpanInfo,\n} from '../sidebar/entity-detail-panel';\nimport { useSidebarDataOptional } from '../sidebar/sidebar-data-context';\nimport type { Trace } from '../trace-viewer/types';\nimport { formatDuration, getHighResInMs } from '../trace-viewer/util/timing';\nimport { CopyButton } from './components/copy-button';\nimport { SplitPane } from './components/split-pane';\nimport EventList from './components/event-list';\nimport { Timeline, TimelineHeader } from './components/timeline';\nimport { ActiveSpanProvider, useActiveSpan } from './context';\nimport { DetailPanel } from './detail-panel';\nimport { buildTimeCompression, computeRootBounds } from './utils';\n\ninterface NewTraceViewerProps {\n  trace: Trace;\n}\n\nconst MIN_VIEWPORT_MS = 0.001;\nconst TIMELINE_PADDING = 16;\n\ninterface Viewport {\n  start: number;\n  end: number;\n}\n\nfunction useAnimatedViewport(initial: Viewport) {\n  const [viewport, setViewportState] = useState<Viewport>(initial);\n  const animRef = useRef<{\n    raf: number;\n    from: Viewport;\n    to: Viewport;\n    start: number;\n  } | null>(null);\n  const currentRef = useRef(initial);\n  currentRef.current = viewport;\n\n  const cancel = useCallback(() => {\n    if (animRef.current) {\n      cancelAnimationFrame(animRef.current.raf);\n      animRef.current = null;\n    }\n  }, []);\n\n  const animateTo = useCallback(\n    (target: Viewport) => {\n      cancel();\n      const from = currentRef.current;\n      const anim = { raf: 0, from, to: target, start: performance.now() };\n\n      const tick = () => {\n        const t = Math.min((performance.now() - anim.start) / 150, 1);\n        const e = 1 - (1 - t) * (1 - t);\n        setViewportState({\n          start: anim.from.start + (anim.to.start - anim.from.start) * e,\n          end: anim.from.end + (anim.to.end - anim.from.end) * e,\n        });\n        if (t < 1) anim.raf = requestAnimationFrame(tick);\n        else animRef.current = null;\n      };\n\n      animRef.current = anim;\n      anim.raf = requestAnimationFrame(tick);\n    },\n    [cancel]\n  );\n\n  const setViewport = useCallback(\n    (update: Viewport | ((prev: Viewport) => Viewport)) => {\n      cancel();\n      if (typeof update === 'function') {\n        setViewportState((prev) => {\n          const next = update(prev);\n          currentRef.current = next;\n          return next;\n        });\n      } else {\n        currentRef.current = update;\n        setViewportState(update);\n      }\n    },\n    [cancel]\n  );\n\n  useEffect(() => cancel, [cancel]);\n\n  return { viewport, setViewport, animateTo };\n}\n\n// ---------------------------------------------------------------------------\n// Hook: bridge ActiveSpanContext + SidebarDataContext → SelectedSpanInfo\n// ---------------------------------------------------------------------------\n\nfunction useSelectedSpanInfo(): SelectedSpanInfo | null {\n  const { activeSpan } = useActiveSpan();\n  const sidebar = useSidebarDataOptional();\n\n  return useMemo(() => {\n    if (!activeSpan || !sidebar) return null;\n\n    const correlationId = activeSpan.spanId;\n    const rawEvents = correlationId\n      ? sidebar.events.filter((e) => e.correlationId === correlationId)\n      : [];\n\n    return {\n      data: activeSpan.attributes?.data,\n      resource: activeSpan.attributes?.resource as string | undefined,\n      spanId: activeSpan.spanId,\n      rawEvents,\n    };\n  }, [activeSpan, sidebar?.events]);\n}\n\n// ---------------------------------------------------------------------------\n// Root component\n// ---------------------------------------------------------------------------\n\nexport function NewTraceViewer({ trace }: NewTraceViewerProps): ReactNode {\n  return (\n    <ActiveSpanProvider spans={trace.spans}>\n      <NewTraceViewerContent trace={trace} />\n    </ActiveSpanProvider>\n  );\n}\n\nfunction NewTraceViewerContent({ trace }: NewTraceViewerProps): ReactNode {\n  const { activeSpan, activeSpanId, setActiveSpan, clearActiveSpan } =\n    useActiveSpan();\n\n  const sidebar = useSidebarDataOptional();\n  const selectedSpan = useSelectedSpanInfo();\n\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const filteredSpans = useMemo(() => {\n    const q = searchQuery.trim().toLowerCase();\n    if (!q) return trace.spans;\n    return trace.spans.filter(\n      (s) =>\n        s.name.toLowerCase().includes(q) || s.resource.toLowerCase().includes(q)\n    );\n  }, [trace.spans, searchQuery]);\n\n  const root = useMemo(() => computeRootBounds(trace.spans), [trace.spans]);\n\n  const { viewport, setViewport, animateTo } = useAnimatedViewport({\n    start: root.startTime,\n    end: root.startTime + root.duration,\n  });\n\n  const prevRootRef = useRef<Viewport>({\n    start: root.startTime,\n    end: root.startTime + root.duration,\n  });\n\n  useEffect(() => {\n    const prevRoot = prevRootRef.current;\n    const newStart = root.startTime;\n    const newEnd = root.startTime + root.duration;\n\n    setViewport((prev) => {\n      const wasAtFullExtent =\n        Math.abs(prev.start - prevRoot.start) < 0.01 &&\n        Math.abs(prev.end - prevRoot.end) < 0.01;\n\n      if (wasAtFullExtent) {\n        return { start: newStart, end: newEnd };\n      }\n      return prev;\n    });\n\n    prevRootRef.current = { start: newStart, end: newEnd };\n  }, [root.startTime, root.duration]);\n\n  const viewDuration = viewport.end - viewport.start;\n\n  const compression = useMemo(\n    () => buildTimeCompression(trace.spans, viewport.start, viewport.end),\n    [trace.spans, viewport.start, viewport.end]\n  );\n\n  const isZoomed =\n    viewport.start > root.startTime + 0.01 ||\n    viewport.end < root.startTime + root.duration - 0.01;\n\n  const resetZoom = useCallback(() => {\n    animateTo({ start: root.startTime, end: root.startTime + root.duration });\n  }, [animateTo, root.startTime, root.duration]);\n\n  const handleSelectSpan = useCallback(\n    (spanId: string) => {\n      if (spanId === activeSpanId) {\n        clearActiveSpan();\n        return;\n      }\n      setActiveSpan(spanId);\n\n      const span = trace.spans.find((s) => s.spanId === spanId);\n      if (!span) return;\n\n      const spanStart = getHighResInMs(span.startTime);\n      const spanEnd = getHighResInMs(span.endTime);\n      const spanDuration = spanEnd - spanStart;\n\n      const rootS = root.startTime;\n      const rootE = root.startTime + root.duration;\n      const rootD = root.duration;\n\n      if (spanDuration > rootD * 0.8) {\n        animateTo({ start: rootS, end: rootE });\n        return;\n      }\n\n      const padding = Math.max(spanDuration * 0.2, MIN_VIEWPORT_MS / 2);\n      let newStart = spanStart - padding;\n      let newEnd = spanEnd + padding;\n\n      if (newEnd - newStart < MIN_VIEWPORT_MS) {\n        const center = (spanStart + spanEnd) / 2;\n        newStart = center - MIN_VIEWPORT_MS / 2;\n        newEnd = center + MIN_VIEWPORT_MS / 2;\n      }\n\n      if (newStart < rootS) {\n        const duration = newEnd - newStart;\n        newStart = rootS;\n        newEnd = Math.min(rootE, rootS + duration);\n      }\n      if (newEnd > rootE) {\n        const duration = newEnd - newStart;\n        newEnd = rootE;\n        newStart = Math.max(rootS, rootE - duration);\n      }\n\n      animateTo({ start: newStart, end: newEnd });\n    },\n    [\n      animateTo,\n      setActiveSpan,\n      clearActiveSpan,\n      activeSpanId,\n      trace.spans,\n      root.startTime,\n      root.duration,\n    ]\n  );\n\n  const [altHeld, setAltHeld] = useState(false);\n\n  useEffect(() => {\n    const onKeyDown = (e: KeyboardEvent): void => {\n      if (e.key === 'Escape') {\n        clearActiveSpan();\n      }\n      if (e.key === 'Alt') {\n        e.preventDefault();\n        setAltHeld(true);\n      }\n    };\n    const onKeyUp = (e: KeyboardEvent): void => {\n      if (e.key === 'Alt') setAltHeld(false);\n    };\n    const onBlur = (): void => setAltHeld(false);\n\n    window.addEventListener('keydown', onKeyDown);\n    window.addEventListener('keyup', onKeyUp);\n    window.addEventListener('blur', onBlur);\n    return () => {\n      window.removeEventListener('keydown', onKeyDown);\n      window.removeEventListener('keyup', onKeyUp);\n      window.removeEventListener('blur', onBlur);\n    };\n  }, [clearActiveSpan]);\n\n  const timelineRef = useRef<HTMLDivElement>(null);\n  const [hoverFraction, setHoverFraction] = useState<number | null>(null);\n\n  const hoverInfo = useMemo(() => {\n    if (hoverFraction == null) return null;\n    const absTime = compression.fromVisual(hoverFraction);\n    const offset = absTime - root.startTime;\n    return { fraction: hoverFraction, label: formatDuration(offset, true) };\n  }, [hoverFraction, compression, root.startTime]);\n\n  const handleTimelineMouseMove = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      const el = timelineRef.current;\n      if (!el) return;\n      const rect = el.getBoundingClientRect();\n      const padding = 8;\n      const contentWidth = rect.width - padding * 2;\n      if (contentWidth <= 0) return;\n      const fraction = Math.max(\n        0,\n        Math.min(1, (e.clientX - rect.left - padding) / contentWidth)\n      );\n      setHoverFraction(fraction);\n    },\n    []\n  );\n\n  const handleTimelineMouseLeave = useCallback(() => {\n    setHoverFraction(null);\n  }, []);\n\n  useEffect(() => {\n    const el = timelineRef.current;\n    if (!el) return;\n\n    const rootS = root.startTime;\n    const rootE = root.startTime + root.duration;\n    const rootD = root.duration;\n    if (rootD <= 0) return;\n\n    const onWheel = (e: WheelEvent): void => {\n      const isZoomGesture = e.ctrlKey || e.metaKey;\n      const hasDeltaX = Math.abs(e.deltaX) > Math.abs(e.deltaY);\n\n      if (!isZoomGesture && !hasDeltaX) return;\n      e.preventDefault();\n\n      const rect = el.getBoundingClientRect();\n      const contentWidth = rect.width - TIMELINE_PADDING * 2;\n      if (contentWidth <= 0) return;\n\n      if (isZoomGesture) {\n        let dy = e.deltaY;\n        if (e.deltaMode === 1) dy *= 16;\n\n        const cursorFraction = Math.max(\n          0,\n          Math.min(1, (e.clientX - rect.left - TIMELINE_PADDING) / contentWidth)\n        );\n        const scaleFactor = Math.pow(2, dy / 200);\n\n        setViewport((prev) => {\n          const prevDuration = prev.end - prev.start;\n          const cursorTime = prev.start + cursorFraction * prevDuration;\n          const newDuration = Math.max(\n            MIN_VIEWPORT_MS,\n            Math.min(rootD, prevDuration * scaleFactor)\n          );\n\n          let newStart = cursorTime - cursorFraction * newDuration;\n          let newEnd = newStart + newDuration;\n\n          if (newStart < rootS) {\n            newStart = rootS;\n            newEnd = rootS + newDuration;\n          }\n          if (newEnd > rootE) {\n            newEnd = rootE;\n            newStart = Math.max(rootS, rootE - newDuration);\n          }\n\n          return { start: newStart, end: newEnd };\n        });\n      } else {\n        let dx = e.deltaX;\n        if (e.deltaMode === 1) dx *= 16;\n\n        setViewport((prev) => {\n          const prevDuration = prev.end - prev.start;\n          const panAmount = (dx / contentWidth) * prevDuration;\n\n          let newStart = prev.start + panAmount;\n          let newEnd = prev.end + panAmount;\n\n          if (newStart < rootS) {\n            newStart = rootS;\n            newEnd = rootS + prevDuration;\n          }\n          if (newEnd > rootE) {\n            newEnd = rootE;\n            newStart = Math.max(rootS, rootE - prevDuration);\n          }\n\n          return { start: newStart, end: newEnd };\n        });\n      }\n    };\n\n    el.addEventListener('wheel', onWheel, { passive: false });\n    return () => el.removeEventListener('wheel', onWheel);\n  }, [root.startTime, root.duration]);\n\n  // Derive the selected span name and metadata for the panel header\n  const selectedSpanName = useMemo(() => {\n    if (!selectedSpan?.data) return 'Details';\n    const data = selectedSpan.data as Record<string, unknown>;\n    const stepName = data.stepName as string | undefined;\n    const workflowName = data.workflowName as string | undefined;\n    return (\n      (stepName ? parseStepName(stepName)?.shortName : undefined) ??\n      (workflowName ? parseWorkflowName(workflowName)?.shortName : undefined) ??\n      stepName ??\n      workflowName ??\n      (data.hookId as string) ??\n      'Details'\n    );\n  }, [selectedSpan?.data]);\n\n  const selectedResource = selectedSpan?.resource as string | undefined;\n  const selectedResourceId = useMemo(() => {\n    if (!selectedSpan?.data) return undefined;\n    const data = selectedSpan.data as Record<string, unknown>;\n    return (\n      (data.stepId as string) ??\n      (data.runId as string) ??\n      (data.hookId as string) ??\n      selectedSpan.spanId\n    );\n  }, [selectedSpan?.data, selectedSpan?.spanId]);\n\n  return (\n    <div\n      data-pane=\"pane-root\"\n      data-has-detail={activeSpan ? '' : undefined}\n      className=\"grid w-full h-full max-h-full grid-cols-[minmax(100px,1fr)] data-[has-detail]:grid-cols-[minmax(100px,1fr)_clamp(280px,420px,100%)]\"\n    >\n      <div\n        id=\"trace-parent\"\n        className=\"grid grid-rows-[1fr] h-full min-h-0 overflow-hidden relative bg-background-100\"\n      >\n        <SplitPane\n          startHeader={\n            <div className=\"bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-center px-2 gap-1.5\">\n              <Search className=\"w-3.5 h-3.5 shrink-0 text-gray-800\" />\n              <input\n                id=\"trace-viewer-search\"\n                name=\"trace-viewer-search\"\n                type=\"text\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                placeholder=\"Search spans...\"\n                aria-label=\"Search spans\"\n                className=\"flex-1 min-w-0 bg-transparent text-sm text-gray-1000 placeholder:text-gray-800 outline-none\"\n              />\n              {searchQuery && (\n                <button\n                  type=\"button\"\n                  onClick={() => setSearchQuery('')}\n                  className=\"shrink-0 p-0.5 rounded-sm text-gray-800 hover:text-gray-1000 hover:bg-gray-200 transition-colors\"\n                >\n                  <X className=\"w-3 h-3\" />\n                </button>\n              )}\n            </div>\n          }\n          endHeader={\n            <TimelineHeader\n              viewStart={viewport.start}\n              viewDuration={viewDuration}\n              rootStart={root.startTime}\n              compression={compression}\n              isZoomed={isZoomed}\n              onResetZoom={resetZoom}\n              hoverInfo={hoverInfo}\n            />\n          }\n        >\n          <div className=\"block overflow-visible\">\n            <EventList\n              spans={filteredSpans}\n              activeSpanId={activeSpanId}\n              onSelectSpan={handleSelectSpan}\n            />\n          </div>\n          <div\n            ref={timelineRef}\n            className=\"block min-h-0 overflow-visible relative px-2\"\n            onDoubleClick={resetZoom}\n            onMouseMove={handleTimelineMouseMove}\n            onMouseLeave={handleTimelineMouseLeave}\n          >\n            <Timeline\n              spans={filteredSpans}\n              compression={compression}\n              selectedId={activeSpanId}\n              onSelect={handleSelectSpan}\n              hoverFraction={hoverFraction}\n              altHeld={altHeld}\n            />\n          </div>\n        </SplitPane>\n      </div>\n\n      {/* Detail panel */}\n      {activeSpan && sidebar ? (\n        <aside className=\"flex flex-col h-full max-h-full bg-background-100 border-l border-gray-alpha-400 overflow-auto\">\n          {/* Panel header */}\n          <div className=\"flex-shrink-0 px-4 pt-4 pb-3\">\n            <div className=\"flex items-start justify-between gap-2\">\n              <div className=\"min-w-0 flex-1\">\n                <span className=\"text-[15px] font-semibold text-gray-1000 truncate block\">\n                  {selectedSpanName}\n                </span>\n                {selectedResourceId && (\n                  <div className=\"mt-1 flex items-center gap-2\">\n                    {selectedResource && (\n                      <span\n                        className={`inline-flex items-center rounded-md px-1.5 py-0.5 text-[11px] font-medium leading-none shrink-0 ${\n                          selectedResource === 'step'\n                            ? 'bg-green-200 text-green-900'\n                            : selectedResource === 'run'\n                              ? 'bg-blue-200 text-blue-900'\n                              : selectedResource === 'hook'\n                                ? 'bg-yellow-200 text-yellow-900'\n                                : 'bg-gray-200 text-gray-900'\n                        }`}\n                      >\n                        {selectedResource.charAt(0).toUpperCase() +\n                          selectedResource.slice(1)}\n                      </span>\n                    )}\n                    <div\n                      className=\"flex items-center gap-1 text-[13px] font-mono text-gray-700 min-w-0\"\n                      title={selectedResourceId}\n                    >\n                      <span className=\"truncate\">{selectedResourceId}</span>\n                      <CopyButton\n                        copyText={selectedResourceId}\n                        ariaLabel=\"Copy ID\"\n                        className=\"shrink-0\"\n                      />\n                    </div>\n                  </div>\n                )}\n              </div>\n              <button\n                type=\"button\"\n                className=\"p-1 rounded-md text-gray-900 hover:text-gray-1000 hover:bg-gray-alpha-200 transition-colors shrink-0\"\n                onClick={clearActiveSpan}\n              >\n                <X className=\"w-4 h-4\" />\n              </button>\n            </div>\n          </div>\n          {/* Panel body */}\n          <div className=\"flex-1 overflow-y-auto\">\n            <ErrorBoundary>\n              <EntityDetailPanel\n                run={sidebar.run}\n                onStreamClick={sidebar.onStreamClick}\n                onRunClick={sidebar.onRunClick}\n                spanDetailData={sidebar.spanDetailData}\n                spanDetailError={sidebar.spanDetailError}\n                spanDetailLoading={sidebar.spanDetailLoading}\n                onSpanSelect={sidebar.onSpanSelect}\n                onWakeUpSleep={sidebar.onWakeUpSleep}\n                onLoadEventData={sidebar.onLoadEventData}\n                onResolveHook={sidebar.onResolveHook}\n                encryptionKey={sidebar.encryptionKey}\n                onDecrypt={sidebar.onDecrypt}\n                isDecrypting={sidebar.isDecrypting}\n                selectedSpan={selectedSpan}\n              />\n            </ErrorBoundary>\n          </div>\n        </aside>\n      ) : activeSpan ? (\n        <DetailPanel\n          span={activeSpan}\n          rootStart={root.startTime}\n          onClose={clearActiveSpan}\n        />\n      ) : null}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"trace-viewer.js","sourceRoot":"","sources":["../../../src/components/new-trace-viewer/trace-viewer.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { parseStepName, parseWorkflowName } from '@workflow/utils/parse-name';\nimport { RotateCcw, Search, X, ZoomIn, ZoomOut } from 'lucide-react';\nimport {\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ErrorBoundary } from '../error-boundary';\nimport {\n  EntityDetailPanel,\n  type SelectedSpanInfo,\n} from '../sidebar/entity-detail-panel';\nimport { useSidebarDataOptional } from '../sidebar/sidebar-data-context';\nimport type { Trace } from '../trace-viewer/types';\nimport { formatDuration, getHighResInMs } from '../trace-viewer/util/timing';\nimport { CopyButton } from './components/copy-button';\nimport EventList from './components/event-list';\nimport { SplitPane } from './components/split-pane';\nimport {\n  Timeline,\n  TimelineHeader,\n  TIMELINE_PADDING_PX,\n} from './components/timeline';\nimport { ActiveSpanProvider, useActiveSpan } from './context';\nimport { DetailPanel } from './detail-panel';\nimport { computeRootBounds, computeTimeMarkers } from './utils';\n\ninterface NewTraceViewerProps {\n  trace: Trace;\n}\n\nconst MIN_VIEWPORT_MS = 0.001;\n\ninterface Viewport {\n  start: number;\n  end: number;\n}\n\nfunction useAnimatedViewport(initial: Viewport) {\n  const [viewport, setViewportState] = useState<Viewport>(initial);\n  const animRef = useRef<{\n    raf: number;\n    from: Viewport;\n    to: Viewport;\n    start: number;\n  } | null>(null);\n  const currentRef = useRef(initial);\n  currentRef.current = viewport;\n\n  const cancel = useCallback(() => {\n    if (animRef.current) {\n      cancelAnimationFrame(animRef.current.raf);\n      animRef.current = null;\n    }\n  }, []);\n\n  const animateTo = useCallback(\n    (target: Viewport) => {\n      cancel();\n      const from = currentRef.current;\n      const anim = { raf: 0, from, to: target, start: performance.now() };\n\n      const tick = () => {\n        const t = Math.min((performance.now() - anim.start) / 150, 1);\n        const e = 1 - (1 - t) * (1 - t);\n        setViewportState({\n          start: anim.from.start + (anim.to.start - anim.from.start) * e,\n          end: anim.from.end + (anim.to.end - anim.from.end) * e,\n        });\n        if (t < 1) anim.raf = requestAnimationFrame(tick);\n        else animRef.current = null;\n      };\n\n      animRef.current = anim;\n      anim.raf = requestAnimationFrame(tick);\n    },\n    [cancel]\n  );\n\n  const setViewport = useCallback(\n    (update: Viewport | ((prev: Viewport) => Viewport)) => {\n      cancel();\n      if (typeof update === 'function') {\n        setViewportState((prev) => {\n          const next = update(prev);\n          currentRef.current = next;\n          return next;\n        });\n      } else {\n        currentRef.current = update;\n        setViewportState(update);\n      }\n    },\n    [cancel]\n  );\n\n  useEffect(() => cancel, [cancel]);\n\n  return { viewport, setViewport, animateTo };\n}\n\n// ---------------------------------------------------------------------------\n// Hook: bridge ActiveSpanContext + SidebarDataContext → SelectedSpanInfo\n// ---------------------------------------------------------------------------\n\nfunction useSelectedSpanInfo(): SelectedSpanInfo | null {\n  const { activeSpan } = useActiveSpan();\n  const sidebar = useSidebarDataOptional();\n\n  return useMemo(() => {\n    if (!activeSpan || !sidebar) return null;\n\n    const correlationId = activeSpan.spanId;\n    const rawEvents = correlationId\n      ? sidebar.events.filter((e) => e.correlationId === correlationId)\n      : [];\n\n    return {\n      data: activeSpan.attributes?.data,\n      resource: activeSpan.attributes?.resource as string | undefined,\n      spanId: activeSpan.spanId,\n      rawEvents,\n    };\n  }, [activeSpan, sidebar?.events]);\n}\n\n// ---------------------------------------------------------------------------\n// Root component\n// ---------------------------------------------------------------------------\n\nexport function NewTraceViewer({ trace }: NewTraceViewerProps): ReactNode {\n  return (\n    <ActiveSpanProvider spans={trace.spans}>\n      <NewTraceViewerContent trace={trace} />\n    </ActiveSpanProvider>\n  );\n}\n\nfunction NewTraceViewerContent({ trace }: NewTraceViewerProps): ReactNode {\n  const { activeSpan, activeSpanId, setActiveSpan, clearActiveSpan } =\n    useActiveSpan();\n\n  const sidebar = useSidebarDataOptional();\n  const selectedSpan = useSelectedSpanInfo();\n\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const filteredSpans = useMemo(() => {\n    const q = searchQuery.trim().toLowerCase();\n    if (!q) return trace.spans;\n    return trace.spans.filter(\n      (s) =>\n        s.name.toLowerCase().includes(q) || s.resource.toLowerCase().includes(q)\n    );\n  }, [trace.spans, searchQuery]);\n\n  const root = useMemo(() => computeRootBounds(trace.spans), [trace.spans]);\n\n  const { viewport, setViewport, animateTo } = useAnimatedViewport({\n    start: root.startTime,\n    end: root.startTime + root.duration,\n  });\n\n  const prevRootRef = useRef<Viewport>({\n    start: root.startTime,\n    end: root.startTime + root.duration,\n  });\n\n  useEffect(() => {\n    const prevRoot = prevRootRef.current;\n    const newStart = root.startTime;\n    const newEnd = root.startTime + root.duration;\n\n    setViewport((prev) => {\n      const wasAtFullExtent =\n        Math.abs(prev.start - prevRoot.start) < 0.01 &&\n        Math.abs(prev.end - prevRoot.end) < 0.01;\n\n      if (wasAtFullExtent) {\n        return { start: newStart, end: newEnd };\n      }\n      return prev;\n    });\n\n    prevRootRef.current = { start: newStart, end: newEnd };\n  }, [root.startTime, root.duration]);\n\n  const viewDuration = viewport.end - viewport.start;\n\n  const timeMarkers = useMemo(\n    () => computeTimeMarkers(viewDuration, viewport.start - root.startTime),\n    [viewDuration, viewport.start, root.startTime]\n  );\n\n  const resetZoom = useCallback(() => {\n    animateTo({ start: root.startTime, end: root.startTime + root.duration });\n  }, [animateTo, root.startTime, root.duration]);\n\n  const ZOOM_FACTOR = 0.5;\n\n  const zoomBy = useCallback(\n    (factor: number) => {\n      const rootS = root.startTime;\n      const rootE = root.startTime + root.duration;\n      const rootD = root.duration;\n\n      setViewport((prev) => {\n        const prevDuration = prev.end - prev.start;\n        const center = (prev.start + prev.end) / 2;\n        const newDuration = Math.max(\n          MIN_VIEWPORT_MS,\n          Math.min(rootD, prevDuration * factor)\n        );\n        let newStart = center - newDuration / 2;\n        let newEnd = center + newDuration / 2;\n\n        if (newStart < rootS) {\n          newStart = rootS;\n          newEnd = rootS + newDuration;\n        }\n        if (newEnd > rootE) {\n          newEnd = rootE;\n          newStart = Math.max(rootS, rootE - newDuration);\n        }\n\n        return { start: newStart, end: newEnd };\n      });\n    },\n    [setViewport, root.startTime, root.duration]\n  );\n\n  const zoomIn = useCallback(() => zoomBy(ZOOM_FACTOR), [zoomBy]);\n  const zoomOut = useCallback(() => zoomBy(1 / ZOOM_FACTOR), [zoomBy]);\n\n  const handleSelectSpan = useCallback(\n    (spanId: string) => {\n      if (spanId === activeSpanId) {\n        clearActiveSpan();\n        return;\n      }\n      setActiveSpan(spanId);\n\n      const span = trace.spans.find((s) => s.spanId === spanId);\n      if (!span) return;\n\n      const spanStart = getHighResInMs(span.startTime);\n      const spanEnd = getHighResInMs(span.endTime);\n      const spanDuration = spanEnd - spanStart;\n\n      const rootS = root.startTime;\n      const rootE = root.startTime + root.duration;\n      const rootD = root.duration;\n\n      if (spanDuration > rootD * 0.8) {\n        animateTo({ start: rootS, end: rootE });\n        return;\n      }\n\n      const padding = Math.max(spanDuration * 0.2, MIN_VIEWPORT_MS / 2);\n      let newStart = spanStart - padding;\n      let newEnd = spanEnd + padding;\n\n      if (newEnd - newStart < MIN_VIEWPORT_MS) {\n        const center = (spanStart + spanEnd) / 2;\n        newStart = center - MIN_VIEWPORT_MS / 2;\n        newEnd = center + MIN_VIEWPORT_MS / 2;\n      }\n\n      if (newStart < rootS) {\n        const duration = newEnd - newStart;\n        newStart = rootS;\n        newEnd = Math.min(rootE, rootS + duration);\n      }\n      if (newEnd > rootE) {\n        const duration = newEnd - newStart;\n        newEnd = rootE;\n        newStart = Math.max(rootS, rootE - duration);\n      }\n\n      animateTo({ start: newStart, end: newEnd });\n    },\n    [\n      animateTo,\n      setActiveSpan,\n      clearActiveSpan,\n      activeSpanId,\n      trace.spans,\n      root.startTime,\n      root.duration,\n    ]\n  );\n\n  const [altHeld, setAltHeld] = useState(false);\n\n  useEffect(() => {\n    const onKeyDown = (e: KeyboardEvent): void => {\n      if (e.key === 'Escape') {\n        clearActiveSpan();\n      }\n      if (e.key === 'Alt') {\n        e.preventDefault();\n        setAltHeld(true);\n      }\n    };\n    const onKeyUp = (e: KeyboardEvent): void => {\n      if (e.key === 'Alt') setAltHeld(false);\n    };\n    const onBlur = (): void => setAltHeld(false);\n\n    window.addEventListener('keydown', onKeyDown);\n    window.addEventListener('keyup', onKeyUp);\n    window.addEventListener('blur', onBlur);\n    return () => {\n      window.removeEventListener('keydown', onKeyDown);\n      window.removeEventListener('keyup', onKeyUp);\n      window.removeEventListener('blur', onBlur);\n    };\n  }, [clearActiveSpan]);\n\n  const timelineRef = useRef<HTMLDivElement>(null);\n  const [hoverFraction, setHoverFraction] = useState<number | null>(null);\n\n  const hoverInfo = useMemo(() => {\n    if (hoverFraction == null) return null;\n    const absTime = viewport.start + hoverFraction * viewDuration;\n    const offset = absTime - root.startTime;\n    return { fraction: hoverFraction, label: formatDuration(offset, true) };\n  }, [hoverFraction, viewport.start, viewDuration, root.startTime]);\n\n  const handleTimelineMouseMove = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      const el = timelineRef.current;\n      if (!el) return;\n      const rect = el.getBoundingClientRect();\n      const contentWidth = rect.width - TIMELINE_PADDING_PX * 2;\n      if (contentWidth <= 0) return;\n      const fraction = Math.max(\n        0,\n        Math.min(\n          1,\n          (e.clientX - rect.left - TIMELINE_PADDING_PX) / contentWidth\n        )\n      );\n      setHoverFraction(fraction);\n    },\n    []\n  );\n\n  const handleTimelineMouseLeave = useCallback(() => {\n    setHoverFraction(null);\n  }, []);\n\n  useEffect(() => {\n    const el = timelineRef.current;\n    if (!el) return;\n\n    const rootS = root.startTime;\n    const rootE = root.startTime + root.duration;\n    const rootD = root.duration;\n    if (rootD <= 0) return;\n\n    const onWheel = (e: WheelEvent): void => {\n      const isZoomGesture = e.ctrlKey || e.metaKey;\n      const hasDeltaX = Math.abs(e.deltaX) > Math.abs(e.deltaY);\n\n      if (!isZoomGesture && !hasDeltaX) return;\n      e.preventDefault();\n\n      const rect = el.getBoundingClientRect();\n      const contentWidth = rect.width - TIMELINE_PADDING_PX * 2;\n      if (contentWidth <= 0) return;\n\n      if (isZoomGesture) {\n        let dy = e.deltaY;\n        if (e.deltaMode === 1) dy *= 16;\n\n        const cursorFraction = Math.max(\n          0,\n          Math.min(\n            1,\n            (e.clientX - rect.left - TIMELINE_PADDING_PX) / contentWidth\n          )\n        );\n        const scaleFactor = Math.pow(2, dy / 200);\n\n        setViewport((prev) => {\n          const prevDuration = prev.end - prev.start;\n          const cursorTime = prev.start + cursorFraction * prevDuration;\n          const newDuration = Math.max(\n            MIN_VIEWPORT_MS,\n            Math.min(rootD, prevDuration * scaleFactor)\n          );\n\n          let newStart = cursorTime - cursorFraction * newDuration;\n          let newEnd = newStart + newDuration;\n\n          if (newStart < rootS) {\n            newStart = rootS;\n            newEnd = rootS + newDuration;\n          }\n          if (newEnd > rootE) {\n            newEnd = rootE;\n            newStart = Math.max(rootS, rootE - newDuration);\n          }\n\n          return { start: newStart, end: newEnd };\n        });\n      } else {\n        let dx = e.deltaX;\n        if (e.deltaMode === 1) dx *= 16;\n\n        setViewport((prev) => {\n          const prevDuration = prev.end - prev.start;\n          const panAmount = (dx / contentWidth) * prevDuration;\n\n          let newStart = prev.start + panAmount;\n          let newEnd = prev.end + panAmount;\n\n          if (newStart < rootS) {\n            newStart = rootS;\n            newEnd = rootS + prevDuration;\n          }\n          if (newEnd > rootE) {\n            newEnd = rootE;\n            newStart = Math.max(rootS, rootE - prevDuration);\n          }\n\n          return { start: newStart, end: newEnd };\n        });\n      }\n    };\n\n    el.addEventListener('wheel', onWheel, { passive: false });\n    return () => el.removeEventListener('wheel', onWheel);\n  }, [root.startTime, root.duration]);\n\n  // Derive the selected span name and metadata for the panel header\n  const selectedSpanName = useMemo(() => {\n    if (!selectedSpan?.data) return 'Details';\n    const data = selectedSpan.data as Record<string, unknown>;\n    const stepName = data.stepName as string | undefined;\n    const workflowName = data.workflowName as string | undefined;\n    return (\n      (stepName ? parseStepName(stepName)?.shortName : undefined) ??\n      (workflowName ? parseWorkflowName(workflowName)?.shortName : undefined) ??\n      stepName ??\n      workflowName ??\n      (data.hookId as string) ??\n      'Details'\n    );\n  }, [selectedSpan?.data]);\n\n  const selectedResource = selectedSpan?.resource as string | undefined;\n  const selectedResourceId = useMemo(() => {\n    if (!selectedSpan?.data) return undefined;\n    const data = selectedSpan.data as Record<string, unknown>;\n    return (\n      (data.stepId as string) ??\n      (data.runId as string) ??\n      (data.hookId as string) ??\n      selectedSpan.spanId\n    );\n  }, [selectedSpan?.data, selectedSpan?.spanId]);\n\n  return (\n    <div\n      data-pane='pane-root'\n      data-has-detail={activeSpan ? '' : undefined}\n      className='grid w-full h-full max-h-full grid-cols-[minmax(100px,1fr)] data-[has-detail]:grid-cols-[minmax(100px,1fr)_clamp(280px,420px,100%)]'\n    >\n      <div\n        id='trace-parent'\n        className='grid grid-rows-[1fr] h-full min-h-0 overflow-hidden relative bg-background-100'\n      >\n        <SplitPane\n          startHeader={\n            <div className='bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-center px-2 gap-1.5'>\n              <Search className='w-3.5 h-3.5 shrink-0 text-gray-800' />\n              <input\n                id='trace-viewer-search'\n                name='trace-viewer-search'\n                type='text'\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                placeholder='Search spans...'\n                aria-label='Search spans'\n                className='flex-1 min-w-0 bg-transparent text-sm text-gray-1000 placeholder:text-gray-800 outline-none'\n              />\n              {searchQuery && (\n                <button\n                  type='button'\n                  onClick={() => setSearchQuery('')}\n                  className='shrink-0 p-0.5 rounded-sm text-gray-800 hover:text-gray-1000 hover:bg-gray-200 transition-colors'\n                >\n                  <X className='w-3 h-3' />\n                </button>\n              )}\n            </div>\n          }\n          endHeader={\n            <TimelineHeader markers={timeMarkers} hoverInfo={hoverInfo} />\n          }\n        >\n          <div className='block overflow-visible'>\n            <EventList\n              spans={filteredSpans}\n              activeSpanId={activeSpanId}\n              onSelectSpan={handleSelectSpan}\n            />\n          </div>\n          <div\n            ref={timelineRef}\n            className='block min-h-0 overflow-visible relative'\n            onDoubleClick={resetZoom}\n            onMouseMove={handleTimelineMouseMove}\n            onMouseLeave={handleTimelineMouseLeave}\n          >\n            <Timeline\n              spans={filteredSpans}\n              viewStart={viewport.start}\n              viewEnd={viewport.end}\n              markers={timeMarkers}\n              selectedId={activeSpanId}\n              onSelect={handleSelectSpan}\n              hoverFraction={hoverFraction}\n              altHeld={altHeld}\n            />\n          </div>\n        </SplitPane>\n        <div className='absolute right-3 bottom-3 z-[5] flex items-center border border-gray-alpha-400 rounded-lg bg-background-100 shadow-sm overflow-hidden divide-x divide-gray-alpha-400'>\n          <button\n            type='button'\n            className='flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100'\n            onClick={zoomOut}\n            aria-label='Zoom out'\n          >\n            <ZoomOut className='w-4 h-4' />\n          </button>\n          <button\n            type='button'\n            className='flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100'\n            onClick={resetZoom}\n            aria-label='Reset zoom'\n          >\n            <RotateCcw className='w-3.5 h-3.5' />\n          </button>\n          <button\n            type='button'\n            className='flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100'\n            onClick={zoomIn}\n            aria-label='Zoom in'\n          >\n            <ZoomIn className='w-4 h-4' />\n          </button>\n        </div>\n      </div>\n\n      {/* Detail panel */}\n      {activeSpan && sidebar ? (\n        <aside className='flex flex-col h-full max-h-full bg-background-100 border-l border-gray-alpha-400 overflow-auto'>\n          {/* Panel header */}\n          <div className='flex-shrink-0 px-4 pt-4 pb-3'>\n            <div className='flex items-start justify-between gap-2'>\n              <div className='min-w-0 flex-1'>\n                <span className='text-[15px] font-semibold text-gray-1000 truncate block'>\n                  {selectedSpanName}\n                </span>\n                {selectedResourceId && (\n                  <div className='mt-1 flex items-center gap-2'>\n                    {selectedResource && (\n                      <span\n                        className={`inline-flex items-center rounded-md px-1.5 py-0.5 text-[11px] font-medium leading-none shrink-0 ${\n                          selectedResource === 'step'\n                            ? 'bg-green-200 text-green-900'\n                            : selectedResource === 'run'\n                              ? 'bg-blue-200 text-blue-900'\n                              : selectedResource === 'hook'\n                                ? 'bg-yellow-200 text-yellow-900'\n                                : 'bg-gray-200 text-gray-900'\n                        }`}\n                      >\n                        {selectedResource.charAt(0).toUpperCase() +\n                          selectedResource.slice(1)}\n                      </span>\n                    )}\n                    <div\n                      className='flex items-center gap-1 text-[13px] font-mono text-gray-700 min-w-0'\n                      title={selectedResourceId}\n                    >\n                      <span className='truncate'>{selectedResourceId}</span>\n                      <CopyButton\n                        copyText={selectedResourceId}\n                        ariaLabel='Copy ID'\n                        className='shrink-0'\n                      />\n                    </div>\n                  </div>\n                )}\n              </div>\n              <button\n                type='button'\n                className='p-1 rounded-md text-gray-900 hover:text-gray-1000 hover:bg-gray-alpha-200 transition-colors shrink-0'\n                onClick={clearActiveSpan}\n              >\n                <X className='w-4 h-4' />\n              </button>\n            </div>\n          </div>\n          {/* Panel body */}\n          <div className='flex-1 overflow-y-auto'>\n            <ErrorBoundary>\n              <EntityDetailPanel\n                run={sidebar.run}\n                onStreamClick={sidebar.onStreamClick}\n                onRunClick={sidebar.onRunClick}\n                spanDetailData={sidebar.spanDetailData}\n                spanDetailError={sidebar.spanDetailError}\n                spanDetailLoading={sidebar.spanDetailLoading}\n                onSpanSelect={sidebar.onSpanSelect}\n                onWakeUpSleep={sidebar.onWakeUpSleep}\n                onLoadEventData={sidebar.onLoadEventData}\n                onResolveHook={sidebar.onResolveHook}\n                encryptionKey={sidebar.encryptionKey}\n                onDecrypt={sidebar.onDecrypt}\n                isDecrypting={sidebar.isDecrypting}\n                selectedSpan={selectedSpan}\n              />\n            </ErrorBoundary>\n          </div>\n        </aside>\n      ) : activeSpan ? (\n        <DetailPanel\n          span={activeSpan}\n          rootStart={root.startTime}\n          onClose={clearActiveSpan}\n        />\n      ) : null}\n    </div>\n  );\n}\n"]}

package/dist/components/new-trace-viewer/utils.d.ts

@@ -5,25 +5,20 @@ export interface RootBounds {
     duration: number;
 }
 export declare function computeRootBounds(spans: Span[]): RootBounds;
-export interface TimeCompression {
-    toVisual(time: number): number;
-    fromVisual(fraction: number): number;
-    isCompressed: boolean;
-}
-export declare function buildTimeCompression(_spans: Span[], viewStart: number, viewEnd: number): TimeCompression;
+export declare function getSpanDurationMs(span: Span): number;
 export interface TimeMarker {
     position: number;
     label: string;
+    value: number;
 }
 export declare function computeTimeMarkers(viewDuration: number, offset: number): TimeMarker[];
-export declare function computeCompressedTimeMarkers(compression: TimeCompression, viewStart: number, viewEnd: number, rootStart: number): TimeMarker[];
 export interface SpanGap {
     gapMs: number;
     leftFrac: number;
     rightFrac: number;
     rowIndex: number;
 }
-export declare function computeSpanGaps(spans: Span[], compression: TimeCompression): SpanGap[];
+export declare function computeSpanGaps(spans: Span[], viewStart: number, viewEnd: number): SpanGap[];
 export declare const RESOURCE_COLORS: Record<string, {
     bar: string;
     errorBar?: string;

package/dist/components/new-trace-viewer/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/new-trace-viewer/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAa,MAAM,uBAAuB,CAAC;AAO7D,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,CAiB3D;AAMD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IACrC,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,IAAI,EAAE,EACd,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,GACd,eAAe,CAajB;AAMD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAkBD,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,MAAM,GACb,UAAU,EAAE,CAoBd;AAED,wBAAgB,4BAA4B,CAC1C,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,GAChB,UAAU,EAAE,CAuBd;AAMD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,IAAI,EAAE,EACb,WAAW,EAAE,eAAe,GAC3B,OAAO,EAAE,CAeX;AAMD,eAAO,MAAM,eAAe,EAAE,MAAM,CAClC,MAAM,EACN;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAOnC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG;IAClD,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAEA;AAMD,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,WAAW,OAAO;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;CACvB;AAwRD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,EAAE,CA0BzD"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/new-trace-viewer/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAa,MAAM,uBAAuB,CAAC;AAO7D,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,CAiB3D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAKpD;AAMD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAkBD,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,MAAM,GACb,UAAU,EAAE,CAqBd;AAMD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,IAAI,EAAE,EACb,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,GACd,OAAO,EAAE,CAkBX;AAMD,eAAO,MAAM,eAAe,EAAE,MAAM,CAClC,MAAM,EACN;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAOnC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG;IAClD,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAEA;AAMD,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,WAAW,OAAO;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;CACvB;AA6PD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,EAAE,CAyBzD"}

package/dist/components/new-trace-viewer/utils.js

@@ -16,19 +16,8 @@ export function computeRootBounds(spans) {
     const duration = Math.max(maxEnd - minStart, 1);
     return { startTime: minStart, endTime: maxEnd, duration };
 }
-export function buildTimeCompression(_spans, viewStart, viewEnd) {
-    const range = viewEnd - viewStart;
-    return {
-        isCompressed: false,
-        toVisual(time) {
-            if (range <= 0)
-                return 0;
-            return Math.min(Math.max((time - viewStart) / range, 0), 1);
-        },
-        fromVisual(fraction) {
-            return viewStart + fraction * range;
-        },
-    };
+export function getSpanDurationMs(span) {
+    return Math.max(0, getHighResInMs(span.endTime) - getHighResInMs(span.startTime));
 }
 const NICE_INTERVALS = [
     1, 2, 5, 10, 20, 50, 100, 200, 500, 1_000, 2_000, 5_000, 10_000, 20_000,
@@ -58,36 +47,17 @@ export function computeTimeMarkers(viewDuration, offset) {
         markers.push({
             position: Math.min(Math.max(position, 0), 1),
             label: formatDuration(Math.abs(t), true),
+            value: t,
         });
         if (markers.length >= MAX_MARKERS)
             break;
     }
     return markers;
 }
-export function computeCompressedTimeMarkers(compression, viewStart, viewEnd, rootStart) {
-    const viewDuration = viewEnd - viewStart;
-    if (viewDuration <= 0)
+export function computeSpanGaps(spans, viewStart, viewEnd) {
+    const range = viewEnd - viewStart;
+    if (range <= 0)
         return [];
-    const maxTicks = 6;
-    const interval = pickInterval(viewDuration, maxTicks);
-    const offset = viewStart - rootStart;
-    const firstTick = Math.ceil(offset / interval) * interval;
-    const markers = [];
-    for (let t = firstTick; t <= offset + viewDuration; t += interval) {
-        const absTime = rootStart + t;
-        const position = compression.toVisual(absTime);
-        if (position < -0.01 || position > 1.01)
-            continue;
-        markers.push({
-            position: Math.min(Math.max(position, 0), 1),
-            label: formatDuration(Math.abs(t), true),
-        });
-        if (markers.length >= MAX_MARKERS)
-            break;
-    }
-    return markers;
-}
-export function computeSpanGaps(spans, compression) {
     const gaps = [];
     for (let i = 0; i < spans.length - 1; i++) {
         const endTime = getHighResInMs(spans[i].endTime);
@@ -95,8 +65,8 @@ export function computeSpanGaps(spans, compression) {
         const gapMs = startTime - endTime;
         if (gapMs <= 0)
             continue;
-        const leftFrac = compression.toVisual(endTime);
-        const rightFrac = compression.toVisual(startTime);
+        const leftFrac = Math.min(Math.max((endTime - viewStart) / range, 0), 1);
+        const rightFrac = Math.min(Math.max((startTime - viewStart) / range, 0), 1);
         if (rightFrac - leftFrac < 0.001)
             continue;
         gaps.push({ gapMs, leftFrac, rightFrac, rowIndex: i });
@@ -249,32 +219,10 @@ function computeHookSegmentsFromSpan(startMs, duration, events) {
     }
     return segments;
 }
-function computeSleepSegmentsFromSpan(startMs, duration, events) {
-    const segments = [];
+function computeSleepSegmentsFromSpan(_startMs, duration, _events) {
     if (duration <= 0)
-        return segments;
-    const completedTime = events
-        .filter((e) => e.name === 'wait_completed')
-        .map((e) => getHighResInMs(e.timestamp))
-        .sort((a, b) => a - b)[0];
-    if (completedTime === undefined) {
-        segments.push({ startFraction: 0, endFraction: 1, status: 'sleeping' });
-        return segments;
-    }
-    const completedFrac = timeToFraction(completedTime, startMs, duration);
-    if (completedFrac > 0.001) {
-        segments.push({
-            startFraction: 0,
-            endFraction: completedFrac,
-            status: 'sleeping',
-        });
-    }
-    segments.push({
-        startFraction: completedFrac,
-        endFraction: 1,
-        status: 'succeeded',
-    });
-    return segments;
+        return [];
+    return [{ startFraction: 0, endFraction: 1, status: 'sleeping' }];
 }
 function computeRunSegmentsFromSpan(startMs, duration, activeStartMs, events, attributes) {
     const segments = [];
@@ -337,8 +285,7 @@ function computeV1RunSegments(startMs, duration, activeStartMs, runStatus) {
  */
 export function computeSpanSegments(span) {
     const startMs = getHighResInMs(span.startTime);
-    const endMs = getHighResInMs(span.endTime);
-    const duration = endMs - startMs;
+    const duration = getSpanDurationMs(span);
     const activeStartMs = span.activeStartTime
         ? getHighResInMs(span.activeStartTime)
         : undefined;

package/dist/components/new-trace-viewer/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/new-trace-viewer/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Span, SpanEvent } from '../trace-viewer/types';\nimport { formatDuration, getHighResInMs } from '../trace-viewer/util/timing';\n\n// ---------------------------------------------------------------------------\n// Root bounds\n// ---------------------------------------------------------------------------\n\nexport interface RootBounds {\n  startTime: number;\n  endTime: number;\n  duration: number;\n}\n\nexport function computeRootBounds(spans: Span[]): RootBounds {\n  let minStart = Number.POSITIVE_INFINITY;\n  let maxEnd = Number.NEGATIVE_INFINITY;\n\n  for (const span of spans) {\n    const s = getHighResInMs(span.startTime);\n    const e = getHighResInMs(span.endTime);\n    if (s < minStart) minStart = s;\n    if (e > maxEnd) maxEnd = e;\n  }\n\n  if (!Number.isFinite(minStart) || !Number.isFinite(maxEnd)) {\n    return { startTime: 0, endTime: 1, duration: 1 };\n  }\n\n  const duration = Math.max(maxEnd - minStart, 1);\n  return { startTime: minStart, endTime: maxEnd, duration };\n}\n\n// ---------------------------------------------------------------------------\n// Time compression\n// ---------------------------------------------------------------------------\n\nexport interface TimeCompression {\n  toVisual(time: number): number;\n  fromVisual(fraction: number): number;\n  isCompressed: boolean;\n}\n\nexport function buildTimeCompression(\n  _spans: Span[],\n  viewStart: number,\n  viewEnd: number\n): TimeCompression {\n  const range = viewEnd - viewStart;\n\n  return {\n    isCompressed: false,\n    toVisual(time: number): number {\n      if (range <= 0) return 0;\n      return Math.min(Math.max((time - viewStart) / range, 0), 1);\n    },\n    fromVisual(fraction: number): number {\n      return viewStart + fraction * range;\n    },\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Time markers\n// ---------------------------------------------------------------------------\n\nexport interface TimeMarker {\n  position: number;\n  label: string;\n}\n\nconst NICE_INTERVALS = [\n  1, 2, 5, 10, 20, 50, 100, 200, 500, 1_000, 2_000, 5_000, 10_000, 20_000,\n  50_000, 100_000, 200_000, 500_000, 1_000_000, 2_000_000, 5_000_000,\n  10_000_000, 20_000_000, 50_000_000, 100_000_000, 200_000_000, 500_000_000,\n  1_000_000_000, 2_000_000_000, 5_000_000_000,\n];\n\nconst MAX_MARKERS = 8;\n\nfunction pickInterval(viewDuration: number, maxTicks: number): number {\n  for (const interval of NICE_INTERVALS) {\n    if (viewDuration / interval <= maxTicks) return interval;\n  }\n  return NICE_INTERVALS[NICE_INTERVALS.length - 1];\n}\n\nexport function computeTimeMarkers(\n  viewDuration: number,\n  offset: number\n): TimeMarker[] {\n  if (viewDuration <= 0) return [];\n\n  const maxTicks = 6;\n  const interval = pickInterval(viewDuration, maxTicks);\n\n  const firstTick = Math.ceil(offset / interval) * interval;\n  const markers: TimeMarker[] = [];\n\n  for (let t = firstTick; t <= offset + viewDuration; t += interval) {\n    const position = (t - offset) / viewDuration;\n    if (position < -0.01 || position > 1.01) continue;\n    markers.push({\n      position: Math.min(Math.max(position, 0), 1),\n      label: formatDuration(Math.abs(t), true),\n    });\n    if (markers.length >= MAX_MARKERS) break;\n  }\n\n  return markers;\n}\n\nexport function computeCompressedTimeMarkers(\n  compression: TimeCompression,\n  viewStart: number,\n  viewEnd: number,\n  rootStart: number\n): TimeMarker[] {\n  const viewDuration = viewEnd - viewStart;\n  if (viewDuration <= 0) return [];\n\n  const maxTicks = 6;\n  const interval = pickInterval(viewDuration, maxTicks);\n  const offset = viewStart - rootStart;\n\n  const firstTick = Math.ceil(offset / interval) * interval;\n  const markers: TimeMarker[] = [];\n\n  for (let t = firstTick; t <= offset + viewDuration; t += interval) {\n    const absTime = rootStart + t;\n    const position = compression.toVisual(absTime);\n    if (position < -0.01 || position > 1.01) continue;\n    markers.push({\n      position: Math.min(Math.max(position, 0), 1),\n      label: formatDuration(Math.abs(t), true),\n    });\n    if (markers.length >= MAX_MARKERS) break;\n  }\n\n  return markers;\n}\n\n// ---------------------------------------------------------------------------\n// Span gaps — time deltas between consecutive spans (Alt-key overlay)\n// ---------------------------------------------------------------------------\n\nexport interface SpanGap {\n  gapMs: number;\n  leftFrac: number;\n  rightFrac: number;\n  rowIndex: number;\n}\n\nexport function computeSpanGaps(\n  spans: Span[],\n  compression: TimeCompression\n): SpanGap[] {\n  const gaps: SpanGap[] = [];\n  for (let i = 0; i < spans.length - 1; i++) {\n    const endTime = getHighResInMs(spans[i].endTime);\n    const startTime = getHighResInMs(spans[i + 1].startTime);\n    const gapMs = startTime - endTime;\n    if (gapMs <= 0) continue;\n\n    const leftFrac = compression.toVisual(endTime);\n    const rightFrac = compression.toVisual(startTime);\n    if (rightFrac - leftFrac < 0.001) continue;\n\n    gaps.push({ gapMs, leftFrac, rightFrac, rowIndex: i });\n  }\n  return gaps;\n}\n\n// ---------------------------------------------------------------------------\n// Resource colors\n// ---------------------------------------------------------------------------\n\nexport const RESOURCE_COLORS: Record<\n  string,\n  { bar: string; errorBar?: string }\n> = {\n  run: { bar: 'var(--ds-blue-700)', errorBar: 'var(--ds-red-700)' },\n  step: { bar: 'var(--ds-green-700)', errorBar: 'var(--ds-red-700)' },\n  hook: { bar: 'var(--ds-amber-700)', errorBar: 'var(--ds-red-700)' },\n  sleep: { bar: 'var(--ds-purple-700)', errorBar: 'var(--ds-red-700)' },\n  default: { bar: 'var(--ds-gray-500)', errorBar: 'var(--ds-red-700)' },\n};\n\nexport function getResourceColor(resource: string): {\n  bar: string;\n  errorBar?: string;\n} {\n  return RESOURCE_COLORS[resource] ?? RESOURCE_COLORS.default;\n}\n\n// ---------------------------------------------------------------------------\n// Span segments — split a timeline bar into colored sections by event state\n// ---------------------------------------------------------------------------\n\nexport type SegmentStatus =\n  | 'queued'\n  | 'running'\n  | 'failed'\n  | 'retrying'\n  | 'succeeded'\n  | 'waiting'\n  | 'sleeping'\n  | 'received';\n\nexport interface Segment {\n  startFraction: number;\n  endFraction: number;\n  status: SegmentStatus;\n}\n\nfunction clampFraction(value: number): number {\n  return Math.max(0, Math.min(1, value));\n}\n\nfunction timeToFraction(\n  time: number,\n  spanStart: number,\n  spanDuration: number\n): number {\n  if (spanDuration <= 0) return 0;\n  return clampFraction((time - spanStart) / spanDuration);\n}\n\ninterface EventMark {\n  time: number;\n  type: string;\n}\n\nfunction sortedEventMarks(\n  events: SpanEvent[],\n  relevantNames: string[]\n): EventMark[] {\n  return events\n    .filter((e) => relevantNames.includes(e.name))\n    .map((e) => ({ time: getHighResInMs(e.timestamp), type: e.name }))\n    .sort((a, b) => a.time - b.time);\n}\n\nfunction computeStepSegmentsFromSpan(\n  startMs: number,\n  duration: number,\n  events: SpanEvent[]\n): Segment[] {\n  const segments: Segment[] = [];\n  if (duration <= 0) return segments;\n\n  const marks = sortedEventMarks(events, [\n    'step_started',\n    'step_retrying',\n    'step_failed',\n    'step_completed',\n  ]);\n\n  if (marks.length === 0) {\n    segments.push({ startFraction: 0, endFraction: 1, status: 'running' });\n    return segments;\n  }\n\n  const firstFraction = timeToFraction(marks[0].time, startMs, duration);\n  if (firstFraction > 0.001) {\n    segments.push({\n      startFraction: 0,\n      endFraction: firstFraction,\n      status: 'queued',\n    });\n  }\n\n  for (let i = 0; i < marks.length; i++) {\n    const mark = marks[i];\n    const markFrac = timeToFraction(mark.time, startMs, duration);\n    const nextMark = marks[i + 1];\n    const nextFrac = nextMark\n      ? timeToFraction(nextMark.time, startMs, duration)\n      : 1;\n\n    if (mark.type === 'step_started') {\n      if (i === marks.length - 1) {\n        segments.push({\n          startFraction: markFrac,\n          endFraction: 1,\n          status: 'succeeded',\n        });\n      } else {\n        const nextType = nextMark.type;\n        const attemptStatus: SegmentStatus =\n          nextType === 'step_retrying' || nextType === 'step_failed'\n            ? 'failed'\n            : nextType === 'step_completed'\n              ? 'succeeded'\n              : 'running';\n        segments.push({\n          startFraction: markFrac,\n          endFraction: nextFrac,\n          status: attemptStatus,\n        });\n      }\n    } else if (mark.type === 'step_retrying') {\n      segments.push({\n        startFraction: markFrac,\n        endFraction: nextFrac,\n        status: 'retrying',\n      });\n    } else if (mark.type === 'step_failed') {\n      if (markFrac < 0.999) {\n        segments.push({\n          startFraction: markFrac,\n          endFraction: 1,\n          status: 'failed',\n        });\n      }\n    }\n  }\n\n  return segments;\n}\n\nfunction computeHookSegmentsFromSpan(\n  startMs: number,\n  duration: number,\n  events: SpanEvent[]\n): Segment[] {\n  const segments: Segment[] = [];\n  if (duration <= 0) return segments;\n\n  const sorted = [...events]\n    .map((e) => ({ name: e.name, time: getHighResInMs(e.timestamp) }))\n    .sort((a, b) => a.time - b.time);\n\n  const received = sorted.find((e) => e.name === 'hook_received');\n  const disposed = sorted.find((e) => e.name === 'hook_disposed');\n\n  if (!received && !disposed) {\n    segments.push({ startFraction: 0, endFraction: 1, status: 'waiting' });\n    return segments;\n  }\n\n  const receivedFrac = received\n    ? timeToFraction(received.time, startMs, duration)\n    : null;\n  const disposedFrac = disposed\n    ? timeToFraction(disposed.time, startMs, duration)\n    : null;\n\n  if (receivedFrac !== null && receivedFrac > 0.001) {\n    segments.push({\n      startFraction: 0,\n      endFraction: receivedFrac,\n      status: 'waiting',\n    });\n  } else if (receivedFrac === null && disposedFrac !== null) {\n    segments.push({\n      startFraction: 0,\n      endFraction: disposedFrac,\n      status: 'waiting',\n    });\n  }\n\n  if (receivedFrac !== null) {\n    segments.push({\n      startFraction: receivedFrac,\n      endFraction: disposedFrac ?? 1,\n      status: 'received',\n    });\n  }\n\n  if (disposedFrac !== null && disposedFrac < 0.999) {\n    segments.push({\n      startFraction: disposedFrac,\n      endFraction: 1,\n      status: 'succeeded',\n    });\n  }\n\n  return segments;\n}\n\nfunction computeSleepSegmentsFromSpan(\n  startMs: number,\n  duration: number,\n  events: SpanEvent[]\n): Segment[] {\n  const segments: Segment[] = [];\n  if (duration <= 0) return segments;\n\n  const completedTime = events\n    .filter((e) => e.name === 'wait_completed')\n    .map((e) => getHighResInMs(e.timestamp))\n    .sort((a, b) => a - b)[0];\n\n  if (completedTime === undefined) {\n    segments.push({ startFraction: 0, endFraction: 1, status: 'sleeping' });\n    return segments;\n  }\n\n  const completedFrac = timeToFraction(completedTime, startMs, duration);\n  if (completedFrac > 0.001) {\n    segments.push({\n      startFraction: 0,\n      endFraction: completedFrac,\n      status: 'sleeping',\n    });\n  }\n\n  segments.push({\n    startFraction: completedFrac,\n    endFraction: 1,\n    status: 'succeeded',\n  });\n\n  return segments;\n}\n\nfunction computeRunSegmentsFromSpan(\n  startMs: number,\n  duration: number,\n  activeStartMs: number | undefined,\n  events: SpanEvent[],\n  attributes: Record<string, unknown>\n): Segment[] {\n  const segments: Segment[] = [];\n  if (duration <= 0) return segments;\n\n  const sorted = [...events]\n    .map((e) => ({ name: e.name, time: getHighResInMs(e.timestamp) }))\n    .sort((a, b) => a.time - b.time);\n\n  const hasRunCreated = sorted.some((e) => e.name === 'run_created');\n\n  if (!hasRunCreated) {\n    const runData = attributes?.data as Record<string, unknown> | undefined;\n    const runStatus = runData?.status as string | undefined;\n    return computeV1RunSegments(startMs, duration, activeStartMs, runStatus);\n  }\n\n  const failedEvent = sorted.find((e) => e.name === 'run_failed');\n\n  let cursor = 0;\n  if (activeStartMs !== undefined && activeStartMs > startMs) {\n    const queuedFrac = timeToFraction(activeStartMs, startMs, duration);\n    if (queuedFrac > 0.001) {\n      segments.push({\n        startFraction: 0,\n        endFraction: queuedFrac,\n        status: 'queued',\n      });\n      cursor = queuedFrac;\n    }\n  }\n\n  segments.push({\n    startFraction: cursor,\n    endFraction: 1,\n    status: failedEvent ? 'failed' : 'running',\n  });\n\n  return segments;\n}\n\nfunction computeV1RunSegments(\n  startMs: number,\n  duration: number,\n  activeStartMs: number | undefined,\n  runStatus: string | undefined\n): Segment[] {\n  const segments: Segment[] = [];\n\n  let cursor = 0;\n  if (activeStartMs !== undefined && activeStartMs > startMs) {\n    const queuedFrac = timeToFraction(activeStartMs, startMs, duration);\n    if (queuedFrac > 0.001) {\n      segments.push({\n        startFraction: 0,\n        endFraction: queuedFrac,\n        status: 'queued',\n      });\n      cursor = queuedFrac;\n    }\n  }\n\n  segments.push({\n    startFraction: cursor,\n    endFraction: 1,\n    status: runStatus === 'failed' ? 'failed' : 'running',\n  });\n\n  return segments;\n}\n\n/**\n * Compute event-based segments for a span. Dispatches on `span.resource`\n * to the appropriate resource-type-specific segment builder.\n * Returns an empty array for generic (non-workflow) spans.\n */\nexport function computeSpanSegments(span: Span): Segment[] {\n  const startMs = getHighResInMs(span.startTime);\n  const endMs = getHighResInMs(span.endTime);\n  const duration = endMs - startMs;\n  const activeStartMs = span.activeStartTime\n    ? getHighResInMs(span.activeStartTime)\n    : undefined;\n\n  switch (span.resource) {\n    case 'step':\n      return computeStepSegmentsFromSpan(startMs, duration, span.events);\n    case 'hook':\n      return computeHookSegmentsFromSpan(startMs, duration, span.events);\n    case 'sleep':\n      return computeSleepSegmentsFromSpan(startMs, duration, span.events);\n    case 'run':\n      return computeRunSegmentsFromSpan(\n        startMs,\n        duration,\n        activeStartMs,\n        span.events,\n        span.attributes\n      );\n    default:\n      return [];\n  }\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/new-trace-viewer/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Span, SpanEvent } from '../trace-viewer/types';\nimport { formatDuration, getHighResInMs } from '../trace-viewer/util/timing';\n\n// ---------------------------------------------------------------------------\n// Root bounds\n// ---------------------------------------------------------------------------\n\nexport interface RootBounds {\n  startTime: number;\n  endTime: number;\n  duration: number;\n}\n\nexport function computeRootBounds(spans: Span[]): RootBounds {\n  let minStart = Number.POSITIVE_INFINITY;\n  let maxEnd = Number.NEGATIVE_INFINITY;\n\n  for (const span of spans) {\n    const s = getHighResInMs(span.startTime);\n    const e = getHighResInMs(span.endTime);\n    if (s < minStart) minStart = s;\n    if (e > maxEnd) maxEnd = e;\n  }\n\n  if (!Number.isFinite(minStart) || !Number.isFinite(maxEnd)) {\n    return { startTime: 0, endTime: 1, duration: 1 };\n  }\n\n  const duration = Math.max(maxEnd - minStart, 1);\n  return { startTime: minStart, endTime: maxEnd, duration };\n}\n\nexport function getSpanDurationMs(span: Span): number {\n  return Math.max(\n    0,\n    getHighResInMs(span.endTime) - getHighResInMs(span.startTime)\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Time markers\n// ---------------------------------------------------------------------------\n\nexport interface TimeMarker {\n  position: number;\n  label: string;\n  value: number;\n}\n\nconst NICE_INTERVALS = [\n  1, 2, 5, 10, 20, 50, 100, 200, 500, 1_000, 2_000, 5_000, 10_000, 20_000,\n  50_000, 100_000, 200_000, 500_000, 1_000_000, 2_000_000, 5_000_000,\n  10_000_000, 20_000_000, 50_000_000, 100_000_000, 200_000_000, 500_000_000,\n  1_000_000_000, 2_000_000_000, 5_000_000_000,\n];\n\nconst MAX_MARKERS = 8;\n\nfunction pickInterval(viewDuration: number, maxTicks: number): number {\n  for (const interval of NICE_INTERVALS) {\n    if (viewDuration / interval <= maxTicks) return interval;\n  }\n  return NICE_INTERVALS[NICE_INTERVALS.length - 1];\n}\n\nexport function computeTimeMarkers(\n  viewDuration: number,\n  offset: number\n): TimeMarker[] {\n  if (viewDuration <= 0) return [];\n\n  const maxTicks = 6;\n  const interval = pickInterval(viewDuration, maxTicks);\n\n  const firstTick = Math.ceil(offset / interval) * interval;\n  const markers: TimeMarker[] = [];\n\n  for (let t = firstTick; t <= offset + viewDuration; t += interval) {\n    const position = (t - offset) / viewDuration;\n    if (position < -0.01 || position > 1.01) continue;\n    markers.push({\n      position: Math.min(Math.max(position, 0), 1),\n      label: formatDuration(Math.abs(t), true),\n      value: t,\n    });\n    if (markers.length >= MAX_MARKERS) break;\n  }\n\n  return markers;\n}\n\n// ---------------------------------------------------------------------------\n// Span gaps — time deltas between consecutive spans (Alt-key overlay)\n// ---------------------------------------------------------------------------\n\nexport interface SpanGap {\n  gapMs: number;\n  leftFrac: number;\n  rightFrac: number;\n  rowIndex: number;\n}\n\nexport function computeSpanGaps(\n  spans: Span[],\n  viewStart: number,\n  viewEnd: number\n): SpanGap[] {\n  const range = viewEnd - viewStart;\n  if (range <= 0) return [];\n\n  const gaps: SpanGap[] = [];\n  for (let i = 0; i < spans.length - 1; i++) {\n    const endTime = getHighResInMs(spans[i].endTime);\n    const startTime = getHighResInMs(spans[i + 1].startTime);\n    const gapMs = startTime - endTime;\n    if (gapMs <= 0) continue;\n\n    const leftFrac = Math.min(Math.max((endTime - viewStart) / range, 0), 1);\n    const rightFrac = Math.min(Math.max((startTime - viewStart) / range, 0), 1);\n    if (rightFrac - leftFrac < 0.001) continue;\n\n    gaps.push({ gapMs, leftFrac, rightFrac, rowIndex: i });\n  }\n  return gaps;\n}\n\n// ---------------------------------------------------------------------------\n// Resource colors\n// ---------------------------------------------------------------------------\n\nexport const RESOURCE_COLORS: Record<\n  string,\n  { bar: string; errorBar?: string }\n> = {\n  run: { bar: 'var(--ds-blue-700)', errorBar: 'var(--ds-red-700)' },\n  step: { bar: 'var(--ds-green-700)', errorBar: 'var(--ds-red-700)' },\n  hook: { bar: 'var(--ds-amber-700)', errorBar: 'var(--ds-red-700)' },\n  sleep: { bar: 'var(--ds-purple-700)', errorBar: 'var(--ds-red-700)' },\n  default: { bar: 'var(--ds-gray-500)', errorBar: 'var(--ds-red-700)' },\n};\n\nexport function getResourceColor(resource: string): {\n  bar: string;\n  errorBar?: string;\n} {\n  return RESOURCE_COLORS[resource] ?? RESOURCE_COLORS.default;\n}\n\n// ---------------------------------------------------------------------------\n// Span segments — split a timeline bar into colored sections by event state\n// ---------------------------------------------------------------------------\n\nexport type SegmentStatus =\n  | 'queued'\n  | 'running'\n  | 'failed'\n  | 'retrying'\n  | 'succeeded'\n  | 'waiting'\n  | 'sleeping'\n  | 'received';\n\nexport interface Segment {\n  startFraction: number;\n  endFraction: number;\n  status: SegmentStatus;\n}\n\nfunction clampFraction(value: number): number {\n  return Math.max(0, Math.min(1, value));\n}\n\nfunction timeToFraction(\n  time: number,\n  spanStart: number,\n  spanDuration: number\n): number {\n  if (spanDuration <= 0) return 0;\n  return clampFraction((time - spanStart) / spanDuration);\n}\n\ninterface EventMark {\n  time: number;\n  type: string;\n}\n\nfunction sortedEventMarks(\n  events: SpanEvent[],\n  relevantNames: string[]\n): EventMark[] {\n  return events\n    .filter((e) => relevantNames.includes(e.name))\n    .map((e) => ({ time: getHighResInMs(e.timestamp), type: e.name }))\n    .sort((a, b) => a.time - b.time);\n}\n\nfunction computeStepSegmentsFromSpan(\n  startMs: number,\n  duration: number,\n  events: SpanEvent[]\n): Segment[] {\n  const segments: Segment[] = [];\n  if (duration <= 0) return segments;\n\n  const marks = sortedEventMarks(events, [\n    'step_started',\n    'step_retrying',\n    'step_failed',\n    'step_completed',\n  ]);\n\n  if (marks.length === 0) {\n    segments.push({ startFraction: 0, endFraction: 1, status: 'running' });\n    return segments;\n  }\n\n  const firstFraction = timeToFraction(marks[0].time, startMs, duration);\n  if (firstFraction > 0.001) {\n    segments.push({\n      startFraction: 0,\n      endFraction: firstFraction,\n      status: 'queued',\n    });\n  }\n\n  for (let i = 0; i < marks.length; i++) {\n    const mark = marks[i];\n    const markFrac = timeToFraction(mark.time, startMs, duration);\n    const nextMark = marks[i + 1];\n    const nextFrac = nextMark\n      ? timeToFraction(nextMark.time, startMs, duration)\n      : 1;\n\n    if (mark.type === 'step_started') {\n      if (i === marks.length - 1) {\n        segments.push({\n          startFraction: markFrac,\n          endFraction: 1,\n          status: 'succeeded',\n        });\n      } else {\n        const nextType = nextMark.type;\n        const attemptStatus: SegmentStatus =\n          nextType === 'step_retrying' || nextType === 'step_failed'\n            ? 'failed'\n            : nextType === 'step_completed'\n              ? 'succeeded'\n              : 'running';\n        segments.push({\n          startFraction: markFrac,\n          endFraction: nextFrac,\n          status: attemptStatus,\n        });\n      }\n    } else if (mark.type === 'step_retrying') {\n      segments.push({\n        startFraction: markFrac,\n        endFraction: nextFrac,\n        status: 'retrying',\n      });\n    } else if (mark.type === 'step_failed') {\n      if (markFrac < 0.999) {\n        segments.push({\n          startFraction: markFrac,\n          endFraction: 1,\n          status: 'failed',\n        });\n      }\n    }\n  }\n\n  return segments;\n}\n\nfunction computeHookSegmentsFromSpan(\n  startMs: number,\n  duration: number,\n  events: SpanEvent[]\n): Segment[] {\n  const segments: Segment[] = [];\n  if (duration <= 0) return segments;\n\n  const sorted = [...events]\n    .map((e) => ({ name: e.name, time: getHighResInMs(e.timestamp) }))\n    .sort((a, b) => a.time - b.time);\n\n  const received = sorted.find((e) => e.name === 'hook_received');\n  const disposed = sorted.find((e) => e.name === 'hook_disposed');\n\n  if (!received && !disposed) {\n    segments.push({ startFraction: 0, endFraction: 1, status: 'waiting' });\n    return segments;\n  }\n\n  const receivedFrac = received\n    ? timeToFraction(received.time, startMs, duration)\n    : null;\n  const disposedFrac = disposed\n    ? timeToFraction(disposed.time, startMs, duration)\n    : null;\n\n  if (receivedFrac !== null && receivedFrac > 0.001) {\n    segments.push({\n      startFraction: 0,\n      endFraction: receivedFrac,\n      status: 'waiting',\n    });\n  } else if (receivedFrac === null && disposedFrac !== null) {\n    segments.push({\n      startFraction: 0,\n      endFraction: disposedFrac,\n      status: 'waiting',\n    });\n  }\n\n  if (receivedFrac !== null) {\n    segments.push({\n      startFraction: receivedFrac,\n      endFraction: disposedFrac ?? 1,\n      status: 'received',\n    });\n  }\n\n  if (disposedFrac !== null && disposedFrac < 0.999) {\n    segments.push({\n      startFraction: disposedFrac,\n      endFraction: 1,\n      status: 'succeeded',\n    });\n  }\n\n  return segments;\n}\n\nfunction computeSleepSegmentsFromSpan(\n  _startMs: number,\n  duration: number,\n  _events: SpanEvent[]\n): Segment[] {\n  if (duration <= 0) return [];\n  return [{ startFraction: 0, endFraction: 1, status: 'sleeping' }];\n}\n\nfunction computeRunSegmentsFromSpan(\n  startMs: number,\n  duration: number,\n  activeStartMs: number | undefined,\n  events: SpanEvent[],\n  attributes: Record<string, unknown>\n): Segment[] {\n  const segments: Segment[] = [];\n  if (duration <= 0) return segments;\n\n  const sorted = [...events]\n    .map((e) => ({ name: e.name, time: getHighResInMs(e.timestamp) }))\n    .sort((a, b) => a.time - b.time);\n\n  const hasRunCreated = sorted.some((e) => e.name === 'run_created');\n\n  if (!hasRunCreated) {\n    const runData = attributes?.data as Record<string, unknown> | undefined;\n    const runStatus = runData?.status as string | undefined;\n    return computeV1RunSegments(startMs, duration, activeStartMs, runStatus);\n  }\n\n  const failedEvent = sorted.find((e) => e.name === 'run_failed');\n\n  let cursor = 0;\n  if (activeStartMs !== undefined && activeStartMs > startMs) {\n    const queuedFrac = timeToFraction(activeStartMs, startMs, duration);\n    if (queuedFrac > 0.001) {\n      segments.push({\n        startFraction: 0,\n        endFraction: queuedFrac,\n        status: 'queued',\n      });\n      cursor = queuedFrac;\n    }\n  }\n\n  segments.push({\n    startFraction: cursor,\n    endFraction: 1,\n    status: failedEvent ? 'failed' : 'running',\n  });\n\n  return segments;\n}\n\nfunction computeV1RunSegments(\n  startMs: number,\n  duration: number,\n  activeStartMs: number | undefined,\n  runStatus: string | undefined\n): Segment[] {\n  const segments: Segment[] = [];\n\n  let cursor = 0;\n  if (activeStartMs !== undefined && activeStartMs > startMs) {\n    const queuedFrac = timeToFraction(activeStartMs, startMs, duration);\n    if (queuedFrac > 0.001) {\n      segments.push({\n        startFraction: 0,\n        endFraction: queuedFrac,\n        status: 'queued',\n      });\n      cursor = queuedFrac;\n    }\n  }\n\n  segments.push({\n    startFraction: cursor,\n    endFraction: 1,\n    status: runStatus === 'failed' ? 'failed' : 'running',\n  });\n\n  return segments;\n}\n\n/**\n * Compute event-based segments for a span. Dispatches on `span.resource`\n * to the appropriate resource-type-specific segment builder.\n * Returns an empty array for generic (non-workflow) spans.\n */\nexport function computeSpanSegments(span: Span): Segment[] {\n  const startMs = getHighResInMs(span.startTime);\n  const duration = getSpanDurationMs(span);\n  const activeStartMs = span.activeStartTime\n    ? getHighResInMs(span.activeStartTime)\n    : undefined;\n\n  switch (span.resource) {\n    case 'step':\n      return computeStepSegmentsFromSpan(startMs, duration, span.events);\n    case 'hook':\n      return computeHookSegmentsFromSpan(startMs, duration, span.events);\n    case 'sleep':\n      return computeSleepSegmentsFromSpan(startMs, duration, span.events);\n    case 'run':\n      return computeRunSegmentsFromSpan(\n        startMs,\n        duration,\n        activeStartMs,\n        span.events,\n        span.attributes\n      );\n    default:\n      return [];\n  }\n}\n"]}