@workflow/web-shared 4.0.1-beta.9 → 4.1.0-beta.46

package/dist/sidebar/conversation-view.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Streamdown } from 'streamdown';
+export function ConversationView({ messages }) {
+    if (messages.length === 0) {
+        return (_jsx("div", { className: "text-center py-8 text-[11px]", style: { color: 'var(--ds-gray-600)' }, children: "No messages" }));
+    }
+    return (_jsx("div", { className: "flex flex-col gap-3 p-3", children: messages.map((message, index) => (_jsx(MessageBubble, { message: message }, index))) }));
+}
+function MessageBubble({ message }) {
+    const role = message.role;
+    const parts = parseContent(message.content);
+    const style = getRoleStyle(role);
+    return (_jsxs("div", { className: "rounded-md border text-[11px]", style: {
+            backgroundColor: style.bg,
+            borderColor: style.border,
+        }, children: [_jsx("div", { className: "px-2.5 py-1 border-b text-[10px] font-medium uppercase tracking-wide", style: {
+                    borderColor: style.border,
+                    color: style.label,
+                }, children: role }), _jsx("div", { className: "px-2.5 py-2 space-y-2", children: parts.map((part, i) => (_jsx(ContentPart, { part: part, role: role }, i))) })] }));
+}
+function ContentPart({ part, role }) {
+    if (part.type === 'text') {
+        if (!part.text)
+            return null;
+        // Use Streamdown for assistant messages (they often contain markdown)
+        if (role === 'assistant') {
+            return (_jsx("div", { className: "prose prose-sm max-w-none text-[11px] [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", style: { color: 'var(--ds-gray-1000)' }, children: _jsx(Streamdown, { children: part.text }) }));
+        }
+        return (_jsx("div", { className: "whitespace-pre-wrap break-words", style: { color: 'var(--ds-gray-1000)' }, children: part.text }));
+    }
+    if (part.type === 'tool-call') {
+        return (_jsxs("div", { className: "rounded border px-2 py-1.5", style: {
+                backgroundColor: 'var(--ds-purple-100)',
+                borderColor: 'var(--ds-purple-300)',
+            }, children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] font-medium", children: [_jsx("span", { children: "\uD83D\uDD27" }), _jsx("span", { style: { color: 'var(--ds-purple-900)' }, children: part.toolName })] }), part.input != null && (_jsx("pre", { className: "mt-1.5 text-[10px] overflow-x-auto p-1.5 rounded", style: {
+                        backgroundColor: 'var(--ds-gray-100)',
+                        color: 'var(--ds-gray-800)',
+                    }, children: typeof part.input === 'string'
+                        ? part.input
+                        : JSON.stringify(part.input, null, 2) }))] }));
+    }
+    if (part.type === 'tool-result') {
+        const outputText = formatOutput(part.output);
+        return (_jsxs("div", { className: "rounded border px-2 py-1.5", style: {
+                backgroundColor: 'var(--ds-green-100)',
+                borderColor: 'var(--ds-green-300)',
+            }, children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] font-medium", children: [_jsx("span", { children: "\u2713" }), _jsxs("span", { style: { color: 'var(--ds-green-900)' }, children: [part.toolName, " result"] })] }), outputText && (_jsx("pre", { className: "mt-1.5 text-[10px] overflow-x-auto max-h-[80px] p-1.5 rounded", style: {
+                        backgroundColor: 'var(--ds-gray-100)',
+                        color: 'var(--ds-gray-800)',
+                    }, children: outputText }))] }));
+    }
+    return null;
+}
+function getRoleStyle(role) {
+    switch (role) {
+        case 'user':
+            return {
+                bg: 'var(--ds-blue-100)',
+                border: 'var(--ds-blue-300)',
+                label: 'var(--ds-blue-700)',
+            };
+        case 'assistant':
+            return {
+                bg: 'var(--ds-gray-100)',
+                border: 'var(--ds-gray-300)',
+                label: 'var(--ds-gray-700)',
+            };
+        case 'system':
+            return {
+                bg: 'var(--ds-amber-100)',
+                border: 'var(--ds-amber-300)',
+                label: 'var(--ds-amber-700)',
+            };
+        case 'tool':
+            return {
+                bg: 'var(--ds-green-50)',
+                border: 'var(--ds-green-300)',
+                label: 'var(--ds-green-700)',
+            };
+        default:
+            return {
+                bg: 'var(--ds-gray-100)',
+                border: 'var(--ds-gray-300)',
+                label: 'var(--ds-gray-700)',
+            };
+    }
+}
+function parseContent(content) {
+    if (typeof content === 'string') {
+        return [{ type: 'text', text: content }];
+    }
+    if (Array.isArray(content)) {
+        return content.map((part) => {
+            if (typeof part === 'string') {
+                return { type: 'text', text: part };
+            }
+            if (part?.type === 'text') {
+                return { type: 'text', text: String(part.text ?? '') };
+            }
+            if (part?.type === 'tool-call') {
+                return {
+                    type: 'tool-call',
+                    toolName: part.toolName,
+                    input: part.input,
+                };
+            }
+            if (part?.type === 'tool-result') {
+                return {
+                    type: 'tool-result',
+                    toolName: part.toolName,
+                    output: part.output,
+                };
+            }
+            return { type: 'text', text: '' };
+        });
+    }
+    return [];
+}
+function formatOutput(output) {
+    if (output == null)
+        return null;
+    const text = typeof output === 'string' ? output : JSON.stringify(output, null, 2);
+    return text.length > 500 ? `${text.slice(0, 500)}...` : text;
+}
+//# sourceMappingURL=conversation-view.js.map

