@workflow/web-shared 4.1.0-beta.52 → 4.1.0-beta.53

package/dist/components/trace-viewer/components/span-segments.js

@@ -0,0 +1,392 @@
+// ──────────────────────────────────────────────────────────────────────────
+// CSS class mapping (segment status → module CSS class name)
+// ──────────────────────────────────────────────────────────────────────────
+/**
+ * Maps a SegmentStatus to the CSS module class name to use.
+ * These class names must exist in trace-viewer.module.css.
+ */
+export const SEGMENT_CLASS_MAP = {
+    queued: 'segQueued',
+    running: 'segRunning',
+    failed: 'segFailed',
+    retrying: 'segRetrying',
+    succeeded: 'segSucceeded',
+    waiting: 'segWaiting',
+    sleeping: 'segSleeping',
+    received: 'segReceived',
+};
+// ──────────────────────────────────────────────────────────────────────────
+// Helpers
+// ──────────────────────────────────────────────────────────────────────────
+function clampFraction(value) {
+    return Math.max(0, Math.min(1, value));
+}
+function timeToFraction(time, spanStart, spanDuration) {
+    if (spanDuration <= 0)
+        return 0;
+    return clampFraction((time - spanStart) / spanDuration);
+}
+/**
+ * Sort events by timestamp ascending.
+ */
+function sortedEvents(events) {
+    return [...events].sort((a, b) => a.timestamp - b.timestamp);
+}
+// ──────────────────────────────────────────────────────────────────────────
+// Step segments
+// ──────────────────────────────────────────────────────────────────────────
+/**
+ * Compute segments for a step span.
+ *
+ * Timeline: [queued] → [attempt₁ (fail)] → [retry wait] → [attempt₂ (fail)] → ... → [attemptₙ (success)]
+ *
+ * Events used: step_started, step_retrying, step_failed, step_completed
+ * The final segment is 'succeeded' if no trailing step_retrying/step_failed.
+ */
+function computeStepSegments(node) {
+    const events = node.events ? sortedEvents(node.events) : [];
+    const { startTime, duration } = node;
+    const segments = [];
+    if (duration <= 0)
+        return segments;
+    const marks = events
+        .filter((e) => [
+        'step_started',
+        'step_retrying',
+        'step_failed',
+        'step_completed',
+    ].includes(e.event.name))
+        .map((e) => ({ time: e.timestamp, type: e.event.name }));
+    if (marks.length === 0) {
+        // No events — show entire span as running
+        segments.push({ startFraction: 0, endFraction: 1, status: 'running' });
+        return segments;
+    }
+    // Queued period: from span start to first event
+    const firstMark = marks[0];
+    const firstFraction = timeToFraction(firstMark.time, startTime, duration);
+    if (firstFraction > 0.001) {
+        segments.push({
+            startFraction: 0,
+            endFraction: firstFraction,
+            status: 'queued',
+        });
+    }
+    // Walk through events to build attempt/retry segments
+    for (let i = 0; i < marks.length; i++) {
+        const mark = marks[i];
+        const markFraction = timeToFraction(mark.time, startTime, duration);
+        const nextMark = marks[i + 1];
+        const nextFraction = nextMark
+            ? timeToFraction(nextMark.time, startTime, duration)
+            : 1;
+        if (mark.type === 'step_started') {
+            // This is the start of an execution attempt.
+            // It runs until the next event (step_retrying or step_failed) or end of span.
+            const isLastMark = i === marks.length - 1;
+            if (isLastMark) {
+                // Last event is step_started — this attempt is either still running or succeeded
+                segments.push({
+                    startFraction: markFraction,
+                    endFraction: 1,
+                    status: 'succeeded',
+                });
+            }
+            else {
+                // Attempt runs until the next event
+                const nextType = nextMark.type;
+                const attemptStatus = nextType === 'step_retrying' || nextType === 'step_failed'
+                    ? 'failed'
+                    : nextType === 'step_completed'
+                        ? 'succeeded'
+                        : 'running';
+                segments.push({
+                    startFraction: markFraction,
+                    endFraction: nextFraction,
+                    status: attemptStatus,
+                });
+            }
+        }
+        else if (mark.type === 'step_retrying') {
+            // Retry wait: from this event to the next step_started (or end)
+            segments.push({
+                startFraction: markFraction,
+                endFraction: nextFraction,
+                status: 'retrying',
+            });
+        }
+        else if (mark.type === 'step_failed') {
+            // Terminal failure: from this event to the end
+            if (markFraction < 0.999) {
+                segments.push({
+                    startFraction: markFraction,
+                    endFraction: 1,
+                    status: 'failed',
+                });
+            }
+        }
+        else if (mark.type === 'step_completed') {
+            // Terminal success: do nothing here since the preceding step_started
+            // segment already terminates at this marker.
+        }
+    }
+    return segments;
+}
+// ──────────────────────────────────────────────────────────────────────────
+// Hook segments
+// ──────────────────────────────────────────────────────────────────────────
+/**
+ * Compute segments for a hook span.
+ *
+ * Timeline: [waiting] → [received] → [disposed]
+ */
+function computeHookSegments(node) {
+    const events = node.events ? sortedEvents(node.events) : [];
+    const { startTime, duration } = node;
+    const segments = [];
+    if (duration <= 0)
+        return segments;
+    const receivedEvent = events.find((e) => e.event.name === 'hook_received');
+    const disposedEvent = events.find((e) => e.event.name === 'hook_disposed');
+    if (!receivedEvent && !disposedEvent) {
+        // Still waiting
+        segments.push({ startFraction: 0, endFraction: 1, status: 'waiting' });
+        return segments;
+    }
+    const receivedFraction = receivedEvent
+        ? timeToFraction(receivedEvent.timestamp, startTime, duration)
+        : null;
+    const disposedFraction = disposedEvent
+        ? timeToFraction(disposedEvent.timestamp, startTime, duration)
+        : null;
+    // Waiting period (before received)
+    if (receivedFraction !== null && receivedFraction > 0.001) {
+        segments.push({
+            startFraction: 0,
+            endFraction: receivedFraction,
+            status: 'waiting',
+        });
+    }
+    else if (receivedFraction === null && disposedFraction !== null) {
+        // Disposed without receiving — waiting the whole time
+        segments.push({
+            startFraction: 0,
+            endFraction: disposedFraction,
+            status: 'waiting',
+        });
+    }
+    // Received period
+    if (receivedFraction !== null) {
+        const end = disposedFraction ?? 1;
+        segments.push({
+            startFraction: receivedFraction,
+            endFraction: end,
+            status: 'received',
+        });
+    }
+    // Post-disposed (if there's remaining span after disposal)
+    if (disposedFraction !== null && disposedFraction < 0.999) {
+        segments.push({
+            startFraction: disposedFraction,
+            endFraction: 1,
+            status: 'succeeded',
+        });
+    }
+    return segments;
+}
+// ──────────────────────────────────────────────────────────────────────────
+// Sleep segments
+// ──────────────────────────────────────────────────────────────────────────
+/**
+ * Compute segments for a sleep span.
+ *
+ * Timeline: [sleeping] → [completed]
+ */
+function computeSleepSegments(node) {
+    const events = node.events ? sortedEvents(node.events) : [];
+    const { startTime, duration } = node;
+    const segments = [];
+    if (duration <= 0)
+        return segments;
+    const completedEvent = events.find((e) => e.event.name === 'wait_completed');
+    if (!completedEvent) {
+        // Still sleeping
+        segments.push({ startFraction: 0, endFraction: 1, status: 'sleeping' });
+        return segments;
+    }
+    const completedFraction = timeToFraction(completedEvent.timestamp, startTime, duration);
+    if (completedFraction > 0.001) {
+        segments.push({
+            startFraction: 0,
+            endFraction: completedFraction,
+            status: 'sleeping',
+        });
+    }
+    segments.push({
+        startFraction: completedFraction,
+        endFraction: 1,
+        status: 'succeeded',
+    });
+    return segments;
+}
+// ──────────────────────────────────────────────────────────────────────────
+// Run segments
+// ──────────────────────────────────────────────────────────────────────────
+/**
+ * Compute segments for a run span.
+ *
+ * Timeline: [queued] → [running] → [completed/failed]
+ *
+ * The queued period is derived from activeStartTime (run.startedAt).
+ * A synthetic run_started event is injected at that timestamp so
+ * the boundary is hoverable in the trace viewer.
+ */
+function computeRunSegments(node) {
+    const events = node.events ? sortedEvents(node.events) : [];
+    const { startTime, duration, activeStartTime } = node;
+    const segments = [];
+    if (duration <= 0)
+        return segments;
+    const failedEvent = events.find((e) => e.event.name === 'run_failed');
+    const completedEvent = events.find((e) => e.event.name === 'run_completed');
+    // Queued period (from span start to activeStartTime)
+    let cursor = 0;
+    if (activeStartTime && activeStartTime > startTime) {
+        const queuedFraction = timeToFraction(activeStartTime, startTime, duration);
+        if (queuedFraction > 0.001) {
+            segments.push({
+                startFraction: 0,
+                endFraction: queuedFraction,
+                status: 'queued',
+            });
+            cursor = queuedFraction;
+        }
+    }
+    if (failedEvent) {
+        const failedFraction = timeToFraction(failedEvent.timestamp, startTime, duration);
+        // Running until failure
+        if (failedFraction > cursor + 0.001) {
+            segments.push({
+                startFraction: cursor,
+                endFraction: failedFraction,
+                status: 'running',
+            });
+        }
+        segments.push({
+            startFraction: failedFraction,
+            endFraction: 1,
+            status: 'failed',
+        });
+    }
+    else if (completedEvent) {
+        const completedFraction = timeToFraction(completedEvent.timestamp, startTime, duration);
+        if (completedFraction > cursor + 0.001) {
+            segments.push({
+                startFraction: cursor,
+                endFraction: completedFraction,
+                status: 'running',
+            });
+        }
+        segments.push({
+            startFraction: completedFraction,
+            endFraction: 1,
+            status: 'succeeded',
+        });
+    }
+    else {
+        // Running to completion
+        segments.push({
+            startFraction: cursor,
+            endFraction: 1,
+            status: 'running',
+        });
+    }
+    return segments;
+}
+// ──────────────────────────────────────────────────────────────────────────
+// Boundary computation
+// ──────────────────────────────────────────────────────────────────────────
+/** Event names to human-readable labels */
+const EVENT_LABELS = {
+    step_started: 'Started',
+    step_retrying: 'Retrying',
+    step_failed: 'Failed',
+    hook_created: 'Created',
+    hook_received: 'Received',
+    hook_disposed: 'Resolved',
+    wait_created: 'Sleep started',
+    wait_completed: 'Sleep completed',
+    run_completed: 'Completed',
+    run_failed: 'Run failed',
+    step_completed: 'Completed',
+};
+/**
+ * Extract boundaries from a span's events. Each boundary sits at the
+ * fractional position of a relevant event within the span duration.
+ * Only includes events that are used as segment boundaries (not at the
+ * very start or very end of the span, to avoid edge clutter).
+ */
+function computeBoundaries(node, relevantEventNames) {
+    const events = node.events ? sortedEvents(node.events) : [];
+    const { startTime, duration } = node;
+    if (duration <= 0)
+        return [];
+    const boundaries = [];
+    for (const e of events) {
+        if (!relevantEventNames.includes(e.event.name))
+            continue;
+        const fraction = timeToFraction(e.timestamp, startTime, duration);
+        // Skip boundaries at the very edges (< 1% or > 99%) to avoid clutter
+        if (fraction < 0.01 || fraction > 0.99)
+            continue;
+        boundaries.push({
+            fraction,
+            label: EVENT_LABELS[e.event.name] ?? e.event.name,
+            offsetMs: e.timestamp - startTime,
+        });
+    }
+    return boundaries;
+}
+// ──────────────────────────────────────────────────────────────────────────
+// Dispatcher
+// ──────────────────────────────────────────────────────────────────────────
+/**
+ * Compute the event-based segments and boundaries for a span based on its resource type.
+ * Returns empty arrays for 'default' (generic OTEL) spans.
+ */
+export function computeSegments(resourceType, node) {
+    switch (resourceType) {
+        case 'step':
+            return {
+                segments: computeStepSegments(node),
+                boundaries: computeBoundaries(node, [
+                    'step_started',
+                    'step_retrying',
+                    'step_failed',
+                    'step_completed',
+                ]),
+            };
+        case 'hook':
+            return {
+                segments: computeHookSegments(node),
+                boundaries: computeBoundaries(node, [
+                    'hook_created',
+                    'hook_received',
+                    'hook_disposed',
+                ]),
+            };
+        case 'sleep':
+            return {
+                segments: computeSleepSegments(node),
+                boundaries: computeBoundaries(node, ['wait_created', 'wait_completed']),
+            };
+        case 'run':
+            return {
+                segments: computeRunSegments(node),
+                boundaries: computeBoundaries(node, ['run_completed', 'run_failed']),
+            };
+        default:
+            return { segments: [], boundaries: [] };
+    }
+}
+//# sourceMappingURL=span-segments.js.map

