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

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

@@ -1,416 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { clsx } from 'clsx';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { useTraceViewer } from '../context';
-import styles from '../trace-viewer.module.css';
-import { MARKER_HEIGHT, ROW_HEIGHT, ROW_PADDING, TIMELINE_PADDING, } from '../util/constants';
-import { formatDurationForTimeline, formatTimeSelection, formatWallClockTime, } from '../util/timing';
-import { useImmediateStyle } from '../util/use-immediate-style';
-import { useTrackpadZoom } from '../util/use-trackpad-zoom';
-/**
- * Snap a raw duration to the nearest "nice" number in the 1-2-5 × 10^n
- * sequence (e.g. …, 0.5, 1, 2, 5, 10, 20, 50, 100, …).
- */
-function snapToNice(raw) {
-    if (raw <= 0)
-        return 1;
-    const log10 = Math.floor(Math.log10(raw));
-    const pow = 10 ** log10;
-    const normalized = raw / pow;
-    if (normalized <= 1.5)
-        return pow;
-    if (normalized <= 3.5)
-        return 2 * pow;
-    if (normalized <= 7.5)
-        return 5 * pow;
-    return 10 * pow;
-}
-export function Markers({ scale, isLive = false, }) {
-    const { state: { root }, } = useTraceViewer();
-    // Force a re-render every second when live to pick up new tick marks.
-    // The markers container width is grown at 60fps by useLiveTick;
-    // this interval only ensures the marker *labels* stay current.
-    const [, forceMarkerUpdate] = useState(0);
-    useEffect(() => {
-        if (!isLive)
-            return;
-        const id = setInterval(() => forceMarkerUpdate((v) => v + 1), 1000);
-        return () => clearInterval(id);
-    }, [isLive]);
-    const fullDuration = root.duration;
-    // Calculate a marker interval that gives reasonable spacing at any zoom level.
-    // We target ~50px per notch mark; labels appear on every Nth notch via labelSpacing.
-    // When scale is <= 0 (e.g. the initial -1 sentinel), fall back to a safe default
-    // to avoid generating an absurd number of markers.
-    const effectiveScale = scale > 0 ? scale : fullDuration > 0 ? 1 / fullDuration : 1;
-    const targetNotchPx = 50;
-    let markerDuration = snapToNice(targetNotchPx / effectiveScale);
-    markerDuration = Math.max(1, markerDuration);
-    let markerWidth = markerDuration * effectiveScale;
-    // Cap marker count to avoid creating too many DOM elements at extreme zoom
-    // on very long traces.  Only the visible portion is shown on screen anyway.
-    const MAX_MARKERS = 1000;
-    if (fullDuration / markerDuration > MAX_MARKERS) {
-        markerDuration = snapToNice(fullDuration / MAX_MARKERS);
-        markerWidth = markerDuration * effectiveScale;
-    }
-    const markerCount = Math.ceil(fullDuration / markerDuration);
-    // How often labels should appear for markers, e.g. 3 === one label for every third marker
-    const labelSpacing = Math.ceil(100 / markerWidth) || 1;
-    return (_jsx("div", { className: styles.markersContainer, children: _jsx("div", { "aria-hidden": true, className: styles.markers, style: {
-                width: Math.floor(root.duration * scale + 15),
-                visibility: scale !== -1 ? 'visible' : 'hidden',
-                '--marker-width': `${markerWidth}px`,
-            }, children: new Array(markerCount).fill(null).map((_, i) => {
-                const hasLabel = i % labelSpacing === 0;
-                return (_jsx("span", { className: clsx(styles.marker, !hasLabel && styles.notch), children: hasLabel ? (_jsxs("span", { className: styles.markerLabel, children: [formatDurationForTimeline(markerDuration * i), _jsx("span", { className: styles.markerClockTime, children: formatWallClockTime(root.startTime + markerDuration * i) })] })) : null }, String(i)));
-            }) }) }));
-}
-export function EventMarkers({ events, root, scale, }) {
-    // Filter out events that should not show vertical lines (workflow-specific feature)
-    const eventsWithVerticalLines = useMemo(() => events.filter((x) => x.event.showVerticalLine !== false), [events]);
-    return (_jsx("div", { className: styles.eventMarkersContainer, children: _jsx("div", { "aria-hidden": true, className: styles.eventMarkers, style: {
-                width: Math.floor(root.duration * scale),
-            }, children: eventsWithVerticalLines.map((x) => {
-                return (_jsx("span", { className: clsx(styles.eventMarker), style: {
-                        left: Math.floor((x.timestamp - root.startTime) * scale),
-                        ...(x.event.color && { borderLeftColor: x.event.color }),
-                    } }, x.key));
-            }) }) }));
-}
-const HOVER_OVERSCAN = 2;
-export function CursorMarker({ memoCacheRef, timelineRef, root, spans, events, scale, dispatch, scrollSnapshotRef, }) {
-    const hasEnteredRef = useRef(false);
-    const spansRef = useRef(spans);
-    spansRef.current = spans;
-    const eventsRef = useRef(events);
-    eventsRef.current = events;
-    const labelRef = useRef(null);
-    const { style: labelStyle, setStyle: setLabelStyle } = useImmediateStyle(labelRef);
-    const labelTextRef = useRef(null);
-    const ref = useRef(null);
-    const { style, setStyle } = useImmediateStyle(ref);
-    const rectRef = useRef(undefined);
-    const selectionRef = useRef(null);
-    const { style: selectionStyle, setStyle: setSelectionStyle } = useImmediateStyle(selectionRef);
-    const xRef = useRef(0);
-    useEffect(() => {
-        const $timeline = timelineRef.current;
-        if (!$timeline)
-            return;
-        let x = xRef.current;
-        let xStart = 0;
-        let isDragging = false;
-        let isExternalDrag = false;
-        let hasMoved = false;
-        let isRightClick = false;
-        let scrollX = 0;
-        let scrollY = 0;
-        const hoverStartT = Date.now() + 500;
-        const updateRect = () => {
-            if (rectRef.current)
-                return;
-            rectRef.current = $timeline.getBoundingClientRect();
-        };
-        const getRowFromY = (y) => {
-            if (!rectRef.current)
-                return 0;
-            return ((y - MARKER_HEIGHT - TIMELINE_PADDING) / (ROW_HEIGHT + ROW_PADDING));
-        };
-        const removeHover = () => {
-            const cache = memoCacheRef.current;
-            // Remove hover styling from any elements that have it
-            for (const span of spansRef.current) {
-                if (!span.isHovered)
-                    continue;
-                span.isHovered = false;
-                cache.set(span.span.spanId, {});
-            }
-            dispatch({
-                type: 'forceRender',
-            });
-        };
-        let nextFrame = 0;
-        const onFrame = () => {
-            if (!hasEnteredRef.current)
-                return;
-            if (!rectRef.current)
-                updateRect();
-            const rect = rectRef.current;
-            if (!rect)
-                return;
-            const { scrollLeft, scrollTop } = $timeline;
-            const left = Math.max(0, Math.min(x + scrollLeft - rect.left - TIMELINE_PADDING, root.duration * scale));
-            const leftStyle = `${left - scrollLeft + TIMELINE_PADDING}px`;
-            setStyle('left', leftStyle);
-            setLabelStyle('left', leftStyle);
-            const t = root.startTime + left / scale;
-            const labelT = t - root.startTime;
-            if (labelT < 0 || labelT > root.duration) {
-                labelTextRef.current?.removeAttribute('data-text');
-            }
-            else {
-                labelTextRef.current?.setAttribute('data-text', formatTimeSelection(labelT));
-            }
-            if (isDragging) {
-                const xDelta = x - xStart;
-                const width = Math.abs(xDelta);
-                if (!hasMoved) {
-                    if (width < 4)
-                        return;
-                    hasMoved = true;
-                    setSelectionStyle('display', 'flex');
-                    removeHover();
-                }
-                if (xDelta > 0) {
-                    setSelectionStyle('left', '');
-                    setSelectionStyle('right', '0');
-                }
-                else {
-                    setSelectionStyle('left', '0');
-                    setSelectionStyle('right', '');
-                }
-                setSelectionStyle('width', `${width}px`);
-                const leftStart = Math.max(0, Math.min(xStart + scrollLeft - rect.left - TIMELINE_PADDING, root.duration * scale));
-                const labelTStart = leftStart / scale;
-                let t1;
-                let t2;
-                if (labelTStart < labelT) {
-                    t1 = labelTStart;
-                    t2 = labelT;
-                }
-                else {
-                    t1 = labelT;
-                    t2 = labelTStart;
-                }
-                selectionRef.current?.setAttribute('data-range', `${formatTimeSelection(t1)} — ${formatTimeSelection(t2)}`);
-                selectionRef.current?.setAttribute('data-duration', `${formatTimeSelection(t2 - t1)} selected`);
-            }
-            if (Date.now() < hoverStartT) {
-                nextFrame = requestAnimationFrame(onFrame);
-                return;
-            }
-            if (scrollLeft !== scrollX || scrollTop !== scrollY) {
-                scrollX = scrollLeft;
-                scrollY = scrollTop;
-                nextFrame = requestAnimationFrame(onFrame);
-                return;
-            }
-            if (x - rect.left < 128) {
-                labelTextRef.current?.setAttribute('data-align', 'left');
-            }
-            else if (x - rect.left > rect.width - 128) {
-                labelTextRef.current?.setAttribute('data-align', 'right');
-            }
-            else {
-                labelTextRef.current?.removeAttribute('data-align');
-            }
-            if (!hasMoved && !isExternalDrag) {
-                const cache = memoCacheRef.current;
-                // Span Hover
-                const rowMin = getRowFromY(scrollTop) - HOVER_OVERSCAN;
-                const rowMax = getRowFromY(scrollTop + rect.height) + HOVER_OVERSCAN;
-                for (const span of spansRef.current) {
-                    const isHovered = span.row >= rowMin &&
-                        span.row <= rowMax &&
-                        t >= span.startTime &&
-                        t <= span.endTime;
-                    if (span.isHovered === isHovered)
-                        continue;
-                    span.isHovered = isHovered;
-                    cache.set(span.span.spanId, {});
-                }
-                // Event Hover — only show the nearest event when multiple overlap
-                const eventSpreadPx = 12;
-                const eventSpreadMs = eventSpreadPx / scale;
-                let closestEvent = null;
-                let closestDist = Infinity;
-                for (const event of eventsRef.current) {
-                    const dist = Math.abs(event.timestamp - t);
-                    if (dist <= eventSpreadMs && dist < closestDist) {
-                        closestDist = dist;
-                        closestEvent = event;
-                    }
-                }
-                for (const event of eventsRef.current) {
-                    const isHovered = event === closestEvent;
-                    if (event.isHovered === isHovered)
-                        continue;
-                    event.isHovered = isHovered;
-                    const $event = event.ref?.current;
-                    if (!$event)
-                        continue;
-                    $event.setAttribute('data-hovered', String(isHovered));
-                }
-                dispatch({
-                    type: 'forceRender',
-                });
-            }
-        };
-        nextFrame = requestAnimationFrame(onFrame);
-        const onPointerEnter = (event) => {
-            if (event.pointerType !== 'mouse')
-                return;
-            hasEnteredRef.current = true;
-        };
-        const onPointerLeave = () => {
-            if (!hasEnteredRef.current)
-                return;
-            hasEnteredRef.current = false;
-            removeHover();
-        };
-        const onMouseMove = ({ clientX }) => {
-            x = clientX;
-            xRef.current = x;
-            cancelAnimationFrame(nextFrame);
-            nextFrame = requestAnimationFrame(onFrame);
-        };
-        const onContextMenu = (event) => {
-            event.preventDefault();
-        };
-        const onMouseDown = (event) => {
-            if (event.button === 2) {
-                isRightClick = true;
-                event.preventDefault();
-            }
-            else if (event.button !== 0) {
-                return;
-            }
-            else {
-                isRightClick = false;
-            }
-            if (timelineRef.current?.contains(event.target)) {
-                xStart = x;
-                isDragging = true;
-            }
-            else {
-                isExternalDrag = true;
-                requestAnimationFrame(removeHover);
-            }
-        };
-        const onMouseUp = (event) => {
-            isExternalDrag = false;
-            if (!isDragging)
-                return;
-            isDragging = false;
-            if (!hasMoved)
-                return;
-            hasMoved = false;
-            setSelectionStyle('display', '');
-            setSelectionStyle('left', '');
-            setSelectionStyle('right', '');
-            setSelectionStyle('width', '');
-            event.preventDefault();
-            event.stopImmediatePropagation();
-            if (isRightClick) {
-                isRightClick = false;
-                return;
-            }
-            if (!rectRef.current)
-                updateRect();
-            const rect = rectRef.current;
-            if (!rect)
-                return;
-            const { scrollLeft } = $timeline;
-            const start = Math.max(0, Math.min((xStart + scrollLeft - rect.left - TIMELINE_PADDING) / scale, root.duration));
-            const end = Math.max(0, Math.min((x + scrollLeft - rect.left - TIMELINE_PADDING) / scale, root.duration));
-            dispatch({
-                type: 'scaleToRange',
-                t1: start + root.startTime,
-                t2: end + root.startTime,
-            });
-        };
-        const onKeyDown = (event) => {
-            if (!isDragging)
-                return;
-            if (event.key !== 'Escape')
-                return;
-            isRightClick = true;
-            onMouseUp(event);
-        };
-        const onWindowScroll = () => {
-            rectRef.current = undefined;
-            trackpadZoomRef.current = undefined;
-            cancelAnimationFrame(nextFrame);
-            nextFrame = requestAnimationFrame(onFrame);
-        };
-        const onScroll = () => {
-            cancelAnimationFrame(nextFrame);
-            nextFrame = requestAnimationFrame(onFrame);
-        };
-        const observer = new ResizeObserver(() => {
-            // NOTE: I tried to use the entry from this to immediately set the rect,
-            // but for some reason it has different dimensions than the one from
-            // .getBoundingClientRect()
-            rectRef.current = undefined;
-        });
-        observer.observe($timeline);
-        window.addEventListener('mousemove', onMouseMove);
-        $timeline.addEventListener('contextmenu', onContextMenu);
-        window.addEventListener('mousedown', onMouseDown);
-        window.addEventListener('mouseup', onMouseUp);
-        window.addEventListener('blur', onMouseUp);
-        window.addEventListener('keydown', onKeyDown, true);
-        window.addEventListener('scroll', onWindowScroll);
-        $timeline.addEventListener('scroll', onScroll);
-        $timeline.addEventListener('pointerenter', onPointerEnter);
-        $timeline.addEventListener('pointerleave', onPointerLeave);
-        return () => {
-            observer.disconnect();
-            window.removeEventListener('mousemove', onMouseMove);
-            $timeline.removeEventListener('contextmenu', onContextMenu);
-            window.removeEventListener('mousedown', onMouseDown);
-            window.removeEventListener('mouseup', onMouseUp);
-            window.removeEventListener('blur', onMouseUp);
-            window.removeEventListener('keydown', onKeyDown, true);
-            window.removeEventListener('scroll', onWindowScroll);
-            $timeline.removeEventListener('scroll', onScroll);
-            $timeline.removeEventListener('pointerenter', onPointerEnter);
-            $timeline.removeEventListener('pointerleave', onPointerLeave);
-            cancelAnimationFrame(nextFrame);
-            xRef.current = x;
-            removeHover();
-        };
-    }, [
-        dispatch,
-        root,
-        scale,
-        setStyle,
-        setLabelStyle,
-        setSelectionStyle,
-        memoCacheRef,
-        timelineRef,
-        scrollSnapshotRef,
-    ]);
-    const trackpadZoomRef = useRef(undefined);
-    useTrackpadZoom((delta) => {
-        const $timeline = timelineRef.current;
-        if (!$timeline)
-            return;
-        rectRef.current ??= $timeline.getBoundingClientRect();
-        const rect = rectRef.current;
-        const anchorX = Math.max(0, Math.min(xRef.current - rect.left - TIMELINE_PADDING, rect.width - 2 * TIMELINE_PADDING));
-        let anchorT = 0;
-        let existing = trackpadZoomRef.current;
-        if (existing?.anchorX === anchorX) {
-            anchorT = existing.anchorT;
-        }
-        else {
-            anchorT = ($timeline.scrollLeft + anchorX) / scale;
-            existing = {
-                anchorT,
-                anchorX,
-            };
-            trackpadZoomRef.current = existing;
-        }
-        dispatch({
-            type: 'trackpadScale',
-            delta: delta / 64,
-            anchorT,
-            anchorX,
-        });
-    });
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.cursorMarkerStickyParent, children: _jsx("div", { className: styles.cursorMarkerLabelContainer, ref: labelRef, style: labelStyle, children: _jsx("div", { className: styles.cursorMarkerLabel, ref: labelTextRef }) }) }), _jsx("div", { className: styles.cursorMarkerStickyParent, children: _jsx("div", { className: styles.cursorMarkerContainer, ref: ref, style: style, children: _jsx("div", { className: styles.cursorMarker, children: _jsx("div", { className: styles.cursorSelection, ref: selectionRef, style: selectionStyle }) }) }) })] }));
-}
-//# sourceMappingURL=markers.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"markers.js","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/markers.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { clsx } from 'clsx';\nimport type {\n  CSSProperties,\n  Dispatch,\n  MutableRefObject,\n  ReactNode,\n} from 'react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { type TraceViewerAction, useTraceViewer } from '../context';\nimport styles from '../trace-viewer.module.css';\nimport type {\n  MemoCache,\n  RootNode,\n  ScrollSnapshot,\n  VisibleSpan,\n  VisibleSpanEvent,\n} from '../types';\nimport {\n  MARKER_HEIGHT,\n  ROW_HEIGHT,\n  ROW_PADDING,\n  TIMELINE_PADDING,\n} from '../util/constants';\nimport {\n  formatDurationForTimeline,\n  formatTimeSelection,\n  formatWallClockTime,\n} from '../util/timing';\nimport { useImmediateStyle } from '../util/use-immediate-style';\nimport { useTrackpadZoom } from '../util/use-trackpad-zoom';\n\n/**\n * Snap a raw duration to the nearest \"nice\" number in the 1-2-5 × 10^n\n * sequence (e.g. …, 0.5, 1, 2, 5, 10, 20, 50, 100, …).\n */\nfunction snapToNice(raw: number): number {\n  if (raw <= 0) return 1;\n  const log10 = Math.floor(Math.log10(raw));\n  const pow = 10 ** log10;\n  const normalized = raw / pow;\n\n  if (normalized <= 1.5) return pow;\n  if (normalized <= 3.5) return 2 * pow;\n  if (normalized <= 7.5) return 5 * pow;\n  return 10 * pow;\n}\n\nexport function Markers({\n  scale,\n  isLive = false,\n}: {\n  scale: number;\n  isLive?: boolean;\n}): ReactNode {\n  const {\n    state: { root },\n  } = useTraceViewer();\n  // Force a re-render every second when live to pick up new tick marks.\n  // The markers container width is grown at 60fps by useLiveTick;\n  // this interval only ensures the marker *labels* stay current.\n  const [, forceMarkerUpdate] = useState(0);\n  useEffect(() => {\n    if (!isLive) return;\n    const id = setInterval(() => forceMarkerUpdate((v) => v + 1), 1000);\n    return () => clearInterval(id);\n  }, [isLive]);\n\n  const fullDuration = root.duration;\n\n  // Calculate a marker interval that gives reasonable spacing at any zoom level.\n  // We target ~50px per notch mark; labels appear on every Nth notch via labelSpacing.\n  // When scale is <= 0 (e.g. the initial -1 sentinel), fall back to a safe default\n  // to avoid generating an absurd number of markers.\n  const effectiveScale =\n    scale > 0 ? scale : fullDuration > 0 ? 1 / fullDuration : 1;\n  const targetNotchPx = 50;\n  let markerDuration = snapToNice(targetNotchPx / effectiveScale);\n  markerDuration = Math.max(1, markerDuration);\n  let markerWidth = markerDuration * effectiveScale;\n\n  // Cap marker count to avoid creating too many DOM elements at extreme zoom\n  // on very long traces.  Only the visible portion is shown on screen anyway.\n  const MAX_MARKERS = 1000;\n  if (fullDuration / markerDuration > MAX_MARKERS) {\n    markerDuration = snapToNice(fullDuration / MAX_MARKERS);\n    markerWidth = markerDuration * effectiveScale;\n  }\n  const markerCount = Math.ceil(fullDuration / markerDuration);\n\n  // How often labels should appear for markers, e.g. 3 === one label for every third marker\n  const labelSpacing = Math.ceil(100 / markerWidth) || 1;\n\n  return (\n    <div className={styles.markersContainer}>\n      <div\n        aria-hidden\n        className={styles.markers}\n        style={\n          {\n            width: Math.floor(root.duration * scale + 15),\n            visibility: scale !== -1 ? 'visible' : 'hidden',\n            '--marker-width': `${markerWidth}px`,\n          } as CSSProperties\n        }\n      >\n        {new Array(markerCount).fill(null).map((_, i) => {\n          const hasLabel = i % labelSpacing === 0;\n          return (\n            <span\n              className={clsx(styles.marker, !hasLabel && styles.notch)}\n              key={String(i)}\n            >\n              {hasLabel ? (\n                <span className={styles.markerLabel}>\n                  {formatDurationForTimeline(markerDuration * i)}\n                  <span className={styles.markerClockTime}>\n                    {formatWallClockTime(root.startTime + markerDuration * i)}\n                  </span>\n                </span>\n              ) : null}\n            </span>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport function EventMarkers({\n  events,\n  root,\n  scale,\n}: {\n  events: VisibleSpanEvent[];\n  root: RootNode;\n  scale: number;\n}): ReactNode {\n  // Filter out events that should not show vertical lines (workflow-specific feature)\n  const eventsWithVerticalLines = useMemo(\n    () => events.filter((x) => x.event.showVerticalLine !== false),\n    [events]\n  );\n\n  return (\n    <div className={styles.eventMarkersContainer}>\n      <div\n        aria-hidden\n        className={styles.eventMarkers}\n        style={\n          {\n            width: Math.floor(root.duration * scale),\n          } as CSSProperties\n        }\n      >\n        {eventsWithVerticalLines.map((x) => {\n          return (\n            <span\n              className={clsx(styles.eventMarker)}\n              key={x.key}\n              style={{\n                left: Math.floor((x.timestamp - root.startTime) * scale),\n                ...(x.event.color && { borderLeftColor: x.event.color }),\n              }}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nconst HOVER_OVERSCAN = 2;\n\ninterface TrackpadZoom {\n  anchorX: number;\n  anchorT: number;\n}\n\nexport function CursorMarker({\n  memoCacheRef,\n  timelineRef,\n  root,\n  spans,\n  events,\n  scale,\n  dispatch,\n  scrollSnapshotRef,\n}: {\n  memoCacheRef: MutableRefObject<MemoCache>;\n  timelineRef: MutableRefObject<HTMLDivElement | null>;\n  root: RootNode;\n  spans: VisibleSpan[];\n  events: VisibleSpanEvent[];\n  scale: number;\n  dispatch: Dispatch<TraceViewerAction>;\n  scrollSnapshotRef: MutableRefObject<ScrollSnapshot | undefined>;\n}): ReactNode {\n  const hasEnteredRef = useRef(false);\n  const spansRef = useRef(spans);\n  spansRef.current = spans;\n  const eventsRef = useRef(events);\n  eventsRef.current = events;\n  const labelRef = useRef<HTMLDivElement>(null);\n  const { style: labelStyle, setStyle: setLabelStyle } =\n    useImmediateStyle(labelRef);\n  const labelTextRef = useRef<HTMLDivElement>(null);\n\n  const ref = useRef<HTMLDivElement>(null);\n  const { style, setStyle } = useImmediateStyle(ref);\n  const rectRef = useRef<DOMRect>(undefined);\n\n  const selectionRef = useRef<HTMLDivElement>(null);\n  const { style: selectionStyle, setStyle: setSelectionStyle } =\n    useImmediateStyle(selectionRef);\n\n  const xRef = useRef(0);\n  useEffect(() => {\n    const $timeline = timelineRef.current;\n    if (!$timeline) return;\n\n    let x = xRef.current;\n    let xStart = 0;\n    let isDragging = false;\n    let isExternalDrag = false;\n    let hasMoved = false;\n    let isRightClick = false;\n    let scrollX = 0;\n    let scrollY = 0;\n    const hoverStartT = Date.now() + 500;\n    const updateRect = (): void => {\n      if (rectRef.current) return;\n      rectRef.current = $timeline.getBoundingClientRect();\n    };\n\n    const getRowFromY = (y: number): number => {\n      if (!rectRef.current) return 0;\n      return (\n        (y - MARKER_HEIGHT - TIMELINE_PADDING) / (ROW_HEIGHT + ROW_PADDING)\n      );\n    };\n\n    const removeHover = (): void => {\n      const cache = memoCacheRef.current;\n      // Remove hover styling from any elements that have it\n      for (const span of spansRef.current) {\n        if (!span.isHovered) continue;\n        span.isHovered = false;\n        cache.set(span.span.spanId, {});\n      }\n      dispatch({\n        type: 'forceRender',\n      });\n    };\n\n    let nextFrame = 0;\n    const onFrame = (): void => {\n      if (!hasEnteredRef.current) return;\n      if (!rectRef.current) updateRect();\n      const rect = rectRef.current;\n      if (!rect) return;\n\n      const { scrollLeft, scrollTop } = $timeline;\n\n      const left = Math.max(\n        0,\n        Math.min(\n          x + scrollLeft - rect.left - TIMELINE_PADDING,\n          root.duration * scale\n        )\n      );\n      const leftStyle = `${left - scrollLeft + TIMELINE_PADDING}px`;\n      setStyle('left', leftStyle);\n      setLabelStyle('left', leftStyle);\n\n      const t = root.startTime + left / scale;\n      const labelT = t - root.startTime;\n      if (labelT < 0 || labelT > root.duration) {\n        labelTextRef.current?.removeAttribute('data-text');\n      } else {\n        labelTextRef.current?.setAttribute(\n          'data-text',\n          formatTimeSelection(labelT)\n        );\n      }\n\n      if (isDragging) {\n        const xDelta = x - xStart;\n        const width = Math.abs(xDelta);\n        if (!hasMoved) {\n          if (width < 4) return;\n          hasMoved = true;\n          setSelectionStyle('display', 'flex');\n          removeHover();\n        }\n\n        if (xDelta > 0) {\n          setSelectionStyle('left', '');\n          setSelectionStyle('right', '0');\n        } else {\n          setSelectionStyle('left', '0');\n          setSelectionStyle('right', '');\n        }\n        setSelectionStyle('width', `${width}px`);\n\n        const leftStart = Math.max(\n          0,\n          Math.min(\n            xStart + scrollLeft - rect.left - TIMELINE_PADDING,\n            root.duration * scale\n          )\n        );\n        const labelTStart = leftStart / scale;\n        let t1: number;\n        let t2: number;\n        if (labelTStart < labelT) {\n          t1 = labelTStart;\n          t2 = labelT;\n        } else {\n          t1 = labelT;\n          t2 = labelTStart;\n        }\n        selectionRef.current?.setAttribute(\n          'data-range',\n          `${formatTimeSelection(t1)} — ${formatTimeSelection(t2)}`\n        );\n        selectionRef.current?.setAttribute(\n          'data-duration',\n          `${formatTimeSelection(t2 - t1)} selected`\n        );\n      }\n\n      if (Date.now() < hoverStartT) {\n        nextFrame = requestAnimationFrame(onFrame);\n        return;\n      }\n\n      if (scrollLeft !== scrollX || scrollTop !== scrollY) {\n        scrollX = scrollLeft;\n        scrollY = scrollTop;\n        nextFrame = requestAnimationFrame(onFrame);\n        return;\n      }\n\n      if (x - rect.left < 128) {\n        labelTextRef.current?.setAttribute('data-align', 'left');\n      } else if (x - rect.left > rect.width - 128) {\n        labelTextRef.current?.setAttribute('data-align', 'right');\n      } else {\n        labelTextRef.current?.removeAttribute('data-align');\n      }\n\n      if (!hasMoved && !isExternalDrag) {\n        const cache = memoCacheRef.current;\n\n        // Span Hover\n        const rowMin = getRowFromY(scrollTop) - HOVER_OVERSCAN;\n        const rowMax = getRowFromY(scrollTop + rect.height) + HOVER_OVERSCAN;\n        for (const span of spansRef.current) {\n          const isHovered =\n            span.row >= rowMin &&\n            span.row <= rowMax &&\n            t >= span.startTime &&\n            t <= span.endTime;\n          if (span.isHovered === isHovered) continue;\n          span.isHovered = isHovered;\n          cache.set(span.span.spanId, {});\n        }\n\n        // Event Hover — only show the nearest event when multiple overlap\n        const eventSpreadPx = 12;\n        const eventSpreadMs = eventSpreadPx / scale;\n        let closestEvent: (typeof eventsRef.current)[number] | null = null;\n        let closestDist = Infinity;\n        for (const event of eventsRef.current) {\n          const dist = Math.abs(event.timestamp - t);\n          if (dist <= eventSpreadMs && dist < closestDist) {\n            closestDist = dist;\n            closestEvent = event;\n          }\n        }\n        for (const event of eventsRef.current) {\n          const isHovered = event === closestEvent;\n          if (event.isHovered === isHovered) continue;\n          event.isHovered = isHovered;\n          const $event = event.ref?.current;\n          if (!$event) continue;\n          $event.setAttribute('data-hovered', String(isHovered));\n        }\n\n        dispatch({\n          type: 'forceRender',\n        });\n      }\n    };\n    nextFrame = requestAnimationFrame(onFrame);\n\n    const onPointerEnter = (event: PointerEvent): void => {\n      if (event.pointerType !== 'mouse') return;\n      hasEnteredRef.current = true;\n    };\n    const onPointerLeave = (): void => {\n      if (!hasEnteredRef.current) return;\n      hasEnteredRef.current = false;\n      removeHover();\n    };\n\n    const onMouseMove = ({ clientX }: MouseEvent): void => {\n      x = clientX;\n      xRef.current = x;\n      cancelAnimationFrame(nextFrame);\n      nextFrame = requestAnimationFrame(onFrame);\n    };\n\n    const onContextMenu = (event: MouseEvent): void => {\n      event.preventDefault();\n    };\n    const onMouseDown = (event: MouseEvent): void => {\n      if (event.button === 2) {\n        isRightClick = true;\n        event.preventDefault();\n      } else if (event.button !== 0) {\n        return;\n      } else {\n        isRightClick = false;\n      }\n      if (timelineRef.current?.contains(event.target as HTMLElement)) {\n        xStart = x;\n        isDragging = true;\n      } else {\n        isExternalDrag = true;\n        requestAnimationFrame(removeHover);\n      }\n    };\n    const onMouseUp = (event: Event): void => {\n      isExternalDrag = false;\n\n      if (!isDragging) return;\n      isDragging = false;\n\n      if (!hasMoved) return;\n      hasMoved = false;\n      setSelectionStyle('display', '');\n      setSelectionStyle('left', '');\n      setSelectionStyle('right', '');\n      setSelectionStyle('width', '');\n\n      event.preventDefault();\n      event.stopImmediatePropagation();\n\n      if (isRightClick) {\n        isRightClick = false;\n        return;\n      }\n\n      if (!rectRef.current) updateRect();\n      const rect = rectRef.current;\n      if (!rect) return;\n\n      const { scrollLeft } = $timeline;\n\n      const start = Math.max(\n        0,\n        Math.min(\n          (xStart + scrollLeft - rect.left - TIMELINE_PADDING) / scale,\n          root.duration\n        )\n      );\n      const end = Math.max(\n        0,\n        Math.min(\n          (x + scrollLeft - rect.left - TIMELINE_PADDING) / scale,\n          root.duration\n        )\n      );\n\n      dispatch({\n        type: 'scaleToRange',\n        t1: start + root.startTime,\n        t2: end + root.startTime,\n      });\n    };\n\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (!isDragging) return;\n      if (event.key !== 'Escape') return;\n\n      isRightClick = true;\n      onMouseUp(event);\n    };\n\n    const onWindowScroll = (): void => {\n      rectRef.current = undefined;\n      trackpadZoomRef.current = undefined;\n      cancelAnimationFrame(nextFrame);\n      nextFrame = requestAnimationFrame(onFrame);\n    };\n\n    const onScroll = (): void => {\n      cancelAnimationFrame(nextFrame);\n      nextFrame = requestAnimationFrame(onFrame);\n    };\n\n    const observer = new ResizeObserver(() => {\n      // NOTE: I tried to use the entry from this to immediately set the rect,\n      // but for some reason it has different dimensions than the one from\n      // .getBoundingClientRect()\n      rectRef.current = undefined;\n    });\n    observer.observe($timeline);\n\n    window.addEventListener('mousemove', onMouseMove);\n    $timeline.addEventListener('contextmenu', onContextMenu);\n    window.addEventListener('mousedown', onMouseDown);\n    window.addEventListener('mouseup', onMouseUp);\n    window.addEventListener('blur', onMouseUp);\n    window.addEventListener('keydown', onKeyDown, true);\n    window.addEventListener('scroll', onWindowScroll);\n    $timeline.addEventListener('scroll', onScroll);\n    $timeline.addEventListener('pointerenter', onPointerEnter);\n    $timeline.addEventListener('pointerleave', onPointerLeave);\n\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('mousemove', onMouseMove);\n      $timeline.removeEventListener('contextmenu', onContextMenu);\n      window.removeEventListener('mousedown', onMouseDown);\n      window.removeEventListener('mouseup', onMouseUp);\n      window.removeEventListener('blur', onMouseUp);\n      window.removeEventListener('keydown', onKeyDown, true);\n      window.removeEventListener('scroll', onWindowScroll);\n      $timeline.removeEventListener('scroll', onScroll);\n      $timeline.removeEventListener('pointerenter', onPointerEnter);\n      $timeline.removeEventListener('pointerleave', onPointerLeave);\n      cancelAnimationFrame(nextFrame);\n      xRef.current = x;\n      removeHover();\n    };\n  }, [\n    dispatch,\n    root,\n    scale,\n    setStyle,\n    setLabelStyle,\n    setSelectionStyle,\n    memoCacheRef,\n    timelineRef,\n    scrollSnapshotRef,\n  ]);\n\n  const trackpadZoomRef = useRef<TrackpadZoom>(undefined);\n  useTrackpadZoom((delta) => {\n    const $timeline = timelineRef.current;\n    if (!$timeline) return;\n\n    rectRef.current ??= $timeline.getBoundingClientRect();\n    const rect = rectRef.current;\n    const anchorX = Math.max(\n      0,\n      Math.min(\n        xRef.current - rect.left - TIMELINE_PADDING,\n        rect.width - 2 * TIMELINE_PADDING\n      )\n    );\n\n    let anchorT = 0;\n    let existing = trackpadZoomRef.current;\n    if (existing?.anchorX === anchorX) {\n      anchorT = existing.anchorT;\n    } else {\n      anchorT = ($timeline.scrollLeft + anchorX) / scale;\n      existing = {\n        anchorT,\n        anchorX,\n      };\n      trackpadZoomRef.current = existing;\n    }\n\n    dispatch({\n      type: 'trackpadScale',\n      delta: delta / 64,\n      anchorT,\n      anchorX,\n    });\n  });\n\n  return (\n    <>\n      <div className={styles.cursorMarkerStickyParent}>\n        <div\n          className={styles.cursorMarkerLabelContainer}\n          ref={labelRef}\n          style={labelStyle}\n        >\n          <div className={styles.cursorMarkerLabel} ref={labelTextRef} />\n        </div>\n      </div>\n      <div className={styles.cursorMarkerStickyParent}>\n        <div className={styles.cursorMarkerContainer} ref={ref} style={style}>\n          <div className={styles.cursorMarker}>\n            <div\n              className={styles.cursorSelection}\n              ref={selectionRef}\n              style={selectionStyle}\n            />\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n"]}

