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

package/dist/components/ui/timestamp-tooltip.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
+import { useEffect, useState } from 'react';
+import { ContextCardProvider, ContextCardTrigger, useHasContextCardProvider, } from './context-card';
 const TIME_UNITS = [
     { unit: 'year', ms: 31536000000 },
     { unit: 'month', ms: 2628000000 },
@@ -24,22 +24,62 @@ function formatTimeDifference(diff) {
     }
     return result.join(', ');
 }
-function useTimeAgo(date) {
+/**
+ * Detailed relative time string that auto-updates every second
+ * (e.g. "2 hours, 15 minutes, 30 seconds ago"). Used inside the hover card.
+ */
+export function useTimeAgo(date) {
     const [timeAgo, setTimeAgo] = useState('');
     useEffect(() => {
-        const update = () => {
+        const updateTimeAgo = () => {
             const diff = Date.now() - date;
-            const formatted = formatTimeDifference(diff);
-            setTimeAgo(formatted ? `${formatted} ago` : 'Just now');
+            const formattedDiff = formatTimeDifference(diff);
+            setTimeAgo(formattedDiff ? `${formattedDiff} ago` : 'Just now');
         };
-        update();
-        const timer = setInterval(update, 1000);
+        updateTimeAgo();
+        const timer = setInterval(updateTimeAgo, 1000);
         return () => clearInterval(timer);
     }, [date]);
     return timeAgo;
 }
+/**
+ * Short relative time string that auto-updates every minute
+ * (e.g. "3 days ago", "5 hours ago"). Returns an empty string if `date` is
+ * nullish.
+ */
+export function useShortTimeAgo(date) {
+    const [shortTimeAgo, setShortTimeAgo] = useState('');
+    useEffect(() => {
+        if (!date) {
+            setShortTimeAgo('');
+            return;
+        }
+        const updateShortTimeAgo = () => {
+            const diff = Date.now() - date;
+            const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+            const hours = Math.floor(diff / (1000 * 60 * 60));
+            const minutes = Math.floor(diff / (1000 * 60));
+            if (days > 0) {
+                setShortTimeAgo(`${days} day${days > 1 ? 's' : ''} ago`);
+            }
+            else if (hours > 0) {
+                setShortTimeAgo(`${hours} hour${hours > 1 ? 's' : ''} ago`);
+            }
+            else if (minutes > 0) {
+                setShortTimeAgo(`${minutes} minute${minutes > 1 ? 's' : ''} ago`);
+            }
+            else {
+                setShortTimeAgo('Just now');
+            }
+        };
+        updateShortTimeAgo();
+        const timer = setInterval(updateShortTimeAgo, 60000);
+        return () => clearInterval(timer);
+    }, [date]);
+    return shortTimeAgo;
+}
 // ---------------------------------------------------------------------------
-// Timezone row
+// Hover card content
 // ---------------------------------------------------------------------------
 function ZoneDateTimeRow({ date, zone, }) {
     const dateObj = new Date(date);
@@ -61,114 +101,40 @@ function ZoneDateTimeRow({ date, zone, }) {
         minute: '2-digit',
         second: '2-digit',
     });
-    return (_jsxs("div", { style: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            gap: 12,
-        }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 6 }, children: [_jsx("div", { style: {
-                            display: 'inline-flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            height: 16,
-                            padding: '0 6px',
-                            backgroundColor: 'var(--ds-gray-200)',
-                            borderRadius: 3,
-                            fontSize: 11,
-                            fontFamily: 'var(--font-mono, monospace)',
-                            fontWeight: 500,
-                            color: 'var(--ds-gray-900)',
-                            whiteSpace: 'nowrap',
-                        }, children: formattedZone }), _jsx("span", { style: {
-                            fontSize: 13,
-                            color: 'var(--ds-gray-1000)',
-                            whiteSpace: 'nowrap',
-                        }, children: formattedDate })] }), _jsx("span", { style: {
-                    fontSize: 11,
-                    fontFamily: 'var(--font-mono, monospace)',
-                    fontVariantNumeric: 'tabular-nums',
-                    color: 'var(--ds-gray-900)',
-                    whiteSpace: 'nowrap',
-                }, children: formattedTime })] }));
+    return (_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("div", { className: "flex items-center justify-center h-4 px-1.5 bg-gray-200 rounded-xs", children: _jsx("span", { className: "text-label-12-mono text-gray-900", children: formattedZone }) }), _jsx("span", { className: "text-label-13 text-gray-1000", children: formattedDate })] }), _jsx("span", { className: "tabular-nums text-label-12-mono text-gray-900", children: formattedTime })] }));
 }
