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

package/dist/components/trace-viewer/components/trace-shortcut-helper.d.ts

@@ -0,0 +1,5 @@
+export declare function TraceShortcutHelper({ hasMultipleSpans, reducedMotion, }: {
+    hasMultipleSpans: boolean;
+    reducedMotion: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=trace-shortcut-helper.d.ts.map

package/dist/components/trace-viewer/components/trace-shortcut-helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-shortcut-helper.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/trace-shortcut-helper.tsx"],"names":[],"mappings":"AAwDA,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,aAAa,GACd,EAAE;IACD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;CACxB,kDAqDA"}

package/dist/components/trace-viewer/components/trace-shortcut-helper.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { Kbd } from '../../ui/kbd';
+import styles from './trace-shortcut-helper.module.css';
+const DISMISSALS_KEY = 'workflow-step-shortcut-helper-dismissals';
+const DISMISSAL_LIMIT = 3;
+const HINT_ROTATION_MS = 8000;
+function getAltKeyLabel() {
+    if (typeof navigator === 'undefined')
+        return 'Alt';
+    return navigator.platform.toLowerCase().includes('mac') ? 'Option' : 'Alt';
+}
+function readDismissals() {
+    try {
+        const dismissals = Number.parseInt(window.localStorage.getItem(DISMISSALS_KEY) ?? '0', 10);
+        return Number.isNaN(dismissals) ? 0 : dismissals;
+    }
+    catch {
+        return 0;
+    }
+}
+function AltHint() {
+    return (_jsxs(_Fragment, { children: ["Hold", _jsx(Kbd, { variant: "outline", size: "compact", className: "mx-1", children: getAltKeyLabel() }), "to see delta between spans"] }));
+}
+function NavHint() {
+    return (_jsxs(_Fragment, { children: ["Use", _jsx(Kbd, { variant: "outline", size: "compact", className: "ml-1", children: "J" }), _jsx("span", { className: "mx-1", children: "/" }), _jsx(Kbd, { variant: "outline", size: "compact", className: "mr-1", children: "K" }), "to move between spans"] }));
+}
+export function TraceShortcutHelper({ hasMultipleSpans, reducedMotion, }) {
+    const [visible, setVisible] = useState(false);
+    const [index, setIndex] = useState(0);
+    useEffect(() => {
+        setVisible(readDismissals() < DISMISSAL_LIMIT);
+    }, []);
+    useEffect(() => {
+        if (reducedMotion)
+            return;
+        const id = setInterval(() => {
+            setIndex((i) => (i === 0 ? 1 : 0));
+        }, HINT_ROTATION_MS);
+        return () => clearInterval(id);
+    }, [reducedMotion]);
+    if (!visible || !hasMultipleSpans)
+        return null;
+    const dismiss = () => {
+        try {
+            window.localStorage.setItem(DISMISSALS_KEY, String(readDismissals() + 1));
+        }
+        catch { }
+        setVisible(false);
+    };
+    return (_jsxs("div", { className: "group pointer-events-auto hidden h-8 w-fit items-center gap-1 text-label-12 leading-none text-gray-900 @min-[480px]:flex", children: [_jsx("span", { "aria-live": "polite", "aria-atomic": "true", className: "inline-flex items-center whitespace-nowrap", children: reducedMotion ? (_jsx(AltHint, {})) : (_jsx("span", { className: `inline-flex items-center ${styles.hint}`, children: index === 0 ? _jsx(AltHint, {}) : _jsx(NavHint, {}) }, index)) }), _jsx("button", { type: "button", className: "inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-accent hover:text-foreground group-hover:opacity-100 focus-visible:opacity-100 motion-reduce:transition-none", onClick: dismiss, "aria-label": "Dismiss trace shortcuts helper", children: _jsx(X, { className: "h-3 w-3" }) })] }));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhY2Utc2hvcnRjdXQtaGVscGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhY2Utdmlld2VyL2NvbXBvbmVudHMvdHJhY2Utc2hvcnRjdXQtaGVscGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7O0FBRWIsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM1QyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ25DLE9BQU8sTUFBTSxNQUFNLG9DQUFvQyxDQUFDO0FBRXhELE1BQU0sY0FBYyxHQUFHLDBDQUEwQyxDQUFDO0FBQ2xFLE1BQU0sZUFBZSxHQUFHLENBQUMsQ0FBQztBQUMxQixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQztBQUU5QixTQUFTLGNBQWM7SUFDckIsSUFBSSxPQUFPLFNBQVMsS0FBSyxXQUFXO1FBQUUsT0FBTyxLQUFLLENBQUM7SUFDbkQsT0FBTyxTQUFTLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7QUFDN0UsQ0FBQztBQUVELFNBQVMsY0FBYztJQUNyQixJQUFJLENBQUM7UUFDSCxNQUFNLFVBQVUsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUNoQyxNQUFNLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsSUFBSSxHQUFHLEVBQ2xELEVBQUUsQ0FDSCxDQUFDO1FBQ0YsT0FBTyxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQztJQUNuRCxDQUFDO0lBQUMsTUFBTSxDQUFDO1FBQ1AsT0FBTyxDQUFDLENBQUM7SUFDWCxDQUFDO0FBQ0gsQ0FBQztBQUVELFNBQVMsT0FBTztJQUNkLE9BQU8sQ0FDTCxzQ0FFRSxLQUFDLEdBQUcsSUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBQyxTQUFTLEVBQUMsU0FBUyxFQUFDLE1BQU0sWUFDbkQsY0FBYyxFQUFFLEdBQ2Isa0NBRUwsQ0FDSixDQUFDO0FBQ0osQ0FBQztBQUVELFNBQVMsT0FBTztJQUNkLE9BQU8sQ0FDTCxxQ0FFRSxLQUFDLEdBQUcsSUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBQyxTQUFTLEVBQUMsU0FBUyxFQUFDLE1BQU0sa0JBRWhELEVBQ04sZUFBTSxTQUFTLEVBQUMsTUFBTSxrQkFBUyxFQUMvQixLQUFDLEdBQUcsSUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBQyxTQUFTLEVBQUMsU0FBUyxFQUFDLE1BQU0sa0JBRWhELDZCQUVMLENBQ0osQ0FBQztBQUNKLENBQUM7QUFFRCxNQUFNLFVBQVUsbUJBQW1CLENBQUMsRUFDbEMsZ0JBQWdCLEVBQ2hCLGFBQWEsR0FJZDtJQUNDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRXRDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixVQUFVLENBQUMsY0FBYyxFQUFFLEdBQUcsZUFBZSxDQUFDLENBQUM7SUFDakQsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLElBQUksYUFBYTtZQUFFLE9BQU87UUFDMUIsTUFBTSxFQUFFLEdBQUcsV0FBVyxDQUFDLEdBQUcsRUFBRTtZQUMxQixRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3JDLENBQUMsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3JCLE9BQU8sR0FBRyxFQUFFLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2pDLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7SUFFcEIsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLGdCQUFnQjtRQUFFLE9BQU8sSUFBSSxDQUFDO0lBRS9DLE1BQU0sT0FBTyxHQUFHLEdBQUcsRUFBRTtRQUNuQixJQUFJLENBQUM7WUFDSCxNQUFNLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsTUFBTSxDQUFDLGNBQWMsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDNUUsQ0FBQztRQUFDLE1BQU0sQ0FBQyxDQUFBLENBQUM7UUFDVixVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEIsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLGVBQUssU0FBUyxFQUFDLDBIQUEwSCxhQUN2SSw0QkFDWSxRQUFRLGlCQUNOLE1BQU0sRUFDbEIsU0FBUyxFQUFDLDRDQUE0QyxZQUVyRCxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQ2YsS0FBQyxPQUFPLEtBQUcsQ0FDWixDQUFDLENBQUMsQ0FBQyxDQUNGLGVBRUUsU0FBUyxFQUFFLDRCQUE0QixNQUFNLENBQUMsSUFBSSxFQUFFLFlBRW5ELEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUMsT0FBTyxLQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUMsT0FBTyxLQUFHLElBSG5DLEtBQUssQ0FJTCxDQUNSLEdBQ0ksRUFDUCxpQkFDRSxJQUFJLEVBQUMsUUFBUSxFQUNiLFNBQVMsRUFBQyxrT0FBa08sRUFDNU8sT0FBTyxFQUFFLE9BQU8sZ0JBQ0wsZ0NBQWdDLFlBRTNDLEtBQUMsQ0FBQyxJQUFDLFNBQVMsRUFBQyxTQUFTLEdBQUcsR0FDbEIsSUFDTCxDQUNQLENBQUM7QUFDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQgeyBYIH0gZnJvbSAnbHVjaWRlLXJlYWN0JztcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBLYmQgfSBmcm9tICcuLi8uLi91aS9rYmQnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3RyYWNlLXNob3J0Y3V0LWhlbHBlci5tb2R1bGUuY3NzJztcblxuY29uc3QgRElTTUlTU0FMU19LRVkgPSAnd29ya2Zsb3ctc3RlcC1zaG9ydGN1dC1oZWxwZXItZGlzbWlzc2Fscyc7XG5jb25zdCBESVNNSVNTQUxfTElNSVQgPSAzO1xuY29uc3QgSElOVF9ST1RBVElPTl9NUyA9IDgwMDA7XG5cbmZ1bmN0aW9uIGdldEFsdEtleUxhYmVsKCk6ICdBbHQnIHwgJ09wdGlvbicge1xuICBpZiAodHlwZW9mIG5hdmlnYXRvciA9PT0gJ3VuZGVmaW5lZCcpIHJldHVybiAnQWx0JztcbiAgcmV0dXJuIG5hdmlnYXRvci5wbGF0Zm9ybS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKCdtYWMnKSA/ICdPcHRpb24nIDogJ0FsdCc7XG59XG5cbmZ1bmN0aW9uIHJlYWREaXNtaXNzYWxzKCk6IG51bWJlciB7XG4gIHRyeSB7XG4gICAgY29uc3QgZGlzbWlzc2FscyA9IE51bWJlci5wYXJzZUludChcbiAgICAgIHdpbmRvdy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbShESVNNSVNTQUxTX0tFWSkgPz8gJzAnLFxuICAgICAgMTBcbiAgICApO1xuICAgIHJldHVybiBOdW1iZXIuaXNOYU4oZGlzbWlzc2FscykgPyAwIDogZGlzbWlzc2FscztcbiAgfSBjYXRjaCB7XG4gICAgcmV0dXJuIDA7XG4gIH1cbn1cblxuZnVuY3Rpb24gQWx0SGludCgpIHtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgSG9sZFxuICAgICAgPEtiZCB2YXJpYW50PVwib3V0bGluZVwiIHNpemU9XCJjb21wYWN0XCIgY2xhc3NOYW1lPVwibXgtMVwiPlxuICAgICAgICB7Z2V0QWx0S2V5TGFiZWwoKX1cbiAgICAgIDwvS2JkPlxuICAgICAgdG8gc2VlIGRlbHRhIGJldHdlZW4gc3BhbnNcbiAgICA8Lz5cbiAgKTtcbn1cblxuZnVuY3Rpb24gTmF2SGludCgpIHtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgVXNlXG4gICAgICA8S2JkIHZhcmlhbnQ9XCJvdXRsaW5lXCIgc2l6ZT1cImNvbXBhY3RcIiBjbGFzc05hbWU9XCJtbC0xXCI+XG4gICAgICAgIEpcbiAgICAgIDwvS2JkPlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwibXgtMVwiPi88L3NwYW4+XG4gICAgICA8S2JkIHZhcmlhbnQ9XCJvdXRsaW5lXCIgc2l6ZT1cImNvbXBhY3RcIiBjbGFzc05hbWU9XCJtci0xXCI+XG4gICAgICAgIEtcbiAgICAgIDwvS2JkPlxuICAgICAgdG8gbW92ZSBiZXR3ZWVuIHNwYW5zXG4gICAgPC8+XG4gICk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBUcmFjZVNob3J0Y3V0SGVscGVyKHtcbiAgaGFzTXVsdGlwbGVTcGFucyxcbiAgcmVkdWNlZE1vdGlvbixcbn06IHtcbiAgaGFzTXVsdGlwbGVTcGFuczogYm9vbGVhbjtcbiAgcmVkdWNlZE1vdGlvbjogYm9vbGVhbjtcbn0pIHtcbiAgY29uc3QgW3Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbaW5kZXgsIHNldEluZGV4XSA9IHVzZVN0YXRlKDApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0VmlzaWJsZShyZWFkRGlzbWlzc2FscygpIDwgRElTTUlTU0FMX0xJTUlUKTtcbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHJlZHVjZWRNb3Rpb24pIHJldHVybjtcbiAgICBjb25zdCBpZCA9IHNldEludGVydmFsKCgpID0+IHtcbiAgICAgIHNldEluZGV4KChpKSA9PiAoaSA9PT0gMCA/IDEgOiAwKSk7XG4gICAgfSwgSElOVF9ST1RBVElPTl9NUyk7XG4gICAgcmV0dXJuICgpID0+IGNsZWFySW50ZXJ2YWwoaWQpO1xuICB9LCBbcmVkdWNlZE1vdGlvbl0pO1xuXG4gIGlmICghdmlzaWJsZSB8fCAhaGFzTXVsdGlwbGVTcGFucykgcmV0dXJuIG51bGw7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICB0cnkge1xuICAgICAgd2luZG93LmxvY2FsU3RvcmFnZS5zZXRJdGVtKERJU01JU1NBTFNfS0VZLCBTdHJpbmcocmVhZERpc21pc3NhbHMoKSArIDEpKTtcbiAgICB9IGNhdGNoIHt9XG4gICAgc2V0VmlzaWJsZShmYWxzZSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cImdyb3VwIHBvaW50ZXItZXZlbnRzLWF1dG8gaGlkZGVuIGgtOCB3LWZpdCBpdGVtcy1jZW50ZXIgZ2FwLTEgdGV4dC1sYWJlbC0xMiBsZWFkaW5nLW5vbmUgdGV4dC1ncmF5LTkwMCBAbWluLVs0ODBweF06ZmxleFwiPlxuICAgICAgPHNwYW5cbiAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgYXJpYS1hdG9taWM9XCJ0cnVlXCJcbiAgICAgICAgY2xhc3NOYW1lPVwiaW5saW5lLWZsZXggaXRlbXMtY2VudGVyIHdoaXRlc3BhY2Utbm93cmFwXCJcbiAgICAgID5cbiAgICAgICAge3JlZHVjZWRNb3Rpb24gPyAoXG4gICAgICAgICAgPEFsdEhpbnQgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17YGlubGluZS1mbGV4IGl0ZW1zLWNlbnRlciAke3N0eWxlcy5oaW50fWB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2luZGV4ID09PSAwID8gPEFsdEhpbnQgLz4gOiA8TmF2SGludCAvPn1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICl9XG4gICAgICA8L3NwYW4+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBjbGFzc05hbWU9XCJpbmxpbmUtZmxleCBoLTUgdy01IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciByb3VuZGVkIHRleHQtbXV0ZWQtZm9yZWdyb3VuZCBvcGFjaXR5LTAgdHJhbnNpdGlvbi1vcGFjaXR5IGhvdmVyOmJnLWFjY2VudCBob3Zlcjp0ZXh0LWZvcmVncm91bmQgZ3JvdXAtaG92ZXI6b3BhY2l0eS0xMDAgZm9jdXMtdmlzaWJsZTpvcGFjaXR5LTEwMCBtb3Rpb24tcmVkdWNlOnRyYW5zaXRpb24tbm9uZVwiXG4gICAgICAgIG9uQ2xpY2s9e2Rpc21pc3N9XG4gICAgICAgIGFyaWEtbGFiZWw9XCJEaXNtaXNzIHRyYWNlIHNob3J0Y3V0cyBoZWxwZXJcIlxuICAgICAgPlxuICAgICAgICA8WCBjbGFzc05hbWU9XCJoLTMgdy0zXCIgLz5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICApO1xufVxuIl19

package/dist/components/trace-viewer/components/trace-shortcut-helper.module.css

@@ -0,0 +1,20 @@
+/* Only one hint is in the DOM at a time; it is remounted on each rotation
+   (keyed by index in React) so this short fade-in plays as a crossfade. */
+.hint {
+  animation: trace-shortcut-hint-fade 150ms ease-in-out;
+}
+
+@keyframes trace-shortcut-hint-fade {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .hint {
+    animation: none;
+  }
+}

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

@@ -0,0 +1,2 @@
+export declare function TraceViewerSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trace-viewer-skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trace-viewer-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/trace-viewer-skeleton.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,mBAAmB,4CAuFlC"}

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from '../../ui/skeleton';
+import { DEFAULT_START_PX, paneColTemplate } from './pane-constants';
+// Mirrors SplitPane's initial column template so the skeleton lines up with
+// the real viewer's first paint.
+const COL_TEMPLATE = paneColTemplate(DEFAULT_START_PX);
+const ROWS = [
+    { id: 'r0', name: 62, off: 0, bar: 72 },
+    { id: 'r1', name: 78, off: 6, bar: 48 },
+    { id: 'r2', name: 50, off: 10, bar: 55 },
+    { id: 'r3', name: 84, off: 18, bar: 30 },
+    { id: 'r4', name: 45, off: 18, bar: 42 },
+    { id: 'r5', name: 66, off: 34, bar: 38 },
+    { id: 'r6', name: 55, off: 41, bar: 25 },
+    { id: 'r7', name: 40, off: 50, bar: 30 },
+];
+const HEADER_MARKERS = ['m0', 'm1', 'm2', 'm3'];
+const HeaderDivider = () => (_jsx("div", { className: "flex justify-center", children: _jsx("span", { "aria-hidden": true, className: "h-full w-px bg-gray-alpha-400" }) }));
+export function TraceViewerSkeleton() {
+    return (_jsxs("output", { "aria-busy": "true", "aria-label": "Loading trace", className: "flex flex-col w-full h-full min-h-0 bg-background-100", children: [_jsx("span", { className: "sr-only", children: "Loading trace\u2026" }), _jsx("div", { className: "relative h-10 min-h-10 shrink-0 border-b border-gray-alpha-400", children: _jsx("div", { className: "absolute inset-x-4 top-[6px]", children: ROWS.map((row, index) => (_jsx(Skeleton, { className: "absolute h-[3px] rounded-full", style: {
+                            left: `${row.off}%`,
+                            width: `${row.bar}%`,
+                            top: index * 3.5,
+                        } }, row.id))) }) }), _jsxs("div", { className: "shrink-0 grid", style: { gridTemplateColumns: COL_TEMPLATE }, children: [_jsxs("div", { className: "h-10 min-h-10 flex items-center border-b border-gray-alpha-400 pl-4 pr-2 gap-1.5", children: [_jsx(Skeleton, { className: "w-3.5 h-3.5 shrink-0 rounded-sm" }), _jsx(Skeleton, { className: "h-3.5 w-40" })] }), _jsx(HeaderDivider, {}), _jsx("div", { className: "h-10 min-h-10 flex items-end border-b border-gray-alpha-400 px-4 pb-1 gap-2", children: _jsx("div", { className: "relative flex-1 flex items-end justify-between", children: HEADER_MARKERS.map((id) => (_jsx(Skeleton, { className: "h-3.5 w-9" }, id))) }) })] }), _jsxs("div", { className: "grid flex-1 min-h-0 overflow-hidden", style: { gridTemplateColumns: COL_TEMPLATE }, children: [_jsx("div", { className: "block overflow-visible", children: _jsx("ul", { className: "block divide-y divide-gray-alpha-400 border-b border-gray-alpha-400", children: ROWS.map((row) => (_jsxs("li", { className: "h-10 flex items-center pl-4 pr-2", children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [_jsx(Skeleton, { className: "w-4 h-4 shrink-0 rounded-sm" }), _jsx(Skeleton, { className: "h-3.5", style: { width: `${row.name}%` } })] }), _jsx(Skeleton, { className: "ml-2 h-3.5 w-10 shrink-0" })] }, row.id))) }) }), _jsx("span", { "aria-hidden": true, className: "h-full w-px bg-gray-alpha-400" }), _jsx("div", { className: "relative min-h-0", children: ROWS.map((row) => (_jsx("div", { className: "relative h-10", children: _jsx("div", { className: "absolute inset-x-4 inset-y-0", children: _jsx(Skeleton, { className: "absolute top-1/2 -translate-y-1/2 h-6 rounded-[0.25rem]", style: { left: `${row.off}%`, width: `${row.bar}%` } }) }) }, row.id))) })] })] }));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhY2Utdmlld2VyLXNrZWxldG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhY2Utdmlld2VyL2NvbXBvbmVudHMvdHJhY2Utdmlld2VyLXNrZWxldG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVyRSw0RUFBNEU7QUFDNUUsaUNBQWlDO0FBQ2pDLE1BQU0sWUFBWSxHQUFHLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0FBRXZELE1BQU0sSUFBSSxHQUE2RDtJQUNyRSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUU7SUFDdkMsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFO0lBQ3ZDLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRTtJQUN4QyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUU7SUFDeEMsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFO0lBQ3hDLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsR0FB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QyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDakIsY0FBa0IsU0FBUyxFQUFDLGVBQWUsWUFDekMsY0FBSyxTQUFTLEVBQUMsOEJBQThCLFlBQzNDLEtBQUMsUUFBUSxJQUNQLFNBQVMsRUFBQyx5REFBeUQsRUFDbkUsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxFQUFFLEtBQUssRUFBRSxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsRUFBRSxHQUNwRCxHQUNFLElBTkUsR0FBRyxDQUFDLEVBQUUsQ0FPVixDQUNQLENBQUMsR0FDRSxJQUNGLElBQ0MsQ0FDVixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNrZWxldG9uIH0gZnJvbSAnLi4vLi4vdWkvc2tlbGV0b24nO1xuaW1wb3J0IHsgREVGQVVMVF9TVEFSVF9QWCwgcGFuZUNvbFRlbXBsYXRlIH0gZnJvbSAnLi9wYW5lLWNvbnN0YW50cyc7XG5cbi8vIE1pcnJvcnMgU3BsaXRQYW5lJ3MgaW5pdGlhbCBjb2x1bW4gdGVtcGxhdGUgc28gdGhlIHNrZWxldG9uIGxpbmVzIHVwIHdpdGhcbi8vIHRoZSByZWFsIHZpZXdlcidzIGZpcnN0IHBhaW50LlxuY29uc3QgQ09MX1RFTVBMQVRFID0gcGFuZUNvbFRlbXBsYXRlKERFRkFVTFRfU1RBUlRfUFgpO1xuXG5jb25zdCBST1dTOiB7IGlkOiBzdHJpbmc7IG5hbWU6IG51bWJlcjsgb2ZmOiBudW1iZXI7IGJhcjogbnVtYmVyIH1bXSA9IFtcbiAgeyBpZDogJ3IwJywgbmFtZTogNjIsIG9mZjogMCwgYmFyOiA3MiB9LFxuICB7IGlkOiAncjEnLCBuYW1lOiA3OCwgb2ZmOiA2LCBiYXI6IDQ4IH0sXG4gIHsgaWQ6ICdyMicsIG5hbWU6IDUwLCBvZmY6IDEwLCBiYXI6IDU1IH0sXG4gIHsgaWQ6ICdyMycsIG5hbWU6IDg0LCBvZmY6IDE4LCBiYXI6IDMwIH0sXG4gIHsgaWQ6ICdyNCcsIG5hbWU6IDQ1LCBvZmY6IDE4LCBiYXI6IDQyIH0sXG4gIHsgaWQ6ICdyNScsIG5hbWU6IDY2LCBvZmY6IDM0LCBiYXI6IDM4IH0sXG4gIHsgaWQ6ICdyNicsIG5hbWU6IDU1LCBvZmY6IDQxLCBiYXI6IDI1IH0sXG4gIHsgaWQ6ICdyNycsIG5hbWU6IDQwLCBvZmY6IDUwLCBiYXI6IDMwIH0sXG5dO1xuXG5jb25zdCBIRUFERVJfTUFSS0VSUyA9IFsnbTAnLCAnbTEnLCAnbTInLCAnbTMnXTtcblxuY29uc3QgSGVhZGVyRGl2aWRlciA9ICgpID0+IChcbiAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGp1c3RpZnktY2VudGVyXCI+XG4gICAgPHNwYW4gYXJpYS1oaWRkZW4gY2xhc3NOYW1lPVwiaC1mdWxsIHctcHggYmctZ3JheS1hbHBoYS00MDBcIiAvPlxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUcmFjZVZpZXdlclNrZWxldG9uKCkge1xuICByZXR1cm4gKFxuICAgIDxvdXRwdXRcbiAgICAgIGFyaWEtYnVzeT1cInRydWVcIlxuICAgICAgYXJpYS1sYWJlbD1cIkxvYWRpbmcgdHJhY2VcIlxuICAgICAgY2xhc3NOYW1lPVwiZmxleCBmbGV4LWNvbCB3LWZ1bGwgaC1mdWxsIG1pbi1oLTAgYmctYmFja2dyb3VuZC0xMDBcIlxuICAgID5cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT1cInNyLW9ubHlcIj5Mb2FkaW5nIHRyYWNl4oCmPC9zcGFuPlxuXG4gICAgICB7LyogTWluaW1hcCBzdHJpcDogdGhpbiBkZW5zaXR5IGxpbmVzIHRyYWNpbmcgdGhlIHNhbWUgc2hhcGUgYXMgdGhlIGJhcnMgKi99XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInJlbGF0aXZlIGgtMTAgbWluLWgtMTAgc2hyaW5rLTAgYm9yZGVyLWIgYm9yZGVyLWdyYXktYWxwaGEtNDAwXCI+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYWJzb2x1dGUgaW5zZXQteC00IHRvcC1bNnB4XVwiPlxuICAgICAgICAgIHtST1dTLm1hcCgocm93LCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgPFNrZWxldG9uXG4gICAgICAgICAgICAgIGtleT17cm93LmlkfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJhYnNvbHV0ZSBoLVszcHhdIHJvdW5kZWQtZnVsbFwiXG4gICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgbGVmdDogYCR7cm93Lm9mZn0lYCxcbiAgICAgICAgICAgICAgICB3aWR0aDogYCR7cm93LmJhcn0lYCxcbiAgICAgICAgICAgICAgICB0b3A6IGluZGV4ICogMy41LFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgey8qIEhlYWRlciByb3c6IHNlYXJjaCBoZWFkZXIgfCBkaXZpZGVyIHwgdGltZWxpbmUgaGVhZGVyICovfVxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9XCJzaHJpbmstMCBncmlkXCJcbiAgICAgICAgc3R5bGU9e3sgZ3JpZFRlbXBsYXRlQ29sdW1uczogQ09MX1RFTVBMQVRFIH19XG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaC0xMCBtaW4taC0xMCBmbGV4IGl0ZW1zLWNlbnRlciBib3JkZXItYiBib3JkZXItZ3JheS1hbHBoYS00MDAgcGwtNCBwci0yIGdhcC0xLjVcIj5cbiAgICAgICAgICA8U2tlbGV0b24gY2xhc3NOYW1lPVwidy0zLjUgaC0zLjUgc2hyaW5rLTAgcm91bmRlZC1zbVwiIC8+XG4gICAgICAgICAgPFNrZWxldG9uIGNsYXNzTmFtZT1cImgtMy41IHctNDBcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPEhlYWRlckRpdmlkZXIgLz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJoLTEwIG1pbi1oLTEwIGZsZXggaXRlbXMtZW5kIGJvcmRlci1iIGJvcmRlci1ncmF5LWFscGhhLTQwMCBweC00IHBiLTEgZ2FwLTJcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInJlbGF0aXZlIGZsZXgtMSBmbGV4IGl0ZW1zLWVuZCBqdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgICAgICAgIHtIRUFERVJfTUFSS0VSUy5tYXAoKGlkKSA9PiAoXG4gICAgICAgICAgICAgIDxTa2VsZXRvbiBrZXk9e2lkfSBjbGFzc05hbWU9XCJoLTMuNSB3LTlcIiAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIHsvKiBDb250ZW50IHJvdzogZXZlbnQgbGlzdCB8IGd1dHRlciB8IHRpbWVsaW5lICovfVxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9XCJncmlkIGZsZXgtMSBtaW4taC0wIG92ZXJmbG93LWhpZGRlblwiXG4gICAgICAgIHN0eWxlPXt7IGdyaWRUZW1wbGF0ZUNvbHVtbnM6IENPTF9URU1QTEFURSB9fVxuICAgICAgPlxuICAgICAgICB7LyogU2lkZWJhciBldmVudCByb3dzICovfVxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImJsb2NrIG92ZXJmbG93LXZpc2libGVcIj5cbiAgICAgICAgICA8dWwgY2xhc3NOYW1lPVwiYmxvY2sgZGl2aWRlLXkgZGl2aWRlLWdyYXktYWxwaGEtNDAwIGJvcmRlci1iIGJvcmRlci1ncmF5LWFscGhhLTQwMFwiPlxuICAgICAgICAgICAge1JPV1MubWFwKChyb3cpID0+IChcbiAgICAgICAgICAgICAgPGxpIGtleT17cm93LmlkfSBjbGFzc05hbWU9XCJoLTEwIGZsZXggaXRlbXMtY2VudGVyIHBsLTQgcHItMlwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBtaW4tdy0wIGZsZXgtMSBpdGVtcy1jZW50ZXIgZ2FwLTJcIj5cbiAgICAgICAgICAgICAgICAgIDxTa2VsZXRvbiBjbGFzc05hbWU9XCJ3LTQgaC00IHNocmluay0wIHJvdW5kZWQtc21cIiAvPlxuICAgICAgICAgICAgICAgICAgPFNrZWxldG9uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImgtMy41XCJcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgd2lkdGg6IGAke3Jvdy5uYW1lfSVgIH19XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxTa2VsZXRvbiBjbGFzc05hbWU9XCJtbC0yIGgtMy41IHctMTAgc2hyaW5rLTBcIiAvPlxuICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC91bD5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgey8qIEd1dHRlciAqL31cbiAgICAgICAgPHNwYW4gYXJpYS1oaWRkZW4gY2xhc3NOYW1lPVwiaC1mdWxsIHctcHggYmctZ3JheS1hbHBoYS00MDBcIiAvPlxuXG4gICAgICAgIHsvKiBUaW1lbGluZSBiYXJzICovfVxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInJlbGF0aXZlIG1pbi1oLTBcIj5cbiAgICAgICAgICB7Uk9XUy5tYXAoKHJvdykgPT4gKFxuICAgICAgICAgICAgPGRpdiBrZXk9e3Jvdy5pZH0gY2xhc3NOYW1lPVwicmVsYXRpdmUgaC0xMFwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImFic29sdXRlIGluc2V0LXgtNCBpbnNldC15LTBcIj5cbiAgICAgICAgICAgICAgICA8U2tlbGV0b25cbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImFic29sdXRlIHRvcC0xLzIgLXRyYW5zbGF0ZS15LTEvMiBoLTYgcm91bmRlZC1bMC4yNXJlbV1cIlxuICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgbGVmdDogYCR7cm93Lm9mZn0lYCwgd2lkdGg6IGAke3Jvdy5iYXJ9JWAgfX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkpfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvb3V0cHV0PlxuICApO1xufVxuIl19

package/dist/components/trace-viewer/components/use-element-width.d.ts

@@ -0,0 +1,8 @@
+import { type RefObject } from 'react';
+/**
+ * Observed width (px) of `ref`'s element. Measures synchronously before paint
+ * when (re-)enabled, then tracks resizes. While disabled it keeps the last
+ * measured value; re-enabling re-measures before the next paint.
+ */
+export declare function useElementWidth(ref: RefObject<HTMLElement | null>, enabled?: boolean): number;
+//# sourceMappingURL=use-element-width.d.ts.map

package/dist/components/trace-viewer/components/use-element-width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-element-width.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/use-element-width.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAElE;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,OAAO,UAAO,GACb,MAAM,CAgBR"}

package/dist/components/trace-viewer/components/use-element-width.js

@@ -0,0 +1,25 @@
+'use client';
+import { useLayoutEffect, useState } from 'react';
+/**
+ * Observed width (px) of `ref`'s element. Measures synchronously before paint
+ * when (re-)enabled, then tracks resizes. While disabled it keeps the last
+ * measured value; re-enabling re-measures before the next paint.
+ */
+export function useElementWidth(ref, enabled = true) {
+    const [width, setWidth] = useState(0);
+    useLayoutEffect(() => {
+        if (!enabled)
+            return;
+        const el = ref.current;
+        if (!el)
+            return;
+        setWidth(Math.round(el.getBoundingClientRect().width));
+        const observer = new ResizeObserver(([entry]) => {
+            setWidth(Math.round(entry?.contentRect.width ?? 0));
+        });
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [ref, enabled]);
+    return width;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLWVsZW1lbnQtd2lkdGguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmFjZS12aWV3ZXIvY29tcG9uZW50cy91c2UtZWxlbWVudC13aWR0aC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7QUFFYixPQUFPLEVBQWtCLGVBQWUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbEU7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxlQUFlLENBQzdCLEdBQWtDLEVBQ2xDLE9BQU8sR0FBRyxJQUFJO0lBRWQsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFFdEMsZUFBZSxDQUFDLEdBQUcsRUFBRTtRQUNuQixJQUFJLENBQUMsT0FBTztZQUFFLE9BQU87UUFDckIsTUFBTSxFQUFFLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQztRQUN2QixJQUFJLENBQUMsRUFBRTtZQUFFLE9BQU87UUFDaEIsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLHFCQUFxQixFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUN2RCxNQUFNLFFBQVEsR0FBRyxJQUFJLGNBQWMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUUsRUFBRTtZQUM5QyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3RELENBQUMsQ0FBQyxDQUFDO1FBQ0gsUUFBUSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNyQixPQUFPLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNyQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUVuQixPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7IHR5cGUgUmVmT2JqZWN0LCB1c2VMYXlvdXRFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG4vKipcbiAqIE9ic2VydmVkIHdpZHRoIChweCkgb2YgYHJlZmAncyBlbGVtZW50LiBNZWFzdXJlcyBzeW5jaHJvbm91c2x5IGJlZm9yZSBwYWludFxuICogd2hlbiAocmUtKWVuYWJsZWQsIHRoZW4gdHJhY2tzIHJlc2l6ZXMuIFdoaWxlIGRpc2FibGVkIGl0IGtlZXBzIHRoZSBsYXN0XG4gKiBtZWFzdXJlZCB2YWx1ZTsgcmUtZW5hYmxpbmcgcmUtbWVhc3VyZXMgYmVmb3JlIHRoZSBuZXh0IHBhaW50LlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRWxlbWVudFdpZHRoKFxuICByZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudCB8IG51bGw+LFxuICBlbmFibGVkID0gdHJ1ZVxuKTogbnVtYmVyIHtcbiAgY29uc3QgW3dpZHRoLCBzZXRXaWR0aF0gPSB1c2VTdGF0ZSgwKTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghZW5hYmxlZCkgcmV0dXJuO1xuICAgIGNvbnN0IGVsID0gcmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFlbCkgcmV0dXJuO1xuICAgIHNldFdpZHRoKE1hdGgucm91bmQoZWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgpKTtcbiAgICBjb25zdCBvYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoW2VudHJ5XSkgPT4ge1xuICAgICAgc2V0V2lkdGgoTWF0aC5yb3VuZChlbnRyeT8uY29udGVudFJlY3Qud2lkdGggPz8gMCkpO1xuICAgIH0pO1xuICAgIG9ic2VydmVyLm9ic2VydmUoZWwpO1xuICAgIHJldHVybiAoKSA9PiBvYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gIH0sIFtyZWYsIGVuYWJsZWRdKTtcblxuICByZXR1cm4gd2lkdGg7XG59XG4iXX0=

package/dist/components/trace-viewer/components/use-row-window.d.ts

@@ -0,0 +1,34 @@
+import { type RefObject } from 'react';
+export interface RowWindow {
+    /** First visible row index (inclusive), already padded by overscan. */
+    start: number;
+    /** Last visible row index (exclusive), already padded by overscan. */
+    end: number;
+}
+/**
+ * Fixed-height windowing over a shared scroll container.
+ *
+ * The events list and timeline both render one `rowHeight`-tall row per span
+ * and scroll together inside the same `SplitPane`. Each caller passes a ref to
+ * its own root; the hook walks up to the shared scrollable ancestor, so the
+ * scroll container doesn't have to be threaded through props. Same scroll
+ * position + same row height means both panes window to the same range.
+ */
+export declare function useRowWindow(ref: RefObject<HTMLElement | null>, rowCount: number, rowHeight: number, overscan?: number): RowWindow;
+/** Row height (px) shared by the events list and timeline rows (`h-10`). */
+export declare const ROW_HEIGHT_PX = 40;
+/**
+ * Scroll a windowed row into view by index.
+ *
+ * The list is virtualized (fixed `rowHeight` rows), so an off-screen row has no
+ * DOM node to `scrollIntoView` — its target offset is computed from its index
+ * instead. Walks up from `listEl` to the shared scrollable ancestor (the same
+ * one `useRowWindow` measures against), only scrolls when the row sits outside
+ * the visible area, leaves a one-row `margin` of breathing room past it, and
+ * clamps the result to `[0, scrollHeight - clientHeight]`.
+ */
+export declare function scrollRowIntoView(listEl: HTMLElement | null, index: number, rowHeight: number, opts?: {
+    margin?: number;
+    behavior?: ScrollBehavior;
+}): void;
+//# sourceMappingURL=use-row-window.d.ts.map

package/dist/components/trace-viewer/components/use-row-window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-row-window.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/use-row-window.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAK5D,MAAM,WAAW,SAAS;IACxB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,GAAG,EAAE,MAAM,CAAC;CACb;AAaD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EACjB,QAAQ,SAAK,GACZ,SAAS,CAkDX;AAED,4EAA4E;AAC5E,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,IAAI,CAAC,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,cAAc,CAAA;CAAE,GACpD,IAAI,CA8BN"}

package/dist/components/trace-viewer/components/use-row-window.js

@@ -0,0 +1,107 @@
+'use client';
+import { useEffect, useState } from 'react';
+/** Rows rendered on the first paint, before the container has been measured. */
+const INITIAL_VISIBLE_ROWS = 60;
+/** Nearest scrollable ancestor of `el` (the shared `SplitPane` container). */
+function getScrollParent(el) {
+    let node = el?.parentElement ?? null;
+    while (node) {
+        const overflowY = getComputedStyle(node).overflowY;
+        if (overflowY === 'auto' || overflowY === 'scroll')
+            return node;
+        node = node.parentElement;
+    }
+    return null;
+}
+/**
+ * Fixed-height windowing over a shared scroll container.
+ *
+ * The events list and timeline both render one `rowHeight`-tall row per span
+ * and scroll together inside the same `SplitPane`. Each caller passes a ref to
+ * its own root; the hook walks up to the shared scrollable ancestor, so the
+ * scroll container doesn't have to be threaded through props. Same scroll
+ * position + same row height means both panes window to the same range.
+ */
+export function useRowWindow(ref, rowCount, rowHeight, overscan = 12) {
+    // Bound the pre-measurement window so the first paint of a large trace
+    // doesn't render every row before the effect narrows it down.
+    const [range, setRange] = useState(() => ({
+        start: 0,
+        end: Math.min(rowCount, INITIAL_VISIBLE_ROWS),
+    }));
+    useEffect(() => {
+        const self = ref.current;
+        const el = getScrollParent(self);
+        if (!self || !el)
+            return;
+        let raf = 0;
+        const measure = () => {
+            raf = 0;
+            // Offset of the list's top within the scroll container's content, so the
+            // window stays correct even if the list isn't flush with the top.
+            const offset = self.getBoundingClientRect().top -
+                el.getBoundingClientRect().top +
+                el.scrollTop;
+            const top = el.scrollTop - offset;
+            const start = Math.max(0, Math.floor(top / rowHeight) - overscan);
+            const end = Math.min(rowCount, Math.ceil((top + el.clientHeight) / rowHeight) + overscan);
+            setRange((prev) => prev.start === start && prev.end === end ? prev : { start, end });
+        };
+        const onScroll = () => {
+            if (!raf)
+                raf = requestAnimationFrame(measure);
+        };
+        measure();
+        el.addEventListener('scroll', onScroll, { passive: true });
+        const ro = new ResizeObserver(measure);
+        ro.observe(el);
+        return () => {
+            el.removeEventListener('scroll', onScroll);
+            ro.disconnect();
+            if (raf)
+                cancelAnimationFrame(raf);
+        };
+    }, [ref, rowCount, rowHeight, overscan]);
+    return range;
+}
+/** Row height (px) shared by the events list and timeline rows (`h-10`). */
+export const ROW_HEIGHT_PX = 40;
+/**
+ * Scroll a windowed row into view by index.
+ *
+ * The list is virtualized (fixed `rowHeight` rows), so an off-screen row has no
+ * DOM node to `scrollIntoView` — its target offset is computed from its index
+ * instead. Walks up from `listEl` to the shared scrollable ancestor (the same
+ * one `useRowWindow` measures against), only scrolls when the row sits outside
+ * the visible area, leaves a one-row `margin` of breathing room past it, and
+ * clamps the result to `[0, scrollHeight - clientHeight]`.
+ */
+export function scrollRowIntoView(listEl, index, rowHeight, opts) {
+    const scroller = listEl ? getScrollParent(listEl) : null;
+    if (!listEl || !scroller)
+        return;
+    const margin = opts?.margin ?? rowHeight;
+    // Offset of the list's top within the scroll container's content.
+    const listOffset = listEl.getBoundingClientRect().top -
+        scroller.getBoundingClientRect().top +
+        scroller.scrollTop;
+    const rowTop = listOffset + index * rowHeight;
+    const rowBottom = rowTop + rowHeight;
+    const viewTop = scroller.scrollTop;
+    const viewBottom = viewTop + scroller.clientHeight;
+    let top = null;
+    if (rowTop < viewTop) {
+        top = rowTop - margin;
+    }
+    else if (rowBottom > viewBottom) {
+        top = rowBottom + margin - scroller.clientHeight;
+    }
+    if (top === null)
+        return;
+    const max = scroller.scrollHeight - scroller.clientHeight;
+    scroller.scrollTo({
+        top: Math.max(0, Math.min(top, max)),
+        behavior: opts?.behavior,
+    });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLXJvdy13aW5kb3cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmFjZS12aWV3ZXIvY29tcG9uZW50cy91c2Utcm93LXdpbmRvdy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7QUFFYixPQUFPLEVBQWtCLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFNUQsZ0ZBQWdGO0FBQ2hGLE1BQU0sb0JBQW9CLEdBQUcsRUFBRSxDQUFDO0FBU2hDLDhFQUE4RTtBQUM5RSxTQUFTLGVBQWUsQ0FBQyxFQUFzQjtJQUM3QyxJQUFJLElBQUksR0FBRyxFQUFFLEVBQUUsYUFBYSxJQUFJLElBQUksQ0FBQztJQUNyQyxPQUFPLElBQUksRUFBRSxDQUFDO1FBQ1osTUFBTSxTQUFTLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQ25ELElBQUksU0FBUyxLQUFLLE1BQU0sSUFBSSxTQUFTLEtBQUssUUFBUTtZQUFFLE9BQU8sSUFBSSxDQUFDO1FBQ2hFLElBQUksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzVCLENBQUM7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNkLENBQUM7QUFFRDs7Ozs7Ozs7R0FRRztBQUNILE1BQU0sVUFBVSxZQUFZLENBQzFCLEdBQWtDLEVBQ2xDLFFBQWdCLEVBQ2hCLFNBQWlCLEVBQ2pCLFFBQVEsR0FBRyxFQUFFO0lBRWIsdUVBQXVFO0lBQ3ZFLDhEQUE4RDtJQUM5RCxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLFFBQVEsQ0FBWSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ25ELEtBQUssRUFBRSxDQUFDO1FBQ1IsR0FBRyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLG9CQUFvQixDQUFDO0tBQzlDLENBQUMsQ0FBQyxDQUFDO0lBRUosU0FBUyxDQUFDLEdBQUcs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LEVBQUUsQ0FBQyxHQUFHO1FBQ2xDLFFBQVEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLEdBQUc7UUFDcEMsUUFBUSxDQUFDLFNBQVMsQ0FBQztJQUVyQixNQUFNLE1BQU0sR0FBRyxVQUFVLEdBQUcsS0FBSyxHQUFHLFNBQVMsQ0FBQztJQUM5QyxNQUFNLFNBQVMsR0FBRyxNQUFNLEdBQUcsU0FBUyxDQUFDO0lBQ3JDLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxTQUFTLENBQUM7SUFDbkMsTUFBTSxVQUFVLEdBQUcsT0FBTyxHQUFHLFFBQVEsQ0FBQyxZQUFZLENBQUM7SUFFbkQsSUFBSSxHQUFHLEdBQWtCLElBQUksQ0FBQztJQUM5QixJQUFJLE1BQU0sR0FBRyxPQUFPLEVBQUUsQ0FBQztRQUNyQixHQUFHLEdBQUcsTUFBTSxHQUFHLE1BQU0sQ0FBQztJQUN4QixDQUFDO1NBQU0sSUFBSSxTQUFTLEdBQUcsVUFBVSxFQUFFLENBQUM7UUFDbEMsR0FBRyxHQUFHLFNBQVMsR0FBRyxNQUFNLEdBQUcsUUFBUSxDQUFDLFlBQVksQ0FBQztJQUNuRCxDQUFDO0lBQ0QsSUFBSSxHQUFHLEtBQUssSUFBSTtRQUFFLE9BQU87SUFFekIsTUFBTSxHQUFHLEdBQUcsUUFBUSxDQUFDLFlBQVksR0FBRyxRQUFRLENBQUMsWUFBWSxDQUFDO0lBQzFELFFBQVEsQ0FBQyxRQUFRLENBQUM7UUFDaEIsR0FBRyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ3BDLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUTtLQUN6QixDQUFDLENBQUM7QUFDTCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQgeyB0eXBlIFJlZk9iamVjdCwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuLyoqIFJvd3MgcmVuZGVyZWQgb24gdGhlIGZpcnN0IHBhaW50LCBiZWZvcmUgdGhlIGNvbnRhaW5lciBoYXMgYmVlbiBtZWFzdXJlZC4gKi9cbmNvbnN0IElOSVRJQUxfVklTSUJMRV9ST1dTID0gNjA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUm93V2luZG93IHtcbiAgLyoqIEZpcnN0IHZpc2libGUgcm93IGluZGV4IChpbmNsdXNpdmUpLCBhbHJlYWR5IHBhZGRlZCBieSBvdmVyc2Nhbi4gKi9cbiAgc3RhcnQ6IG51bWJlcjtcbiAgLyoqIExhc3QgdmlzaWJsZSByb3cgaW5kZXggKGV4Y2x1c2l2ZSksIGFscmVhZHkgcGFkZGVkIGJ5IG92ZXJzY2FuLiAqL1xuICBlbmQ6IG51bWJlcjtcbn1cblxuLyoqIE5lYXJlc3Qgc2Nyb2xsYWJsZSBhbmNlc3RvciBvZiBgZWxgICh0aGUgc2hhcmVkIGBTcGxpdFBhbmVgIGNvbnRhaW5lcikuICovXG5mdW5jdGlvbiBnZXRTY3JvbGxQYXJlbnQoZWw6IEhUTUxFbGVtZW50IHwgbnVsbCk6IEhUTUxFbGVtZW50IHwgbnVsbCB7XG4gIGxldCBub2RlID0gZWw/LnBhcmVudEVsZW1lbnQgPz8gbnVsbDtcbiAgd2hpbGUgKG5vZGUpIHtcbiAgICBjb25zdCBvdmVyZmxvd1kgPSBnZXRDb21wdXRlZFN0eWxlKG5vZGUpLm92ZXJmbG93WTtcbiAgICBpZiAob3ZlcmZsb3dZID09PSAnYXV0bycgfHwgb3ZlcmZsb3dZID09PSAnc2Nyb2xsJykgcmV0dXJuIG5vZGU7XG4gICAgbm9kZSA9IG5vZGUucGFyZW50RWxlbWVudDtcbiAgfVxuICByZXR1cm4gbnVsbDtcbn1cblxuLyoqXG4gKiBGaXhlZC1oZWlnaHQgd2luZG93aW5nIG92ZXIgYSBzaGFyZWQgc2Nyb2xsIGNvbnRhaW5lci5cbiAqXG4gKiBUaGUgZXZlbnRzIGxpc3QgYW5kIHRpbWVsaW5lIGJvdGggcmVuZGVyIG9uZSBgcm93SGVpZ2h0YC10YWxsIHJvdyBwZXIgc3BhblxuICogYW5kIHNjcm9sbCB0b2dldGhlciBpbnNpZGUgdGhlIHNhbWUgYFNwbGl0UGFuZWAuIEVhY2ggY2FsbGVyIHBhc3NlcyBhIHJlZiB0b1xuICogaXRzIG93biByb290OyB0aGUgaG9vayB3YWxrcyB1cCB0byB0aGUgc2hhcmVkIHNjcm9sbGFibGUgYW5jZXN0b3IsIHNvIHRoZVxuICogc2Nyb2xsIGNvbnRhaW5lciBkb2Vzbid0IGhhdmUgdG8gYmUgdGhyZWFkZWQgdGhyb3VnaCBwcm9wcy4gU2FtZSBzY3JvbGxcbiAqIHBvc2l0aW9uICsgc2FtZSByb3cgaGVpZ2h0IG1lYW5zIGJvdGggcGFuZXMgd2luZG93IHRvIHRoZSBzYW1lIHJhbmdlLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlUm93V2luZG93KFxuICByZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudCB8IG51bGw+LFxuICByb3dDb3VudDogbnVtYmVyLFxuICByb3dIZWlnaHQ6IG51bWJlcixcbiAgb3ZlcnNjYW4gPSAxMlxuKTogUm93V2luZG93IHtcbiAgLy8gQm91bmQgdGhlIHByZS1tZWFzdXJlbWVudCB3aW5kb3cgc28gdGhlIGZpcnN0IHBhaW50IG9mIGEgbGFyZ2UgdHJhY2VcbiAgLy8gZG9lc24ndCByZW5kZXIgZXZlcnkgcm93IGJlZm9yZSB0aGUgZWZmZWN0IG5hcnJvd3MgaXQgZG93bi5cbiAgY29uc3QgW3JhbmdlLCBzZXRSYW5nZV0gPSB1c2VTdGF0ZTxSb3dXaW5kb3c+KCgpID0+ICh7XG4gICAgc3RhcnQ6IDAsXG4gICAgZW5kOiBNYXRoLm1pbihyb3dDb3VudCwgSU5JVElBTF9WSVNJQkxFX1JPV1MpLFxuICB9KSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBzZWxmID0gcmVmLmN1cnJlbnQ7XG4gICAgY29uc3QgZWwgPSBnZXRTY3JvbGxQYXJlbnQoc2VsZik7XG4gICAgaWYgKCFzZWxmIHx8ICFlbCkgcmV0dXJuO1xuXG4gICAgbGV0IHJhZiA9IDA7XG4gICAgY29uc3QgbWVhc3VyZSA9ICgpID0+IHtcbiAgICAgIHJhZiA9IDA7XG4gICAgICAvLyBPZmZzZXQgb2YgdGhlIGxpc3QncyB0b3Agd2l0aGluIHRoZSBzY3JvbGwgY29udGFpbmVyJ3MgY29udGVudCwgc28gdGhlXG4gICAgICAvLyB3aW5kb3cgc3RheXMgY29ycmVjdCBldmVuIGlmIHRoZSBsaXN0IGlzbid0IGZsdXNoIHdpdGggdGhlIHRvcC5cbiAgICAgIGNvbnN0IG9mZnNldCA9XG4gICAgICAgIHNlbGYuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkudG9wIC1cbiAgICAgICAgZWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkudG9wICtcbiAgICAgICAgZWwuc2Nyb2xsVG9wO1xuICAgICAgY29uc3QgdG9wID0gZWwuc2Nyb2xsVG9wIC0gb2Zmc2V0O1xuICAgICAgY29uc3Qgc3RhcnQgPSBNYXRoLm1heCgwLCBNYXRoLmZsb29yKHRvcCAvIHJvd0hlaWdodCkgLSBvdmVyc2Nhbik7XG4gICAgICBjb25zdCBlbmQgPSBNYXRoLm1pbihcbiAgICAgICAgcm93Q291bnQsXG4gICAgICAgIE1hdGguY2VpbCgodG9wICsgZWwuY2xpZW50SGVpZ2h0KSAvIHJvd0hlaWdodCkgKyBvdmVyc2NhblxuICAgICAgKTtcbiAgICAgIHNldFJhbmdlKChwcmV2KSA9PlxuICAgICAgICBwcmV2LnN0YXJ0ID09PSBzdGFydCAmJiBwcmV2LmVuZCA9PT0gZW5kID8gcHJldiA6IHsgc3RhcnQsIGVuZCB9XG4gICAgICApO1xuICAgIH07XG5cbiAgICBjb25zdCBvblNjcm9sbCA9ICgpID0+IHtcbiAgICAgIGlmICghcmFmKSByYWYgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUobWVhc3VyZSk7XG4gICAgfTtcblxuICAgIG1lYXN1cmUoKTtcbiAgICBlbC5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBvblNjcm9sbCwgeyBwYXNzaXZlOiB0cnVlIH0pO1xuICAgIGNvbnN0IHJvID0gbmV3IFJlc2l6ZU9ic2VydmVyKG1lYXN1cmUpO1xuICAgIHJvLm9ic2VydmUoZWwpO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGVsLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIG9uU2Nyb2xsKTtcbiAgICAgIHJvLmRpc2Nvbm5lY3QoKTtcbiAgICAgIGlmIChyYWYpIGNhbmNlbEFuaW1hdGlvbkZyYW1lKHJhZik7XG4gICAgfTtcbiAgfSwgW3JlZiwgcm93Q291bnQsIHJvd0hlaWdodCwgb3ZlcnNjYW5dKTtcblxuICByZXR1cm4gcmFuZ2U7XG59XG5cbi8qKiBSb3cgaGVpZ2h0IChweCkgc2hhcmVkIGJ5IHRoZSBldmVudHMgbGlzdCBhbmQgdGltZWxpbmUgcm93cyAoYGgtMTBgKS4gKi9cbmV4cG9ydCBjb25zdCBST1dfSEVJR0hUX1BYID0gNDA7XG5cbi8qKlxuICogU2Nyb2xsIGEgd2luZG93ZWQgcm93IGludG8gdmlldyBieSBpbmRleC5cbiAqXG4gKiBUaGUgbGlzdCBpcyB2aXJ0dWFsaXplZCAoZml4ZWQgYHJvd0hlaWdodGAgcm93cyksIHNvIGFuIG9mZi1zY3JlZW4gcm93IGhhcyBub1xuICogRE9NIG5vZGUgdG8gYHNjcm9sbEludG9WaWV3YCDigJQgaXRzIHRhcmdldCBvZmZzZXQgaXMgY29tcHV0ZWQgZnJvbSBpdHMgaW5kZXhcbiAqIGluc3RlYWQuIFdhbGtzIHVwIGZyb20gYGxpc3RFbGAgdG8gdGhlIHNoYXJlZCBzY3JvbGxhYmxlIGFuY2VzdG9yICh0aGUgc2FtZVxuICogb25lIGB1c2VSb3dXaW5kb3dgIG1lYXN1cmVzIGFnYWluc3QpLCBvbmx5IHNjcm9sbHMgd2hlbiB0aGUgcm93IHNpdHMgb3V0c2lkZVxuICogdGhlIHZpc2libGUgYXJlYSwgbGVhdmVzIGEgb25lLXJvdyBgbWFyZ2luYCBvZiBicmVhdGhpbmcgcm9vbSBwYXN0IGl0LCBhbmRcbiAqIGNsYW1wcyB0aGUgcmVzdWx0IHRvIGBbMCwgc2Nyb2xsSGVpZ2h0IC0gY2xpZW50SGVpZ2h0XWAuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBzY3JvbGxSb3dJbnRvVmlldyhcbiAgbGlzdEVsOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGluZGV4OiBudW1iZXIsXG4gIHJvd0hlaWdodDogbnVtYmVyLFxuICBvcHRzPzogeyBtYXJnaW4/OiBudW1iZXI7IGJlaGF2aW9yPzogU2Nyb2xsQmVoYXZpb3IgfVxuKTogdm9pZCB7XG4gIGNvbnN0IHNjcm9sbGVyID0gbGlzdEVsID8gZ2V0U2Nyb2xsUGFyZW50KGxpc3RFbCkgOiBudWxsO1xuICBpZiAoIWxpc3RFbCB8fCAhc2Nyb2xsZXIpIHJldHVybjtcblxuICBjb25zdCBtYXJnaW4gPSBvcHRzPy5tYXJnaW4gPz8gcm93SGVpZ2h0O1xuXG4gIC8vIE9mZnNldCBvZiB0aGUgbGlzdCdzIHRvcCB3aXRoaW4gdGhlIHNjcm9sbCBjb250YWluZXIncyBjb250ZW50LlxuICBjb25zdCBsaXN0T2Zmc2V0ID1cbiAgICBsaXN0RWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkudG9wIC1cbiAgICBzY3JvbGxlci5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS50b3AgK1xuICAgIHNjcm9sbGVyLnNjcm9sbFRvcDtcblxuICBjb25zdCByb3dUb3AgPSBsaXN0T2Zmc2V0ICsgaW5kZXggKiByb3dIZWlnaHQ7XG4gIGNvbnN0IHJvd0JvdHRvbSA9IHJvd1RvcCArIHJvd0hlaWdodDtcbiAgY29uc3Qgdmlld1RvcCA9IHNjcm9sbGVyLnNjcm9sbFRvcDtcbiAgY29uc3Qgdmlld0JvdHRvbSA9IHZpZXdUb3AgKyBzY3JvbGxlci5jbGllbnRIZWlnaHQ7XG5cbiAgbGV0IHRvcDogbnVtYmVyIHwgbnVsbCA9IG51bGw7XG4gIGlmIChyb3dUb3AgPCB2aWV3VG9wKSB7XG4gICAgdG9wID0gcm93VG9wIC0gbWFyZ2luO1xuICB9IGVsc2UgaWYgKHJvd0JvdHRvbSA+IHZpZXdCb3R0b20pIHtcbiAgICB0b3AgPSByb3dCb3R0b20gKyBtYXJnaW4gLSBzY3JvbGxlci5jbGllbnRIZWlnaHQ7XG4gIH1cbiAgaWYgKHRvcCA9PT0gbnVsbCkgcmV0dXJuO1xuXG4gIGNvbnN0IG1heCA9IHNjcm9sbGVyLnNjcm9sbEhlaWdodCAtIHNjcm9sbGVyLmNsaWVudEhlaWdodDtcbiAgc2Nyb2xsZXIuc2Nyb2xsVG8oe1xuICAgIHRvcDogTWF0aC5tYXgoMCwgTWF0aC5taW4odG9wLCBtYXgpKSxcbiAgICBiZWhhdmlvcjogb3B0cz8uYmVoYXZpb3IsXG4gIH0pO1xufVxuIl19

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

@@ -1,185 +1,17 @@
-import type { Dispatch, MutableRefObject, ReactNode } from 'react';
-import type { GetQuickLinks, MemoCache, Resource, RootNode, ScrollSnapshot, SpanNode, VisibleSpanEvent } from './types';
-export interface TraceViewerState {
-    /**
-     * The root node for the tree
-     */
-    root: RootNode;
-    /**
-     * A map of spanId to span nodes
-     */
-    spanMap: Record<string, SpanNode>;
-    /**
-     * A map of resource name to resource
-     */
-    resourceMap: Record<string, Resource['attributes']>;
-    /**
-     * The current (debounced) search input value
-     */
-    filter: string;
-    /**
-     * The span that is currently focused and visible in the panel
-     */
-    selected: SpanNode | null;
-    /**
-     * The initial scale of the trace. At this scale the entire trace is visible
-     */
-    baseScale: number;
-    /**
-     * The multiplier of the base scale to get the current scale
-     */
-    scaleRatio: number;
-    /**
-     * The scale of 1ms in pixels
-     */
-    scale: number;
-    /**
-     * The width of the entire trace viewer in pixels
-     */
-    width: number;
-    /**
-     * The height of the entire trace viewer in pixels
-     */
-    height: number;
-    /**
-     * The width of the timeline view in pixels
-     */
-    timelineWidth: number;
-    /**
-     * The height of the timeline view in pixels
-     */
-    timelineHeight: number;
-    /**
-     * The width of the side panel in pixels
-     */
-    panelWidth: number;
-    /**
-     * The height of the side panel in pixels
-     */
-    panelHeight: number;
-    /**
-     * The width of scrollbars on this device
-     */
-    scrollbarWidth: number;
-    /**
-     * A ref for the timeline element
-     */
-    timelineRef: MutableRefObject<HTMLDivElement | null>;
-    /**
-     * A ref for updating timeline scroll position immediately after a scale operation
-     */
-    scrollSnapshotRef: MutableRefObject<ScrollSnapshot | undefined>;
-    /**
-     * A reference for the last time each node was mutated. Used for more efficent control
-     * of what React re-renders and when.
-     */
-    memoCacheRef: MutableRefObject<MemoCache>;
-    /**
-     * A constant, wrapped version of the getQuickLinks property with caching
-     */
-    getQuickLinks: GetQuickLinks;
-    /**
-     * Whether the panel is being rendered attached to the timeline
-     */
-    withPanel: boolean;
-    /**
-     * Whether the trace viewer is small enough that it should be in mobile mode
-     */
-    isMobile: boolean;
-    /**
-     * A function to provide custom class names for spans.
-     */
-    customSpanClassNameFunc?: (span: SpanNode) => string;
-    /**
-     * A function to provide custom class names for span events.
-     */
-    customSpanEventClassNameFunc?: (event: VisibleSpanEvent) => string;
+import { type ReactNode } from 'react';
+import type { Span } from './types';
+interface ActiveSpanContextValue {
+    activeSpanId: string | null;
+    activeSpan: Span | null;
+    /** The full span list the selection lives in (ordered as rendered). */
+    spans: Span[];
+    setActiveSpan: (spanId: string) => void;
+    clearActiveSpan: () => void;
 }
-export type TraceViewerAction = {
-    type: 'setRoot';
-    root: RootNode;
-    spanMap: Record<string, SpanNode>;
-    resources: Resource[];
-} | {
-    type: 'setSize';
-    width: number;
-    height: number;
-} | {
-    type: 'setPanelWidth';
-    width: number;
-} | {
-    type: 'setFilter';
-    filter: string;
-} | {
-    type: 'deselect';
-} | {
-    type: 'select';
-    id: string;
-} | {
-    type: 'escape';
-} | {
-    type: 'toggleSelection';
-    id: string;
-} | {
-    type: 'detectBaseScale';
-} | {
-    type: 'setScale';
-    scale: number;
-} | {
-    type: 'resetScale';
-} | {
-    type: 'scaleToNode';
-    id: string;
-} | {
-    type: 'scaleToRange';
-    t1: number;
-    t2: number;
-} | {
-    type: 'adjustScaleRatio';
-    direction: -1 | 0 | 1;
-} | {
-    type: 'trackpadScale';
-    delta: number;
-    anchorT: number;
-    anchorX: number;
-} | {
-    type: 'minScale';
-} | {
-    type: 'setScrollSnapshot';
-    /**
-     * The time that will remain the same location after scaling
-     */
-    anchorT: number;
-    /**
-     * The anchor point relative to the timeline's left position
-     */
-    anchorX: number;
-} | {
-    type: 'setWithPanel';
-    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;
-    dispatch: Dispatch<TraceViewerAction>;
-}
-export declare const initialState: TraceViewerState;
-export declare const TraceViewerContext: import("react").Context<TraceViewerContextProps>;
-export declare function TraceViewerContextProvider({ getQuickLinks, withPanel, children, customSpanClassNameFunc, customSpanEventClassNameFunc, customPanelComponent, }: {
-    getQuickLinks?: GetQuickLinks;
-    withPanel?: boolean;
+export declare function ActiveSpanProvider({ spans, children, }: {
+    spans: Span[];
     children: ReactNode;
-    customSpanClassNameFunc?: (span: SpanNode) => string;
-    customSpanEventClassNameFunc?: (event: VisibleSpanEvent) => string;
-    customPanelComponent?: ReactNode;
-}): ReactNode;
-export declare const useTraceViewer: () => TraceViewerContextProps;
-export declare const useCustomPanelComponent: () => ReactNode | null;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useActiveSpan: () => ActiveSpanContextValue;
+export {};
 //# 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":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAS5E,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EAGT,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAYjB,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAClC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC;IACpD;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,WAAW,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD;;OAEG;IACH,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;IAChE;;;OAGG;IACH,YAAY,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC1C;;OAEG;IACH,aAAa,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;IACrD;;OAEG;IACH,4BAA4B,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,MAAM,CAAC;CACpE;AAED,MAAM,MAAM,iBAAiB,GACzB;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAClC,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,GACD;IACE,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB,GACD;IACE,IAAI,EAAE,UAAU,CAAC;CAClB,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;CACZ,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;CAChB,GACD;IACE,IAAI,EAAE,iBAAiB,CAAC;IACxB,EAAE,EAAE,MAAM,CAAC;CACZ,GACD;IACE,IAAI,EAAE,iBAAiB,CAAC;CACzB,GACD;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IACE,IAAI,EAAE,YAAY,CAAC;CACpB,GACD;IACE,IAAI,EAAE,aAAa,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,GACD;IACE,IAAI,EAAE,cAAc,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,GACD;IACE,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACvB,GACD;IACE,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,IAAI,EAAE,UAAU,CAAC;CAClB,GACD;IACE,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB,GACD;IACE,IAAI,EAAE,aAAa,CAAC;CACrB,GACD;IACE,+FAA+F;IAC/F,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAClC,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC;AAEN,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,YAAY,EAAE,gBA4B1B,CAAC;AAMF,eAAO,MAAM,kBAAkB,kDAK7B,CAAC;AAuVH,wBAAgB,0BAA0B,CAAC,EACzC,aAAa,EACb,SAAiB,EACjB,QAAQ,EACR,uBAAuB,EACvB,4BAA4B,EAC5B,oBAA2B,GAC5B,EAAE;IACD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;IACrD,4BAA4B,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,MAAM,CAAC;IACnE,oBAAoB,CAAC,EAAE,SAAS,CAAC;CAClC,GAAG,SAAS,CAkDZ;AAED,eAAO,MAAM,cAAc,QAAO,uBACF,CAAC;AASjC,eAAO,MAAM,uBAAuB,QAAO,SAAS,GAAG,IACvB,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/trace-viewer/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,UAAU,sBAAsB;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,uEAAuE;IACvE,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAKD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAoDA;AAED,eAAO,MAAM,aAAa,QAAO,sBAOhC,CAAC"}