package/dist/components/trace-viewer/components/span-segments.js.map

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

package/dist/components/trace-viewer/components/span-strategies.d.ts

@@ -0,0 +1,46 @@
+import type { RefObject } from 'react';
+import type { RootNode, ScrollSnapshot, VisibleSpan } from '../types';
+/**
+ * The resource type of a workflow span, read from span.attributes.resource.
+ * Falls back to 'default' for non-workflow (generic OTEL) spans.
+ */
+export type ResourceType = 'run' | 'step' | 'hook' | 'sleep' | 'default';
+/**
+ * Layout result computed by a span strategy. Controls how the span
+ * is sized and positioned in the timeline.
+ */
+export interface SpanLayout {
+    /** The rendered width in pixels */
+    width: number;
+    /** The actual duration-based width (before min-width clamping) */
+    actualWidth: number;
+    /** The rendered height in pixels */
+    height: number;
+    /** The y position in pixels */
+    top: number;
+    /** The x position in pixels (from left) */
+    left: number;
+    /** Whether the span is considered "small" (< 64px actual width) */
+    isSmall: boolean;
+    /** Whether the span is considered "huge" (>= 500px actual width) */
+    isHuge: boolean;
+    /** Whether the span is currently hovered (with hover eligibility) */
+    isHovered: boolean;
+    /** Whether the span is expanded (hovered or selected) — controls sizing */
+    isExpanded: boolean;
+    /** Whether the span is near the right side of the visible area */
+    isNearRightSide: boolean;
+}
+/**
+ * Reads the resource type from a span's attributes.
+ */
+export declare function getResourceType(node: VisibleSpan): ResourceType;
+export declare function getRunLayout(node: VisibleSpan, root: RootNode, scale: number, scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>): SpanLayout;
+export declare function getStepLayout(node: VisibleSpan, root: RootNode, scale: number, scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>): SpanLayout;
+export declare function getHookLayout(node: VisibleSpan, root: RootNode, scale: number, scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>): SpanLayout;
+export declare function getSleepLayout(node: VisibleSpan, root: RootNode, scale: number, scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>): SpanLayout;
+/**
+ * Computes the layout for a span based on its resource type.
+ */
+export declare function getSpanLayout(resourceType: ResourceType, node: VisibleSpan, root: RootNode, scale: number, scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>): SpanLayout;
+//# sourceMappingURL=span-strategies.d.ts.map

