@workflow/web-shared 5.0.0-beta.3 → 5.0.0-beta.31

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-[12px] font-mono text-gray-900", children: formattedZone }) }), _jsx("span", { className: "text-[13px] text-gray-1000", children: formattedDate })] }), _jsx("span", { className: "tabular-nums text-[12px] font-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-[13px] 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXN0YW1wLXRvb2x0aXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy91aS90aW1lc3RhbXAtdG9vbHRpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOztBQUdiLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzVDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsa0JBQWtCLEVBRWxCLHlCQUF5QixHQUMxQixNQUFNLGdCQUFnQixDQUFDO0FBV3hCLE1BQU0sVUFBVSxHQUFlO0lBQzdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsV0FBVyxFQUFFO0lBQ2pDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFO0lBQ2pDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFO0lBQzdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFO0lBQzdCLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFO0lBQzdCLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFO0NBQzdCLENBQUM7QUFFRixTQUFTLG9CQUFvQixDQUFDLElBQVk7SUFDeEMsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixNQUFNLE1BQU0sR0FBYSxFQUFFLENBQUM7SUFFNUIsS0FBSyxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxJQUFJLFVBQVUsRUFBRSxDQUFDO1FBQ3RDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ3pDLElBQUksS0FBSyxHQUFHLENBQUMsSUFBSSxNQUFNLENB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QUFJLEdBQUcsQ0FDWCxLQUFDLGdCQUFnQixJQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxPQUFPLGtCQUM1QyxRQUFRLEdBQ1EsQ0FDcEIsQ0FBQztJQUVGLE9BQU8sV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUMsbUJBQW1CLGNBQUUsSUFBSSxHQUF1QixDQUFDO0FBQ2hGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7XG4gIENvbnRleHRDYXJkUHJvdmlkZXIsXG4gIENvbnRleHRDYXJkVHJpZ2dlcixcbiAgdHlwZSBDb250ZXh0Q2FyZFRyaWdnZXJQcm9wcyxcbiAgdXNlSGFzQ29udGV4dENhcmRQcm92aWRlcixcbn0gZnJvbSAnLi9jb250ZXh0LWNhcmQnO1xuXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIFRpbWUgZm9ybWF0dGluZyBoZWxwZXJzXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuaW50ZXJmYWNlIFRpbWVVbml0IHtcbiAgdW5pdDogSW50bC5SZWxhdGl2ZVRpbWVGb3JtYXRVbml0O1xuICBtczogbnVtYmVyO1xufVxuXG5jb25zdCBUSU1FX1VOSVRTOiBUaW1lVW5pdFtdID0gW1xuICB7IHVuaXQ6ICd5ZWFyJywgbXM6IDMxNTM2MDAwMDAwIH0sXG4gIHsgdW5pdDogJ21vbnRoJywgbXM6IDI2MjgwMDAwMDAgfSxcbiAgeyB1bml0OiAnZGF5JywgbXM6IDg2NDAwMDAwIH0sXG4gIHsgdW5pdDogJ2hvdXInLCBtczogMzYwMDAwMCB9LFxuICB7IHVuaXQ6ICdtaW51dGUnLCBtczogNjAwMDAgfSxcbiAgeyB1bml0OiAnc2Vjb25kJywgbXM6IDEwMDAgfSxcbl07XG5cbmZ1bmN0aW9uIGZvcm1hdFRpbWVEaWZmZXJlbmNlKGRpZmY6IG51bWJlcik6IHN0cmluZyB7XG4gIGxldCByZW1haW5pbmcgPSBNYXRoLmFicyhkaWZmKTtcbiAgY29uc3QgcmVzdWx0OiBzdHJpbmdbXSA9IFtdO1xuXG4gIGZvciAoY29uc3QgeyB1bml0LCBtcyB9IG9mIFRJTUVfVU5JVFMpIHtcbiAgICBjb25zdCB2YWx1ZSA9IE1hdGguZmxvb3IocmVtYWluaW5nIC8gbXMpO1xuICAgIGlmICh2YWx1ZSA+IDAgfHwgcmVzdWx0Lmxlbmd0aCA+IDApIHtcbiAgICAgIHJlc3VsdC5wdXNoKGAke3ZhbHVlfSAke3VuaXR9JHt2YWx1ZSAhPT0gMSA/ICdzJyA6ICcnfWApO1xuICAgICAgcmVtYWluaW5nICU9IG1zO1xuICAgIH1cbiAgICBpZiAocmVzdWx0Lmxlbmd0aCA9PT0gMykgYnJlYWs7XG4gIH1cblxuICByZXR1cm4gcmVzdWx0LmpvaW4oJywgJyk7XG59XG5cbi8qKlxuICogRGV0YWlsZWQgcmVsYXRpdmUgdGltZSBzdHJpbmcgdGhhdCBhdXRvLXVwZGF0ZXMgZXZlcnkgc2Vjb25kXG4gKiAoZS5nLiBcIjIgaG91cnMsIDE1IG1pbnV0ZXMsIDMwIHNlY29uZHMgYWdvXCIpLiBVc2VkIGluc2lkZSB0aGUgaG92ZXIgY2FyZC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZVRpbWVBZ28oZGF0ZTogbnVtYmVyKTogc3RyaW5nIHtcbiAgY29uc3QgW3RpbWVBZ28sIHNldFRpbWVBZ29dID0gdXNlU3RhdGU8c3RyaW5nPignJyk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB1cGRhdGVUaW1lQWdvID0gKCk6IHZvaWQgPT4ge1xuICAgICAgY29uc3QgZGlmZiA9IERhdGUubm93KCkgLSBkYXRlO1xuICAgICAgY29uc3QgZm9ybWF0dGVkRGlmZiA9IGZvcm1hdFRpbWVEaWZmZXJlbmNlKGRpZmYpO1xuICAgICAgc2V0VGltZUFnbyhmb3JtYXR0ZWREaWZmID8gYCR7Zm9ybWF0dGVkRGlmZn0gYWdvYCA6ICdKdXN0IG5vdycpO1xuICAgIH07XG5cbiAgICB1cGRhdGVUaW1lQWdvKCk7XG4gICAgY29uc3QgdGltZXIgPSBzZXRJbnRlcnZhbCh1cGRhdGVUaW1lQWdvLCAxMDAwKTtcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJJbnRlcnZhbCh0aW1lcik7XG4gIH0sIFtkYXRlXSk7XG5cbiAgcmV0dXJuIHRpbWVBZ287XG59XG5cbi8qKlxuICogU2hvcnQgcmVsYXRpdmUgdGltZSBzdHJpbmcgdGhhdCBhdXRvLXVwZGF0ZXMgZXZlcnkgbWludXRlXG4gKiAoZS5nLiBcIjMgZGF5cyBhZ29cIiwgXCI1IGhvdXJzIGFnb1wiKS4gUmV0dXJucyBhbiBlbXB0eSBzdHJpbmcgaWYgYGRhdGVgIGlzXG4gKiBudWxsaXNoLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlU2hvcnRUaW1lQWdvKGRhdGU6IG51bWJlciB8IG51bGwgfCB1bmRlZmluZWQpOiBzdHJpbmcge1xuICBjb25zdCBbc2hvcnRUaW1lQWdvLCBzZXRTaG9ydFRpbWVBZ29dID0gdXNlU3RhdGU8c3RyaW5nPignJyk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWRhdGUpIHtcbiAgICAgIHNldFNob3J0VGltZUFnbygnJyk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgdXBkYXRlU2hvcnRUaW1lQWdvID0gKCk6IHZvaWQgPT4ge1xuICAgICAgY29uc3QgZGlmZiA9IERhdGUubm93KCkgLSBkYXRlO1xuICAgICAgY29uc3QgZGF5cyA9IE1hdGguZmxvb3IoZGlmZiAvICgxMDAwICogNjAgKiA2MCAqIDI0KSk7XG4gICAgICBjb25zdCBob3VycyA9IE1hdGguZmxvb3IoZGlmZiAvICgxMDAwICogNjAgKiA2MCkpO1xuICAgICAgY29uc3QgbWludXRlcyA9IE1hdGguZmxvb3IoZGlmZiAvICgxMDAwICogNjApKTtcblxuICAgICAgaWYgKGRheXMgPiAwKSB7XG4gICAgICAgIHNldFNob3J0VGltZUFnbyhgJHtkYXlzfSBkYXkke2RheXMgPiAxID8gJ3MnIDogJyd9IGFnb2ApO1xuICAgICAgfSBlbHNlIGlmIChob3VycyA+IDApIHtcbiAgICAgICAgc2V0U2hvcnRUaW1lQWdvKGAke2hvdXJzfSBob3VyJHtob3VycyA+IDEgPyAncycgOiAnJ30gYWdvYCk7XG4gICAgICB9IGVsc2UgaWYgKG1pbnV0ZXMgPiAwKSB7XG4gICAgICAgIHNldFNob3J0VGltZUFnbyhgJHttaW51dGVzfSBtaW51dGUke21pbnV0ZXMgPiAxID8gJ3MnIDogJyd9IGFnb2ApO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0U2hvcnRUaW1lQWdvKCdKdXN0IG5vdycpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICB1cGRhdGVTaG9ydFRpbWVBZ28oKTtcbiAgICBjb25zdCB0aW1lciA9IHNldEludGVydmFsKHVwZGF0ZVNob3J0VGltZUFnbywgNjAwMDApO1xuICAgIHJldHVybiAoKSA9PiBjbGVhckludGVydmFsKHRpbWVyKTtcbiAgfSwgW2RhdGVdKTtcblxuICByZXR1cm4gc2hvcnRUaW1lQWdvO1xufVxuXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIEhvdmVyIGNhcmQgY29udGVudFxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbmZ1bmN0aW9uIFpvbmVEYXRlVGltZVJvdyh7XG4gIGRhdGUsXG4gIHpvbmUsXG59OiB7XG4gIHpvbmU6IHN0cmluZztcbiAgZGF0ZTogbnVtYmVyO1xufSk6IFJlYWN0Tm9kZSB7XG4gIGNvbnN0IGRhdGVPYmogPSBuZXcgRGF0ZShkYXRlKTtcblxuICBjb25zdCBmb3JtYXR0ZWRab25lID1cbiAgICBuZXcgSW50bC5EYXRlVGltZUZvcm1hdCgnZW4tVVMnLCB7XG4gICAgICB0aW1lWm9uZTogem9uZSxcbiAgICAgIHRpbWVab25lTmFtZTogJ3Nob3J0JyxcbiAgICB9KVxuICAgICAgLmZvcm1hdFRvUGFydHMoZGF0ZU9iailcbiAgICAgIC5maW5kKChwYXJ0KSA9PiBwYXJ0LnR5cGUgPT09ICd0aW1lWm9uZU5hbWUnKT8udmFsdWUgfHwgem9uZTtcblxuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gZGF0ZU9iai50b0xvY2FsZVN0cmluZygnZW4tVVMnLCB7XG4gICAgdGltZVpvbmU6IHpvbmUsXG4gICAgeWVhcjogJ251bWVyaWMnLFxuICAgIG1vbnRoOiAnbG9uZycsXG4gICAgZGF5OiAnbnVtZXJpYycsXG4gIH0pO1xuXG4gIGNvbnN0IGZvcm1hdHRlZFRpbWUgPSBkYXRlT2JqLnRvTG9jYWxlVGltZVN0cmluZygnZW4tVVMnLCB7XG4gICAgdGltZVpvbmU6IHpvbmUsXG4gICAgaG91cjogJzItZGlnaXQnLFxuICAgIG1pbnV0ZTogJzItZGlnaXQnLFxuICAgIHNlY29uZDogJzItZGlnaXQnLFxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1iZXR3ZWVuIGdhcC0zXCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggaXRlbXMtY2VudGVyIGdhcC0xLjVcIj5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBoLTQgcHgtMS41IGJnLWdyYXktMjAwIHJvdW5kZWQteHNcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJ0ZXh0LVsxMnB4XSBmb250LW1vbm8gdGV4dC1ncmF5LTkwMFwiPlxuICAgICAgICAgICAge2Zvcm1hdHRlZFpvbmV9XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwidGV4dC1bMTNweF0gdGV4dC1ncmF5LTEwMDBcIj57Zm9ybWF0dGVkRGF0ZX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT1cInRhYnVsYXItbnVtcyB0ZXh0LVsxMnB4XSBmb250LW1vbm8gdGV4dC1ncmF5LTkwMFwiPlxuICAgICAgICB7Zm9ybWF0dGVkVGltZX1cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZnVuY3Rpb24gUmVsYXRpdmVUaW1lQ29udGV4dENhcmRDb250ZW50KHsgZGF0ZSB9OiB7IGRhdGU6IG51bWJlciB9KTogUmVhY3ROb2RlIHtcbiAgY29uc3QgbG9jYWxUaW1lem9uZSA9IEludGwuRGF0ZVRpbWVGb3JtYXQoKS5yZXNvbHZlZE9wdGlvbnMoKS50aW1lWm9uZTtcbiAgY29uc3QgdGltZUFnbyA9IHVzZVRpbWVBZ28oZGF0ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggZmxleC1jb2wgZ2FwLTMgbWluLXctWzMwMHB4XVwiPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGZsZXgtY29sIGdhcC0zXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cInRhYnVsYXItbnVtcyB0ZXh0LVsxM3B4XSB0ZXh0LWdyYXktOTAwXCI+XG4gICAgICAgICAge3RpbWVBZ299XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGZsZXgtY29sIGdhcC0yXCI+XG4gICAgICAgIDxab25lRGF0ZVRpbWVSb3cgZGF0ZT17ZGF0ZX0gem9uZT1cIlVUQ1wiIC8+XG4gICAgICAgIDxab25lRGF0ZVRpbWVSb3cgZGF0ZT17ZGF0ZX0gem9uZT17bG9jYWxUaW1lem9uZX0gLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5mdW5jdGlvbiBEZWZhdWx0VGltZVRleHQoe1xuICBkYXRlLFxufToge1xuICBkYXRlOiBudW1iZXIgfCBudWxsIHwgdW5kZWZpbmVkO1xufSk6IFJlYWN0Tm9kZSB7XG4gIGNvbnN0IHNob3J0VGltZUFnbyA9IHVzZVNob3J0VGltZUFnbyhkYXRlKTtcbiAgcmV0dXJuIDxzcGFuIGNsYXNzTmFtZT1cInRleHQtbGFiZWwtMTQgdGV4dC1ncmF5LTkwMFwiPntzaG9ydFRpbWVBZ299PC9zcGFuPjtcbn1cblxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBSZWxhdGl2ZVRpbWVDYXJkXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxudHlwZSBSZWxhdGl2ZVRpbWVDYXJkUHJvcHMgPSBPbWl0PFxuICBDb250ZXh0Q2FyZFRyaWdnZXJQcm9wcyxcbiAgJ2NvbnRlbnQnIHwgJ2NoaWxkcmVuJ1xuPiAmIHtcbiAgLyoqIFRpbWVzdGFtcCBpbiBtaWxsaXNlY29uZHMgdG8gZGlzcGxheSBhcyBhIHJlbGF0aXZlIHRpbWUuICovXG4gIGRhdGU/OiBudW1iZXIgfCBudWxsO1xuICAvKiogQ3VzdG9tIGNvbnRlbnQgdG8gcmVuZGVyIGluc3RlYWQgb2YgdGhlIGRlZmF1bHQgcmVsYXRpdmUgdGltZSB0ZXh0LiAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbi8qKlxuICogUmVsYXRpdmUgdGltZSBsYWJlbCB0aGF0IHJldmVhbHMgYSBjb250ZXh0IGNhcmQgd2l0aCBkZXRhaWxlZCBVVEMgYW5kIGxvY2FsXG4gKiB0aW1lc3RhbXBzIG9uIGhvdmVyLiBSZW5kZXJzIGEgZGVmYXVsdCBzaG9ydCByZWxhdGl2ZSB0aW1lIGxhYmVsIChlLmcuXG4gKiBcIjMgZGF5cyBhZ29cIikgd2hlbiBgY2hpbGRyZW5gIGlzIG9taXR0ZWQ7IHJlbmRlcnMganVzdCB0aGUgY2hpbGRyZW4gd2l0aG91dFxuICogdGhlIGhvdmVyIGNhcmQgd2hlbiBgZGF0ZWAgaXMgbnVsbGlzaC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFJlbGF0aXZlVGltZUNhcmQoe1xuICBkYXRlLFxuICBjaGlsZHJlbjogX2NoaWxkcmVuLFxuICAuLi5wcm9wc1xufTogUmVsYXRpdmVUaW1lQ2FyZFByb3BzKTogUmVhY3ROb2RlIHtcbiAgY29uc3QgY2hpbGRyZW4gPVxuICAgIF9jaGlsZHJlbiA9PT0gdW5kZWZpbmVkID8gPERlZmF1bHRUaW1lVGV4dCBkYXRlPXtkYXRlfSAvPiA6IF9jaGlsZHJlbjtcblxuICBpZiAoIWRhdGUpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gKFxuICAgIDxDb250ZXh0Q2FyZFRyaWdnZXJcbiAgICAgIGNvbnRlbnQ9ezxSZWxhdGl2ZVRpbWVDb250ZXh0Q2FyZENvbnRlbnQgZGF0ZT17ZGF0ZX0gLz59XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29udGV4dENhcmRUcmlnZ2VyPlxuICApO1xufVxuXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIFRpbWVzdGFtcFRvb2x0aXAg4oCUIGNvbnZlbmllbmNlIHdyYXBwZXIgdXNlZCBhY3Jvc3MgdGhlIG9ic2VydmFiaWxpdHkgVUlcbi8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4vKipcbiAqIFdyYXBzIGFuIGFscmVhZHktZm9ybWF0dGVkIHRpbWVzdGFtcCBkaXNwbGF5IHdpdGggYSByZWxhdGl2ZS10aW1lIGhvdmVyXG4gKiBjYXJkLiBTZWxmLW1vdW50cyBhIHtAbGluayBDb250ZXh0Q2FyZFByb3ZpZGVyfSB3aGVuIG9uZSBpc24ndCBhbHJlYWR5XG4gKiBwcmVzZW50IHNvIGl0IHdvcmtzIGFueXdoZXJlLCBidXQgc2hhcmVzIGEgcHJvdmlkZXIgKGVuYWJsaW5nIHRoZSBhbmltYXRlZFxuICogY2FyZCBtb3JwaCBiZXR3ZWVuIGFkamFjZW50IHRpbWVzdGFtcHMpIHdoZW4gcmVuZGVyZWQgaW5zaWRlIG9uZS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFRpbWVzdGFtcFRvb2x0aXAoe1xuICBkYXRlLFxuICBjaGlsZHJlbixcbiAgc2lkZSA9ICd0b3AnLFxufToge1xuICBkYXRlOiBudW1iZXIgfCBEYXRlIHwgc3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZDtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc2lkZT86IENvbnRleHRDYXJkVHJpZ2dlclByb3BzWydzaWRlJ107XG59KTogUmVhY3ROb2RlIHtcbiAgY29uc3QgaGFzUHJvdmlkZXIgPSB1c2VIYXNDb250ZXh0Q2FyZFByb3ZpZGVyKCk7XG5cbiAgY29uc3QgdHMgPVxuICAgIGRhdGUgPT0gbnVsbFxuICAgICAgPyBudWxsXG4gICAgICA6IHR5cGVvZiBkYXRlID09PSAnbnVtYmVyJ1xuICAgICAgICA/IGRhdGVcbiAgICAgICAgOiBuZXcgRGF0ZShkYXRlKS5nZXRUaW1lKCk7XG5cbiAgaWYgKHRzID09IG51bGwgfHwgTnVtYmVyLmlzTmFOKHRzKSkgcmV0dXJuIDw+e2NoaWxkcmVufTwvPjtcblxuICBjb25zdCBjYXJkID0gKFxuICAgIDxSZWxhdGl2ZVRpbWVDYXJkIGRhdGU9e3RzfSBzaWRlPXtzaWRlfSBhc0NoaWxkPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvUmVsYXRpdmVUaW1lQ2FyZD5cbiAgKTtcblxuICByZXR1cm4gaGFzUHJvdmlkZXIgPyBjYXJkIDogPENvbnRleHRDYXJkUHJvdmlkZXI+e2NhcmR9PC9Db250ZXh0Q2FyZFByb3ZpZGVyPjtcbn1cbiJdfQ==

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-trace-view.d.ts