package/dist/sidebar/conversation-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-view.js","sourceRoot":"","sources":["../../src/sidebar/conversation-view.tsx"],"names":[],"mappings":"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"}

package/dist/sidebar/detail-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"detail-card.d.ts","sourceRoot":"","sources":["../../src/sidebar/detail-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAgBA"}
+{"version":3,"file":"detail-card.d.ts","sourceRoot":"","sources":["../../src/sidebar/detail-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAkCA"}

package/dist/sidebar/detail-card.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function DetailCard({ summary, children, }) {
-    return (_jsxs("details", { className: "group", children: [_jsx("summary", { className: "cursor-pointer rounded-md border px-3 py-2 text-copy-14 hover:brightness-95", style: {
+    return (_jsxs("details", { className: "group", children: [_jsx("summary", { className: "cursor-pointer rounded-md border px-2.5 py-1.5 text-xs hover:brightness-95", style: {
                     borderColor: 'var(--ds-gray-300)',
                     backgroundColor: 'var(--ds-gray-100)',
                     color: 'var(--ds-gray-900)',
-                }, children: summary }), _jsx("div", { className: "p-2", children: children })] }));
+                }, children: summary }), _jsxs("div", { className: "relative pl-6 mt-3", children: [_jsx("div", { className: "absolute left-3 -top-3 w-px h-3", style: { backgroundColor: 'var(--ds-gray-400)' } }), _jsx("div", { className: "absolute left-3 top-0 w-3 h-3 border-l border-b rounded-bl-lg", style: { borderColor: 'var(--ds-gray-400)' } }), _jsx("div", { className: "absolute left-6 top-3 w-0 h-px -translate-y-px", style: { backgroundColor: 'var(--ds-gray-400)' } }), _jsx("div", { children: children })] })] }));
 }
 //# sourceMappingURL=detail-card.js.map

package/dist/sidebar/detail-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"detail-card.js","sourceRoot":"","sources":["../../src/sidebar/detail-card.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,GAIT;IACC,OAAO,CACL,mBAAS,SAAS,EAAC,OAAO,aACxB,kBACE,SAAS,EAAC,6EAA6E,EACvF,KAAK,EAAE;oBACL,WAAW,EAAE,oBAAoB;oBACjC,eAAe,EAAE,oBAAoB;oBACrC,KAAK,EAAE,oBAAoB;iBAC5B,YAEA,OAAO,GACA,EACV,cAAK,SAAS,EAAC,KAAK,YAAE,QAAQ,GAAO,IAC7B,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"detail-card.js","sourceRoot":"","sources":["../../src/sidebar/detail-card.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,GAIT;IACC,OAAO,CACL,mBAAS,SAAS,EAAC,OAAO,aACxB,kBACE,SAAS,EAAC,4EAA4E,EACtF,KAAK,EAAE;oBACL,WAAW,EAAE,oBAAoB;oBACjC,eAAe,EAAE,oBAAoB;oBACrC,KAAK,EAAE,oBAAoB;iBAC5B,YAEA,OAAO,GACA,EAEV,eAAK,SAAS,EAAC,oBAAoB,aAEjC,cACE,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,GAChD,EAEF,cACE,SAAS,EAAC,+DAA+D,EACzE,KAAK,EAAE,EAAE,WAAW,EAAE,oBAAoB,EAAE,GAC5C,EAEF,cACE,SAAS,EAAC,gDAAgD,EAC1D,KAAK,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,GAChD,EACF,wBAAM,QAAQ,GAAO,IACjB,IACE,CACX,CAAC;AACJ,CAAC"}

package/dist/sidebar/entity-detail-panel.d.ts

@@ -0,0 +1,12 @@
+import type { WorkflowRun } from '@workflow/world';
+import { type EnvMap } from '../api/workflow-server-actions';
+/**
+ * Custom panel component for workflow traces that displays entity details
+ */
+export declare function EntityDetailPanel({ env, run, onStreamClick, }: {
+    env: EnvMap;
+    run: WorkflowRun;
+    /** Callback when a stream reference is clicked */
+    onStreamClick?: (streamId: string) => void;
+}): React.JSX.Element | null;
+//# sourceMappingURL=entity-detail-panel.d.ts.map

package/dist/sidebar/entity-detail-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-detail-panel.d.ts","sourceRoot":"","sources":["../../src/sidebar/entity-detail-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAqB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAWtE,OAAO,EAAa,KAAK,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAMxE;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,GAAG,EACH,aAAa,GACd,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,WAAW,CAAC;IACjB,kDAAkD;IAClD,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA2R3B"}

package/dist/sidebar/entity-detail-panel.js

@@ -0,0 +1,190 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { Send, Zap } from 'lucide-react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { toast } from 'sonner';
+import { resumeHook, unwrapServerActionResult, useWorkflowResourceData, wakeUpRun, } from '../api/workflow-api-client';
+import { fetchHook } from '../api/workflow-server-actions';
+import { useTraceViewer } from '../trace-viewer';
+import { AttributePanel } from './attribute-panel';
+import { EventsList } from './events-list';
+import { ResolveHookModal } from './resolve-hook-modal';
+/**
+ * Custom panel component for workflow traces that displays entity details
+ */
+export function EntityDetailPanel({ env, run, onStreamClick, }) {
+    const { state } = useTraceViewer();
+    const { selected } = state;
+    const [stoppingSleep, setStoppingSleep] = useState(false);
+    const [showResolveHookModal, setShowResolveHookModal] = useState(false);
+    const [resolvingHook, setResolvingHook] = useState(false);
+    const [resolvedHookToken, setResolvedHookToken] = useState(undefined);
+    const data = selected?.span.attributes?.data;
+    // Determine resource ID and runId (needed for steps)
+    const { resource, resourceId, runId } = useMemo(() => {
+        const resource = selected?.span.attributes?.resource;
+        if (resource === 'step') {
+            const step = data;
+            return { resource: 'step', resourceId: step.stepId, runId: step.runId };
+        }
+        else if (resource === 'run') {
+            const run = data;
+            return { resource: 'run', resourceId: run.runId, runId: undefined };
+        }
+        else if (resource === 'hook') {
+            const hook = data;
+            return { resource: 'hook', resourceId: hook.hookId, runId: undefined };
+        }
+        else if (resource === 'sleep') {
+            return {
+                resource: 'sleep',
+                resourceId: selected?.span?.spanId,
+                runId: undefined,
+            };
+        }
+        return { resource: undefined, resourceId: undefined, runId: undefined };
+    }, [selected, data]);
+    // Check if this sleep is still pending and can be woken up
+    // Requirements: no wait_completed event, resumeAt is in the future, run is not terminal
+    const spanEvents = selected?.span.events;
+    const spanEventsLength = spanEvents?.length ?? 0;
+    const canWakeUp = useMemo(() => {
+        void spanEventsLength; // Force dependency on length for reactivity
+        if (resource !== 'sleep' || !spanEvents)
+            return false;
+        // Check run is not in a terminal state
+        const terminalStates = ['completed', 'failed', 'cancelled'];
+        if (terminalStates.includes(run.status))
+            return false;
+        // Check if wait has already completed
+        const hasWaitCompleted = spanEvents.some((e) => e.name === 'wait_completed');
+        if (hasWaitCompleted)
+            return false;
+        // Check if resumeAt is in the future
+        const waitCreatedEvent = spanEvents.find((e) => e.name === 'wait_created');
+        const eventData = waitCreatedEvent?.attributes?.eventData;
+        const resumeAt = eventData?.resumeAt;
+        if (!resumeAt)
+            return false;
+        const resumeAtDate = new Date(resumeAt);
+        return resumeAtDate.getTime() > Date.now();
+    }, [resource, spanEvents, spanEventsLength, run.status]);
+    // Check if this hook can be resolved (not yet resolved, run is not terminal)
+    const canResolveHook = useMemo(() => {
+        void spanEventsLength; // Force dependency on length for reactivity
+        if (resource !== 'hook' || !spanEvents)
+            return false;
+        // Check run is not in a terminal state
+        const terminalStates = ['completed', 'failed', 'cancelled'];
+        if (terminalStates.includes(run.status))
+            return false;
+        // Check if hook has already been disposed
+        const hasHookDisposed = spanEvents.some((e) => e.name === 'hook_disposed');
+        if (hasHookDisposed)
+            return false;
+        // Hook can be resolved
+        return true;
+    }, [resource, spanEvents, spanEventsLength, run.status]);
+    // Fetch full resource data with events
+    const { data: fetchedData, error, loading, } = useWorkflowResourceData(env, resource, resourceId ?? '', { runId });
+    useEffect(() => {
+        if (resource !== 'hook' || !resourceId) {
+            setResolvedHookToken(undefined);
+            return;
+        }
+        let isMounted = true;
+        const fetchToken = async () => {
+            const { error, result } = await unwrapServerActionResult(fetchHook(env, resourceId));
+            if (!isMounted)
+                return;
+            if (error) {
+                console.error('Failed to fetch hook token:', error);
+                return;
+            }
+            setResolvedHookToken(result.token);
+        };
+        fetchToken();
+        return () => {
+            isMounted = false;
+        };
+    }, [env, resource, resourceId]);
+    // Get the hook token for resolving (prefer fetched data when available)
+    const hookToken = useMemo(() => {
+        if (resource !== 'hook')
+            return undefined;
+        if (resolvedHookToken)
+            return resolvedHookToken;
+        const hook = (fetchedData ?? data);
+        return hook?.token;
+    }, [resource, resolvedHookToken, fetchedData, data]);
+    useEffect(() => {
+        if (error && selected && resource) {
+            toast.error(`Failed to load ${resource} details`, {
+                description: error.message,
+            });
+        }
+    }, [error, resource, selected]);
+    const handleWakeUp = async () => {
+        if (stoppingSleep || !resourceId)
+            return;
+        try {
+            setStoppingSleep(true);
+            const result = await wakeUpRun(env, run.runId, {
+                correlationIds: [resourceId],
+            });
+            if (result.stoppedCount > 0) {
+                toast.success('Run woken up', {
+                    description: 'The sleep call has been interrupted and the run woken up.',
+                });
+            }
+            else {
+                toast.info('Sleep already completed', {
+                    description: 'This sleep call has already finished.',
+                });
+            }
+        }
+        catch (err) {
+            console.error('Failed to wake up run:', err);
+            toast.error('Failed to wake up run', {
+                description: err instanceof Error ? err.message : 'An unknown error occurred',
+            });
+        }
+        finally {
+            setStoppingSleep(false);
+        }
+    };
+    const handleResolveHook = useCallback(async (payload) => {
+        if (resolvingHook)
+            return;
+        if (!hookToken) {
+            toast.error('Unable to resolve hook', {
+                description: 'Missing hook token. Try refreshing the run data and retry.',
+            });
+            return;
+        }
+        try {
+            setResolvingHook(true);
+            await resumeHook(env, hookToken, payload);
+            toast.success('Hook resolved', {
+                description: 'The payload has been sent and the hook resolved.',
+            });
+            setShowResolveHookModal(false);
+        }
+        catch (err) {
+            console.error('Failed to resolve hook:', err);
+            toast.error('Failed to resolve hook', {
+                description: err instanceof Error ? err.message : 'An unknown error occurred',
+            });
+        }
+        finally {
+            setResolvingHook(false);
+        }
+    }, [env, hookToken, resolvingHook]);
+    if (!selected || !resource || !resourceId) {
+        return null;
+    }
+    const displayData = fetchedData || data;
+    return (_jsxs("div", { className: clsx('flex flex-col px-2'), children: [resource === 'sleep' && canWakeUp && (_jsxs("div", { className: "mb-3 pb-3 border-b border-gray-200 dark:border-gray-700", children: [_jsxs("button", { type: "button", onClick: handleWakeUp, disabled: stoppingSleep, className: clsx('flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md w-full', 'bg-amber-100 dark:bg-amber-900/30 text-amber-800 dark:text-amber-200', 'hover:bg-amber-200 dark:hover:bg-amber-900/50', 'disabled:opacity-50 disabled:cursor-not-allowed', 'transition-colors', stoppingSleep ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'), children: [_jsx(Zap, { className: "h-4 w-4" }), stoppingSleep ? 'Waking up...' : 'Wake up'] }), _jsx("p", { className: "mt-1.5 text-xs text-gray-500 dark:text-gray-400", children: "Interrupt this sleep call and wake up the run." })] })), resource === 'hook' && canResolveHook && (_jsxs("div", { className: "mb-3 pb-3 border-b border-gray-200 dark:border-gray-700", children: [_jsxs("button", { type: "button", onClick: () => setShowResolveHookModal(true), disabled: resolvingHook, className: clsx('flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md w-full', 'bg-primary text-primary-foreground hover:bg-primary/90', 'disabled:opacity-50 disabled:cursor-not-allowed', 'transition-colors', resolvingHook ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'), children: [_jsx(Send, { className: "h-4 w-4" }), "Resolve Hook"] }), _jsx("p", { className: "mt-1.5 text-xs text-gray-500 dark:text-gray-400", children: "Send a JSON payload to resolve this hook." })] })), _jsx(ResolveHookModal, { isOpen: showResolveHookModal, onClose: () => setShowResolveHookModal(false), onSubmit: handleResolveHook, isSubmitting: resolvingHook }), _jsx(AttributePanel, { data: displayData, expiredAt: run.expiredAt, isLoading: loading, error: error ?? undefined, onStreamClick: onStreamClick }), resource !== 'run' && (_jsx(EventsList, { correlationId: resourceId, env: env, events: selected.span.events, expiredAt: run.expiredAt }))] }));
+}
+//# sourceMappingURL=entity-detail-panel.js.map

package/dist/sidebar/entity-detail-panel.js.map

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

package/dist/sidebar/events-list.d.ts

@@ -1,8 +1,9 @@
 import { type EnvMap } from '../api/workflow-server-actions';
 import type { SpanEvent } from '../trace-viewer/types';
-export declare function EventsList({ correlationId, env, events, }: {
+export declare function EventsList({ correlationId, env, events, expiredAt, }: {
     correlationId: string;
     env: EnvMap;
     events: SpanEvent[];
+    expiredAt?: string | Date;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=events-list.d.ts.map

package/dist/sidebar/events-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events-list.d.ts","sourceRoot":"","sources":["../../src/sidebar/events-list.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,MAAM,EAEZ,MAAM,gCAAgC,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKvD,wBAAgB,UAAU,CAAC,EACzB,aAAa,EACb,GAAG,EACH,MAAM,GACP,EAAE;IACD,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB,2CAkGA"}
+{"version":3,"file":"events-list.d.ts","sourceRoot":"","sources":["../../src/sidebar/events-list.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,MAAM,EAEZ,MAAM,gCAAgC,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKvD,wBAAgB,UAAU,CAAC,EACzB,aAAa,EACb,GAAG,EACH,MAAM,EACN,SAAS,GACV,EAAE;IACD,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,2CA2HA"}

package/dist/sidebar/events-list.js

@@ -1,35 +1,36 @@
 'use client';
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { AlertCircle } from 'lucide-react';
 import { useCallback } from 'react';
 import useSWR from 'swr';
 import { fetchEventsByCorrelationId, } from '../api/workflow-server-actions';
-import { Alert, AlertDescription, AlertTitle } from '../components/ui/alert';
+import { ErrorCard } from '../components/ui/error-card';
 import { convertEventsToSpanEvents } from '../workflow-traces/trace-span-construction';
-import { AttributeBlock } from './attribute-panel';
+import { AttributeBlock, localMillisecondTime } from './attribute-panel';
 import { DetailCard } from './detail-card';
-export function EventsList({ correlationId, env, events, }) {
+export function EventsList({ correlationId, env, events, expiredAt, }) {
+    const hasExpired = expiredAt != null && new Date(expiredAt) < new Date();
     const fetchEvents = useCallback(() => {
         return fetchEventsByCorrelationId(env, correlationId, {
             sortOrder: 'asc',
             limit: 100,
-            withData: true,
+            withData: !hasExpired,
         }).then((evts) => {
             if (!evts.success) {
                 throw new Error(evts.error?.message || 'Failed to fetch events');
             }
             return convertEventsToSpanEvents(evts.data.data || [], false);
         });
-    }, [env, correlationId]);
+    }, [env, correlationId, hasExpired]);
     const { data, error: eventError, isLoading: eventsLoading, } = useSWR(['workflow', 'events', correlationId], fetchEvents, {
         fallbackData: events,
         revalidateOnFocus: false,
     });
     const displayData = (data?.length ? data : events) || [];
-    return (_jsxs("div", { className: "mt-2", style: { color: 'var(--ds-gray-1000)' }, children: [_jsxs("h3", { className: "text-heading-16 font-medium mt-4 mb-2", style: { color: 'var(--ds-gray-1000)' }, children: ["Events (", eventsLoading ? '...' : displayData.length, ")"] }), eventError ? (_jsxs(Alert, { variant: "destructive", className: "my-4", children: [_jsx(AlertCircle, { className: "h-4 w-4" }), _jsx(AlertTitle, { children: "Failed to load event data" }), _jsx(AlertDescription, { className: "text-sm", children: eventError.message })] })) : null, eventsLoading ? _jsx("div", { children: "Loading events..." }) : null, !eventsLoading && !eventError && displayData.length === 0 && (_jsx("div", { className: "text-sm", children: "No events found" })), displayData.length > 0 && !eventError ? (_jsx("div", { className: "flex flex-col gap-2", children: displayData.map((event, index) => (_jsx(DetailCard, { summary: _jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium", style: { color: 'var(--ds-gray-1000)' }, children: event.name }), ' ', "-", ' ', _jsx("span", { style: { color: 'var(--ds-gray-700)' }, children: new Date(event.timestamp[0] * 1000 + event.timestamp[1] / 1e6).toLocaleString() })] }), children: _jsxs("div", { className: "mt-2 px-4", children: [Object.entries(event.attributes)
+    return (_jsxs("div", { className: "mt-2", style: { color: 'var(--ds-gray-1000)' }, children: [_jsxs("h3", { className: "text-heading-16 font-medium mt-4 mb-2", style: { color: 'var(--ds-gray-1000)' }, children: ["Events ", !eventsLoading && `(${displayData.length})`] }), eventError ? (_jsx(ErrorCard, { title: "Failed to load full event list", details: eventError?.message, className: "my-4" })) : null, eventsLoading ? _jsx("div", { children: "Loading events..." }) : null, !eventsLoading && !eventError && displayData.length === 0 && (_jsx("div", { className: "text-sm", children: "No events found" })), displayData.length > 0 && !eventError ? (_jsx("div", { className: "flex flex-col gap-2", children: displayData.map((event, index) => (_jsxs(DetailCard, { summary: _jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium", style: { color: 'var(--ds-gray-1000)' }, children: event.name }), ' ', "-", ' ', _jsx("span", { style: { color: 'var(--ds-gray-700)' }, children: localMillisecondTime(event.timestamp[0] * 1000 + event.timestamp[1] / 1e6) })] }), children: [_jsx("div", { className: "flex flex-col divide-y rounded-md border overflow-hidden", style: {
+                                borderColor: 'var(--ds-gray-300)',
+                                backgroundColor: 'var(--ds-gray-100)',
+                            }, children: Object.entries(event.attributes)
                                 .filter(([key]) => key !== 'eventData')
-                                .map(([key, value]) => (_jsx(AttributeBlock, { attribute: key, value: value }, key))), _jsxs("div", { className: "relative", children: [eventError && _jsx("div", { children: "Error loading event data" }), !eventError &&
-                                        !eventsLoading &&
-                                        event.attributes.eventData && (_jsx(AttributeBlock, { isLoading: eventsLoading, attribute: "eventData", value: event.attributes.eventData }))] })] }) }, `${event.name}-${index}`))) })) : null] }));
+                                .map(([key, value]) => (_jsxs("div", { className: "flex items-center justify-between px-2.5 py-1.5", style: { borderColor: 'var(--ds-gray-300)' }, children: [_jsx("span", { className: "text-[11px] font-medium", style: { color: 'var(--ds-gray-700)' }, children: key }), _jsx("span", { className: "text-[11px] font-mono", style: { color: 'var(--ds-gray-1000)' }, children: String(value) })] }, key))) }), eventError && (_jsx("div", { className: "text-xs text-red-500 mt-2", children: "Error loading event data" })), !eventError && !eventsLoading && event.attributes.eventData && (_jsx("div", { className: "mt-2", children: _jsx(AttributeBlock, { isLoading: eventsLoading, attribute: "eventData", value: event.attributes.eventData }) }))] }, `${event.name}-${index}`))) })) : null] }));
 }
 //# sourceMappingURL=events-list.js.map