package/dist/components/trace-viewer/components/span-strategies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"span-strategies.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/span-strategies.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGtE;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAKzE;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,OAAO,EAAE,OAAO,CAAC;IACjB,oEAAoE;IACpE,MAAM,EAAE,OAAO,CAAC;IAChB,qEAAqE;IACrE,SAAS,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,UAAU,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,YAAY,CAW/D;AAwFD,wBAAgB,YAAY,CAC1B,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,iBAAiB,EAAE,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC,GACvD,UAAU,CAEZ;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,iBAAiB,EAAE,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC,GACvD,UAAU,CAEZ;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,iBAAiB,EAAE,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC,GACvD,UAAU,CAEZ;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,iBAAiB,EAAE,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC,GACvD,UAAU,CAEZ;AAMD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,iBAAiB,EAAE,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC,GACvD,UAAU,CAaZ"}

package/dist/components/trace-viewer/components/span-strategies.js

@@ -0,0 +1,108 @@
+import { MARKER_HEIGHT, ROW_HEIGHT, ROW_PADDING } from '../util/constants';
+/** Minimum rendered width so very short spans are always visible */
+const MIN_SPAN_WIDTH = 4;
+/**
+ * Reads the resource type from a span's attributes.
+ */
+export function getResourceType(node) {
+    const resource = node.span.attributes?.resource;
+    if (resource === 'run' ||
+        resource === 'step' ||
+        resource === 'hook' ||
+        resource === 'sleep') {
+        return resource;
+    }
+    return 'default';
+}
+// ──────────────────────────────────────────────────────────────────────────
+// Shared helpers
+// ──────────────────────────────────────────────────────────────────────────
+function computeIsSmall(actualWidth) {
+    return actualWidth < 64;
+}
+function computeIsHuge(actualWidth) {
+    return actualWidth >= 500;
+}
+function computeIsHovered(node, isHuge) {
+    return node.isHovered && !isHuge && node.isHighlighted !== false;
+}
+function computeIsNearRightSide(node, root, scrollSnapshotRef, isHovered) {
+    if (!isHovered)
+        return false;
+    let visibleDuration = root.duration;
+    let visibleEndTime = root.endTime;
+    const snapshot = scrollSnapshotRef.current;
+    if (snapshot) {
+        visibleDuration = snapshot.endTime - snapshot.startTime;
+        visibleEndTime = snapshot.endTime;
+    }
+    return visibleEndTime - node.startTime < 0.25 * visibleDuration;
+}
+// ──────────────────────────────────────────────────────────────────────────
+// Default layout (used by step, hook, run, default — all behave the same today)
+// ──────────────────────────────────────────────────────────────────────────
+function computeDefaultLayout(node, root, scale, scrollSnapshotRef) {
+    const left = (node.startTime - root.startTime) * scale;
+    let top = MARKER_HEIGHT + (ROW_HEIGHT + ROW_PADDING) * node.row;
+    const actualWidth = node.duration * scale;
+    const width = Math.max(actualWidth, MIN_SPAN_WIDTH);
+    let height = ROW_HEIGHT;
+    const isHuge = computeIsHuge(actualWidth);
+    const isSmall = computeIsSmall(actualWidth);
+    const isHovered = computeIsHovered(node, isHuge);
+    const isExpanded = isHovered || Boolean(node.isSelected);
+    if (isSmall && !isExpanded) {
+        height *= 0.4;
+        top += (ROW_HEIGHT - height) * 0.5;
+    }
+    const isNearRightSide = computeIsNearRightSide(node, root, scrollSnapshotRef, isExpanded);
+    return {
+        width,
+        actualWidth,
+        height,
+        top,
+        left,
+        isSmall,
+        isHuge,
+        isHovered,
+        isExpanded,
+        isNearRightSide,
+    };
+}
+// ──────────────────────────────────────────────────────────────────────────
+// Per-type layout functions
+// Each returns the same result today but provides a clear extension point.
+// ──────────────────────────────────────────────────────────────────────────
+export function getRunLayout(node, root, scale, scrollSnapshotRef) {
+    return computeDefaultLayout(node, root, scale, scrollSnapshotRef);
+}
+export function getStepLayout(node, root, scale, scrollSnapshotRef) {
+    return computeDefaultLayout(node, root, scale, scrollSnapshotRef);
+}
+export function getHookLayout(node, root, scale, scrollSnapshotRef) {
+    return computeDefaultLayout(node, root, scale, scrollSnapshotRef);
+}
+export function getSleepLayout(node, root, scale, scrollSnapshotRef) {
+    return computeDefaultLayout(node, root, scale, scrollSnapshotRef);
+}
+// ──────────────────────────────────────────────────────────────────────────
+// Dispatcher
+// ──────────────────────────────────────────────────────────────────────────
+/**
+ * Computes the layout for a span based on its resource type.
+ */
+export function getSpanLayout(resourceType, node, root, scale, scrollSnapshotRef) {
+    switch (resourceType) {
+        case 'run':
+            return getRunLayout(node, root, scale, scrollSnapshotRef);
+        case 'step':
+            return getStepLayout(node, root, scale, scrollSnapshotRef);
+        case 'hook':
+            return getHookLayout(node, root, scale, scrollSnapshotRef);
+        case 'sleep':
+            return getSleepLayout(node, root, scale, scrollSnapshotRef);
+        default:
+            return computeDefaultLayout(node, root, scale, scrollSnapshotRef);
+    }
+}
+//# sourceMappingURL=span-strategies.js.map

