@workflow/web-shared 4.0.1-beta.5

package/dist/trace-viewer/components/search.jsx

@@ -0,0 +1,27 @@
+import { useEffect, useState } from 'react';
+import { useTraceViewer } from '../context';
+import styles from '../trace-viewer.module.css';
+import { SEARCH_HEIGHT } from '../util/constants';
+import { SearchInput } from './search-input';
+export function SearchBar() {
+    return (<nav className={styles.searchBar}>
+      <SearchInputWrapper />
+    </nav>);
+}
+function SearchInputWrapper() {
+    const { dispatch } = useTraceViewer();
+    const [value, setValue] = useState('');
+    useEffect(() => {
+        const timeout = setTimeout(() => dispatch({
+            type: 'setFilter',
+            filter: value,
+        }), 100);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, [dispatch, value]);
+    return (<div className={styles.searchInput}>
+      <SearchInput height={SEARCH_HEIGHT} onChange={(e) => setValue(e.target.value)} placeholder="Search spans…" value={value} width="100%"/>
+    </div>);
+}
+//# sourceMappingURL=search.jsx.map

package/dist/trace-viewer/components/search.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.jsx","sourceRoot":"","sources":["../../../src/trace-viewer/components/search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,UAAU,SAAS;IACvB,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC/B;MAAA,CAAC,kBAAkB,CAAC,AAAD,EACrB;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB;IACzB,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CACxB,GAAG,EAAE,CACH,QAAQ,CAAC;YACP,IAAI,EAAE,WAAW;YACjB,MAAM,EAAE,KAAK;SACd,CAAC,EACJ,GAAG,CACJ,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CACjC;MAAA,CAAC,WAAW,CACV,MAAM,CAAC,CAAC,aAAa,CAAC,CACtB,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAC1C,WAAW,CAAC,eAAe,CAC3B,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,MAAM,EAEhB;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

package/dist/trace-viewer/components/span-detail-panel.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export declare const SpanDetailPanelBody: () => import("react").JSX.Element | null;
+export declare function SpanDetailPanel({ attached, }: {
+    attached?: boolean;
+}): ReactNode;
+/**
+ * Resizer component for the trace viewer panel.
+ */
+export declare function PanelResizer(): ReactNode;
+//# sourceMappingURL=span-detail-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-detail-panel.d.ts","sourceRoot":"","sources":["../../../src/trace-viewer/components/span-detail-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAuB,SAAS,EAAE,MAAM,OAAO,CAAC;AA4G5D,eAAO,MAAM,mBAAmB,0CAoI/B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAgB,GACjB,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,SAAS,CA+CZ;AAsRD;;GAEG;AACH,wBAAgB,YAAY,IAAI,SAAS,CAwExC"}

package/dist/trace-viewer/components/span-detail-panel.jsx

@@ -0,0 +1,388 @@
+'use client';
+import { clsx } from 'clsx';
+import { Fragment, memo, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { initialState, useTraceViewer } from '../context';
+import styles from '../trace-viewer.module.css';
+import { formatDuration } from '../util/timing';
+import { getSpanColorClassName } from './node';
+import { ButtonLink, IconChevronDown, IconCross, IconExternalSmall, Link, Note, Skeleton, } from './ui';
+const percentage = (n) => `${(100 * n).toFixed(3)}%`;
+const sortWord = (a, b) => {
+    if (a < b) {
+        return -1;
+    }
+    else if (a > b) {
+        return 1;
+    }
+    return 0;
+};
+const getGroupedAttributes = (attributes) => {
+    // Build groups of items with the same prefix
+    const groups = {};
+    for (const [key, value] of Object.entries(attributes)) {
+        const dotIndex = key.indexOf('.');
+        let prefix = '';
+        let suffix = '';
+        if (dotIndex !== -1) {
+            prefix = key.substring(0, dotIndex);
+            suffix = key.substring(dotIndex + 1);
+        }
+        else {
+            suffix = key;
+        }
+        let group = groups[prefix];
+        if (!group) {
+            group = {
+                prefix,
+                attributes: [],
+            };
+            groups[prefix] = group;
+        }
+        group.attributes.push({
+            key,
+            suffix,
+            value: String(value),
+        });
+    }
+    // List and sort everything
+    const result = Array.from(Object.values(groups)).sort((a, b) => sortWord(a.prefix, b.prefix));
+    for (const group of result) {
+        group.attributes.sort((a, b) => sortWord(a.suffix, b.suffix));
+    }
+    return result;
+};
+// biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
+const getAncestors = (_root, start) => {
+    const result = [];
+    if (!start)
+        return result;
+    for (let node = start; 'parent' in node; node = node.parent) {
+        result.unshift(node);
+    }
+    return result;
+};
+export const SpanDetailPanelBody = () => {
+    const { state: { root, selected, resourceMap, getQuickLinks }, dispatch, } = useTraceViewer();
+    const ancestors = useMemo(() => getAncestors(root, selected), [root, selected]);
+    const attributeGroups = useMemo(() => getGroupedAttributes(selected?.span.attributes ?? {}), [selected]);
+    const resourceAttributeGroups = useMemo(() => {
+        const resourceName = selected?.span.resource;
+        if (!resourceName)
+            return [];
+        const resourceAttributes = resourceMap[resourceName];
+        if (!resourceAttributes)
+            return [];
+        return getGroupedAttributes(resourceAttributes);
+    }, [resourceMap, selected]);
+    if (!selected)
+        return null;
+    const { span } = selected;
+    const isEntrySpan = detectIsEntrySpan(selected);
+    return (<>
+      {selected.isVercel ? <InfraSpanDescription node={selected}/> : null}
+      {selected.isInstrumentationHint ? <InstrumentationHint /> : null}
+      {!selected.isInstrumentationHint && ancestors.length ? (<DetailGroup className={styles.ancestorGroup} name="Location">
+          {ancestors.map((node) => (<button className={styles.ancestorNode} key={`${selected.span.spanId}.${node.span.spanId}`} onClick={() => dispatch({
+                    type: 'select',
+                    id: node.span.spanId,
+                })} type="button">
+              <div className={styles.ancestorText}>
+                <span className={styles.ancestorName}>
+                  {node.label || node.span.name}
+                </span>
+                <span className={styles.ancestorDuration}>
+                  {formatDuration(node.duration)}
+                </span>
+              </div>
+              <span aria-hidden className={styles.ancestorLineContainer}>
+                <span className={clsx(styles.ancestorLine, getSpanColorClassName(node))} style={{
+                    left: percentage((node.startTime - root.startTime) / root.duration),
+                    width: percentage(node.duration / root.duration),
+                }}/>
+              </span>
+            </button>))}
+        </DetailGroup>) : null}
+      {isEntrySpan ? (<EntrySpanLinks getQuickLinks={getQuickLinks} span={selected.span}/>) : null}
+      {selected.events?.length ? (<DetailGroup name="Events">
+          {selected.events.map((event) => (<Fragment key={event.key}>
+              <dl className={styles.spanDetailPanelAttribute}>
+                <dt className={styles.spanDetailPanelAttributeKey}>
+                  {event.event.name}
+                </dt>
+                <dd className={styles.spanDetailPanelAttributeValue}>
+                  {formatDuration(event.timestamp - root.startTime)}
+                </dd>
+              </dl>
+              {Object.entries(event.event.attributes).map(([key, value]) => (<DetailLine key={key} name={`${event.event.name}.${key}`} value={value}/>))}
+            </Fragment>))}
+        </DetailGroup>) : null}
+      {attributeGroups.length ? (<DetailGroup name="Attributes">
+          {attributeGroups.map((group) => (<Fragment key={group.prefix}>
+              {group.attributes.map(({ key, value }) => (<DetailLine key={key} name={key} value={value}/>))}
+            </Fragment>))}
+        </DetailGroup>) : null}
+      {resourceAttributeGroups.length ? (<DetailGroup name="Resource">
+          {resourceAttributeGroups.map((group) => (<Fragment key={group.prefix}>
+              {group.attributes.map(({ key, value }) => (<DetailLine key={key} name={key} value={value}/>))}
+            </Fragment>))}
+        </DetailGroup>) : null}
+      {selected.isInstrumentationHint ? null : (<DetailGroup name="Library">
+          <DetailLine name="name" value={span.library.name}/>
+          {span.library.version ? (<DetailLine name="version" value={span.library.version}/>) : null}
+        </DetailGroup>)}
+    </>);
+};
+export function SpanDetailPanel({ attached = false, }) {
+    const { state: { selected, isMobile, customPanelComponent }, dispatch, } = useTraceViewer();
+    if (!selected)
+        return null;
+    const { span } = selected;
+    return (<div className={clsx(styles.spanDetailPanel, isMobile && styles.mobile)}>
+      {attached && !isMobile ? <PanelResizer /> : null}
+      <div className={styles.spanDetailPanelTop}>
+        <div className={styles.spanDetailPanelTopInfo}>
+          <div className={styles.spanDetailPanelTruncatedHeading}>
+            {selected.isInstrumentationHint ? null : (<span className={styles.spanDetailPanelDuration}>
+                {formatDuration(selected.duration)}
+              </span>)}
+            <span className={styles.spanDetailPanelName} title={span.name}>
+              {span.name}
+            </span>
+          </div>
+          <div className={styles.spanDetailPanelCorner}>
+            <div className={styles.spanDetailPanelCloseVerticalRule}/>
+            <button aria-label="Close Span Details" className={styles.spanDetailPanelClose} onClick={() => dispatch({
+            type: 'deselect',
+        })} type="button">
+              <IconCross color="gray-700" size={24}/>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div className={clsx('flex gap-3', styles.spanDetailPanelBody)}>
+        {customPanelComponent || <SpanDetailPanelBody />}
+      </div>
+    </div>);
+}
+const EXPANDED_STORAGE_KEY_PREFIX = 'vc-trace-span-exp:';
+function DetailGroup({ name, className = '', children, }) {
+    const [isExpanded, setIsExpanded] = useState(() => {
+        if (!('localStorage' in globalThis))
+            return true;
+        return (localStorage.getItem(`${EXPANDED_STORAGE_KEY_PREFIX}${name}`) !== '0');
+    });
+    const toggleExpanded = useCallback(() => {
+        setIsExpanded((x) => {
+            const willBeExpanded = !x;
+            localStorage.setItem(`${EXPANDED_STORAGE_KEY_PREFIX}${name}`, String(Number(willBeExpanded)));
+            return willBeExpanded;
+        });
+    }, [name]);
+    return (<div className={clsx(styles.detailGroup, isExpanded ? styles.expanded : styles.collapsed, className)}>
+      <button className={styles.detailHeading} onClick={toggleExpanded} type="button">
+        <span>{name}</span>
+        <IconChevronDown />
+      </button>
+      {isExpanded ? children : null}
+    </div>);
+}
+const CommonHttpVerbs = new Set([
+    'OPTIONS',
+    'HEAD',
+    'GET',
+    'PUT',
+    'POST',
+    'DELETE',
+]);
+const KnownSpans = {
+    'Resolve Deployment': `How long it took Vercel's routing layer to retrieve details for the deployment.`,
+    'Resolve Cache': `How long it took Vercel's routing layer to check for a cached function invocation.`,
+    'Resolve Route': `How long it took Vercel's routing layer to resolve routing rules, including redirects and rewrites.`,
+    'Invoke Middleware': `How long it took this middleware to start and run user code.`,
+    'Invoke Function': `How long it took this Vercel Function to start and run user code.`,
+    waitUntil: `How long it took to run user code inside of waitUntil.`,
+    'Start VM': `How long it took to start the Virtual Machine which contains the Vercel Function.`,
+    'Spawn Node.js': `How long it took the Virtual Machine to start the Node.js runtime.`,
+    'Spawn Python': `How long it took the Virtual Machine to start the Python runtime.`,
+    'Init User Code': `How long it took to import the user code and run any globally-scoped code.`,
+};
+const ColdStartSpanNames = new Set([
+    'Start VM',
+    'Spawn Node.js',
+    'Spawn Python',
+    'Init User Code',
+]);
+const getRegion = (node) => {
+    if (!node || !('span' in node)) {
+        return null;
+    }
+    const attr = node.span.attributes;
+    const region = attr['vercel.region'] || attr['vercel.function.region'];
+    if (region)
+        return String(region);
+    return null;
+};
+const getNote = (node) => {
+    const { name } = node.span;
+    const region = getRegion(node);
+    const parentRegion = getRegion(node.parent);
+    if (node.span.attributes['vercel.middleware.internal'] === 'true') {
+        return 'The Vercel Toolbar created this middleware.';
+    }
+    else if (ColdStartSpanNames.has(name) ||
+        (name === 'Invoke Function' &&
+            node.children.some((x) => ColdStartSpanNames.has(x.span.name)))) {
+        return 'This function encountered a cold start.';
+    }
+    else if (region && parentRegion && region !== parentRegion) {
+        return 'This request was routed across regions.';
+    }
+    return null;
+};
+const detectIsEntrySpan = (node) => {
+    if (!node.isVercel)
+        return false;
+    const { name } = node.span;
+    const spaceIndex = name.indexOf(' ');
+    if (spaceIndex === -1)
+        return false;
+    const firstWord = name.substring(0, spaceIndex);
+    return CommonHttpVerbs.has(firstWord);
+};
+function InfraSpanDescription({ node }) {
+    const { name } = node.span;
+    let description = KnownSpans[name];
+    if (!description && detectIsEntrySpan(node)) {
+        description = `How long it took for Vercel to process the request and send the response.`;
+    }
+    if (!description)
+        return null;
+    const note = getNote(node);
+    return (<DetailGroup name="What is this?">
+      <div className={styles.infraSpanDescription}>
+        <span>{description}</span>
+        {note ? <Note>{note}</Note> : note}
+      </div>
+    </DetailGroup>);
+}
+const EntrySpanLinks = memo(function EntrySpanLinks({ getQuickLinks, span, }) {
+    const links = getQuickLinks(span);
+    if (!links.length)
+        return null;
+    return (<DetailGroup name="Links">
+      {links.map(({ key, value }) => (<EntrySpanLink key={key} link={value} name={key}/>))}
+    </DetailGroup>);
+});
+function usePromise(promise) {
+    const [_, setLatest] = useState({});
+    const fulfilled = promise.__resolvedValue !== undefined ||
+        promise.__rejectedValue !== undefined;
+    useEffect(() => {
+        if (fulfilled)
+            return;
+        promise
+            .then((value) => {
+            promise.__resolvedValue = value;
+        })
+            .catch((err) => {
+            promise.__rejectedValue = err;
+        })
+            .finally(() => setLatest({}));
+    }, [promise, fulfilled]);
+    return promise.__resolvedValue;
+}
+function EntrySpanLink({ name, link: linkPromise, }) {
+    const link = usePromise(linkPromise);
+    return (<Link as={link ? undefined : 'span'} className={clsx(styles.spanDetailPanelAttribute, styles.spanDetailPanelQuickLink)} href={link?.href || ''}>
+      <span className={styles.spanDetailPanelAttributeKey}>{name}</span>
+      <span className={clsx(styles.spanDetailPanelAttributeValue, styles.spanDetailPanelQuickLinkLabel)}>
+        {link ? (<>
+            {link.label}
+            {link.icon || <IconExternalSmall color="gray-900"/>}
+          </>) : (<>
+            <Skeleton height={18} width={32 + name.length * 8}/>
+            <Skeleton height={18} rounded width={18}/>
+          </>)}
+      </span>
+    </Link>);
+}
+function InstrumentationHint() {
+    return (<DetailGroup name="What is this?">
+      <div className={styles.infraSpanDescription}>
+        <span>{`You can visualize your application's spans alongside Vercel's spans in this viewer.`}</span>
+        <ButtonLink href="https://vercel.com/docs/session-tracing#adding-custom-spans" size="small" target="_blank">
+          Get Started
+        </ButtonLink>
+      </div>
+    </DetailGroup>);
+}
+function DetailLine({ name, value, }) {
+    return (<dl className={styles.spanDetailPanelAttribute}>
+      <dt className={styles.spanDetailPanelAttributeKey}>{name}</dt>
+      <dd className={styles.spanDetailPanelAttributeValue} title={String(value)}>
+        {String(value)}
+      </dd>
+    </dl>);
+}
+/**
+ * Resizer component for the trace viewer panel.
+ */
+export function PanelResizer() {
+    const { state: { panelWidth }, dispatch, } = useTraceViewer();
+    const gestureRef = useRef({
+        start: {
+            x: 0,
+            width: panelWidth,
+        },
+        x: 0,
+        width: panelWidth,
+        isHeld: false,
+    });
+    gestureRef.current.width = panelWidth;
+    const onPointerDown = useCallback((event) => {
+        if (event.pointerType !== 'mouse')
+            return;
+        event.preventDefault();
+        const g = gestureRef.current;
+        g.start.x = event.clientX;
+        g.x = event.clientX;
+        g.start.width = g.width;
+        g.isHeld = true;
+    }, []);
+    const onDoubleClick = useCallback(() => {
+        dispatch({
+            type: 'setPanelWidth',
+            width: initialState.panelWidth,
+        });
+    }, [dispatch]);
+    useEffect(() => {
+        let nextFrame = 0;
+        const onFrame = () => {
+            const g = gestureRef.current;
+            const width = g.start.width + g.start.x - g.x;
+            dispatch({
+                type: 'setPanelWidth',
+                width,
+            });
+        };
+        const onPointerMove = (event) => {
+            if (!gestureRef.current.isHeld)
+                return;
+            event.preventDefault();
+            gestureRef.current.x = event.clientX;
+            cancelAnimationFrame(nextFrame);
+            nextFrame = requestAnimationFrame(onFrame);
+        };
+        const onPointerUp = () => {
+            gestureRef.current.isHeld = false;
+        };
+        window.addEventListener('pointermove', onPointerMove);
+        window.addEventListener('pointerup', onPointerUp);
+        return () => {
+            window.removeEventListener('pointermove', onPointerMove);
+            window.removeEventListener('pointerup', onPointerUp);
+        };
+    }, [dispatch]);
+    return (<div aria-hidden className={styles.spanDetailPanelResizer} onDoubleClick={onDoubleClick} onPointerDown={onPointerDown}/>);
+}
+//# sourceMappingURL=span-detail-panel.jsx.map

package/dist/trace-viewer/components/span-detail-panel.jsx.map

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

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

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

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

@@ -0,0 +1,54 @@
+'use client';
+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 (<svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style} aria-hidden>
+      <title>Cross</title>
+      <path d="M6 6l12 12M18 6L6 18" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/>
+    </svg>);
+}
+export function IconChevronDown({ size = 16 }) {
+    return (<svg width={size} height={size} viewBox="0 0 24 24" fill="none" aria-hidden className={styles.detailHeadingIcon}>
+      <title>Chevron Down</title>
+      <path d="M6 9l6 6 6-6" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    </svg>);
+}
+export function IconExternalSmall({ size = 16, color = 'gray-900', }) {
+    const style = { color: colorTokenMap[color] || color };
+    return (<svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style} aria-hidden>
+      <title>External Small</title>
+      <path d="M14 4h6m0 0v6m0-6L10 14" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+      <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"/>
+    </svg>);
+}
+export function Link(props) {
+    const { as: asProp, className, href, children, ...rest } = props;
+    const Element = asProp || 'a';
+    if (Element === 'span' || !href) {
+        return (<span className={className} {...rest}>
+        {children}
+      </span>);
+    }
+    return (<a className={className} href={href} {...rest}>
+      {children}
+    </a>);
+}
+export function ButtonLink(props) {
+    const { className, children, size: _size, ...rest } = props;
+    return (<a {...rest} className={clsx(styles.buttonLink, className)}>
+      {children}
+    </a>);
+}
+export function Note({ children, className, }) {
+    return <div className={clsx(styles.note, className)}>{children}</div>;
+}
+export function Skeleton({ width, height, rounded, }) {
+    return (<span className={clsx(styles.skeleton, rounded && styles.skeletonRounded)} style={{ width, height }} aria-hidden/>);
+}
+//# sourceMappingURL=ui.jsx.map

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

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

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

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

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

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

