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

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

@@ -1,108 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"span-strategies.js","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/span-strategies.ts"],"names":[],"mappings":"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","sourcesContent":["import type { RefObject } from 'react';\nimport type { RootNode, ScrollSnapshot, VisibleSpan } from '../types';\nimport { MARKER_HEIGHT, ROW_HEIGHT, ROW_PADDING } from '../util/constants';\n\n/**\n * The resource type of a workflow span, read from span.attributes.resource.\n * Falls back to 'default' for non-workflow (generic OTEL) spans.\n */\nexport type ResourceType = 'run' | 'step' | 'hook' | 'sleep' | 'default';\n\n/** Minimum rendered width so very short spans are always visible */\nconst MIN_SPAN_WIDTH = 4;\n\n/**\n * Layout result computed by a span strategy. Controls how the span\n * is sized and positioned in the timeline.\n */\nexport interface SpanLayout {\n  /** The rendered width in pixels */\n  width: number;\n  /** The actual duration-based width (before min-width clamping) */\n  actualWidth: number;\n  /** The rendered height in pixels */\n  height: number;\n  /** The y position in pixels */\n  top: number;\n  /** The x position in pixels (from left) */\n  left: number;\n  /** Whether the span is considered \"small\" (< 64px actual width) */\n  isSmall: boolean;\n  /** Whether the span is considered \"huge\" (>= 500px actual width) */\n  isHuge: boolean;\n  /** Whether the span is currently hovered (with hover eligibility) */\n  isHovered: boolean;\n  /** Whether the span is expanded (hovered or selected) — controls sizing */\n  isExpanded: boolean;\n  /** Whether the span is near the right side of the visible area */\n  isNearRightSide: boolean;\n}\n\n/**\n * Reads the resource type from a span's attributes.\n */\nexport function getResourceType(node: VisibleSpan): ResourceType {\n  const resource = node.span.attributes?.resource;\n  if (\n    resource === 'run' ||\n    resource === 'step' ||\n    resource === 'hook' ||\n    resource === 'sleep'\n  ) {\n    return resource;\n  }\n  return 'default';\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Shared helpers\n// ──────────────────────────────────────────────────────────────────────────\n\nfunction computeIsSmall(actualWidth: number): boolean {\n  return actualWidth < 64;\n}\n\nfunction computeIsHuge(actualWidth: number): boolean {\n  return actualWidth >= 500;\n}\n\nfunction computeIsHovered(node: VisibleSpan, isHuge: boolean): boolean {\n  return node.isHovered && !isHuge && node.isHighlighted !== false;\n}\n\nfunction computeIsNearRightSide(\n  node: VisibleSpan,\n  root: RootNode,\n  scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>,\n  isHovered: boolean\n): boolean {\n  if (!isHovered) return false;\n\n  let visibleDuration = root.duration;\n  let visibleEndTime = root.endTime;\n  const snapshot = scrollSnapshotRef.current;\n  if (snapshot) {\n    visibleDuration = snapshot.endTime - snapshot.startTime;\n    visibleEndTime = snapshot.endTime;\n  }\n  return visibleEndTime - node.startTime < 0.25 * visibleDuration;\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Default layout (used by step, hook, run, default — all behave the same today)\n// ──────────────────────────────────────────────────────────────────────────\n\nfunction computeDefaultLayout(\n  node: VisibleSpan,\n  root: RootNode,\n  scale: number,\n  scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>\n): SpanLayout {\n  const left = (node.startTime - root.startTime) * scale;\n  let top = MARKER_HEIGHT + (ROW_HEIGHT + ROW_PADDING) * node.row;\n  const actualWidth = node.duration * scale;\n  const width = Math.max(actualWidth, MIN_SPAN_WIDTH);\n  let height = ROW_HEIGHT;\n\n  const isHuge = computeIsHuge(actualWidth);\n  const isSmall = computeIsSmall(actualWidth);\n  const isHovered = computeIsHovered(node, isHuge);\n  const isExpanded = isHovered || Boolean(node.isSelected);\n\n  if (isSmall && !isExpanded) {\n    height *= 0.4;\n    top += (ROW_HEIGHT - height) * 0.5;\n  }\n\n  const isNearRightSide = computeIsNearRightSide(\n    node,\n    root,\n    scrollSnapshotRef,\n    isExpanded\n  );\n\n  return {\n    width,\n    actualWidth,\n    height,\n    top,\n    left,\n    isSmall,\n    isHuge,\n    isHovered,\n    isExpanded,\n    isNearRightSide,\n  };\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Per-type layout functions\n// Each returns the same result today but provides a clear extension point.\n// ──────────────────────────────────────────────────────────────────────────\n\nexport function getRunLayout(\n  node: VisibleSpan,\n  root: RootNode,\n  scale: number,\n  scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>\n): SpanLayout {\n  return computeDefaultLayout(node, root, scale, scrollSnapshotRef);\n}\n\nexport function getStepLayout(\n  node: VisibleSpan,\n  root: RootNode,\n  scale: number,\n  scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>\n): SpanLayout {\n  return computeDefaultLayout(node, root, scale, scrollSnapshotRef);\n}\n\nexport function getHookLayout(\n  node: VisibleSpan,\n  root: RootNode,\n  scale: number,\n  scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>\n): SpanLayout {\n  return computeDefaultLayout(node, root, scale, scrollSnapshotRef);\n}\n\nexport function getSleepLayout(\n  node: VisibleSpan,\n  root: RootNode,\n  scale: number,\n  scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>\n): SpanLayout {\n  return computeDefaultLayout(node, root, scale, scrollSnapshotRef);\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Dispatcher\n// ──────────────────────────────────────────────────────────────────────────\n\n/**\n * Computes the layout for a span based on its resource type.\n */\nexport function getSpanLayout(\n  resourceType: ResourceType,\n  node: VisibleSpan,\n  root: RootNode,\n  scale: number,\n  scrollSnapshotRef: RefObject<ScrollSnapshot | undefined>\n): SpanLayout {\n  switch (resourceType) {\n    case 'run':\n      return getRunLayout(node, root, scale, scrollSnapshotRef);\n    case 'step':\n      return getStepLayout(node, root, scale, scrollSnapshotRef);\n    case 'hook':\n      return getHookLayout(node, root, scale, scrollSnapshotRef);\n    case 'sleep':\n      return getSleepLayout(node, root, scale, scrollSnapshotRef);\n    default:\n      return computeDefaultLayout(node, root, scale, scrollSnapshotRef);\n  }\n}\n"]}

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

@@ -1,28 +0,0 @@
-import type { AnchorHTMLAttributes, ReactNode } from 'react';
-export declare function IconCross({ size, color, }: {
-    size?: number;
-    color?: string;
-}): ReactNode;
-export declare function IconChevronDown({ size }: {
-    size?: number;
-}): ReactNode;
-export declare function IconExternalSmall({ size, color, }: {
-    size?: number;
-    color?: string;
-}): ReactNode;
-export declare function Link(props: AnchorHTMLAttributes<HTMLAnchorElement> & {
-    as?: 'a' | 'span';
-}): ReactNode;
-export declare function ButtonLink(props: AnchorHTMLAttributes<HTMLAnchorElement> & {
-    size?: 'small' | 'medium' | 'large';
-}): ReactNode;
-export declare function Note({ children, className, }: {
-    children: ReactNode;
-    className?: string;
-}): ReactNode;
-export declare function Skeleton({ width, height, rounded, }: {
-    width: number;
-    height: number;
-    rounded?: boolean;
-}): ReactNode;
-//# sourceMappingURL=ui.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/ui.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAS7D,wBAAgB,SAAS,CAAC,EACxB,IAAS,EACT,KAAkB,GACnB,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,SAAS,CAoBZ;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAoB3E;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAS,EACT,KAAkB,GACnB,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,SAAS,CA2BZ;AAED,wBAAgB,IAAI,CAClB,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAA;CAAE,GACrE,SAAS,CAeX;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,GACA,SAAS,CAOX;AAED,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,SAAS,CAEZ;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,SAAS,CAQZ"}

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

