@workflow/web-shared 4.0.1-beta.5

package/dist/trace-viewer/components/zoom-icons.jsx

@@ -0,0 +1,23 @@
+export function IconZoomIn({ size = 16 }) {
+    return (<svg width={size} height={size} viewBox="0 0 24 24" fill="none" aria-hidden>
+      <title>Zoom In</title>
+      <path d="M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z" stroke="currentColor" strokeWidth="2"/>
+      <path d="M11 8v6M8 11h6" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/>
+      <path d="M20 20l-3.5-3.5" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/>
+    </svg>);
+}
+export function IconZoomOut({ size = 16 }) {
+    return (<svg width={size} height={size} viewBox="0 0 24 24" fill="none" aria-hidden>
+      <title>Zoom Out</title>
+      <path d="M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z" stroke="currentColor" strokeWidth="2"/>
+      <path d="M8 11h6" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/>
+      <path d="M20 20l-3.5-3.5" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/>
+    </svg>);
+}
+export function IconMinus({ size = 16 }) {
+    return (<svg width={size} height={size} viewBox="0 0 24 24" fill="none" aria-hidden>
+      <title>Minus</title>
+      <path d="M6 12h12" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/>
+    </svg>);
+}
+//# sourceMappingURL=zoom-icons.jsx.map