-// ---------------------------------------------------------------------------
-// Tooltip card content
-// ---------------------------------------------------------------------------
-function TimestampTooltipContent({ date }) {
+function RelativeTimeContextCardContent({ date }) {
     const localTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     const timeAgo = useTimeAgo(date);
-    return (_jsxs("div", { style: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: 12,
-            minWidth: 300,
-            padding: '12px 14px',
-        }, children: [_jsx("span", { style: {
-                    fontSize: 13,
-                    fontVariantNumeric: 'tabular-nums',
-                    color: 'var(--ds-gray-900)',
-                }, children: timeAgo }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [_jsx(ZoneDateTimeRow, { date: date, zone: "UTC" }), _jsx(ZoneDateTimeRow, { date: date, zone: localTimezone })] })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-3 min-w-[300px]", children: [_jsx("div", { className: "flex flex-col gap-3", children: _jsx("span", { className: "tabular-nums text-label-13 text-gray-900", children: timeAgo }) }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ZoneDateTimeRow, { date: date, zone: "UTC" }), _jsx(ZoneDateTimeRow, { date: date, zone: localTimezone })] })] }));
+}
+function DefaultTimeText({ date, }) {
+    const shortTimeAgo = useShortTimeAgo(date);
+    return _jsx("span", { className: "text-label-14 text-gray-900", children: shortTimeAgo });
+}
+/**
+ * Relative time label that reveals a context card with detailed UTC and local
+ * timestamps on hover. Renders a default short relative time label (e.g.
+ * "3 days ago") when `children` is omitted; renders just the children without
+ * the hover card when `date` is nullish.
+ */
+export function RelativeTimeCard({ date, children: _children, ...props }) {
+    const children = _children === undefined ? _jsx(DefaultTimeText, { date: date }) : _children;
+    if (!date)
+        return children;
+    return (_jsx(ContextCardTrigger, { content: _jsx(RelativeTimeContextCardContent, { date: date }), ...props, children: children }));
 }
 // ---------------------------------------------------------------------------
-// Hover tooltip wrapper
+// TimestampTooltip — convenience wrapper used across the observability UI
 // ---------------------------------------------------------------------------
-const TOOLTIP_WIDTH = 330;
-const VIEWPORT_PAD = 8;
-function TooltipPortal({ triggerRect, onMouseEnter, onMouseLeave, date, }) {
-    const tooltipRef = useRef(null);
-    const [style, setStyle] = useState({
-        position: 'fixed',
-        zIndex: 9999,
-        visibility: 'hidden',
-    });
-    useEffect(() => {
-        const placement = triggerRect.top > 240 ? 'above' : 'below';
-        const centerX = triggerRect.left + triggerRect.width / 2;
-        const el = tooltipRef.current;
-        const w = el ? el.offsetWidth : TOOLTIP_WIDTH;
-        const h = el ? el.offsetHeight : 100;
-        let left = centerX - w / 2;
-        left = Math.max(VIEWPORT_PAD, Math.min(left, window.innerWidth - w - VIEWPORT_PAD));
-        let top;
-        if (placement === 'above') {
-            top = triggerRect.top - h - 6;
-            if (top < VIEWPORT_PAD) {
-                top = triggerRect.bottom + 6;
-            }
-        }
-        else {
-            top = triggerRect.bottom + 6;
-            if (top + h > window.innerHeight - VIEWPORT_PAD) {
-                top = triggerRect.top - h - 6;
-            }
-        }
-        setStyle({
-            position: 'fixed',
-            left,
-            top,
-            zIndex: 9999,
-            borderRadius: 10,
-            border: '1px solid var(--ds-gray-alpha-200)',
-            backgroundColor: 'var(--ds-background-100)',
-            boxShadow: '0 4px 12px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.06)',
-            visibility: 'visible',
-        });
-    }, [triggerRect]);
-    return createPortal(
-    // biome-ignore lint/a11y/noStaticElementInteractions: tooltip hover zone
-    _jsx("div", { ref: tooltipRef, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, style: style, children: _jsx(TimestampTooltipContent, { date: date }) }), document.body);
-}
-export function TimestampTooltip({ date, children, }) {
-    const [open, setOpen] = useState(false);
-    const [triggerRect, setTriggerRect] = useState(null);
-    const triggerRef = useRef(null);
-    const closeTimer = useRef(null);
-    useEffect(() => {
-        return () => {
-            if (closeTimer.current)
-                clearTimeout(closeTimer.current);
-        };
-    }, []);
+/**
+ * Wraps an already-formatted timestamp display with a relative-time hover
+ * card. Self-mounts a {@link ContextCardProvider} when one isn't already
+ * present so it works anywhere, but shares a provider (enabling the animated
+ * card morph between adjacent timestamps) when rendered inside one.
+ */
+export function TimestampTooltip({ date, children, side = 'top', }) {
+    const hasProvider = useHasContextCardProvider();
     const ts = date == null
         ? null
         : typeof date === 'number'
@@ -176,25 +142,7 @@ export function TimestampTooltip({ date, children, }) {
             : new Date(date).getTime();
     if (ts == null || Number.isNaN(ts))
         return _jsx(_Fragment, { children: children });
-    const cancelClose = () => {
-        if (closeTimer.current) {
-            clearTimeout(closeTimer.current);
-            closeTimer.current = null;
-        }
-    };
-    const scheduleClose = () => {
-        cancelClose();
-        closeTimer.current = setTimeout(() => setOpen(false), 120);
-    };
-    const handleOpen = () => {
-        cancelClose();
-        if (triggerRef.current) {
-            setTriggerRect(triggerRef.current.getBoundingClientRect());
-        }
-        setOpen(true);
-    };
-    return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: tooltip trigger
-    _jsxs("span", { ref: triggerRef, onMouseEnter: handleOpen, onMouseLeave: scheduleClose, style: { display: 'inline-flex' }, children: [children, open && triggerRect && (_jsx(TooltipPortal, { triggerRect: triggerRect, onMouseEnter: cancelClose, onMouseLeave: scheduleClose, date: ts }))] }));
+    const card = (_jsx(RelativeTimeCard, { date: ts, side: side, asChild: true, children: children }));
+    return hasProvider ? card : _jsx(ContextCardProvider, { children: card });
 }
-//# sourceMappingURL=timestamp-tooltip.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXN0YW1wLXRvb2x0aXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy91aS90aW1lc3RhbXAtdG9vbHRpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOztBQUdiLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzVDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsa0JBQWtCLEVBRWxCLHlCQUF5QixHQUMxQixNQUFNLGdCQUFnQixDQUFDO0FBV3hCLE1BQU0sVUFBVSxHQUFlO0lBQzdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsV0FBVyxFQUFFO0lBQ2pDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFO0lBQ2pDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFO0lBQzdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFO0lBQzdCLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFO0lBQzdCLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFO0NBQzdCLENBQUM7QUFFRixTQUFTLG9CQUFvQixDQUFDLElBQVk7SUFDeEMsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixNQUFNLE1BQU0sR0FBYSxFQUFFLENBQUM7SUFFNUIsS0FBSyxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxJQUFJLFVBQVUsRUFBRSxDQUFDO1FBQ3RDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ3pDLElBQUksS0FBSyxHQUFHLENBQUMsSUFBSSxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ25DLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxLQUFLLElBQUksSUFBSSxHQUFHLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUN6RCxTQUFTLElBQUksRUFBRSxDQUFDO1FBQ2xCLENBQUM7UUFDRCxJQUFJLE1BQU0sQ0FBQyxNQUFNLEtBQUssQ0FBQztZQUFFLE1BQU07SUFDakMsQ0FBQztJQUVELE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUMzQixDQUFDO0FBRUQ7OztHQUdHO0FBQ0gsTUFBTSxVQUFVLFVBQVUsQ0FBQyxJQUFZO0lBQ3JDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFTLEVBQUUsQ0FBQyxDQUFDO0lBRW5ELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLGFBQWEsR0FBRyxHQUFTLEVBQUU7WUFDL0IsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQztZQUMvQixNQUFNLGFBQWEsR0FBRyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNqRCxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxHQUFHLGFBQWEsTUFBTSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNsRSxDQUFDLENBQUM7UUFFRixhQUFhLEVBQUUsQ0FBQztRQUNoQixNQUFNLEtBQUssR0FBRyxXQUFXLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQy9DLE9BQU8sR0FBRyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFFWCxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDO0FBRUQ7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxlQUFlLENBQUMsSUFBK0I7SUFDN0QsTUFBTSxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUMsR0FBRyxRQUFRLENBQVMsRUFBRSxDQUFDLENBQUM7SUFFN0QsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNWLGVBQWUsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUNwQixPQUFPO1FBQ1QsQ0FBQztRQUVELE1BQU0sa0JBQWtCLEdBQUcsR0FBUyxFQUFFO1lBQ3BDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUM7WUFDL0IsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQ3RELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLENBQUMsSUFBSSxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQ2xELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFFL0MsSUFBSSxJQUFJLEdBQUcsQ0FBQyxFQUFFLENBQUM7Z0JBQ2IsZUFBZSxDQUFDLEdBQUcsSUFBSSxPQUFPLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQztZQUMzRCxDQUFDO2lCQUFNLElBQUksS0FBSyxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUNyQixlQUFlLENBQUMsR0FBRyxLQUFLLFFBQVEsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQzlELENBQUM7aUJBQU0sSUFBSSxPQUFPLEdBQUcsQ0FBQyxFQUFFLENBQUM7Z0JBQ3ZCLGVBQWUsQ0FBQyxHQUFHLE9BQU8sVUFBVSxPQUFPLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDcEUsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUM5QixDQUFDO1FBQ0gsQ0FBQyxDQUFDO1FBRUYsa0JBQWtCLEVBQUUsQ0FBQztRQUNyQixNQUFNLEtBQUssR0FBRyxXQUFXLENBQUMsa0JBQWtCLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDckQsT0FBTyxHQUFHLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUVYLE9BQU8sWUFBWSxDQUFDO0FBQ3RCLENBQUM7QUFFRCw4RUFBOEU7QUFDOUUscUJBQXFCO0FBQ3JCLDhFQUE4RTtBQUU5RSxTQUFTLGVBQWUsQ0FBQyxFQUN2QixJQUFJLEVBQ0osSUFBSSxHQUlMO0lBQ0MsTUFBTSxPQUFPLEdBQUcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFFL0IsTUFBTSxhQUFhLEdBQ2pCLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLEVBQUU7UUFDL0IsUUFBUSxFQUFFLElBQUk7UUFDZCxZQUFZLEVBQUUsT0FBTztLQUN0QixDQUFDO1NBQ0MsYUFBYSxDQUFDLE9BQU8sQ0FBQztTQUN0QixJQUFJLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssY0FBYyxDQUFDLEVBQUUsS0FBSyxJQUFJLElBQUksQ0FBQztJQUVqRSxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsY0FBYyxDQUFDLE9BQU8sRUFBRTtRQUNwRCxRQUFRLEVBQUUsSUFBSTtRQUNkLElBQUksRUFBRSxTQUFTO1FBQ2YsS0FBSyxFQUFFLE1BQU07UUFDYixHQUFHLEVBQUUsU0FBUztLQUNmLENBQUMsQ0FBQztJQUVILE1BQU0sYUFBYSxHQUFHLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUU7UUFDeEQsUUFBUSxFQUFFLElBQUk7UUFDZCxJQUFJLEVBQUUsU0FBUztRQUNmLE1BQU0sRUFBRSxTQUFTO1FBQ2pCLE1BQU0sRUFBRSxTQUFTO0tBQ2xCLENBQUMsQ0FBQztJQUVILE9BQU8sQ0FDTCxlQUFLLFNBQVMsRUFBQyx5Q0FBeUMsYUFDdEQsZUFBSyxTQUFTLEVBQUMsMkJBQTJCLGFBQ3hDLGNBQUssU0FBUyxFQUFDLG9FQUFvRSxZQUNqRixlQUFNLFNBQVMsRUFBQyxrQ0FBa0MsWUFDL0MsYUFBYSxHQUNULEdBQ0gsRUFDTixlQUFNLFNBQVMsRUFBQyw4QkFBOEIsWUFBRSxhQUFhLEdBQVEsSUFDakUsRUFDTixlQUFNLFNBQVMsRUFBQywrQ0FBK0MsWUFDNUQsYUFBYSxHQUNULElBQ0gsQ0FDUCxDQUFDO0FBQ0osQ0FBQztBQUVELFNBQVMsOEJBQThCLENBQUMsRUFBRSxJQUFJLEVBQW9CO0lBQ2hFLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUM7SUFDdkUsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRWpDLE9BQU8sQ0FDTCxlQUFLLFNBQVMsRUFBQyxtQ0FBbUMsYUFDaEQsY0FBSyxTQUFTLEVBQUMscUJBQXFCLFlBQ2xDLGVBQU0sU0FBUyxFQUFDLDBDQUEwQyxZQUN2RCxPQUFPLEdBQ0gsR0FDSCxFQUNOLGVBQUssU0FBUyxFQUFDLHFCQUFxQixhQUNsQyxLQUFDLGVBQWUsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBQyxLQUFLLEdBQUcsRUFDMUMsS0FBQyxlQUFlLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsYUFBYSxHQUFJLElBQ2hELElBQ0YsQ0FDUCxDQUFDO0FBQ0osQ0FBQztBQUVELFNBQVMsZUFBZSxDQUFDLEVBQ3ZCLElBQUksR0FHTDtJQUNDLE1BQU0sWUFBWSxHQUFHLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzQyxPQUFPLGVBQU0sU0FBUyxFQUFDLDZCQUE2QixZQUFFLFlBQVksR0FBUSxDQUFDO0FBQzdFLENBQUM7QUFnQkQ7Ozs7O0dBS0c7QUFDSCxNQUFNLFVBQVUsZ0JBQWdCLENBQUMsRUFDL0IsSUFBSSxFQUNKLFFBQVEsRUFBRSxTQUFTLEVBQ25CLEdBQUcsS0FBSyxFQUNjO0lBQ3RCLE1BQU0sUUFBUSxHQUNaLFNBQVMsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUMsZUFBZSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBRXhFLElBQUksQ0FBQyxJQUFJO1FBQUUsT0FBTyxRQUFRLENBQUM7SUFFM0IsT0FBTyxDQUNMLEtBQUMsa0JBQWtCLElBQ2pCLE9BQU8sRUFBRSxLQUFDLDhCQUE4QixJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksS0FDbkQsS0FBSyxZQUVSLFFBQVEsR0FDVSxDQUN0QixDQUFDO0FBQ0osQ0FBQztBQUVELDhFQUE4RTtBQUM5RSwwRUFBMEU7QUFDMUUsOEVBQThFO0FBRTlFOzs7OztHQUtHO0FBQ0gsTUFBTSxVQUFVLGdCQUFnQixDQUFDLEVBQy9CLElBQUksRUFDSixRQUFRLEVBQ1IsSUFBSSxHQUFHLEtBQUssR0FLYjtJQUNDLE1BQU0sV0FBVyxHQUFHLHlCQUF5QixFQUFFLENBQUM7SUFFaEQsTUFBTSxFQUFFLEdBQ04sSUFBSSxJQUFJLElBQUk7UUFDVixDQUFDLENBQUMsSUFBSTtRQUNOLENBQUMsQ0FBQyxPQUFPLElBQUksS0FBSyxRQUFRO1lBQ3hCLENBQUMsQ0FBQyxJQUFJO1lBQ04sQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBRWpDLElBQUksRUFBRSxJQUFJLElBQUksSUFBSSxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQztRQUFFLE9BQU8sNEJBQUcsUUFBUSxHQUFJLENBQUM7SUFFM0QsTUFBTSxJQUFJLEdBQUcsQ0FDWCxLQUFDLGdCQUFnQixJQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxPQUFPLGtCQUM1QyxRQUFRLEdBQ1EsQ0FDcEIsQ0FBQztJQUVGLE9BQU8sV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUMsbUJBQW1CLGNBQUUsSUFBSSxHQUF1QixDQUFDO0FBQ2hGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7XG4gIENvbnRleHRDYXJkUHJvdmlkZXIsXG4gIENvbnRleHRDYXJkVHJpZ2dlcixcbiAgdHlwZSBDb250ZXh0Q2FyZFRyaWdnZXJQcm9wcyxcbiAgdXNlSGFzQ29udGV4dENhcmRQcm92aWRlcixcbn0gZnJvbSAnLi9jb250ZXh0LWNhcmQnO1xuXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIFRpbWUgZm9ybWF0dGluZyBoZWxwZXJzXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuaW50ZXJmYWNlIFRpbWVVbml0IHtcbiAgdW5pdDogSW50bC5SZWxhdGl2ZVRpbWVGb3JtYXRVbml0O1xuICBtczogbnVtYmVyO1xufVxuXG5jb25zdCBUSU1FX1VOSVRTOiBUaW1lVW5pdFtdID0gW1xuICB7IHVuaXQ6ICd5ZWFyJywgbXM6IDMxNTM2MDAwMDAwIH0sXG4gIHsgdW5pdDogJ21vbnRoJywgbXM6IDI2MjgwMDAwMDAgfSxcbiAgeyB1bml0OiAnZGF5JywgbXM6IDg2NDAwMDAwIH0sXG4gIHsgdW5pdDogJ2hvdXInLCBtczogMzYwMDAwMCB9LFxuICB7IHVuaXQ6ICdtaW51dGUnLCBtczogNjAwMDAgfSxcbiAgeyB1bml0OiAnc2Vjb25kJywgbXM6IDEwMDAgfSxcbl07XG5cbmZ1bmN0aW9uIGZvcm1hdFRpbWVEaWZmZXJlbmNlKGRpZmY6IG51bWJlcik6IHN0cmluZyB7XG4gIGxldCByZW1haW5pbmcgPSBNYXRoLmFicyhkaWZmKTtcbiAgY29uc3QgcmVzdWx0OiBzdHJpbmdbXSA9IFtdO1xuXG4gIGZvciAoY29uc3QgeyB1bml0LCBtcyB9IG9mIFRJTUVfVU5JVFMpIHtcbiAgICBjb25zdCB2YWx1ZSA9IE1hdGguZmxvb3IocmVtYWluaW5nIC8gbXMpO1xuICAgIGlmICh2YWx1ZSA+IDAgfHwgcmVzdWx0Lmxlbmd0aCA+IDApIHtcbiAgICAgIHJlc3VsdC5wdXNoKGAke3ZhbHVlfSAke3VuaXR9JHt2YWx1ZSAhPT0gMSA/ICdzJyA6ICcnfWApO1xuICAgICAgcmVtYWluaW5nICU9IG1zO1xuICAgIH1cbiAgICBpZiAocmVzdWx0Lmxlbmd0aCA9PT0gMykgYnJlYWs7XG4gIH1cblxuICByZXR1cm4gcmVzdWx0LmpvaW4oJywgJyk7XG59XG5cbi8qKlxuICogRGV0YWlsZWQgcmVsYXRpdmUgdGltZSBzdHJpbmcgdGhhdCBhdXRvLXVwZGF0ZXMgZXZlcnkgc2Vjb25kXG4gKiAoZS5nLiBcIjIgaG91cnMsIDE1IG1pbnV0ZXMsIDMwIHNlY29uZHMgYWdvXCIpLiBVc2VkIGluc2lkZSB0aGUgaG92ZXIgY2FyZC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZVRpbWVBZ28oZGF0ZTogbnVtYmVyKTogc3RyaW5nIHtcbiAgY29uc3QgW3RpbWVBZ28sIHNldFRpbWVBZ29dID0gdXNlU3RhdGU8c3RyaW5nPignJyk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB1cGRhdGVUaW1lQWdvID0gKCk6IHZvaWQgPT4ge1xuICAgICAgY29uc3QgZGlmZiA9IERhdGUubm93KCkgLSBkYXRlO1xuICAgICAgY29uc3QgZm9ybWF0dGVkRGlmZiA9IGZvcm1hdFRpbWVEaWZmZXJlbmNlKGRpZmYpO1xuICAgICAgc2V0VGltZUFnbyhmb3JtYXR0ZWREaWZmID8gYCR7Zm9ybWF0dGVkRGlmZn0gYWdvYCA6ICdKdXN0IG5vdycpO1xuICAgIH07XG5cbiAgICB1cGRhdGVUaW1lQWdvKCk7XG4gICAgY29uc3QgdGltZXIgPSBzZXRJbnRlcnZhbCh1cGRhdGVUaW1lQWdvLCAxMDAwKTtcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJJbnRlcnZhbCh0aW1lcik7XG4gIH0sIFtkYXRlXSk7XG5cbiAgcmV0dXJuIHRpbWVBZ287XG59XG5cbi8qKlxuICogU2hvcnQgcmVsYXRpdmUgdGltZSBzdHJpbmcgdGhhdCBhdXRvLXVwZGF0ZXMgZXZlcnkgbWludXRlXG4gKiAoZS5nLiBcIjMgZGF5cyBhZ29cIiwgXCI1IGhvdXJzIGFnb1wiKS4gUmV0dXJucyBhbiBlbXB0eSBzdHJpbmcgaWYgYGRhdGVgIGlzXG4gKiBudWxsaXNoLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlU2hvcnRUaW1lQWdvKGRhdGU6IG51bWJlciB8IG51bGwgfCB1bmRlZmluZWQpOiBzdHJpbmcge1xuICBjb25zdCBbc2hvcnRUaW1lQWdvLCBzZXRTaG9ydFRpbWVBZ29dID0gdXNlU3RhdGU8c3RyaW5nPignJyk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWRhdGUpIHtcbiAgICAgIHNldFNob3J0VGltZUFnbygnJyk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgdXBkYXRlU2hvcnRUaW1lQWdvID0gKCk6IHZvaWQgPT4ge1xuICAgICAgY29uc3QgZGlmZiA9IERhdGUubm93KCkgLSBkYXRlO1xuICAgICAgY29uc3QgZGF5cyA9IE1hdGguZmxvb3IoZGlmZiAvICgxMDAwICogNjAgKiA2MCAqIDI0KSk7XG4gICAgICBjb25zdCBob3VycyA9IE1hdGguZmxvb3IoZGlmZiAvICgxMDAwICogNjAgKiA2MCkpO1xuICAgICAgY29uc3QgbWludXRlcyA9IE1hdGguZmxvb3IoZGlmZiAvICgxMDAwICogNjApKTtcblxuICAgICAgaWYgKGRheXMgPiAwKSB7XG4gICAgICAgIHNldFNob3J0VGltZUFnbyhgJHtkYXlzfSBkYXkke2RheXMgPiAxID8gJ3MnIDogJyd9IGFnb2ApO1xuICAgICAgfSBlbHNlIGlmIChob3VycyA+IDApIHtcbiAgICAgICAgc2V0U2hvcnRUaW1lQWdvKGAke2hvdXJzfSBob3VyJHtob3VycyA+IDEgPyAncycgOiAnJ30gYWdvYCk7XG4gICAgICB9IGVsc2UgaWYgKG1pbnV0ZXMgPiAwKSB7XG4gICAgICAgIHNldFNob3J0VGltZUFnbyhgJHttaW51dGVzfSBtaW51dGUke21pbnV0ZXMgPiAxID8gJ3MnIDogJyd9IGFnb2ApO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0U2hvcnRUaW1lQWdvKCdKdXN0IG5vdycpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICB1cGRhdGVTaG9ydFRpbWVBZ28oKTtcbiAgICBjb25zdCB0aW1lciA9IHNldEludGVydmFsKHVwZGF0ZVNob3J0VGltZUFnbywgNjAwMDApO1xuICAgIHJldHVybiAoKSA9PiBjbGVhckludGVydmFsKHRpbWVyKTtcbiAgfSwgW2RhdGVdKTtcblxuICByZXR1cm4gc2hvcnRUaW1lQWdvO1xufVxuXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIEhvdmVyIGNhcmQgY29udGVudFxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbmZ1bmN0aW9uIFpvbmVEYXRlVGltZVJvdyh7XG4gIGRhdGUsXG4gIHpvbmUsXG59OiB7XG4gIHpvbmU6IHN0cmluZztcbiAgZGF0ZTogbnVtYmVyO1xufSk6IFJlYWN0Tm9kZSB7XG4gIGNvbnN0IGRhdGVPYmogPSBuZXcgRGF0ZShkYXRlKTtcblxuICBjb25zdCBmb3JtYXR0ZWRab25lID1cbiAgICBuZXcgSW50bC5EYXRlVGltZUZvcm1hdCgnZW4tVVMnLCB7XG4gICAgICB0aW1lWm9uZTogem9uZSxcbiAgICAgIHRpbWVab25lTmFtZTogJ3Nob3J0JyxcbiAgICB9KVxuICAgICAgLmZvcm1hdFRvUGFydHMoZGF0ZU9iailcbiAgICAgIC5maW5kKChwYXJ0KSA9PiBwYXJ0LnR5cGUgPT09ICd0aW1lWm9uZU5hbWUnKT8udmFsdWUgfHwgem9uZTtcblxuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gZGF0ZU9iai50b0xvY2FsZVN0cmluZygnZW4tVVMnLCB7XG4gICAgdGltZVpvbmU6IHpvbmUsXG4gICAgeWVhcjogJ251bWVyaWMnLFxuICAgIG1vbnRoOiAnbG9uZycsXG4gICAgZGF5OiAnbnVtZXJpYycsXG4gIH0pO1xuXG4gIGNvbnN0IGZvcm1hdHRlZFRpbWUgPSBkYXRlT2JqLnRvTG9jYWxlVGltZVN0cmluZygnZW4tVVMnLCB7XG4gICAgdGltZVpvbmU6IHpvbmUsXG4gICAgaG91cjogJzItZGlnaXQnLFxuICAgIG1pbnV0ZTogJzItZGlnaXQnLFxuICAgIHNlY29uZDogJzItZGlnaXQnLFxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1iZXR3ZWVuIGdhcC0zXCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggaXRlbXMtY2VudGVyIGdhcC0xLjVcIj5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBoLTQgcHgtMS41IGJnLWdyYXktMjAwIHJvdW5kZWQteHNcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJ0ZXh0LWxhYmVsLTEyLW1vbm8gdGV4dC1ncmF5LTkwMFwiPlxuICAgICAgICAgICAge2Zvcm1hdHRlZFpvbmV9XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwidGV4dC1sYWJlbC0xMyB0ZXh0LWdyYXktMTAwMFwiPntmb3JtYXR0ZWREYXRlfTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwidGFidWxhci1udW1zIHRleHQtbGFiZWwtMTItbW9ubyB0ZXh0LWdyYXktOTAwXCI+XG4gICAgICAgIHtmb3JtYXR0ZWRUaW1lfVxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5mdW5jdGlvbiBSZWxhdGl2ZVRpbWVDb250ZXh0Q2FyZENvbnRlbnQoeyBkYXRlIH06IHsgZGF0ZTogbnVtYmVyIH0pOiBSZWFjdE5vZGUge1xuICBjb25zdCBsb2NhbFRpbWV6b25lID0gSW50bC5EYXRlVGltZUZvcm1hdCgpLnJlc29sdmVkT3B0aW9ucygpLnRpbWVab25lO1xuICBjb25zdCB0aW1lQWdvID0gdXNlVGltZUFnbyhkYXRlKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBmbGV4LWNvbCBnYXAtMyBtaW4tdy1bMzAwcHhdXCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggZmxleC1jb2wgZ2FwLTNcIj5cbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwidGFidWxhci1udW1zIHRleHQtbGFiZWwtMTMgdGV4dC1ncmF5LTkwMFwiPlxuICAgICAgICAgIHt0aW1lQWdvfVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBmbGV4LWNvbCBnYXAtMlwiPlxuICAgICAgICA8Wm9uZURhdGVUaW1lUm93IGRhdGU9e2RhdGV9IHpvbmU9XCJVVENcIiAvPlxuICAgICAgICA8Wm9uZURhdGVUaW1lUm93IGRhdGU9e2RhdGV9IHpvbmU9e2xvY2FsVGltZXpvbmV9IC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZnVuY3Rpb24gRGVmYXVsdFRpbWVUZXh0KHtcbiAgZGF0ZSxcbn06IHtcbiAgZGF0ZTogbnVtYmVyIHwgbnVsbCB8IHVuZGVmaW5lZDtcbn0pOiBSZWFjdE5vZGUge1xuICBjb25zdCBzaG9ydFRpbWVBZ28gPSB1c2VTaG9ydFRpbWVBZ28oZGF0ZSk7XG4gIHJldHVybiA8c3BhbiBjbGFzc05hbWU9XCJ0ZXh0LWxhYmVsLTE0IHRleHQtZ3JheS05MDBcIj57c2hvcnRUaW1lQWdvfTwvc3Bhbj47XG59XG5cbi8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuLy8gUmVsYXRpdmVUaW1lQ2FyZFxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbnR5cGUgUmVsYXRpdmVUaW1lQ2FyZFByb3BzID0gT21pdDxcbiAgQ29udGV4dENhcmRUcmlnZ2VyUHJvcHMsXG4gICdjb250ZW50JyB8ICdjaGlsZHJlbidcbj4gJiB7XG4gIC8qKiBUaW1lc3RhbXAgaW4gbWlsbGlzZWNvbmRzIHRvIGRpc3BsYXkgYXMgYSByZWxhdGl2ZSB0aW1lLiAqL1xuICBkYXRlPzogbnVtYmVyIHwgbnVsbDtcbiAgLyoqIEN1c3RvbSBjb250ZW50IHRvIHJlbmRlciBpbnN0ZWFkIG9mIHRoZSBkZWZhdWx0IHJlbGF0aXZlIHRpbWUgdGV4dC4gKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG4vKipcbiAqIFJlbGF0aXZlIHRpbWUgbGFiZWwgdGhhdCByZXZlYWxzIGEgY29udGV4dCBjYXJkIHdpdGggZGV0YWlsZWQgVVRDIGFuZCBsb2NhbFxuICogdGltZXN0YW1wcyBvbiBob3Zlci4gUmVuZGVycyBhIGRlZmF1bHQgc2hvcnQgcmVsYXRpdmUgdGltZSBsYWJlbCAoZS5nLlxuICogXCIzIGRheXMgYWdvXCIpIHdoZW4gYGNoaWxkcmVuYCBpcyBvbWl0dGVkOyByZW5kZXJzIGp1c3QgdGhlIGNoaWxkcmVuIHdpdGhvdXRcbiAqIHRoZSBob3ZlciBjYXJkIHdoZW4gYGRhdGVgIGlzIG51bGxpc2guXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBSZWxhdGl2ZVRpbWVDYXJkKHtcbiAgZGF0ZSxcbiAgY2hpbGRyZW46IF9jaGlsZHJlbixcbiAgLi4ucHJvcHNcbn06IFJlbGF0aXZlVGltZUNhcmRQcm9wcyk6IFJlYWN0Tm9kZSB7XG4gIGNvbnN0IGNoaWxkcmVuID1cbiAgICBfY2hpbGRyZW4gPT09IHVuZGVmaW5lZCA/IDxEZWZhdWx0VGltZVRleHQgZGF0ZT17ZGF0ZX0gLz4gOiBfY2hpbGRyZW47XG5cbiAgaWYgKCFkYXRlKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGV4dENhcmRUcmlnZ2VyXG4gICAgICBjb250ZW50PXs8UmVsYXRpdmVUaW1lQ29udGV4dENhcmRDb250ZW50IGRhdGU9e2RhdGV9IC8+fVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0NvbnRleHRDYXJkVHJpZ2dlcj5cbiAgKTtcbn1cblxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBUaW1lc3RhbXBUb29sdGlwIOKAlCBjb252ZW5pZW5jZSB3cmFwcGVyIHVzZWQgYWNyb3NzIHRoZSBvYnNlcnZhYmlsaXR5IFVJXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuLyoqXG4gKiBXcmFwcyBhbiBhbHJlYWR5LWZvcm1hdHRlZCB0aW1lc3RhbXAgZGlzcGxheSB3aXRoIGEgcmVsYXRpdmUtdGltZSBob3ZlclxuICogY2FyZC4gU2VsZi1tb3VudHMgYSB7QGxpbmsgQ29udGV4dENhcmRQcm92aWRlcn0gd2hlbiBvbmUgaXNuJ3QgYWxyZWFkeVxuICogcHJlc2VudCBzbyBpdCB3b3JrcyBhbnl3aGVyZSwgYnV0IHNoYXJlcyBhIHByb3ZpZGVyIChlbmFibGluZyB0aGUgYW5pbWF0ZWRcbiAqIGNhcmQgbW9ycGggYmV0d2VlbiBhZGphY2VudCB0aW1lc3RhbXBzKSB3aGVuIHJlbmRlcmVkIGluc2lkZSBvbmUuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBUaW1lc3RhbXBUb29sdGlwKHtcbiAgZGF0ZSxcbiAgY2hpbGRyZW4sXG4gIHNpZGUgPSAndG9wJyxcbn06IHtcbiAgZGF0ZTogbnVtYmVyIHwgRGF0ZSB8IHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQ7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIHNpZGU/OiBDb250ZXh0Q2FyZFRyaWdnZXJQcm9wc1snc2lkZSddO1xufSk6IFJlYWN0Tm9kZSB7XG4gIGNvbnN0IGhhc1Byb3ZpZGVyID0gdXNlSGFzQ29udGV4dENhcmRQcm92aWRlcigpO1xuXG4gIGNvbnN0IHRzID1cbiAgICBkYXRlID09IG51bGxcbiAgICAgID8gbnVsbFxuICAgICAgOiB0eXBlb2YgZGF0ZSA9PT0gJ251bWJlcidcbiAgICAgICAgPyBkYXRlXG4gICAgICAgIDogbmV3IERhdGUoZGF0ZSkuZ2V0VGltZSgpO1xuXG4gIGlmICh0cyA9PSBudWxsIHx8IE51bWJlci5pc05hTih0cykpIHJldHVybiA8PntjaGlsZHJlbn08Lz47XG5cbiAgY29uc3QgY2FyZCA9IChcbiAgICA8UmVsYXRpdmVUaW1lQ2FyZCBkYXRlPXt0c30gc2lkZT17c2lkZX0gYXNDaGlsZD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1JlbGF0aXZlVGltZUNhcmQ+XG4gICk7XG5cbiAgcmV0dXJuIGhhc1Byb3ZpZGVyID8gY2FyZCA6IDxDb250ZXh0Q2FyZFByb3ZpZGVyPntjYXJkfTwvQ29udGV4dENhcmRQcm92aWRlcj47XG59XG4iXX0=

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,10 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    showArrow?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc;gBAGJ,OAAO;wCA4BtB,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ui/tooltip.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
+import { cn } from '../../lib/cn';
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 8, showArrow = true, children, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('z-[99999] flex items-center gap-1 rounded-[10px] bg-gray-1000 px-2 py-1.5 !text-label-13 text-background-100 shadow-md select-none', className), ...props, children: [children, showArrow ? (_jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: "fill-gray-1000" })) : null] }) })));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3VpL3Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7QUFFYixPQUFPLEtBQUssZ0JBQWdCLE1BQU0seUJBQXlCLENBQUM7QUFDNUQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDL0IsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUVsQyxNQUFNLGVBQWUsR0FBRyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUM7QUFFbEQsTUFBTSxPQUFPLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDO0FBRXRDLE1BQU0sY0FBYyxHQUFHLGdCQUFnQixDQUFDLE9BQU8sQ0FBQztBQUVoRCxNQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQU1yQyxDQUNFLEVBQUUsU0FBUyxFQUFFLFVBQVUsR0FBRyxDQUFDLEVBQUUsU0FBUyxHQUFHLElBQUksRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFDbkUsR0FBRyxFQUNILEVBQUUsQ0FBQyxDQUNILEtBQUMsZ0JBQWdCLENBQUMsTUFBTSxjQUN0QixNQUFDLGdCQUFnQixDQUFDLE9BQU8sSUFDdkIsR0FBRyxFQUFFLEdBQUcsRUFDUixVQUFVLEVBQUUsVUFBVSxFQUN0QixTQUFTLEVBQUUsRUFBRSxDQUNYLG9JQUFvSSxFQUNwSSxTQUFTLENBQ1YsS0FDRyxLQUFLLGFBRVIsUUFBUSxFQUNSLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDWCxLQUFDLGdCQUFnQixDQUFDLEtBQUssSUFDckIsS0FBSyxFQUFFLEVBQUUsRUFDVCxNQUFNLEVBQUUsQ0FBQyxFQUNULFNBQVMsRUFBQyxnQkFBZ0IsR0FDMUIsQ0FDSCxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQ2lCLEdBQ0gsQ0FDM0IsQ0FDRixDQUFDO0FBQ0YsY0FBYyxDQUFDLFdBQVcsR0FBRyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50JztcblxuaW1wb3J0ICogYXMgVG9vbHRpcFByaW1pdGl2ZSBmcm9tICdAcmFkaXgtdWkvcmVhY3QtdG9vbHRpcCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjbiB9IGZyb20gJy4uLy4uL2xpYi9jbic7XG5cbmNvbnN0IFRvb2x0aXBQcm92aWRlciA9IFRvb2x0aXBQcmltaXRpdmUuUHJvdmlkZXI7XG5cbmNvbnN0IFRvb2x0aXAgPSBUb29sdGlwUHJpbWl0aXZlLlJvb3Q7XG5cbmNvbnN0IFRvb2x0aXBUcmlnZ2VyID0gVG9vbHRpcFByaW1pdGl2ZS5UcmlnZ2VyO1xuXG5jb25zdCBUb29sdGlwQ29udGVudCA9IFJlYWN0LmZvcndhcmRSZWY8XG4gIFJlYWN0LkVsZW1lbnRSZWY8dHlwZW9mIFRvb2x0aXBQcmltaXRpdmUuQ29udGVudD4sXG4gIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjx0eXBlb2YgVG9vbHRpcFByaW1pdGl2ZS5Db250ZW50PiAmIHtcbiAgICBzaG93QXJyb3c/OiBib29sZWFuO1xuICB9XG4+KFxuICAoXG4gICAgeyBjbGFzc05hbWUsIHNpZGVPZmZzZXQgPSA4LCBzaG93QXJyb3cgPSB0cnVlLCBjaGlsZHJlbiwgLi4ucHJvcHMgfSxcbiAgICByZWZcbiAgKSA9PiAoXG4gICAgPFRvb2x0aXBQcmltaXRpdmUuUG9ydGFsPlxuICAgICAgPFRvb2x0aXBQcmltaXRpdmUuQ29udGVudFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgc2lkZU9mZnNldD17c2lkZU9mZnNldH1cbiAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAnei1bOTk5OTldIGZsZXggaXRlbXMtY2VudGVyIGdhcC0xIHJvdW5kZWQtWzEwcHhdIGJnLWdyYXktMTAwMCBweC0yIHB5LTEuNSAhdGV4dC1sYWJlbC0xMyB0ZXh0LWJhY2tncm91bmQtMTAwIHNoYWRvdy1tZCBzZWxlY3Qtbm9uZScsXG4gICAgICAgICAgY2xhc3NOYW1lXG4gICAgICAgICl9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7c2hvd0Fycm93ID8gKFxuICAgICAgICAgIDxUb29sdGlwUHJpbWl0aXZlLkFycm93XG4gICAgICAgICAgICB3aWR0aD17MTF9XG4gICAgICAgICAgICBoZWlnaHQ9ezV9XG4gICAgICAgICAgICBjbGFzc05hbWU9XCJmaWxsLWdyYXktMTAwMFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1Rvb2x0aXBQcmltaXRpdmUuQ29udGVudD5cbiAgICA8L1Rvb2x0aXBQcmltaXRpdmUuUG9ydGFsPlxuICApXG4pO1xuVG9vbHRpcENvbnRlbnQuZGlzcGxheU5hbWUgPSBUb29sdGlwUHJpbWl0aXZlLkNvbnRlbnQuZGlzcGxheU5hbWU7XG5cbmV4cG9ydCB7IFRvb2x0aXAsIFRvb2x0aXBUcmlnZ2VyLCBUb29sdGlwQ29udGVudCwgVG9vbHRpcFByb3ZpZGVyIH07XG4iXX0=