@@ -0,0 +1,40 @@
+'use client';
+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 (<div className={styles.zoomButtonGroup}>
+      <button aria-label="Zoom Out" className={styles.zoomButton} onClick={onZoomOut} type="button">
+        <IconZoomOut size={18}/>
+      </button>
+      <div className={styles.divider}/>
+      <button aria-label="Reset Zoom" className={styles.zoomButton} onClick={onResetZoom} type="button">
+        <IconMinus size={18}/>
+      </button>
+      <div className={styles.divider}/>
+      <button aria-label="Zoom In" className={styles.zoomButton} onClick={onZoomIn} type="button">
+        <IconZoomIn size={18}/>
+      </button>
+    </div>);
+}
+//# sourceMappingURL=zoom-button.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-button.jsx","sourceRoot":"","sources":["../../../src/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,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CACrC;MAAA,CAAC,MAAM,CACL,UAAU,CAAC,UAAU,CACrB,SAAS,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B,OAAO,CAAC,CAAC,SAAS,CAAC,CACnB,IAAI,CAAC,QAAQ,CAEb;QAAA,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACxB;MAAA,EAAE,MAAM,CACR;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC/B;MAAA,CAAC,MAAM,CACL,UAAU,CAAC,YAAY,CACvB,SAAS,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,QAAQ,CAEb;QAAA,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACtB;MAAA,EAAE,MAAM,CACR;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC/B;MAAA,CAAC,MAAM,CACL,UAAU,CAAC,SAAS,CACpB,SAAS,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,IAAI,CAAC,QAAQ,CAEb;QAAA,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACvB;MAAA,EAAE,MAAM,CACV;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-icons.d.ts","sourceRoot":"","sources":["../../../src/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"}