package/dist/trace-viewer/components/zoom-icons.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-icons.jsx","sourceRoot":"","sources":["../../../src/trace-viewer/components/zoom-icons.tsx"],"names":[],"mappings":"AAEA,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,GAAG,EAAE,EAAqB;IACzD,OAAO,CACL,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CACzE;MAAA,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CACrB;MAAA,CAAC,IAAI,CACH,CAAC,CAAC,uCAAuC,CACzC,MAAM,CAAC,cAAc,CACrB,WAAW,CAAC,GAAG,EAEjB;MAAA,CAAC,IAAI,CACH,CAAC,CAAC,gBAAgB,CAClB,MAAM,CAAC,cAAc,CACrB,WAAW,CAAC,GAAG,CACf,aAAa,CAAC,OAAO,EAEvB;MAAA,CAAC,IAAI,CACH,CAAC,CAAC,iBAAiB,CACnB,MAAM,CAAC,cAAc,CACrB,WAAW,CAAC,GAAG,CACf,aAAa,CAAC,OAAO,EAEzB;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,GAAG,EAAE,EAAqB;IAC1D,OAAO,CACL,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CACzE;MAAA,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CACtB;MAAA,CAAC,IAAI,CACH,CAAC,CAAC,uCAAuC,CACzC,MAAM,CAAC,cAAc,CACrB,WAAW,CAAC,GAAG,EAEjB;MAAA,CAAC,IAAI,CACH,CAAC,CAAC,SAAS,CACX,MAAM,CAAC,cAAc,CACrB,WAAW,CAAC,GAAG,CACf,aAAa,CAAC,OAAO,EAEvB;MAAA,CAAC,IAAI,CACH,CAAC,CAAC,iBAAiB,CACnB,MAAM,CAAC,cAAc,CACrB,WAAW,CAAC,GAAG,CACf,aAAa,CAAC,OAAO,EAEzB;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,GAAG,EAAE,EAAqB;IACxD,OAAO,CACL,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CACzE;MAAA,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CACnB;MAAA,CAAC,IAAI,CACH,CAAC,CAAC,UAAU,CACZ,MAAM,CAAC,cAAc,CACrB,WAAW,CAAC,GAAG,CACf,aAAa,CAAC,OAAO,EAEzB;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,183 @@
+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;
+    /**
+     * Panel to render instead of the default span detail panel. The panel
+     * should use the context to get the selected span and other state.
+     */
+    customPanelComponent: ReactNode | null;
+    /**
+     * 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;
+}
+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';
+};
+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;
+    children: ReactNode;
+    customSpanClassNameFunc?: (span: SpanNode) => string;
+    customSpanEventClassNameFunc?: (event: VisibleSpanEvent) => string;
+    customPanelComponent?: ReactNode;
+}): ReactNode;
+export declare const useTraceViewer: () => TraceViewerContextProps;
+//# sourceMappingURL=context.d.ts.map

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

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

package/dist/trace-viewer/context.jsx

@@ -0,0 +1,326 @@
+import { createContext, useContext, useEffect, useMemo, useReducer, useRef, } from 'react';
+import { MAP_HEIGHT, MARKER_HEIGHT, ROW_HEIGHT, ROW_PADDING, SEARCH_GAP, SEARCH_HEIGHT, TIMELINE_PADDING, } from './util/constants';
+import { detectScrollbarWidth } from './util/scrollbar-width';
+export const initialState = {
+    root: {
+        startTime: 0,
+        endTime: 1,
+        duration: 1,
+        depth: 0,
+        children: [],
+    },
+    spanMap: {},
+    resourceMap: {},
+    filter: '',
+    selected: null,
+    baseScale: 1,
+    scaleRatio: 1,
+    scale: 1,
+    width: 640,
+    height: 480,
+    timelineWidth: 640,
+    timelineHeight: 480,
+    panelWidth: 380,
+    panelHeight: 480,
+    scrollbarWidth: 0,
+    timelineRef: { current: null },
+    scrollSnapshotRef: { current: undefined },
+    memoCacheRef: { current: new Map() },
+    getQuickLinks: () => [],
+    withPanel: false,
+    isMobile: false,
+    customPanelComponent: null,
+};
+const getMinScale = (state) => {
+    return ((state.width -
+        state.scrollbarWidth -
+        Number(Boolean(state.selected && state.withPanel)) * state.panelWidth) /
+        state.root.duration);
+};
+export const TraceViewerContext = createContext({
+    state: initialState,
+    dispatch: () => {
+        // noop
+    },
+});
+TraceViewerContext.displayName = 'TraceViewerContext';
+const reducer = (state, action) => {
+    switch (action.type) {
+        case 'setRoot':
+            state.scrollSnapshotRef.current = undefined;
+            state.memoCacheRef.current.clear();
+            return reducer({
+                ...state,
+                root: action.root,
+                spanMap: action.spanMap,
+                resourceMap: Object.fromEntries(action.resources.map(({ name, attributes }) => [name, attributes])),
+            }, {
+                type: 'detectBaseScale',
+            });
+        case 'setSize': {
+            const lowerHeight = action.height - MAP_HEIGHT - SEARCH_HEIGHT - 3 * SEARCH_GAP;
+            const isMobile = state.withPanel && action.width <= 768;
+            let newState = {
+                ...state,
+                width: action.width,
+                height: action.height,
+                timelineWidth: action.width -
+                    Number(Boolean(state.selected && state.withPanel && !isMobile)) *
+                        state.panelWidth,
+                timelineHeight: lowerHeight,
+                panelHeight: lowerHeight,
+                isMobile,
+            };
+            if (newState.width !== state.width) {
+                newState = reducer(newState, {
+                    type: 'detectBaseScale',
+                });
+            }
+            return newState;
+        }
+        case 'setPanelWidth': {
+            const panelWidth = Math.max(240, Math.min(action.width, state.width - 240));
+            return {
+                ...state,
+                timelineWidth: state.width - panelWidth,
+                panelWidth,
+            };
+        }
+        case 'setFilter':
+            return {
+                ...state,
+                filter: action.filter,
+            };
+        case 'deselect':
+            return reducer({
+                ...state,
+                selected: null,
+                timelineWidth: state.width,
+            }, {
+                type: 'minScale',
+            });
+        case 'select': {
+            const node = state.spanMap[action.id];
+            if (!node) {
+                return state;
+            }
+            return {
+                ...state,
+                selected: node,
+                timelineWidth: state.width -
+                    (state.withPanel && !state.isMobile ? state.panelWidth : 0),
+            };
+        }
+        case 'escape': {
+            if (state.selected) {
+                return reducer(state, {
+                    type: 'deselect',
+                });
+            }
+            return reducer(state, {
+                type: 'resetScale',
+            });
+        }
+        case 'toggleSelection': {
+            let newState = state;
+            if (state.selected) {
+                newState = reducer(newState, {
+                    type: 'deselect',
+                });
+            }
+            if (state.selected?.span.spanId === action.id) {
+                return newState;
+            }
+            return reducer(newState, {
+                type: 'select',
+                id: action.id,
+            });
+        }
+        case 'detectBaseScale': {
+            const baseScale = (state.width - state.scrollbarWidth) / state.root.duration;
+            return {
+                ...state,
+                baseScale,
+                scale: baseScale * state.scaleRatio,
+            };
+        }
+        case 'setScale':
+            return {
+                ...state,
+                scaleRatio: action.scale,
+                scale: state.baseScale * action.scale,
+            };
+        case 'resetScale':
+            return reducer(state, {
+                type: 'scaleToRange',
+                t1: state.root.startTime,
+                t2: state.root.endTime,
+            });
+        case 'scaleToNode': {
+            const node = state.spanMap[action.id];
+            if (!node) {
+                return state;
+            }
+            return reducer(reducer(state, {
+                type: 'setScale',
+                scale: (state.width -
+                    state.scrollbarWidth -
+                    (state.withPanel && !state.isMobile ? state.panelWidth : 0)) /
+                    node.duration /
+                    state.baseScale,
+            }), {
+                type: 'setScrollSnapshot',
+                anchorT: node.startTime - state.root.startTime,
+                anchorX: 0,
+            });
+        }
+        case 'scaleToRange': {
+            const duration = Math.abs(action.t1 - action.t2);
+            return reducer(reducer(state, {
+                type: 'setScale',
+                scale: (state.width -
+                    state.scrollbarWidth -
+                    (state.selected && state.withPanel ? state.panelWidth : 0)) /
+                    duration /
+                    state.baseScale,
+            }), {
+                type: 'setScrollSnapshot',
+                anchorT: Math.min(action.t1, action.t2) - state.root.startTime,
+                anchorX: 0,
+            });
+        }
+        case 'adjustScaleRatio': {
+            let { scaleRatio } = state;
+            switch (action.direction) {
+                case -1:
+                    scaleRatio *= 0.8;
+                    break;
+                case 1:
+                    scaleRatio *= 1.25;
+                    break;
+                default:
+                    scaleRatio = 1;
+                    break;
+            }
+            const $timeline = state.timelineRef.current;
+            if (!$timeline) {
+                console.warn('timelineRef is null');
+                return state;
+            }
+            const { clientWidth, scrollLeft } = $timeline;
+            return reducer(reducer({
+                ...state,
+                scaleRatio,
+                scale: state.baseScale * scaleRatio,
+            }, {
+                type: 'minScale',
+            }), {
+                type: 'setScrollSnapshot',
+                anchorT: (scrollLeft + clientWidth * 0.5) / state.scale,
+                anchorX: clientWidth * 0.5,
+            });
+        }
+        case 'trackpadScale': {
+            const minScaleRatio = getMinScale(state) / state.baseScale;
+            const scaleRatio = Math.max(minScaleRatio, state.scaleRatio *
+                (1 +
+                    0.2 * Math.sign(action.delta) * Math.sqrt(Math.abs(action.delta))));
+            return reducer({
+                ...state,
+                scaleRatio,
+                scale: state.baseScale * scaleRatio,
+            }, {
+                type: 'setScrollSnapshot',
+                anchorT: action.anchorT,
+                anchorX: action.anchorX,
+            });
+        }
+        case 'minScale': {
+            const minScale = getMinScale(state);
+            if (state.scale >= minScale)
+                return state;
+            return {
+                ...state,
+                scale: minScale,
+                scaleRatio: minScale / state.baseScale,
+            };
+        }
+        case 'setScrollSnapshot': {
+            const $timeline = state.timelineRef.current;
+            if (!$timeline)
+                return state;
+            const { anchorT, anchorX } = action;
+            const scrollLeft = anchorT * state.scale - anchorX;
+            const { scrollTop } = $timeline;
+            const startRow = (scrollTop - MARKER_HEIGHT - TIMELINE_PADDING) /
+                (ROW_HEIGHT + ROW_PADDING);
+            const endRow = startRow + Math.ceil(state.timelineHeight / (ROW_HEIGHT + ROW_PADDING));
+            state.scrollSnapshotRef.current = {
+                anchorT,
+                anchorX,
+                scrollLeft,
+                scrollTop,
+                startTime: state.root.startTime + scrollLeft / state.scale,
+                endTime: state.root.startTime +
+                    (scrollLeft + state.timelineWidth) / state.scale,
+                startRow,
+                endRow,
+                scale: state.scale,
+            };
+            return state;
+        }
+        case 'setWithPanel': {
+            if (state.withPanel === action.withPanel)
+                return state;
+            return {
+                ...state,
+                withPanel: action.withPanel,
+            };
+        }
+        case 'forceRender':
+            state.memoCacheRef.current.set('', {});
+            return {
+                ...state,
+            };
+    }
+};
+export function TraceViewerContextProvider({ getQuickLinks, withPanel = false, children, customSpanClassNameFunc, customSpanEventClassNameFunc, customPanelComponent = null, }) {
+    const timelineRef = useRef(null);
+    const scrollSnapshotRef = useRef(undefined);
+    const getQuickLinksRef = useRef(getQuickLinks);
+    getQuickLinksRef.current = getQuickLinks;
+    const memoCacheRef = useRef(new Map());
+    const quickLinksCache = useRef(new Map());
+    const [state, dispatch] = useReducer(reducer, initialState, (initial) => {
+        return {
+            ...initial,
+            scrollbarWidth: detectScrollbarWidth(),
+            timelineRef,
+            scrollSnapshotRef,
+            customSpanClassNameFunc,
+            customSpanEventClassNameFunc,
+            customPanelComponent,
+            memoCacheRef,
+            withPanel,
+            getQuickLinks: (span) => {
+                const cacheKey = span.spanId;
+                const existing = quickLinksCache.current.get(cacheKey);
+                if (existing)
+                    return existing;
+                const value = getQuickLinksRef.current?.(span) || [];
+                quickLinksCache.current.set(cacheKey, value);
+                return value;
+            },
+        };
+    });
+    useEffect(() => dispatch({
+        type: 'setWithPanel',
+        withPanel,
+    }), [withPanel]);
+    const value = useMemo(() => ({ state, dispatch }), [state, dispatch]);
+    return (<TraceViewerContext.Provider value={value}>
+      {children}
+    </TraceViewerContext.Provider>);
+}
+export const useTraceViewer = () => useContext(TraceViewerContext);
+//# sourceMappingURL=context.jsx.map

package/dist/trace-viewer/context.jsx.map

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

package/dist/trace-viewer/index.d.ts

@@ -0,0 +1,5 @@
+export { PanelResizer } from './components/span-detail-panel';
+export { TraceViewerContextProvider, useTraceViewer } from './context';
+export * from './trace-viewer';
+export type { Trace } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/trace-viewer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/trace-viewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACvE,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/trace-viewer/index.jsx

@@ -0,0 +1,4 @@
+export { PanelResizer } from './components/span-detail-panel';
+export { TraceViewerContextProvider, useTraceViewer } from './context';
+export * from './trace-viewer';
+//# sourceMappingURL=index.jsx.map

package/dist/trace-viewer/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../src/trace-viewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACvE,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+import type { GetQuickLinks, Trace } from './types';
+interface TraceViewerProps {
+    trace?: Trace;
+    className?: string;
+    scrollLock?: boolean;
+    height?: string | number;
+    withPanel?: boolean;
+    getQuickLinks?: GetQuickLinks;
+    highlightedSpans?: string[];
+}
+export declare function TraceViewerProvider({ getQuickLinks, children, }: Pick<TraceViewerProps, 'getQuickLinks'> & {
+    children: ReactNode;
+}): ReactNode;
+export declare function TraceViewerTimeline({ trace, className, scrollLock, height, withPanel, highlightedSpans, }: Omit<TraceViewerProps, 'getQuickLinks'>): ReactNode;
+export declare function TraceViewerPanel({ className, children, }: {
+    className?: string;
+    children?: ReactNode;
+}): ReactNode;
+export declare function TraceViewer(props: TraceViewerProps): ReactNode;
+export {};
+//# sourceMappingURL=trace-viewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trace-viewer.d.ts","sourceRoot":"","sources":["../../src/trace-viewer/trace-viewer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AAUzE,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAcpD,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,QAAQ,GACT,EAAE,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC,GAAG;IAC3C,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,SAAS,CAMZ;AA4CD,wBAAgB,mBAAmB,CAAC,EAClC,KAAqB,EACrB,SAAc,EACd,UAAkB,EAClB,MAAM,EACN,SAAiB,EACjB,gBAAgB,GACjB,EAAE,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC,GAAG,SAAS,CAkTrD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAc,EACd,QAAe,GAChB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,SAAS,CA0BZ;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAM9D"}