package/dist/components/trace-viewer/components/span-strategies.js.map

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

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

@@ -86,12 +86,6 @@ export interface TraceViewerState {
      * Whether the trace viewer is small enough that it should be in mobile mode
      */
     isMobile: boolean;
-    /**
-     * @deprecated Panel rendering has been moved outside the context.
-     * This field is kept for backwards compatibility but is no longer
-     * used by the workflow trace viewer.
-     */
-    customPanelComponent: ReactNode | null;
     /**
      * A function to provide custom class names for spans.
      */
@@ -165,6 +159,12 @@ export type TraceViewerAction = {
     withPanel: boolean;
 } | {
     type: 'forceRender';
+} | {
+    /** Like setRoot but preserves scroll position and memo cache (for incremental data updates) */
+    type: 'updateRoot';
+    root: RootNode;
+    spanMap: Record<string, SpanNode>;
+    resources: Resource[];
 };
 export interface TraceViewerContextProps {
     state: TraceViewerState;
@@ -181,4 +181,5 @@ export declare function TraceViewerContextProvider({ getQuickLinks, withPanel, c
     customPanelComponent?: ReactNode;
 }): ReactNode;
 export declare const useTraceViewer: () => TraceViewerContextProps;
+export declare const useCustomPanelComponent: () => ReactNode | null;
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/trace-viewer/context.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/trace-viewer/context.tsx"],"names":[],"mappings":"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"}