package/dist/components/trace-viewer/components/node.d.ts

@@ -1,35 +0,0 @@
-import type { MutableRefObject } from 'react';
-import type { MemoCache, MemoCacheKey, RootNode, ScrollSnapshot, SpanNode, VisibleSpan, VisibleSpanEvent } from '../types';
-export declare const getSpanColorClassName: (node: SpanNode) => string;
-export declare const SpanNodes: import("react").NamedExoticComponent<{
-    root: RootNode;
-    scale: number;
-    spans: VisibleSpan[];
-    isLive?: boolean;
-    scrollSnapshotRef: MutableRefObject<ScrollSnapshot | undefined>;
-    /** Not used in the body — exists solely to bust React.memo when the global memo cache changes. */
-    cacheKey?: MemoCacheKey;
-    cache: MemoCache;
-    customSpanClassNameFunc?: (span: SpanNode) => string;
-    customSpanEventClassNameFunc?: (event: VisibleSpanEvent) => string;
-}>;
-export declare const SpanComponent: import("react").NamedExoticComponent<{
-    node: VisibleSpan;
-    root: RootNode;
-    scale: number;
-    traceIsLive?: boolean;
-    scrollSnapshotRef: MutableRefObject<ScrollSnapshot | undefined>;
-    /** Not used in the body — exists solely to bust React.memo for this span. */
-    cacheKey?: MemoCacheKey;
-    customSpanClassNameFunc?: (span: SpanNode) => string;
-    customSpanEventClassNameFunc?: (event: VisibleSpanEvent) => string;
-}>;
-export declare const SpanEventComponent: import("react").NamedExoticComponent<{
-    event: VisibleSpanEvent;
-    node: VisibleSpan;
-    root: RootNode;
-    scale: number;
-    customSpanEventClassNameFunc?: (event: VisibleSpanEvent) => string;
-    asBoundary?: boolean;
-}>;
-//# sourceMappingURL=node.d.ts.map