@@ -1,39 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { clsx } from 'clsx';
-import styles from '../trace-viewer.module.css';
-// Color token mapping helper
-const colorTokenMap = {
-    'gray-700': 'var(--ds-gray-700)',
-    'gray-900': 'var(--ds-gray-900)',
-};
-export function IconCross({ size = 16, color = 'gray-700', }) {
-    const style = { color: colorTokenMap[color] || color };
-    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, "aria-hidden": true, children: [_jsx("title", { children: "Cross" }), _jsx("path", { d: "M6 6l12 12M18 6L6 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
-}
-export function IconChevronDown({ size = 16 }) {
-    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, className: styles.detailHeadingIcon, children: [_jsx("title", { children: "Chevron Down" }), _jsx("path", { d: "M6 9l6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
-}
-export function IconExternalSmall({ size = 16, color = 'gray-900', }) {
-    const style = { color: colorTokenMap[color] || color };
-    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, "aria-hidden": true, children: [_jsx("title", { children: "External Small" }), _jsx("path", { d: "M14 4h6m0 0v6m0-6L10 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M20 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
-}
-export function Link(props) {
-    const { as: asProp, className, href, children, ...rest } = props;
-    const Element = asProp || 'a';
-    if (Element === 'span' || !href) {
-        return (_jsx("span", { className: className, ...rest, children: children }));
-    }
-    return (_jsx("a", { className: className, href: href, ...rest, children: children }));
-}
-export function ButtonLink(props) {
-    const { className, children, size: _size, ...rest } = props;
-    return (_jsx("a", { ...rest, className: clsx(styles.buttonLink, className), children: children }));
-}
-export function Note({ children, className, }) {
-    return _jsx("div", { className: clsx(styles.note, className), children: children });
-}
-export function Skeleton({ width, height, rounded, }) {
-    return (_jsx("span", { className: clsx(styles.skeleton, rounded && styles.skeletonRounded), style: { width, height }, "aria-hidden": true }));
-}
-//# sourceMappingURL=ui.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/ui.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { clsx } from 'clsx';\nimport type { AnchorHTMLAttributes, ReactNode } from 'react';\nimport styles from '../trace-viewer.module.css';\n\n// Color token mapping helper\nconst colorTokenMap: Record<string, string> = {\n  'gray-700': 'var(--ds-gray-700)',\n  'gray-900': 'var(--ds-gray-900)',\n};\n\nexport function IconCross({\n  size = 16,\n  color = 'gray-700',\n}: {\n  size?: number;\n  color?: string;\n}): ReactNode {\n  const style = { color: colorTokenMap[color] || color } as const;\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      style={style}\n      aria-hidden\n    >\n      <title>Cross</title>\n      <path\n        d=\"M6 6l12 12M18 6L6 18\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function IconChevronDown({ size = 16 }: { size?: number }): ReactNode {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden\n      className={styles.detailHeadingIcon}\n    >\n      <title>Chevron Down</title>\n      <path\n        d=\"M6 9l6 6 6-6\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function IconExternalSmall({\n  size = 16,\n  color = 'gray-900',\n}: {\n  size?: number;\n  color?: string;\n}): ReactNode {\n  const style = { color: colorTokenMap[color] || color } as const;\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      style={style}\n      aria-hidden\n    >\n      <title>External Small</title>\n      <path\n        d=\"M14 4h6m0 0v6m0-6L10 14\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M20 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function Link(\n  props: AnchorHTMLAttributes<HTMLAnchorElement> & { as?: 'a' | 'span' }\n): ReactNode {\n  const { as: asProp, className, href, children, ...rest } = props;\n  const Element: any = asProp || 'a';\n  if (Element === 'span' || !href) {\n    return (\n      <span className={className} {...rest}>\n        {children}\n      </span>\n    );\n  }\n  return (\n    <a className={className} href={href} {...rest}>\n      {children}\n    </a>\n  );\n}\n\nexport function ButtonLink(\n  props: AnchorHTMLAttributes<HTMLAnchorElement> & {\n    size?: 'small' | 'medium' | 'large';\n  }\n): ReactNode {\n  const { className, children, size: _size, ...rest } = props;\n  return (\n    <a {...rest} className={clsx(styles.buttonLink, className)}>\n      {children}\n    </a>\n  );\n}\n\nexport function Note({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}): ReactNode {\n  return <div className={clsx(styles.note, className)}>{children}</div>;\n}\n\nexport function Skeleton({\n  width,\n  height,\n  rounded,\n}: {\n  width: number;\n  height: number;\n  rounded?: boolean;\n}): ReactNode {\n  return (\n    <span\n      className={clsx(styles.skeleton, rounded && styles.skeletonRounded)}\n      style={{ width, height }}\n      aria-hidden\n    />\n  );\n}\n"]}

package/dist/components/trace-viewer/components/zoom-button.d.ts

@@ -1,3 +0,0 @@
-import { type ReactNode } from 'react';
-export declare function ZoomButton(): ReactNode;
-//# sourceMappingURL=zoom-button.d.ts.map

package/dist/components/trace-viewer/components/zoom-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"zoom-button.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/zoom-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAKpD,wBAAgB,UAAU,IAAI,SAAS,CAsDtC"}

package/dist/components/trace-viewer/components/zoom-button.js

@@ -1,29 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { useTraceViewer } from '../context';
-import styles from '../trace-viewer.module.css';
-import { IconMinus, IconZoomIn, IconZoomOut } from './zoom-icons';
-export function ZoomButton() {
-    const { dispatch } = useTraceViewer();
-    const onZoomIn = useCallback(() => {
-        dispatch({
-            type: 'adjustScaleRatio',
-            direction: 1,
-        });
-    }, [dispatch]);
-    const onZoomOut = useCallback(() => {
-        dispatch({
-            type: 'adjustScaleRatio',
-            direction: -1,
-        });
-    }, [dispatch]);
-    const onResetZoom = useCallback(() => {
-        dispatch({
-            type: 'adjustScaleRatio',
-            direction: 0,
-        });
-    }, [dispatch]);
-    return (_jsxs("div", { className: styles.zoomButtonGroup, children: [_jsx("button", { "aria-label": "Zoom Out", className: styles.zoomButton, onClick: onZoomOut, type: "button", children: _jsx(IconZoomOut, { size: 18 }) }), _jsx("div", { className: styles.divider }), _jsx("button", { "aria-label": "Reset Zoom", className: styles.zoomButton, onClick: onResetZoom, type: "button", children: _jsx(IconMinus, { size: 18 }) }), _jsx("div", { className: styles.divider }), _jsx("button", { "aria-label": "Zoom In", className: styles.zoomButton, onClick: onZoomIn, type: "button", children: _jsx(IconZoomIn, { size: 18 }) })] }));
-}
-//# sourceMappingURL=zoom-button.js.map

package/dist/components/trace-viewer/components/zoom-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"zoom-button.js","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/zoom-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,UAAU,UAAU;IACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAEtC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAS,EAAE;QACtC,QAAQ,CAAC;YACP,IAAI,EAAE,kBAAkB;YACxB,SAAS,EAAE,CAAC;SACb,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,SAAS,GAAG,WAAW,CAAC,GAAS,EAAE;QACvC,QAAQ,CAAC;YACP,IAAI,EAAE,kBAAkB;YACxB,SAAS,EAAE,CAAC,CAAC;SACd,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,WAAW,CAAC,GAAS,EAAE;QACzC,QAAQ,CAAC;YACP,IAAI,EAAE,kBAAkB;YACxB,SAAS,EAAE,CAAC;SACb,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,aACpC,+BACa,UAAU,EACrB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,SAAS,EAClB,IAAI,EAAC,QAAQ,YAEb,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,EACT,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,EAClC,+BACa,YAAY,EACvB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,YAEb,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,EACT,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,EAClC,+BACa,SAAS,EACpB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ,YAEb,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,GACjB,IACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\nimport { type ReactNode, useCallback } from 'react';\nimport { useTraceViewer } from '../context';\nimport styles from '../trace-viewer.module.css';\nimport { IconMinus, IconZoomIn, IconZoomOut } from './zoom-icons';\n\nexport function ZoomButton(): ReactNode {\n  const { dispatch } = useTraceViewer();\n\n  const onZoomIn = useCallback((): void => {\n    dispatch({\n      type: 'adjustScaleRatio',\n      direction: 1,\n    });\n  }, [dispatch]);\n\n  const onZoomOut = useCallback((): void => {\n    dispatch({\n      type: 'adjustScaleRatio',\n      direction: -1,\n    });\n  }, [dispatch]);\n\n  const onResetZoom = useCallback((): void => {\n    dispatch({\n      type: 'adjustScaleRatio',\n      direction: 0,\n    });\n  }, [dispatch]);\n\n  return (\n    <div className={styles.zoomButtonGroup}>\n      <button\n        aria-label=\"Zoom Out\"\n        className={styles.zoomButton}\n        onClick={onZoomOut}\n        type=\"button\"\n      >\n        <IconZoomOut size={18} />\n      </button>\n      <div className={styles.divider} />\n      <button\n        aria-label=\"Reset Zoom\"\n        className={styles.zoomButton}\n        onClick={onResetZoom}\n        type=\"button\"\n      >\n        <IconMinus size={18} />\n      </button>\n      <div className={styles.divider} />\n      <button\n        aria-label=\"Zoom In\"\n        className={styles.zoomButton}\n        onClick={onZoomIn}\n        type=\"button\"\n      >\n        <IconZoomIn size={18} />\n      </button>\n    </div>\n  );\n}\n"]}

package/dist/components/trace-viewer/components/zoom-icons.d.ts

@@ -1,11 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function IconZoomIn({ size }: {
-    size?: number;
-}): ReactNode;
-export declare function IconZoomOut({ size }: {
-    size?: number;
-}): ReactNode;
-export declare function IconMinus({ size }: {
-    size?: number;
-}): ReactNode;
-//# sourceMappingURL=zoom-icons.d.ts.map

package/dist/components/trace-viewer/components/zoom-icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"zoom-icons.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/zoom-icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAuBtE;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAuBvE;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAYrE"}

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function IconZoomIn({ size = 16 }) {
-    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [_jsx("title", { children: "Zoom In" }), _jsx("path", { d: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M11 8v6M8 11h6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M20 20l-3.5-3.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
-}
-export function IconZoomOut({ size = 16 }) {
-    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [_jsx("title", { children: "Zoom Out" }), _jsx("path", { d: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M8 11h6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M20 20l-3.5-3.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
-}
-export function IconMinus({ size = 16 }) {
-    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [_jsx("title", { children: "Minus" }), _jsx("path", { d: "M6 12h12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
-}
-//# sourceMappingURL=zoom-icons.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"zoom-icons.js","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/zoom-icons.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,GAAG,EAAE,EAAqB;IACzD,OAAO,CACL,eAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,kCAC7D,sCAAsB,EACtB,eACE,CAAC,EAAC,uCAAuC,EACzC,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,GACf,EACF,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,EACF,eACE,CAAC,EAAC,iBAAiB,EACnB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,GAAG,EAAE,EAAqB;IAC1D,OAAO,CACL,eAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,kCAC7D,uCAAuB,EACvB,eACE,CAAC,EAAC,uCAAuC,EACzC,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,GACf,EACF,eACE,CAAC,EAAC,SAAS,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,EACF,eACE,CAAC,EAAC,iBAAiB,EACnB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,GAAG,EAAE,EAAqB;IACxD,OAAO,CACL,eAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,kCAC7D,oCAAoB,EACpB,eACE,CAAC,EAAC,UAAU,EACZ,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type { ReactNode } from 'react';\n\nexport function IconZoomIn({ size = 16 }: { size?: number }): ReactNode {\n  return (\n    <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden>\n      <title>Zoom In</title>\n      <path\n        d=\"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M11 8v6M8 11h6\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n      <path\n        d=\"M20 20l-3.5-3.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function IconZoomOut({ size = 16 }: { size?: number }): ReactNode {\n  return (\n    <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden>\n      <title>Zoom Out</title>\n      <path\n        d=\"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M8 11h6\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n      <path\n        d=\"M20 20l-3.5-3.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function IconMinus({ size = 16 }: { size?: number }): ReactNode {\n  return (\n    <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden>\n      <title>Minus</title>\n      <path\n        d=\"M6 12h12\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/trace-viewer/context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,aAAa,EACb,UAAU,EACV,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,GACP,MAAM,OAAO,CAAC;AAYf,OAAO,EACL,UAAU,EACV,aAAa,EACb,UAAU,EACV,WAAW,EACX,UAAU,EACV,aAAa,EACb,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAmM9D,MAAM,CAAC,MAAM,YAAY,GAAqB;IAC5C,IAAI,EAAE;QACJ,SAAS,EAAE,CAAC;QACZ,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,CAAC;IACb,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,aAAa,EAAE,GAAG;IAClB,cAAc,EAAE,GAAG;IACnB,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,GAAG;IAChB,cAAc,EAAE,CAAC;IACjB,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC9B,iBAAiB,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;IACzC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE;IACpC,aAAa,EAAE,GAAG,EAAE,CAAC,EAAE;IACvB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAU,EAAE;IACtD,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC5E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAA0B;IACvE,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,GAAG,EAAE;QACb,OAAO;IACT,CAAC;CACF,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,OAAO,GAAiD,CAC5D,KAAK,EACL,MAAM,EACN,EAAE;IACF,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,SAAS;YACZ,KAAK,CAAC,iBAAiB,CAAC,OAAO,GAAG,SAAS,CAAC;YAC5C,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACnC,OAAO,OAAO,CACZ;gBACE,GAAG,KAAK;gBACR,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,OAAO,EAAE,MAAM,CAAC,OAAO;gBACvB,WAAW,EAAE,MAAM,CAAC,WAAW,CAC7B,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CACnE;aACF,EACD;gBACE,IAAI,EAAE,iBAAiB;aACxB,CACF,CAAC;QACJ,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,MAAM,WAAW,GACf,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,CAAC,GAAG,UAAU,CAAC;YAE9D,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,IAAI,GAAG,CAAC;YAExD,IAAI,QAAQ,GAAG;gBACb,GAAG,KAAK;gBACR,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,aAAa,EACX,MAAM,CAAC,KAAK;oBACZ,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,QAAQ,CAAC,CAAC;wBAC7D,KAAK,CAAC,UAAU;gBACpB,cAAc,EAAE,WAAW;gBAC3B,WAAW,EAAE,WAAW;gBACxB,QAAQ;aACT,CAAC;YAEF,IAAI,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;gBACnC,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE;oBAC3B,IAAI,EAAE,iBAAiB;iBACxB,CAAC,CAAC;YACL,CAAC;YAED,OAAO,QAAQ,CAAC;QAClB,CAAC;QACD,KAAK,eAAe,CAAC,CAAC,CAAC;YACrB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CACzB,GAAG,EACH,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAC1C,CAAC;YACF,MAAM,aAAa,GACjB,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAClD,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,UAAU;gBAC1B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;YAClB,OAAO,OAAO,CACZ;gBACE,GAAG,KAAK;gBACR,aAAa;gBACb,UAAU;aACX,EACD;gBACE,IAAI,EAAE,iBAAiB;aACxB,CACF,CAAC;QACJ,CAAC;QACD,KAAK,WAAW;YACd,OAAO;gBACL,GAAG,KAAK;gBACR,MAAM,EAAE,MAAM,CAAC,MAAM;aACtB,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,OAAO,CACZ;gBACE,GAAG,KAAK;gBACR,QAAQ,EAAE,IAAI;gBACd,aAAa,EAAE,KAAK,CAAC,KAAK;aAC3B,EACD;gBACE,IAAI,EAAE,iBAAiB;aACxB,CACF,CAAC;QACJ,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACtC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAO,KAAK,CAAC;YACf,CAAC;YAED,OAAO,OAAO,CACZ;gBACE,GAAG,KAAK;gBACR,QAAQ,EAAE,IAAI;gBACd,aAAa,EACX,KAAK,CAAC,KAAK;oBACX,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;aAC9D,EACD;gBACE,IAAI,EAAE,iBAAiB;aACxB,CACF,CAAC;QACJ,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnB,OAAO,OAAO,CAAC,KAAK,EAAE;oBACpB,IAAI,EAAE,UAAU;iBACjB,CAAC,CAAC;YACL,CAAC;YACD,OAAO,OAAO,CAAC,KAAK,EAAE;gBACpB,IAAI,EAAE,YAAY;aACnB,CAAC,CAAC;QACL,CAAC;QACD,KAAK,iBAAiB,CAAC,CAAC,CAAC;YACvB,IAAI,QAAQ,GAAG,KAAK,CAAC;YACrB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnB,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE;oBAC3B,IAAI,EAAE,UAAU;iBACjB,CAAC,CAAC;YACL,CAAC;YACD,IAAI,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,EAAE,CAAC;gBAC9C,OAAO,QAAQ,CAAC;YAClB,CAAC;YACD,OAAO,OAAO,CAAC,QAAQ,EAAE;gBACvB,IAAI,EAAE,QAAQ;gBACd,EAAE,EAAE,MAAM,CAAC,EAAE;aACd,CAAC,CAAC;QACL,CAAC;QACD,KAAK,iBAAiB,CAAC,CAAC,CAAC;YACvB,MAAM,SAAS,GACb,CAAC,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;YAErE,OAAO,OAAO,CACZ;gBACE,GAAG,KAAK;gBACR,SAAS;gBACT,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,UAAU;aACpC,EACD;gBACE,IAAI,EAAE,UAAU;aACjB,CACF,CAAC;QACJ,CAAC;QACD,KAAK,UAAU;YACb,OAAO;gBACL,GAAG,KAAK;gBACR,UAAU,EAAE,MAAM,CAAC,KAAK;gBACxB,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK;aACtC,CAAC;QACJ,KAAK,YAAY;YACf,OAAO,OAAO,CAAC,KAAK,EAAE;gBACpB,IAAI,EAAE,cAAc;gBACpB,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;gBACxB,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;aACvB,CAAC,CAAC;QACL,KAAK,aAAa,CAAC,CAAC,CAAC;YACnB,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACtC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAO,KAAK,CAAC;YACf,CAAC;YACD,OAAO,OAAO,CACZ,OAAO,CAAC,KAAK,EAAE;gBACb,IAAI,EAAE,UAAU;gBAChB,KAAK,EACH,CAAC,KAAK,CAAC,KAAK;oBACV,KAAK,CAAC,cAAc;oBACpB,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC9D,IAAI,CAAC,QAAQ;oBACb,KAAK,CAAC,SAAS;aAClB,CAAC,EACF;gBACE,IAAI,EAAE,mBAAmB;gBACzB,OAAO,EAAE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS;gBAC9C,OAAO,EAAE,CAAC;aACX,CACF,CAAC;QACJ,CAAC;QACD,KAAK,cAAc,CAAC,CAAC,CAAC;YACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;YAEjD,OAAO,OAAO,CACZ,OAAO,CAAC,KAAK,EAAE;gBACb,IAAI,EAAE,UAAU;gBAChB,KAAK,EACH,CAAC,KAAK,CAAC,KAAK;oBACV,KAAK,CAAC,cAAc;oBACpB,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC7D,QAAQ;oBACR,KAAK,CAAC,SAAS;aAClB,CAAC,EACF;gBACE,IAAI,EAAE,mBAAmB;gBACzB,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS;gBAC9D,OAAO,EAAE,CAAC;aACX,CACF,CAAC;QACJ,CAAC;QACD,KAAK,kBAAkB,CAAC,CAAC,CAAC;YACxB,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;YAC3B,QAAQ,MAAM,CAAC,SAAS,EAAE,CAAC;gBACzB,KAAK,CAAC,CAAC;oBACL,UAAU,IAAI,GAAG,CAAC;oBAClB,MAAM;gBACR,KAAK,CAAC;oBACJ,UAAU,IAAI,IAAI,CAAC;oBACnB,MAAM;gBACR;oBACE,UAAU,GAAG,CAAC,CAAC;oBACf,MAAM;YACV,CAAC;YAED,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;YAC5C,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;gBACpC,OAAO,KAAK,CAAC;YACf,CAAC;YAED,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;YAE9C,OAAO,OAAO,CACZ,OAAO,CACL;gBACE,GAAG,KAAK;gBACR,UAAU;gBACV,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU;aACpC,EACD;gBACE,IAAI,EAAE,UAAU;aACjB,CACF,EACD;gBACE,IAAI,EAAE,mBAAmB;gBACzB,OAAO,EAAE,CAAC,UAAU,GAAG,WAAW,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK;gBACvD,OAAO,EAAE,WAAW,GAAG,GAAG;aAC3B,CACF,CAAC;QACJ,CAAC;QACD,KAAK,eAAe,CAAC,CAAC,CAAC;YACrB,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;YAC3D,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CACzB,aAAa,EACb,KAAK,CAAC,UAAU;gBACd,CAAC,CAAC;oBACA,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CACvE,CAAC;YAEF,OAAO,OAAO,CACZ;gBACE,GAAG,KAAK;gBACR,UAAU;gBACV,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU;aACpC,EACD;gBACE,IAAI,EAAE,mBAAmB;gBACzB,OAAO,EAAE,MAAM,CAAC,OAAO;gBACvB,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,CACF,CAAC;QACJ,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;YACpC,IAAI,KAAK,CAAC,KAAK,IAAI,QAAQ;gBAAE,OAAO,KAAK,CAAC;YAC1C,OAAO;gBACL,GAAG,KAAK;gBACR,KAAK,EAAE,QAAQ;gBACf,UAAU,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS;aACvC,CAAC;QACJ,CAAC;QACD,KAAK,mBAAmB,CAAC,CAAC,CAAC;YACzB,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;YAC5C,IAAI,CAAC,SAAS;gBAAE,OAAO,KAAK,CAAC;YAE7B,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;YAEpC,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;YACnD,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;YAChC,MAAM,QAAQ,GACZ,CAAC,SAAS,GAAG,aAAa,GAAG,gBAAgB,CAAC;gBAC9C,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC;YAC7B,MAAM,MAAM,GACV,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC;YAE1E,KAAK,CAAC,iBAAiB,CAAC,OAAO,GAAG;gBAChC,OAAO;gBACP,OAAO;gBACP,UAAU;gBACV,SAAS;gBACT,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC,KAAK;gBAC1D,OAAO,EACL,KAAK,CAAC,IAAI,CAAC,SAAS;oBACpB,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,KAAK;gBAClD,QAAQ;gBACR,MAAM;gBACN,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB,CAAC;YAEF,OAAO,KAAK,CAAC;QACf,CAAC;QACD,KAAK,cAAc,CAAC,CAAC,CAAC;YACpB,IAAI,KAAK,CAAC,SAAS,KAAK,MAAM,CAAC,SAAS;gBAAE,OAAO,KAAK,CAAC;YACvD,MAAM,aAAa,GACjB,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACnD,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,UAAU;gBAChC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;YAClB,OAAO,OAAO,CACZ;gBACE,GAAG,KAAK;gBACR,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC3B,aAAa;aACd,EACD;gBACE,IAAI,EAAE,iBAAiB;aACxB,CACF,CAAC;QACJ,CAAC;QACD,KAAK,aAAa;YAChB,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;YACvC,OAAO;gBACL,GAAG,KAAK;aACT,CAAC;QACJ,KAAK,YAAY;YACf,mEAAmE;YACnE,mDAAmD;YACnD,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;YACvC,OAAO,OAAO,CACZ;gBACE,GAAG,KAAK;gBACR,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,OAAO,EAAE,MAAM,CAAC,OAAO;gBACvB,WAAW,EAAE,MAAM,CAAC,WAAW,CAC7B,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CACnE;aACF,EACD;gBACE,IAAI,EAAE,iBAAiB;aACxB,CACF,CAAC;IACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,0BAA0B,CAAC,EACzC,aAAa,EACb,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,uBAAuB,EACvB,4BAA4B,EAC5B,oBAAoB,GAAG,IAAI,GAQ5B;IACC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,iBAAiB,GAAG,MAAM,CAAiB,SAAS,CAAC,CAAC;IAC5D,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAC/C,gBAAgB,CAAC,OAAO,GAAG,aAAa,CAAC;IACzC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,GAAG,EAAwB,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,GAAG,EAAuB,CAAC,CAAC;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC,OAAO,EAAE,EAAE;QACtE,OAAO;YACL,GAAG,OAAO;YACV,cAAc,EAAE,oBAAoB,EAAE;YACtC,WAAW;YACX,iBAAiB;YACjB,uBAAuB;YACvB,4BAA4B;YAC5B,YAAY;YACZ,SAAS;YACT,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;gBACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;gBAC7B,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACvD,IAAI,QAAQ;oBAAE,OAAO,QAAQ,CAAC;gBAE9B,MAAM,KAAK,GAAG,gBAAgB,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACrD,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBAC7C,OAAO,KAAK,CAAC;YACf,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,SAAS,CACP,GAAG,EAAE,CACH,QAAQ,CAAC;QACP,IAAI,EAAE,cAAc;QACpB,SAAS;KACV,CAAC,EACJ,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,KAAK,GAA4B,OAAO,CAC5C,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAC3B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB,YACtD,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACtC,QAAQ,GACmB,GACF,CAC/B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAA4B,EAAE,CAC1D,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAEjC;;;;GAIG;AACH,MAAM,kBAAkB,GAAG,aAAa,CAAmB,IAAI,CAAC,CAAC;AAEjE,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAqB,EAAE,CAC5D,UAAU,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["'use client';\n\nimport type { Dispatch, MutableRefObject, ReactNode, Reducer } from 'react';\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react';\nimport type {\n  GetQuickLinks,\n  MemoCache,\n  MemoCacheKey,\n  QuickLink,\n  Resource,\n  RootNode,\n  ScrollSnapshot,\n  SpanNode,\n  VisibleSpanEvent,\n} from './types';\nimport {\n  MAP_HEIGHT,\n  MARKER_HEIGHT,\n  ROW_HEIGHT,\n  ROW_PADDING,\n  SEARCH_GAP,\n  SEARCH_HEIGHT,\n  TIMELINE_PADDING,\n} from './util/constants';\nimport { detectScrollbarWidth } from './util/scrollbar-width';\n\nexport interface TraceViewerState {\n  /**\n   * The root node for the tree\n   */\n  root: RootNode;\n  /**\n   * A map of spanId to span nodes\n   */\n  spanMap: Record<string, SpanNode>;\n  /**\n   * A map of resource name to resource\n   */\n  resourceMap: Record<string, Resource['attributes']>;\n  /**\n   * The current (debounced) search input value\n   */\n  filter: string;\n  /**\n   * The span that is currently focused and visible in the panel\n   */\n  selected: SpanNode | null;\n  /**\n   * The initial scale of the trace. At this scale the entire trace is visible\n   */\n  baseScale: number;\n  /**\n   * The multiplier of the base scale to get the current scale\n   */\n  scaleRatio: number;\n  /**\n   * The scale of 1ms in pixels\n   */\n  scale: number;\n  /**\n   * The width of the entire trace viewer in pixels\n   */\n  width: number;\n  /**\n   * The height of the entire trace viewer in pixels\n   */\n  height: number;\n  /**\n   * The width of the timeline view in pixels\n   */\n  timelineWidth: number;\n  /**\n   * The height of the timeline view in pixels\n   */\n  timelineHeight: number;\n  /**\n   * The width of the side panel in pixels\n   */\n  panelWidth: number;\n  /**\n   * The height of the side panel in pixels\n   */\n  panelHeight: number;\n  /**\n   * The width of scrollbars on this device\n   */\n  scrollbarWidth: number;\n  /**\n   * A ref for the timeline element\n   */\n  timelineRef: MutableRefObject<HTMLDivElement | null>;\n  /**\n   * A ref for updating timeline scroll position immediately after a scale operation\n   */\n  scrollSnapshotRef: MutableRefObject<ScrollSnapshot | undefined>;\n  /**\n   * A reference for the last time each node was mutated. Used for more efficent control\n   * of what React re-renders and when.\n   */\n  memoCacheRef: MutableRefObject<MemoCache>;\n  /**\n   * A constant, wrapped version of the getQuickLinks property with caching\n   */\n  getQuickLinks: GetQuickLinks;\n  /**\n   * Whether the panel is being rendered attached to the timeline\n   */\n  withPanel: boolean;\n  /**\n   * Whether the trace viewer is small enough that it should be in mobile mode\n   */\n  isMobile: boolean;\n  /**\n   * A function to provide custom class names for spans.\n   */\n  customSpanClassNameFunc?: (span: SpanNode) => string;\n  /**\n   * A function to provide custom class names for span events.\n   */\n  customSpanEventClassNameFunc?: (event: VisibleSpanEvent) => string;\n}\n\nexport type TraceViewerAction =\n  | {\n      type: 'setRoot';\n      root: RootNode;\n      spanMap: Record<string, SpanNode>;\n      resources: Resource[];\n    }\n  | {\n      type: 'setSize';\n      width: number;\n      height: number;\n    }\n  | {\n      type: 'setPanelWidth';\n      width: number;\n    }\n  | {\n      type: 'setFilter';\n      filter: string;\n    }\n  | {\n      type: 'deselect';\n    }\n  | {\n      type: 'select';\n      id: string;\n    }\n  | {\n      type: 'escape';\n    }\n  | {\n      type: 'toggleSelection';\n      id: string;\n    }\n  | {\n      type: 'detectBaseScale';\n    }\n  | {\n      type: 'setScale';\n      scale: number;\n    }\n  | {\n      type: 'resetScale';\n    }\n  | {\n      type: 'scaleToNode';\n      id: string;\n    }\n  | {\n      type: 'scaleToRange';\n      t1: number;\n      t2: number;\n    }\n  | {\n      type: 'adjustScaleRatio';\n      direction: -1 | 0 | 1;\n    }\n  | {\n      type: 'trackpadScale';\n      delta: number;\n      anchorT: number;\n      anchorX: number;\n    }\n  | {\n      type: 'minScale';\n    }\n  | {\n      type: 'setScrollSnapshot';\n      /**\n       * The time that will remain the same location after scaling\n       */\n      anchorT: number;\n      /**\n       * The anchor point relative to the timeline's left position\n       */\n      anchorX: number;\n    }\n  | {\n      type: 'setWithPanel';\n      withPanel: boolean;\n    }\n  | {\n      type: 'forceRender';\n    }\n  | {\n      /** Like setRoot but preserves scroll position and memo cache (for incremental data updates) */\n      type: 'updateRoot';\n      root: RootNode;\n      spanMap: Record<string, SpanNode>;\n      resources: Resource[];\n    };\n\nexport interface TraceViewerContextProps {\n  state: TraceViewerState;\n  dispatch: Dispatch<TraceViewerAction>;\n}\n\nexport const initialState: TraceViewerState = {\n  root: {\n    startTime: 0,\n    endTime: 1,\n    duration: 1,\n    depth: 0,\n    children: [],\n  },\n  spanMap: {},\n  resourceMap: {},\n  filter: '',\n  selected: null,\n  baseScale: 1,\n  scaleRatio: 1,\n  scale: 1,\n  width: 640,\n  height: 480,\n  timelineWidth: 640,\n  timelineHeight: 480,\n  panelWidth: 380,\n  panelHeight: 480,\n  scrollbarWidth: 0,\n  timelineRef: { current: null },\n  scrollSnapshotRef: { current: undefined },\n  memoCacheRef: { current: new Map() },\n  getQuickLinks: () => [],\n  withPanel: false,\n  isMobile: false,\n};\n\nconst getMinScale = (state: TraceViewerState): number => {\n  return (state.timelineWidth - state.scrollbarWidth) / state.root.duration;\n};\n\nexport const TraceViewerContext = createContext<TraceViewerContextProps>({\n  state: initialState,\n  dispatch: () => {\n    // noop\n  },\n});\nTraceViewerContext.displayName = 'TraceViewerContext';\n\nconst reducer: Reducer<TraceViewerState, TraceViewerAction> = (\n  state,\n  action\n) => {\n  switch (action.type) {\n    case 'setRoot':\n      state.scrollSnapshotRef.current = undefined;\n      state.memoCacheRef.current.clear();\n      return reducer(\n        {\n          ...state,\n          root: action.root,\n          spanMap: action.spanMap,\n          resourceMap: Object.fromEntries(\n            action.resources.map(({ name, attributes }) => [name, attributes])\n          ),\n        },\n        {\n          type: 'detectBaseScale',\n        }\n      );\n    case 'setSize': {\n      const lowerHeight =\n        action.height - MAP_HEIGHT - SEARCH_HEIGHT - 3 * SEARCH_GAP;\n\n      const isMobile = state.withPanel && action.width <= 768;\n\n      let newState = {\n        ...state,\n        width: action.width,\n        height: action.height,\n        timelineWidth:\n          action.width -\n          Number(Boolean(state.selected && state.withPanel && !isMobile)) *\n            state.panelWidth,\n        timelineHeight: lowerHeight,\n        panelHeight: lowerHeight,\n        isMobile,\n      };\n\n      if (newState.width !== state.width) {\n        newState = reducer(newState, {\n          type: 'detectBaseScale',\n        });\n      }\n\n      return newState;\n    }\n    case 'setPanelWidth': {\n      const panelWidth = Math.max(\n        240,\n        Math.min(action.width, state.width - 240)\n      );\n      const timelineWidth =\n        state.withPanel && state.selected && !state.isMobile\n          ? state.width - panelWidth\n          : state.width;\n      return reducer(\n        {\n          ...state,\n          timelineWidth,\n          panelWidth,\n        },\n        {\n          type: 'detectBaseScale',\n        }\n      );\n    }\n    case 'setFilter':\n      return {\n        ...state,\n        filter: action.filter,\n      };\n    case 'deselect':\n      return reducer(\n        {\n          ...state,\n          selected: null,\n          timelineWidth: state.width,\n        },\n        {\n          type: 'detectBaseScale',\n        }\n      );\n    case 'select': {\n      const node = state.spanMap[action.id];\n      if (!node) {\n        return state;\n      }\n\n      return reducer(\n        {\n          ...state,\n          selected: node,\n          timelineWidth:\n            state.width -\n            (state.withPanel && !state.isMobile ? state.panelWidth : 0),\n        },\n        {\n          type: 'detectBaseScale',\n        }\n      );\n    }\n    case 'escape': {\n      if (state.selected) {\n        return reducer(state, {\n          type: 'deselect',\n        });\n      }\n      return reducer(state, {\n        type: 'resetScale',\n      });\n    }\n    case 'toggleSelection': {\n      let newState = state;\n      if (state.selected) {\n        newState = reducer(newState, {\n          type: 'deselect',\n        });\n      }\n      if (state.selected?.span.spanId === action.id) {\n        return newState;\n      }\n      return reducer(newState, {\n        type: 'select',\n        id: action.id,\n      });\n    }\n    case 'detectBaseScale': {\n      const baseScale =\n        (state.timelineWidth - state.scrollbarWidth) / state.root.duration;\n\n      return reducer(\n        {\n          ...state,\n          baseScale,\n          scale: baseScale * state.scaleRatio,\n        },\n        {\n          type: 'minScale',\n        }\n      );\n    }\n    case 'setScale':\n      return {\n        ...state,\n        scaleRatio: action.scale,\n        scale: state.baseScale * action.scale,\n      };\n    case 'resetScale':\n      return reducer(state, {\n        type: 'scaleToRange',\n        t1: state.root.startTime,\n        t2: state.root.endTime,\n      });\n    case 'scaleToNode': {\n      const node = state.spanMap[action.id];\n      if (!node) {\n        return state;\n      }\n      return reducer(\n        reducer(state, {\n          type: 'setScale',\n          scale:\n            (state.width -\n              state.scrollbarWidth -\n              (state.withPanel && !state.isMobile ? state.panelWidth : 0)) /\n            node.duration /\n            state.baseScale,\n        }),\n        {\n          type: 'setScrollSnapshot',\n          anchorT: node.startTime - state.root.startTime,\n          anchorX: 0,\n        }\n      );\n    }\n    case 'scaleToRange': {\n      const duration = Math.abs(action.t1 - action.t2);\n\n      return reducer(\n        reducer(state, {\n          type: 'setScale',\n          scale:\n            (state.width -\n              state.scrollbarWidth -\n              (state.selected && state.withPanel ? state.panelWidth : 0)) /\n            duration /\n            state.baseScale,\n        }),\n        {\n          type: 'setScrollSnapshot',\n          anchorT: Math.min(action.t1, action.t2) - state.root.startTime,\n          anchorX: 0,\n        }\n      );\n    }\n    case 'adjustScaleRatio': {\n      let { scaleRatio } = state;\n      switch (action.direction) {\n        case -1:\n          scaleRatio *= 0.8;\n          break;\n        case 1:\n          scaleRatio *= 1.25;\n          break;\n        default:\n          scaleRatio = 1;\n          break;\n      }\n\n      const $timeline = state.timelineRef.current;\n      if (!$timeline) {\n        console.warn('timelineRef is null');\n        return state;\n      }\n\n      const { clientWidth, scrollLeft } = $timeline;\n\n      return reducer(\n        reducer(\n          {\n            ...state,\n            scaleRatio,\n            scale: state.baseScale * scaleRatio,\n          },\n          {\n            type: 'minScale',\n          }\n        ),\n        {\n          type: 'setScrollSnapshot',\n          anchorT: (scrollLeft + clientWidth * 0.5) / state.scale,\n          anchorX: clientWidth * 0.5,\n        }\n      );\n    }\n    case 'trackpadScale': {\n      const minScaleRatio = getMinScale(state) / state.baseScale;\n      const scaleRatio = Math.max(\n        minScaleRatio,\n        state.scaleRatio *\n          (1 +\n            0.2 * Math.sign(action.delta) * Math.sqrt(Math.abs(action.delta)))\n      );\n\n      return reducer(\n        {\n          ...state,\n          scaleRatio,\n          scale: state.baseScale * scaleRatio,\n        },\n        {\n          type: 'setScrollSnapshot',\n          anchorT: action.anchorT,\n          anchorX: action.anchorX,\n        }\n      );\n    }\n    case 'minScale': {\n      const minScale = getMinScale(state);\n      if (state.scale >= minScale) return state;\n      return {\n        ...state,\n        scale: minScale,\n        scaleRatio: minScale / state.baseScale,\n      };\n    }\n    case 'setScrollSnapshot': {\n      const $timeline = state.timelineRef.current;\n      if (!$timeline) return state;\n\n      const { anchorT, anchorX } = action;\n\n      const scrollLeft = anchorT * state.scale - anchorX;\n      const { scrollTop } = $timeline;\n      const startRow =\n        (scrollTop - MARKER_HEIGHT - TIMELINE_PADDING) /\n        (ROW_HEIGHT + ROW_PADDING);\n      const endRow =\n        startRow + Math.ceil(state.timelineHeight / (ROW_HEIGHT + ROW_PADDING));\n\n      state.scrollSnapshotRef.current = {\n        anchorT,\n        anchorX,\n        scrollLeft,\n        scrollTop,\n        startTime: state.root.startTime + scrollLeft / state.scale,\n        endTime:\n          state.root.startTime +\n          (scrollLeft + state.timelineWidth) / state.scale,\n        startRow,\n        endRow,\n        scale: state.scale,\n      };\n\n      return state;\n    }\n    case 'setWithPanel': {\n      if (state.withPanel === action.withPanel) return state;\n      const timelineWidth =\n        action.withPanel && state.selected && !state.isMobile\n          ? state.width - state.panelWidth\n          : state.width;\n      return reducer(\n        {\n          ...state,\n          withPanel: action.withPanel,\n          timelineWidth,\n        },\n        {\n          type: 'detectBaseScale',\n        }\n      );\n    }\n    case 'forceRender':\n      state.memoCacheRef.current.set('', {});\n      return {\n        ...state,\n      };\n    case 'updateRoot':\n      // Incremental update: preserve scroll snapshot and only invalidate\n      // memo cache for spans whose data may have changed\n      state.memoCacheRef.current.set('', {});\n      return reducer(\n        {\n          ...state,\n          root: action.root,\n          spanMap: action.spanMap,\n          resourceMap: Object.fromEntries(\n            action.resources.map(({ name, attributes }) => [name, attributes])\n          ),\n        },\n        {\n          type: 'detectBaseScale',\n        }\n      );\n  }\n};\n\nexport function TraceViewerContextProvider({\n  getQuickLinks,\n  withPanel = false,\n  children,\n  customSpanClassNameFunc,\n  customSpanEventClassNameFunc,\n  customPanelComponent = null,\n}: {\n  getQuickLinks?: GetQuickLinks;\n  withPanel?: boolean;\n  children: ReactNode;\n  customSpanClassNameFunc?: (span: SpanNode) => string;\n  customSpanEventClassNameFunc?: (event: VisibleSpanEvent) => string;\n  customPanelComponent?: ReactNode;\n}): ReactNode {\n  const timelineRef = useRef<HTMLDivElement>(null);\n  const scrollSnapshotRef = useRef<ScrollSnapshot>(undefined);\n  const getQuickLinksRef = useRef(getQuickLinks);\n  getQuickLinksRef.current = getQuickLinks;\n  const memoCacheRef = useRef(new Map<string, MemoCacheKey>());\n  const quickLinksCache = useRef(new Map<string, QuickLink[]>());\n  const [state, dispatch] = useReducer(reducer, initialState, (initial) => {\n    return {\n      ...initial,\n      scrollbarWidth: detectScrollbarWidth(),\n      timelineRef,\n      scrollSnapshotRef,\n      customSpanClassNameFunc,\n      customSpanEventClassNameFunc,\n      memoCacheRef,\n      withPanel,\n      getQuickLinks: (span) => {\n        const cacheKey = span.spanId;\n        const existing = quickLinksCache.current.get(cacheKey);\n        if (existing) return existing;\n\n        const value = getQuickLinksRef.current?.(span) || [];\n        quickLinksCache.current.set(cacheKey, value);\n        return value;\n      },\n    };\n  });\n\n  useEffect(\n    () =>\n      dispatch({\n        type: 'setWithPanel',\n        withPanel,\n      }),\n    [withPanel]\n  );\n\n  const value: TraceViewerContextProps = useMemo(\n    () => ({ state, dispatch }),\n    [state, dispatch]\n  );\n\n  return (\n    <CustomPanelContext.Provider value={customPanelComponent}>\n      <TraceViewerContext.Provider value={value}>\n        {children}\n      </TraceViewerContext.Provider>\n    </CustomPanelContext.Provider>\n  );\n}\n\nexport const useTraceViewer = (): TraceViewerContextProps =>\n  useContext(TraceViewerContext);\n\n/**\n * Separate context for the custom panel component. This is intentionally\n * outside the useReducer state so that the panel re-renders reactively\n * when props like spanDetailData change.\n */\nconst CustomPanelContext = createContext<ReactNode | null>(null);\n\nexport const useCustomPanelComponent = (): ReactNode | null =>\n  useContext(CustomPanelContext);\n"]}

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

@@ -1,5 +0,0 @@
-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/components/trace-viewer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/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/components/trace-viewer/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/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","sourcesContent":["export { PanelResizer } from './components/span-detail-panel';\nexport { TraceViewerContextProvider, useTraceViewer } from './context';\nexport * from './trace-viewer';\nexport type { Trace } from './types';\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"trace-viewer.js","sourceRoot":"","sources":["../../../src/components/trace-viewer/trace-viewer.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { clsx } from 'clsx';\nimport type { CSSProperties, MouseEventHandler, ReactNode } from 'react';\nimport { useCallback, useEffect, useLayoutEffect, useRef } from 'react';\nimport { MiniMap } from './components/map';\nimport { CursorMarker, EventMarkers, Markers } from './components/markers';\nimport { SpanNodes } from './components/node';\nimport { SearchBar } from './components/search';\nimport { SpanDetailPanel } from './components/span-detail-panel';\nimport { ZoomButton } from './components/zoom-button';\nimport { TraceViewerContextProvider, useTraceViewer } from './context';\nimport styles from './trace-viewer.module.css';\nimport type { GetQuickLinks, Trace } from './types';\nimport {\n  MAP_HEIGHT,\n  MARKER_HEIGHT,\n  MARKER_NOTCH_HEIGHT,\n  ROW_HEIGHT,\n  ROW_PADDING,\n  SEARCH_GAP,\n  SEARCH_HEIGHT,\n  TIMELINE_PADDING,\n} from './util/constants';\nimport { parseTrace } from './util/tree';\nimport { useStreamingSpans } from './util/use-streaming-spans';\n\ninterface TraceViewerProps {\n  trace?: Trace;\n  className?: string;\n  scrollLock?: boolean;\n  height?: string | number;\n  withPanel?: boolean;\n  getQuickLinks?: GetQuickLinks;\n  highlightedSpans?: string[];\n  /** Render all spans immediately (no progressive streaming). */\n  eagerRender?: boolean;\n  /** Whether the trace is live (for continuous tick updates). */\n  isLive?: boolean;\n}\n\nexport function TraceViewerProvider({\n  getQuickLinks,\n  children,\n}: Pick<TraceViewerProps, 'getQuickLinks'> & {\n  children: ReactNode;\n}): ReactNode {\n  return (\n    <TraceViewerContextProvider getQuickLinks={getQuickLinks}>\n      {children}\n    </TraceViewerContextProvider>\n  );\n}\n\ninterface LastClickRef {\n  x: number;\n  y: number;\n  t: number;\n  spanId: string;\n}\n\nconst skeletonTrace: Trace = {\n  traceId: 'skeleton',\n  spans: [\n    {\n      parentSpanId: '',\n      spanId: 'root',\n      name: 'root span',\n      kind: 1,\n      resource: 'vercel.runtime',\n      startTime: [5000, 0],\n      endTime: [6000, 0],\n      duration: [1000, 0],\n      library: {\n        name: 'vercel-site',\n      },\n      status: {\n        code: 1,\n      },\n      attributes: {\n        'vercel.ownerId': 'team_abc',\n      },\n      traceFlags: 1,\n      events: [],\n      links: [],\n    },\n  ],\n  resources: [\n    {\n      name: 'vercel.runtime',\n      attributes: {},\n    },\n  ],\n  rootSpanId: 'root',\n};\n\nexport function TraceViewerTimeline({\n  trace = skeletonTrace,\n  className = '',\n  scrollLock = false,\n  height,\n  withPanel = false,\n  highlightedSpans,\n  eagerRender = false,\n  isLive = false,\n  footer,\n  knownDurationMs,\n  hasMoreData = false,\n}: Omit<TraceViewerProps, 'getQuickLinks'> & {\n  footer?: ReactNode;\n  /** Duration in ms from trace start to the latest known event. Used to render the unknown-time overlay. */\n  knownDurationMs?: number;\n  /** Whether more data pages are expected. Controls the unknown-data overlay visibility. */\n  hasMoreData?: boolean;\n}): ReactNode {\n  const isSkeleton = trace === skeletonTrace;\n  const { state, dispatch } = useTraceViewer();\n  const { timelineRef, scrollSnapshotRef } = state;\n  const memoCache = state.memoCacheRef.current;\n  const hideSearchBar = (highlightedSpans?.length ?? 0) > 0;\n\n  const hasInitializedRef = useRef(false);\n  const prevSpanKeyRef = useRef('');\n  const prevRootRef = useRef<ReturnType<typeof parseTrace>['root'] | null>(\n    null\n  );\n  const prevSpanMapRef = useRef<ReturnType<typeof parseTrace>['map']>({});\n  const prevSizeRef = useRef<{ width: number; height: number } | null>(null);\n\n  useEffect(() => {\n    const { root: newRoot, map: newSpanMap } = parseTrace(trace);\n    const isInitial = !hasInitializedRef.current;\n    hasInitializedRef.current = true;\n\n    // Build a structural key from span IDs + lightweight event signatures.\n    // When only timing changes (same spans and boundary events), we can skip the\n    // worker restart. When events change (step completed, etc.) we need a\n    // full update because the VisibleSpan objects rendered by React hold\n    // copies of the events from the worker — in-place mutation won't reach them.\n    const spanKey = Object.keys(newSpanMap)\n      .sort()\n      .map((id) => {\n        const events = newSpanMap[id].events;\n        const count = events?.length ?? 0;\n        const first = count ? events?.[0] : undefined;\n        const last = count ? events?.[count - 1] : undefined;\n        const eventSignature = `${first?.event.name ?? 'none'}@${first?.timestamp ?? 0}|${last?.event.name ?? 'none'}@${last?.timestamp ?? 0}`;\n        return `${id}:${count}:${eventSignature}`;\n      })\n      .join(',');\n\n    if (\n      !isInitial &&\n      spanKey === prevSpanKeyRef.current &&\n      prevRootRef.current\n    ) {\n      // Same span set, same event counts — only timing changed.\n      // Mutate in-place so the worker effect (which depends on root/spanMap\n      // references) does NOT restart.\n      const oldRoot = prevRootRef.current;\n      const oldSpanMap = prevSpanMapRef.current;\n      let didChange = false;\n\n      if (\n        oldRoot.endTime !== newRoot.endTime ||\n        oldRoot.duration !== newRoot.duration\n      ) {\n        oldRoot.endTime = newRoot.endTime;\n        oldRoot.duration = newRoot.duration;\n        didChange = true;\n      }\n\n      for (const [id, newNode] of Object.entries(newSpanMap)) {\n        const oldNode = oldSpanMap[id];\n        if (oldNode) {\n          if (\n            oldNode.endTime !== newNode.endTime ||\n            oldNode.duration !== newNode.duration\n          ) {\n            oldNode.endTime = newNode.endTime;\n            oldNode.duration = newNode.duration;\n            didChange = true;\n          }\n          Object.assign(oldNode.span, newNode.span);\n        }\n      }\n\n      if (!didChange) {\n        return;\n      }\n\n      // Trigger re-render (scale/markers) without restarting the worker.\n      // useLiveTick handles continuous scale recalculation for live runs.\n      dispatch({ type: 'forceRender' });\n      return;\n    }\n\n    // Structure changed or initial load — full dispatch (worker computes new rows)\n    prevSpanKeyRef.current = spanKey;\n    prevRootRef.current = newRoot;\n    prevSpanMapRef.current = newSpanMap;\n    dispatch({\n      type: isInitial ? 'setRoot' : 'updateRoot',\n      root: newRoot,\n      spanMap: newSpanMap,\n      resources: trace.resources || [],\n    });\n  }, [dispatch, trace]);\n\n  const { rows, spans, events, scale } = useStreamingSpans(\n    highlightedSpans,\n    eagerRender\n  );\n\n  const ref = useRef<HTMLDivElement>(null);\n  useLayoutEffect(() => {\n    const $el = ref.current;\n    if (!$el) return;\n\n    const onResize = (): void => {\n      const padding = 2 * TIMELINE_PADDING;\n      const rect = $el.getBoundingClientRect();\n      const nextWidth = rect.width - padding;\n      const nextHeight = rect.height;\n      const prevSize = prevSizeRef.current;\n\n      if (\n        prevSize &&\n        prevSize.width === nextWidth &&\n        prevSize.height === nextHeight\n      ) {\n        return;\n      }\n      prevSizeRef.current = { width: nextWidth, height: nextHeight };\n\n      dispatch({\n        type: 'setSize',\n        width: nextWidth,\n        height: nextHeight,\n      });\n    };\n\n    onResize();\n\n    const observer = new ResizeObserver(onResize);\n    observer.observe($el);\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('resize', onResize);\n    };\n  }, [dispatch]);\n\n  const lastClickRef = useRef<LastClickRef>({\n    t: 0,\n    x: -1,\n    y: -1,\n    spanId: '',\n  });\n  const onClick: MouseEventHandler = useCallback(\n    (event) => {\n      // NOTE(wits): We manually implement double-click logic here so that we can support double\n      // clicking a span even if the first click moves the span that the user is clicking on due\n      // to the panel opening. If we used a regular double click listener we would need to delay\n      // the opening of the panel artificially. This implementation allows us to always be\n      // FAST while also avoiding a FRUSTRATING situation.\n      const prev = lastClickRef.current;\n      const t = Date.now();\n      const { clientX: x, clientY: y } = event;\n      const d = Math.sqrt((x - prev.x) ** 2 + (y - prev.y) ** 2);\n      // double click\n      if (t - prev.t <= 500 && d <= 8) {\n        event.stopPropagation();\n        event.preventDefault();\n        if (!prev.spanId) {\n          dispatch({\n            type: 'resetScale',\n          });\n          return;\n        }\n        dispatch({\n          type: 'select',\n          id: prev.spanId,\n        });\n        dispatch({\n          type: 'scaleToNode',\n          id: prev.spanId,\n        });\n        return;\n      }\n      const target = event.target as HTMLElement;\n      if (!target.closest(`.${String(styles.timeline)}`)) return;\n      const $button = target.closest<HTMLButtonElement>('[data-span-id]');\n      const spanId = $button?.dataset.spanId || '';\n      lastClickRef.current = {\n        x,\n        y,\n        t,\n        spanId,\n      };\n      if (!spanId) return;\n      dispatch({\n        type: 'toggleSelection',\n        id: spanId,\n      });\n      event.stopPropagation();\n    },\n    [dispatch]\n  );\n\n  // Zoom helper — apply the scroll snapshot once after a zoom operation so\n  // the anchor point stays at the same screen position, then clear it.\n  // Without clearing, live runs (where scale changes every frame via\n  // detectBaseScale) would continuously reset scrollLeft and prevent the\n  // user from scrolling horizontally.\n  useLayoutEffect(() => {\n    const $timeline = timelineRef.current;\n    if (!$timeline) return;\n\n    const snapshot = scrollSnapshotRef.current;\n    if (snapshot) {\n      $timeline.scrollLeft = snapshot.anchorT * scale - snapshot.anchorX;\n      scrollSnapshotRef.current = undefined;\n    }\n  }, [scrollSnapshotRef, timelineRef, scale]);\n\n  // Selection helper\n  useEffect(() => {\n    const spanId = state.selected?.span.spanId;\n    if (!spanId) return;\n\n    const timeout = setTimeout(() => {\n      const $timeline = state.timelineRef.current;\n      const $span = $timeline?.querySelector(`[data-span-id=\"${spanId}\"]`);\n      if (!$timeline || !$span) return;\n\n      const viewRect = $timeline.getBoundingClientRect();\n      const spanRect = $span.getBoundingClientRect();\n\n      // If the selected span is narrower than the timeline, scroll it into view\n      if (\n        spanRect.width < viewRect.width &&\n        (spanRect.left < viewRect.left ||\n          spanRect.right > viewRect.right ||\n          spanRect.top < viewRect.top ||\n          spanRect.bottom > viewRect.bottom)\n      ) {\n        $span.scrollIntoView({\n          block: 'nearest',\n          inline: 'center',\n          behavior: 'smooth',\n        });\n      }\n    }, 500);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [state.selected, state.timelineRef]);\n\n  // Global keyboard shortcuts\n  useEffect(() => {\n    const onKeyDown = (e: KeyboardEvent): void => {\n      if (e.key === 'Escape') {\n        dispatch({\n          type: 'escape',\n        });\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', onKeyDown);\n    };\n  }, [dispatch]);\n\n  // Scroll locking\n  useEffect(() => {\n    if (!scrollLock) return;\n\n    const $html = document.documentElement;\n    const $body = document.body;\n\n    $html.style.overflow = 'clip';\n    $body.style.overflow = 'clip';\n\n    const onScroll = (event?: Event): void => {\n      if (event?.cancelable) {\n        event.preventDefault();\n      } else {\n        window.scrollTo({\n          left: 0,\n          top: 0,\n          behavior: 'instant',\n        });\n      }\n    };\n    onScroll();\n    window.addEventListener('scroll', onScroll, {\n      passive: false,\n    });\n\n    return () => {\n      $html.style.overflow = '';\n      $body.style.overflow = '';\n      window.removeEventListener('scroll', onScroll);\n    };\n  }, [scrollLock]);\n\n  const timelineHeight = Math.max(\n    state.timelineHeight - state.scrollbarWidth,\n    MARKER_HEIGHT +\n      ROW_PADDING +\n      rows.length * (ROW_HEIGHT + ROW_PADDING) -\n      ROW_PADDING +\n      // When there are enough spans to be near the bottom edge, add some extra padding\n      // to avoid overlapping with the zoom buttons, etc.\n      84\n  );\n\n  const inert = Boolean(state.isMobile && state.selected);\n\n  return (\n    <div\n      className={clsx(\n        styles.traceViewer,\n        isSkeleton && styles.skeleton,\n        className\n      )}\n      onClickCapture={onClick}\n      ref={ref}\n      style={\n        {\n          height,\n          '--timeline-padding': `${TIMELINE_PADDING}px`,\n          '--row-height': `${ROW_HEIGHT}px`,\n          '--row-padding': `${ROW_PADDING}px`,\n          '--search-height': `${!hideSearchBar ? SEARCH_HEIGHT : 0}px`,\n          '--search-gap': `${!hideSearchBar ? SEARCH_GAP : 2}px`,\n          '--map-height': `${MAP_HEIGHT}px`,\n          '--timeline-width': `${state.timelineWidth}px`,\n          '--timeline-height': `${state.timelineHeight}px`,\n          '--timeline-scroll-width': `${Math.round(state.root.duration * state.scale)}px`,\n          '--panel-width': `${state.panelWidth}px`,\n          '--panel-height': `${state.panelHeight}px`,\n          '--height': `${state.height}px`,\n          '--scrollbar-width': `${state.scrollbarWidth}px`,\n          '--marker-height': `${MARKER_HEIGHT}px`,\n          '--marker-notch-height': `${MARKER_NOTCH_HEIGHT}px`,\n        } as CSSProperties\n      }\n    >\n      {!hideSearchBar ? <SearchBar /> : null}\n      <MiniMap rows={rows} scale={scale} timelineRef={timelineRef} />\n      <div className={clsx(styles.traceViewerContent, inert && styles.inert)}>\n        <div className={styles.timeline} ref={timelineRef}>\n          <div\n            style={{\n              position: 'relative',\n              width: state.timelineWidth,\n              minHeight: state.timelineHeight - TIMELINE_PADDING * 2,\n              padding: TIMELINE_PADDING,\n              paddingBottom: 0,\n            }}\n          >\n            <div\n              className={styles.traceNode}\n              style={{\n                width: state.root.duration * scale || undefined,\n                height: timelineHeight - TIMELINE_PADDING * 2,\n              }}\n            >\n              <Markers scale={scale} isLive={isLive} />\n              <EventMarkers events={events} root={state.root} scale={scale} />\n              <CursorMarker\n                dispatch={dispatch}\n                events={events}\n                memoCacheRef={state.memoCacheRef}\n                root={state.root}\n                scale={scale}\n                scrollSnapshotRef={scrollSnapshotRef}\n                spans={spans}\n                timelineRef={timelineRef}\n              />\n              <SpanNodes\n                cacheKey={memoCache.get('')}\n                cache={memoCache}\n                customSpanClassNameFunc={state.customSpanClassNameFunc}\n                customSpanEventClassNameFunc={\n                  state.customSpanEventClassNameFunc\n                }\n                isLive={isLive}\n                root={state.root}\n                scale={scale}\n                scrollSnapshotRef={scrollSnapshotRef}\n                spans={spans}\n              />\n              {/* Horizontal \"unknown time\" overlay — covers the region to the\n                  right of the latest known event, indicating data beyond this\n                  point hasn't been loaded yet. */}\n              {knownDurationMs != null &&\n                knownDurationMs > 0 &&\n                (hasMoreData || isLive) &&\n                state.root.duration > 0 &&\n                (() => {\n                  const knownPx = knownDurationMs * scale;\n                  const totalPx = state.root.duration * scale;\n                  const unknownWidth = totalPx - knownPx;\n                  // Only show if the unknown region is meaningfully wide\n                  if (unknownWidth < 4) return null;\n                  // Offset ~5% into the unknown region so it doesn't touch spans\n                  const insetPx = Math.min(unknownWidth * 0.05, 20);\n                  return (\n                    <div\n                      style={{\n                        position: 'absolute',\n                        top: 0,\n                        left: knownPx + insetPx,\n                        width: unknownWidth - insetPx,\n                        height: '100%',\n                        pointerEvents: 'none',\n                        zIndex: 1,\n                        maskImage:\n                          'linear-gradient(to right, transparent 1%, black 3%)',\n                        WebkitMaskImage:\n                          'linear-gradient(to right, transparent 1%, black 3%)',\n                        background:\n                          'repeating-linear-gradient(-45deg, var(--ds-background-200) 0, var(--ds-background-200) 11px, var(--ds-gray-200) 11px, var(--ds-gray-200) 12px)',\n                      }}\n                    />\n                  );\n                })()}\n            </div>\n          </div>\n          {footer}\n        </div>\n        <div className={styles.zoomButtonTraceViewer}>\n          <ZoomButton />\n        </div>\n      </div>\n      {withPanel ? (\n        <div\n          className={clsx(\n            styles.spanDetailPanelTraceViewer,\n            !state.selected && styles.hidden,\n            state.isMobile && styles.mobile\n          )}\n        >\n          <SpanDetailPanel attached />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport function TraceViewerPanel({\n  className = '',\n  children = null,\n}: {\n  className?: string;\n  children?: ReactNode;\n}): ReactNode {\n  const { state } = useTraceViewer();\n\n  if (!state.selected) {\n    return children;\n  }\n\n  return (\n    <div\n      className={clsx(styles.spanDetailPanelTraceViewer, className)}\n      style={\n        {\n          position: 'relative',\n          '--search-height': '0',\n          '--search-gap': '0',\n          '--map-height': '0',\n          '--panel-width': `100%`,\n          '--panel-height': `100%`,\n          '--height': `100%`,\n          '--scrollbar-width': `${state.scrollbarWidth}px`,\n        } as CSSProperties\n      }\n    >\n      <SpanDetailPanel />\n    </div>\n  );\n}\n\nexport function TraceViewer(props: TraceViewerProps): ReactNode {\n  return (\n    <TraceViewerContextProvider getQuickLinks={props.getQuickLinks} withPanel>\n      <TraceViewerTimeline withPanel {...props} />\n    </TraceViewerContextProvider>\n  );\n}\n"]}