package/dist/sidebar/events-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"events-list.js","sourceRoot":"","sources":["../../src/sidebar/events-list.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,MAAM,MAAM,KAAK,CAAC;AACzB,OAAO,EAEL,0BAA0B,GAC3B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAE7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,UAAU,UAAU,CAAC,EACzB,aAAa,EACb,GAAG,EACH,MAAM,GAKP;IACC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,0BAA0B,CAAC,GAAG,EAAE,aAAa,EAAE;YACpD,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,GAAG;YACV,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,IAAI,wBAAwB,CAAC,CAAC;YACnE,CAAC;YACD,OAAO,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC;IAEzB,MAAM,EACJ,IAAI,EACJ,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,aAAa,GACzB,GAAG,MAAM,CACR,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,CAAC,EACrC,WAAW,EACX;QACE,YAAY,EAAE,MAAM;QACpB,iBAAiB,EAAE,KAAK;KACzB,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAEzD,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,aAC3D,cACE,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,yBAE9B,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,SAChD,EAEJ,UAAU,CAAC,CAAC,CAAC,CACZ,MAAC,KAAK,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,MAAM,aAC3C,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,EACnC,KAAC,UAAU,4CAAuC,EAClD,KAAC,gBAAgB,IAAC,SAAS,EAAC,SAAS,YAClC,UAAU,CAAC,OAAO,GACF,IACb,CACT,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,CAAC,CAAC,CAAC,8CAA4B,CAAC,CAAC,CAAC,IAAI,EACnD,CAAC,aAAa,IAAI,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,CAC5D,cAAK,SAAS,EAAC,SAAS,gCAAsB,CAC/C,EACA,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACvC,cAAK,SAAS,EAAC,qBAAqB,YACjC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,UAAU,IAET,OAAO,EACL,8BACE,eACE,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAEtC,KAAK,CAAC,IAAI,GACN,EAAC,GAAG,OACT,GAAG,EACL,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YACzC,IAAI,IAAI,CACP,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CACrD,CAAC,cAAc,EAAE,GACb,IACN,YAGL,eAAK,SAAS,EAAC,WAAW,aACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;iCAC9B,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,WAAW,CAAC;iCACtC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACrB,KAAC,cAAc,IAAW,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,IAAjC,GAAG,CAAkC,CAC3D,CAAC,EACJ,eAAK,SAAS,EAAC,UAAU,aACtB,UAAU,IAAI,qDAAmC,EACjD,CAAC,UAAU;wCACV,CAAC,aAAa;wCACd,KAAK,CAAC,UAAU,CAAC,SAAS,IAAI,CAC5B,KAAC,cAAc,IACb,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,WAAW,EACrB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,GACjC,CACH,IACC,IACF,IApCD,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,EAAE,CAqClB,CACd,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"events-list.js","sourceRoot":"","sources":["../../src/sidebar/events-list.tsx"],"names":[],"mappings":"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"}

package/dist/sidebar/resolve-hook-modal.d.ts

@@ -0,0 +1,16 @@
+interface ResolveHookModalProps {
+    /** Whether the modal is open */
+    isOpen: boolean;
+    /** Callback when the modal should be closed */
+    onClose: () => void;
+    /** Callback when the form is submitted with the parsed JSON payload */
+    onSubmit: (payload: unknown) => Promise<void>;
+    /** Whether the submission is in progress */
+    isSubmitting?: boolean;
+}
+/**
+ * Modal component for resolving a hook by entering a JSON payload.
+ */
+export declare function ResolveHookModal({ isOpen, onClose, onSubmit, isSubmitting, }: ResolveHookModalProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=resolve-hook-modal.d.ts.map

package/dist/sidebar/resolve-hook-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-hook-modal.d.ts","sourceRoot":"","sources":["../../src/sidebar/resolve-hook-modal.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC7B,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,+CAA+C;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uEAAuE;IACvE,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,4CAA4C;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAoB,GACrB,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAiMlD"}

package/dist/sidebar/resolve-hook-modal.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { Send, X } from 'lucide-react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+/**
+ * Modal component for resolving a hook by entering a JSON payload.
+ */
+export function ResolveHookModal({ isOpen, onClose, onSubmit, isSubmitting = false, }) {
+    const [jsonInput, setJsonInput] = useState('');
+    const [parseError, setParseError] = useState(null);
+    const textareaRef = useRef(null);
+    // Focus the textarea when the modal opens
+    useEffect(() => {
+        if (isOpen && textareaRef.current) {
+            textareaRef.current.focus();
+        }
+    }, [isOpen]);
+    // Reset state when modal closes
+    useEffect(() => {
+        if (!isOpen) {
+            setJsonInput('');
+            setParseError(null);
+        }
+    }, [isOpen]);
+    // Handle escape key to close
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape' && isOpen && !isSubmitting) {
+                onClose();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [isOpen, isSubmitting, onClose]);
+    const submitPayload = useCallback(async () => {
+        setParseError(null);
+        // Parse the JSON input
+        let payload;
+        try {
+            // Allow empty string as null payload
+            if (jsonInput.trim() === '') {
+                payload = null;
+            }
+            else {
+                payload = JSON.parse(jsonInput);
+            }
+        }
+        catch {
+            setParseError('Invalid JSON. Please check your input.');
+            return;
+        }
+        await onSubmit(payload);
+    }, [jsonInput, onSubmit]);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        void submitPayload();
+    }, [submitPayload]);
+    // Handle Cmd/Ctrl + Enter to submit
+    const handleKeyDown = useCallback((e) => {
+        if ((e.metaKey || e.ctrlKey) && e.key === 'Enter' && !isSubmitting) {
+            e.preventDefault();
+            handleSubmit(e);
+        }
+    }, [handleSubmit, isSubmitting]);
+    if (!isOpen) {
+        return null;
+    }
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", role: "dialog", "aria-modal": "true", "aria-labelledby": "resolve-hook-modal-title", children: [_jsx("div", { className: "absolute inset-0 bg-black/50 backdrop-blur-sm", onClick: isSubmitting ? undefined : onClose }), _jsxs("div", { className: clsx('relative z-10 w-full max-w-lg mx-4', 'bg-background text-foreground rounded-lg shadow-xl', 'border border-border'), children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border", children: [_jsx("h2", { id: "resolve-hook-modal-title", className: "text-lg font-semibold text-foreground", children: "Resolve Hook" }), _jsx("button", { type: "button", onClick: onClose, disabled: isSubmitting, className: clsx('p-1 rounded-md transition-colors', 'text-muted-foreground hover:text-foreground', 'hover:bg-muted', 'disabled:opacity-50 disabled:cursor-not-allowed'), "aria-label": "Close modal", children: _jsx(X, { className: "h-5 w-5" }) })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "px-4 py-4", children: [_jsx("label", { htmlFor: "json-payload", className: "block text-sm font-medium text-foreground mb-2", children: "JSON Payload" }), _jsxs("p", { className: "text-xs text-muted-foreground mb-3", children: ["Enter a JSON value to send to the hook. Leave empty to send", ' ', _jsx("code", { className: "px-1 py-0.5 bg-muted rounded text-xs", children: "null" }), "."] }), _jsx("textarea", { ref: textareaRef, id: "json-payload", value: jsonInput, onChange: (e) => {
+                                            setJsonInput(e.target.value);
+                                            setParseError(null);
+                                        }, onKeyDown: handleKeyDown, disabled: isSubmitting, placeholder: '{"key": "value"}', className: clsx('w-full h-40 px-3 py-2 font-mono text-sm', 'text-foreground', 'bg-background', 'border rounded-md', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background', 'disabled:opacity-50 disabled:cursor-not-allowed', 'placeholder:text-muted-foreground', parseError ? 'border-destructive' : 'border-input') }), parseError && (_jsx("p", { className: "mt-2 text-sm text-destructive", children: parseError }))] }), _jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-border", children: [_jsx("button", { type: "button", onClick: onClose, disabled: isSubmitting, className: clsx('px-4 py-2 text-sm font-medium rounded-md transition-colors', 'bg-secondary text-secondary-foreground', 'hover:bg-secondary/80', 'disabled:opacity-50 disabled:cursor-not-allowed'), children: "Cancel" }), _jsxs("button", { type: "button", onClick: () => void submitPayload(), disabled: isSubmitting, className: clsx('flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md transition-colors', 'bg-primary text-primary-foreground hover:bg-primary/90', 'disabled:opacity-50 disabled:cursor-not-allowed'), children: [_jsx(Send, { className: "h-4 w-4" }), isSubmitting ? 'Sending...' : 'Send Payload'] })] })] })] })] }));
+}
+//# sourceMappingURL=resolve-hook-modal.js.map

package/dist/sidebar/resolve-hook-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-hook-modal.js","sourceRoot":"","sources":["../../src/sidebar/resolve-hook-modal.tsx"],"names":[],"mappings":"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"}

package/dist/stream-viewer.d.ts

@@ -0,0 +1,13 @@
+import type { EnvMap } from './api/workflow-server-actions';
+interface StreamViewerProps {
+    env: EnvMap;
+    streamId: string;
+}
+/**
+ * StreamViewer component that displays real-time stream data.
+ * It connects to a stream and displays chunks as they arrive,
+ * with auto-scroll functionality.
+ */
+export declare function StreamViewer({ env, streamId }: StreamViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=stream-viewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stream-viewer.d.ts","sourceRoot":"","sources":["../src/stream-viewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAE5D,UAAU,iBAAiB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAOD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA0LhE"}