package/dist/components/trace-viewer/components/node.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/node.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,gBAAgB,EAAa,MAAM,OAAO,CAAC;AAGxE,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,WAAW,EACX,gBAAgB,EACjB,MAAM,UAAU,CAAC;AAYlB,eAAO,MAAM,qBAAqB,GAAI,MAAM,QAAQ,KAAG,MAGtD,CAAC;AAoDF,eAAO,MAAM,SAAS;UAUd,QAAQ;WACP,MAAM;WACN,WAAW,EAAE;aACX,OAAO;uBACG,gBAAgB,CAAC,cAAc,GAAG,SAAS,CAAC;IAC/D,kGAAkG;eACvF,YAAY;WAChB,SAAS;8BACU,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM;mCACrB,CAAC,KAAK,EAAE,gBAAgB,KAAK,MAAM;EAelE,CAAC;AAuCH,eAAO,MAAM,aAAa;UASlB,WAAW;UACX,QAAQ;WACP,MAAM;kBACC,OAAO;uBACF,gBAAgB,CAAC,cAAc,GAAG,SAAS,CAAC;IAC/D,6EAA6E;eAClE,YAAY;8BACG,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM;mCACrB,CAAC,KAAK,EAAE,gBAAgB,KAAK,MAAM;EA6KlE,CAAC;AAsBH,eAAO,MAAM,kBAAkB;WAQtB,gBAAgB;UACjB,WAAW;UACX,QAAQ;WACP,MAAM;mCACkB,CAAC,KAAK,EAAE,gBAAgB,KAAK,MAAM;iBACrD,OAAO;EA6HpB,CAAC"}