package/dist/components/workflow-traces/event-colors.d.ts

@@ -1,7 +1,7 @@
 /**
  * Color utilities for workflow event markers
  */
-import type { Event } from '@workflow/world';
+import { type Event } from '@workflow/world';
 export interface EventColorPalette {
     /** Color of the diamond/marker itself */
     color: string;
@@ -19,6 +19,7 @@ export interface EventColorPalette {
  * - Red for failures (step_failed, run_failed)
  * - Orange/yellow for retries (step_retrying)
  * - Purple for webhook-related events
+ * - Teal for attribute changes (attr_set)
  * - Blue otherwise (default)
  */
 export declare function getEventColor(eventType: Event['eventType']): EventColorPalette;

package/dist/components/workflow-traces/event-colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"event-colors.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-traces/event-colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,GAC5B,iBAAiB,CA8CnB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,OAAO,CAY7E"}
+{"version":3,"file":"event-colors.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-traces/event-colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,KAAK,EAA4B,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,GAC5B,iBAAiB,CAqDnB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,OAAO,CAQ7E"}

package/dist/components/workflow-traces/event-colors.js

@@ -1,11 +1,13 @@
 /**
  * Color utilities for workflow event markers
  */
+import { isHookLifecycleEventType } from '@workflow/world';
 /**
  * Get the color palette for an event based on its type
  * - Red for failures (step_failed, run_failed)
  * - Orange/yellow for retries (step_retrying)
  * - Purple for webhook-related events
+ * - Teal for attribute changes (attr_set)
  * - Blue otherwise (default)
  */
 export function getEventColor(eventType) {
@@ -30,9 +32,7 @@ export function getEventColor(eventType) {
         };
     }
     // Webhook-related - Purple
-    if (eventType === 'hook_created' ||
-        eventType === 'hook_received' ||
-        eventType === 'hook_disposed') {
+    if (isHookLifecycleEventType(eventType)) {
         return {
             color: 'var(--ds-purple-600)',
             background: 'var(--ds-purple-100)',
@@ -41,6 +41,16 @@ export function getEventColor(eventType) {
             secondary: 'var(--ds-purple-700)',
         };
     }
+    // Attribute changes - Teal
+    if (eventType === 'attr_set') {
+        return {
+            color: 'var(--ds-teal-900)',
+            background: 'var(--ds-teal-200)',
+            border: 'var(--ds-teal-500)',
+            text: 'var(--ds-teal-900)',
+            secondary: 'var(--ds-gray-900)',
+        };
+    }
     // Default - Blue
     return {
         color: 'var(--ds-blue-600)',
@@ -57,12 +67,10 @@ export function getEventColor(eventType) {
  */
 export function shouldShowVerticalLine(eventType) {
     // Show vertical lines for hook-related events
-    if (eventType === 'hook_created' ||
-        eventType === 'hook_received' ||
-        eventType === 'hook_disposed') {
+    if (isHookLifecycleEventType(eventType)) {
         return true;
     }
     // Hide vertical lines for all other workflow events
     return false;
 }
-//# sourceMappingURL=event-colors.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQtY29sb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvd29ya2Zsb3ctdHJhY2VzL2V2ZW50LWNvbG9ycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILE9BQU8sRUFBYyx3QkFBd0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBZXZFOzs7Ozs7O0dBT0c7QUFDSCxNQUFNLFVBQVUsYUFBYSxDQUMzQixTQUE2QjtJQUU3QixpQkFBaUI7SUFDakIsSUFBSSxTQUFTLEtBQUssYUFBYSxJQUFJLFNBQVMsS0FBSyxZQUFZLEVBQUUsQ0FBQztRQUM5RCxPQUFPO1lBQ0wsS0FBSyxFQUFFLG1CQUFtQjtZQUMxQixVQUFVLEVBQUUsbUJBQW1CO1lBQy9CLE1BQU0sRUFBRSxtQkFBbUI7WUFDM0IsSUFBSSxFQUFFLG1CQUFtQjtZQUN6QixTQUFTLEVBQUUsbUJBQW1CO1NBQy9CLENBQUM7SUFDSixDQUFDO0lBRUQsMEJBQTBCO0lBQzFCLElBQUksU0FBUyxLQUFLLGVBQWUsRUFBRSxDQUFDO1FBQ2xDLE9BQU87WUFDTCxLQUFLLEVBQUUscUJBQXFCO1lBQzVCLFVBQVUsRUFBRSxxQkFBcUI7WUFDakMsTUFBTSxFQUFFLHFCQUFxQjtZQUM3QixJQUFJLEVBQUUscUJBQXFCO1lBQzNCLFNBQVMsRUFBRSxxQkFBcUI7U0FDakMsQ0FBQztJQUNKLENBQUM7SUFFRCwyQkFBMkI7SUFDM0IsSUFBSSx3QkFBd0IsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1FBQ3hDLE9BQU87WUFDTCxLQUFLLEVBQUUsc0JBQXNCO1lBQzdCLFVBQVUsRUFBRSxzQkFBc0I7WUFDbEMsTUFBTSxFQUFFLHNCQUFzQjtZQUM5QixJQUFJLEVBQUUsc0JBQXNCO1lBQzVCLFNBQVMsRUFBRSxzQkFBc0I7U0FDbEMsQ0FBQztJQUNKLENBQUM7SUFFRCwyQkFBMkI7SUFDM0IsSUFBSSxTQUFTLEtBQUssVUFBVSxFQUFFLENBQUM7UUFDN0IsT0FBTztZQUNMLEtBQUssRUFBRSxvQkFBb0I7WUFDM0IsVUFBVSxFQUFFLG9CQUFvQjtZQUNoQyxNQUFNLEVBQUUsb0JBQW9CO1lBQzVCLElBQUksRUFBRSxvQkFBb0I7WUFDMUIsU0FBUyxFQUFFLG9CQUFvQjtTQUNoQyxDQUFDO0lBQ0osQ0FBQztJQUVELGlCQUFpQjtJQUNqQixPQUFPO1FBQ0wsS0FBSyxFQUFFLG9CQUFvQjtRQUMzQixVQUFVLEVBQUUsb0JBQW9CO1FBQ2hDLE1BQU0sRUFBRSxvQkFBb0I7UUFDNUIsSUFBSSxFQUFFLG9CQUFvQjtRQUMxQixTQUFTLEVBQUUsb0JBQW9CO0tBQ2hDLENBQUM7QUFDSixDQUFDO0FBRUQ7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxzQkFBc0IsQ0FBQyxTQUE2QjtJQUNsRSw4Q0FBOEM7SUFDOUMsSUFBSSx3QkFBd0IsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1FBQ3hDLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELG9EQUFvRDtJQUNwRCxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvbG9yIHV0aWxpdGllcyBmb3Igd29ya2Zsb3cgZXZlbnQgbWFya2Vyc1xuICovXG5cbmltcG9ydCB7IHR5cGUgRXZlbnQsIGlzSG9va0xpZmVjeWNsZUV2ZW50VHlwZSB9IGZyb20gJ0B3b3JrZmxvdy93b3JsZCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRXZlbnRDb2xvclBhbGV0dGUge1xuICAvKiogQ29sb3Igb2YgdGhlIGRpYW1vbmQvbWFya2VyIGl0c2VsZiAqL1xuICBjb2xvcjogc3RyaW5nO1xuICAvKiogQmFja2dyb3VuZCBjb2xvciBmb3IgaG92ZXIgaW5mbyBwb3B1cCAqL1xuICBiYWNrZ3JvdW5kOiBzdHJpbmc7XG4gIC8qKiBCb3JkZXIgY29sb3IgZm9yIGhvdmVyIGluZm8gcG9wdXAgKi9cbiAgYm9yZGVyOiBzdHJpbmc7XG4gIC8qKiBUZXh0IGNvbG9yIGZvciBldmVudCBuYW1lIGluIGhvdmVyIHBvcHVwICovXG4gIHRleHQ6IHN0cmluZztcbiAgLyoqIFNlY29uZGFyeSB0ZXh0IGNvbG9yIGZvciB0aW1lc3RhbXAgaW4gaG92ZXIgcG9wdXAgKi9cbiAgc2Vjb25kYXJ5OiBzdHJpbmc7XG59XG5cbi8qKlxuICogR2V0IHRoZSBjb2xvciBwYWxldHRlIGZvciBhbiBldmVudCBiYXNlZCBvbiBpdHMgdHlwZVxuICogLSBSZWQgZm9yIGZhaWx1cmVzIChzdGVwX2ZhaWxlZCwgcnVuX2ZhaWxlZClcbiAqIC0gT3JhbmdlL3llbGxvdyBmb3IgcmV0cmllcyAoc3RlcF9yZXRyeWluZylcbiAqIC0gUHVycGxlIGZvciB3ZWJob29rLXJlbGF0ZWQgZXZlbnRzXG4gKiAtIFRlYWwgZm9yIGF0dHJpYnV0ZSBjaGFuZ2VzIChhdHRyX3NldClcbiAqIC0gQmx1ZSBvdGhlcndpc2UgKGRlZmF1bHQpXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRFdmVudENvbG9yKFxuICBldmVudFR5cGU6IEV2ZW50WydldmVudFR5cGUnXVxuKTogRXZlbnRDb2xvclBhbGV0dGUge1xuICAvLyBGYWlsdXJlcyAtIFJlZFxuICBpZiAoZXZlbnRUeXBlID09PSAnc3RlcF9mYWlsZWQnIHx8IGV2ZW50VHlwZSA9PT0gJ3J1bl9mYWlsZWQnKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGNvbG9yOiAndmFyKC0tZHMtcmVkLTYwMCknLFxuICAgICAgYmFja2dyb3VuZDogJ3ZhcigtLWRzLXJlZC0xMDApJyxcbiAgICAgIGJvcmRlcjogJ3ZhcigtLWRzLXJlZC01MDApJyxcbiAgICAgIHRleHQ6ICd2YXIoLS1kcy1yZWQtOTAwKScsXG4gICAgICBzZWNvbmRhcnk6ICd2YXIoLS1kcy1yZWQtNzAwKScsXG4gICAgfTtcbiAgfVxuXG4gIC8vIFJldHJpZXMgLSBPcmFuZ2UvWWVsbG93XG4gIGlmIChldmVudFR5cGUgPT09ICdzdGVwX3JldHJ5aW5nJykge1xuICAgIHJldHVybiB7XG4gICAgICBjb2xvcjogJ3ZhcigtLWRzLWFtYmVyLTYwMCknLFxuICAgICAgYmFja2dyb3VuZDogJ3ZhcigtLWRzLWFtYmVyLTEwMCknLFxuICAgICAgYm9yZGVyOiAndmFyKC0tZHMtYW1iZXItNTAwKScsXG4gICAgICB0ZXh0OiAndmFyKC0tZHMtYW1iZXItOTAwKScsXG4gICAgICBzZWNvbmRhcnk6ICd2YXIoLS1kcy1hbWJlci03MDApJyxcbiAgICB9O1xuICB9XG5cbiAgLy8gV2ViaG9vay1yZWxhdGVkIC0gUHVycGxlXG4gIGlmIChpc0hvb2tMaWZlY3ljbGVFdmVudFR5cGUoZXZlbnRUeXBlKSkge1xuICAgIHJldHVybiB7XG4gICAgICBjb2xvcjogJ3ZhcigtLWRzLXB1cnBsZS02MDApJyxcbiAgICAgIGJhY2tncm91bmQ6ICd2YXIoLS1kcy1wdXJwbGUtMTAwKScsXG4gICAgICBib3JkZXI6ICd2YXIoLS1kcy1wdXJwbGUtNTAwKScsXG4gICAgICB0ZXh0OiAndmFyKC0tZHMtcHVycGxlLTkwMCknLFxuICAgICAgc2Vjb25kYXJ5OiAndmFyKC0tZHMtcHVycGxlLTcwMCknLFxuICAgIH07XG4gIH1cblxuICAvLyBBdHRyaWJ1dGUgY2hhbmdlcyAtIFRlYWxcbiAgaWYgKGV2ZW50VHlwZSA9PT0gJ2F0dHJfc2V0Jykge1xuICAgIHJldHVybiB7XG4gICAgICBjb2xvcjogJ3ZhcigtLWRzLXRlYWwtOTAwKScsXG4gICAgICBiYWNrZ3JvdW5kOiAndmFyKC0tZHMtdGVhbC0yMDApJyxcbiAgICAgIGJvcmRlcjogJ3ZhcigtLWRzLXRlYWwtNTAwKScsXG4gICAgICB0ZXh0OiAndmFyKC0tZHMtdGVhbC05MDApJyxcbiAgICAgIHNlY29uZGFyeTogJ3ZhcigtLWRzLWdyYXktOTAwKScsXG4gICAgfTtcbiAgfVxuXG4gIC8vIERlZmF1bHQgLSBCbHVlXG4gIHJldHVybiB7XG4gICAgY29sb3I6ICd2YXIoLS1kcy1ibHVlLTYwMCknLFxuICAgIGJhY2tncm91bmQ6ICd2YXIoLS1kcy1ibHVlLTEwMCknLFxuICAgIGJvcmRlcjogJ3ZhcigtLWRzLWJsdWUtNTAwKScsXG4gICAgdGV4dDogJ3ZhcigtLWRzLWJsdWUtOTAwKScsXG4gICAgc2Vjb25kYXJ5OiAndmFyKC0tZHMtYmx1ZS03MDApJyxcbiAgfTtcbn1cblxuLyoqXG4gKiBEZXRlcm1pbmUgd2hldGhlciB0byBzaG93IGEgdmVydGljYWwgbGluZSBmb3IgYW4gZXZlbnRcbiAqIC0gU2hvdyB2ZXJ0aWNhbCBsaW5lcyBmb3IgaG9vay1yZWxhdGVkIGV2ZW50c1xuICogLSBIaWRlIHZlcnRpY2FsIGxpbmVzIGZvciBhbGwgb3RoZXIgd29ya2Zsb3cgZXZlbnRzIGJ5IGRlZmF1bHRcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNob3VsZFNob3dWZXJ0aWNhbExpbmUoZXZlbnRUeXBlOiBFdmVudFsnZXZlbnRUeXBlJ10pOiBib29sZWFuIHtcbiAgLy8gU2hvdyB2ZXJ0aWNhbCBsaW5lcyBmb3IgaG9vay1yZWxhdGVkIGV2ZW50c1xuICBpZiAoaXNIb29rTGlmZWN5Y2xlRXZlbnRUeXBlKGV2ZW50VHlwZSkpIHtcbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIC8vIEhpZGUgdmVydGljYWwgbGluZXMgZm9yIGFsbCBvdGhlciB3b3JrZmxvdyBldmVudHNcbiAgcmV0dXJuIGZhbHNlO1xufVxuIl19

package/dist/components/workflow-traces/trace-span-construction.d.ts

@@ -1,17 +1,20 @@
 /**
  * Functions for constructing OpenTelemetry spans from workflow entities
  */
-import type { Event, WorkflowRun } from '@workflow/world';
-import type { Span, SpanEvent } from '../trace-viewer/types';
+import { type Event, type WorkflowRun } from '@workflow/world';
+import type { Span, SpanEvent } from '../../lib/trace-types';
 export declare const WORKFLOW_LIBRARY: {
     name: string;
     version: string;
 };
+export declare const getEventTimestamp: (event: Event | undefined) => Date | undefined;
 /**
  * Convert workflow events to span events
  * Only includes events that should be displayed as markers
  */
-export declare function convertEventsToSpanEvents(events: Event[], filterTypes?: boolean): SpanEvent[];
+export declare function convertEventsToSpanEvents(events: Event[], filterTypes?: boolean, options?: {
+    preferOccurredAt?: boolean;
+}): SpanEvent[];
 export declare const waitEventsToWaitEntity: (events: Event[]) => {
     waitId: string;
     runId: string;

package/dist/components/workflow-traces/trace-span-construction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trace-span-construction.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-traces/trace-span-construction.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAI7D,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAiBF;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,KAAK,EAAE,EACf,WAAW,UAAO,GACjB,SAAS,EAAE,CAgBb;AAED,eAAO,MAAM,sBAAsB,GACjC,QAAQ,KAAK,EAAE,KACd;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,WAAW,CAAC,EAAE,IAAI,CAAC;CACpB,GAAG,IAiBH,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,KAAK,EAAE,EACf,UAAU,EAAE,IAAI,EAChB,eAAe,OAAa,GAC3B,IAAI,GAAG,IAAI,CAyCb;AAED,eAAO,MAAM,sBAAsB,GACjC,QAAQ,KAAK,EAAE,KACd;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC;IACrE,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IA2DH,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAsD7E;AAED,eAAO,MAAM,sBAAsB,GACjC,QAAQ,KAAK,EAAE,KACd;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB,GAAG,IAuBH,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CA6B7E;AAED;;GAEG;AACH,wBAAgB,SAAS,CACvB,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,KAAK,EAAE,EAClB,OAAO,CAAC,EAAE,IAAI,GACb,IAAI,CAuCN"}
+{"version":3,"file":"trace-span-construction.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-traces/trace-span-construction.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAI7D,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAkBF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,KAAK,GAAG,SAAS,KACvB,IAAI,GAAG,SAMT,CAAC;AAEF;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,KAAK,EAAE,EACf,WAAW,UAAO,EAClB,OAAO,GAAE;IAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAO,GAC3C,SAAS,EAAE,CAoBb;AAED,eAAO,MAAM,sBAAsB,GACjC,QAAQ,KAAK,EAAE,KACd;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,WAAW,CAAC,EAAE,IAAI,CAAC;CACpB,GAAG,IAiBH,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,KAAK,EAAE,EACf,UAAU,EAAE,IAAI,EAChB,eAAe,OAAa,GAC3B,IAAI,GAAG,IAAI,CAyCb;AAED,eAAO,MAAM,sBAAsB,GACjC,QAAQ,KAAK,EAAE,KACd;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC;IACrE,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IA+DH,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAkE7E;AAED,eAAO,MAAM,sBAAsB,GACjC,QAAQ,KAAK,EAAE,KACd;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB,GAAG,IAuBH,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CA6B7E;AAED;;GAEG;AACH,wBAAgB,SAAS,CACvB,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,KAAK,EAAE,EAClB,OAAO,CAAC,EAAE,IAAI,GACb,IAAI,CAoEN"}