@@ -1,15 +1,14 @@
-import type { Event, Hook, Step, WorkflowRun } from '@workflow/world';
+import type { Event, Hook, WorkflowRun } from '@workflow/world';
 import { type SpanSelectionInfo } from './sidebar/entity-detail-panel';
+import type { FetchSpanDetail } from './sidebar/use-selected-span-detail';
 /** Re-export SpanSelectionInfo for consumers */
 export type { SpanSelectionInfo };
-export declare const WorkflowTraceViewer: ({ run, events, isLoading, error, spanDetailData, spanDetailLoading, spanDetailError, onWakeUpSleep, onResolveHook, onCancelRun, onStreamClick, onRunClick, onSpanSelect, onLoadEventData, onLoadMoreSpans, hasMoreSpans, isLoadingMoreSpans, encryptionKey, onDecrypt, isDecrypting, }: {
+export declare const WorkflowTraceViewer: ({ run, events, isLoading, error, fetchSpanDetail, onWakeUpSleep, onResolveHook, onCancelRun, onStreamClick, onRunClick, onLoadEventData, onLoadMoreSpans, hasMoreSpans, isLoadingMoreSpans, encryptionKey, onDecrypt, isDecrypting, showSeparateEventOccurrenceTimestamps, }: {
     run: WorkflowRun;
     events: Event[];
     isLoading?: boolean;
     error?: Error | null;
-    spanDetailData?: WorkflowRun | Step | Hook | Event | null;
-    spanDetailLoading?: boolean;
-    spanDetailError?: Error | null;
+    fetchSpanDetail: FetchSpanDetail;
     onWakeUpSleep?: (runId: string, correlationId: string) => Promise<{
         stoppedCount: number;
     }>;
@@ -20,10 +19,8 @@ export declare const WorkflowTraceViewer: ({ run, events, isLoading, error, span
     onStreamClick?: (streamId: string) => void;
     /** Callback when a run reference is clicked in the detail panel */
     onRunClick?: (runId: string) => void;
-    /** Callback when a span is selected. */
-    onSpanSelect?: (info: SpanSelectionInfo) => void;
     /** Callback to load event data for a specific event (lazy loading in sidebar) */
-    onLoadEventData?: (correlationId: string, eventId: string) => Promise<unknown | null>;
+    onLoadEventData?: (event: Event) => Promise<unknown | null>;
     /** Load next trace page when vertical scroll reaches bottom. */
     onLoadMoreSpans?: () => void | Promise<void>;
     /** Whether trace pagination has more data to load. */
@@ -36,5 +33,7 @@ export declare const WorkflowTraceViewer: ({ run, events, isLoading, error, span
     onDecrypt?: () => void;
     /** Whether the encryption key is currently being fetched */
     isDecrypting?: boolean;
+    /** Show occurredAt separately instead of folding it into the Created timestamp. */
+    showSeparateEventOccurrenceTimestamps?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=workflow-trace-view.d.ts.map

package/dist/components/workflow-trace-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-trace-view.d.ts","sourceRoot":"","sources":["../../src/components/workflow-trace-view.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAkBtE,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,+BAA+B,CAAC;AA2jBvC,gDAAgD;AAChD,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAgKlC,eAAO,MAAM,mBAAmB,GAAI,wRAqBjC;IACD,GAAG,EAAE,WAAW,CAAC;IACjB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC;IAC1D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,MAAM,KAClB,OAAO,CAAC;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,CACd,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,OAAO,EAChB,IAAI,CAAC,EAAE,IAAI,KACR,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,sEAAsE;IACtE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAChB,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,KACZ,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC7B,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sFAAsF;IACtF,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,4CA8VA,CAAC"}
+{"version":3,"file":"workflow-trace-view.d.ts","sourceRoot":"","sources":["../../src/components/workflow-trace-view.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAsBhE,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AA0jB1E,gDAAgD;AAChD,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAgKlC,eAAO,MAAM,mBAAmB,GAAI,8QAmBjC;IACD,GAAG,EAAE,WAAW,CAAC;IACjB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,eAAe,EAAE,eAAe,CAAC;IACjC,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,MAAM,KAClB,OAAO,CAAC;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,CACd,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,OAAO,EAChB,IAAI,CAAC,EAAE,IAAI,KACR,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,sEAAsE;IACtE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC5D,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sFAAsF;IACtF,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mFAAmF;IACnF,qCAAqC,CAAC,EAAE,OAAO,CAAC;CACjD,4CA2VA,CAAC"}