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

package/dist/hook-actions.js

@@ -0,0 +1,76 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Send } from 'lucide-react';
+import { useCallback, useState } from 'react';
+import { toast } from 'sonner';
+import { resumeHook } from './api/workflow-api-client';
+import { ResolveHookModal } from './sidebar/resolve-hook-modal';
+// ============================================================================
+// Hook for managing hook actions state
+// ============================================================================
+/**
+ * React hook for managing hook action state.
+ * Use this to coordinate the resolve modal across components.
+ */
+export function useHookActions({ env, callbacks, }) {
+    const [isResolving, setIsResolving] = useState(false);
+    const [selectedHook, setSelectedHook] = useState(null);
+    const openResolveModal = useCallback((hook) => {
+        setSelectedHook(hook);
+    }, []);
+    const closeResolveModal = useCallback(() => {
+        setSelectedHook(null);
+    }, []);
+    const handleResolve = useCallback(async (payload) => {
+        if (isResolving || !selectedHook)
+            return;
+        try {
+            setIsResolving(true);
+            await resumeHook(env, selectedHook.token, payload);
+            toast.success('Hook resolved', {
+                description: 'The payload has been sent and the hook resolved.',
+            });
+            setSelectedHook(null);
+            callbacks?.onSuccess?.();
+        }
+        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 {
+            setIsResolving(false);
+        }
+    }, [env, selectedHook, isResolving, callbacks]);
+    return {
+        isResolving,
+        selectedHook,
+        openResolveModal,
+        closeResolveModal,
+        handleResolve,
+    };
+}
+/**
+ * Dropdown menu item for resolving a hook.
+ * This is a single menu item component that can be composed into dropdown menus.
+ */
+export function ResolveHookDropdownItem({ hook, stopPropagation = false, onResolveClick, DropdownMenuItem, }) {
+    const handleClick = (e) => {
+        if (stopPropagation)
+            e.stopPropagation();
+        onResolveClick(hook);
+    };
+    return (_jsxs(DropdownMenuItem, { onClick: handleClick, children: [_jsx(Send, { className: "h-4 w-4 mr-2" }), "Resolve Hook"] }));
+}
+/**
+ * Convenience wrapper that renders the ResolveHookModal using useHookActions state.
+ * Place this at the top level of your component (outside any iteration).
+ */
+export function HookResolveModalWrapper({ hookActions, }) {
+    const { selectedHook, closeResolveModal, handleResolve, isResolving } = hookActions;
+    return (_jsx(ResolveHookModal, { isOpen: selectedHook !== null, onClose: closeResolveModal, onSubmit: handleResolve, isSubmitting: isResolving }));
+}
+// Re-export the modal for direct use
+export { ResolveHookModal } from './sidebar/resolve-hook-modal';
+//# sourceMappingURL=hook-actions.js.map

package/dist/hook-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook-actions.js","sourceRoot":"","sources":["../src/hook-actions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AA6BhE,+EAA+E;AAC/E,uCAAuC;AACvC,+EAA+E;AAE/E;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,GAAG,EACH,SAAS,GACa;IACtB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,IAAU,EAAE,EAAE;QAClD,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAC/B,KAAK,EAAE,OAAgB,EAAE,EAAE;QACzB,IAAI,WAAW,IAAI,CAAC,YAAY;YAAE,OAAO;QAEzC,IAAI,CAAC;YACH,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,MAAM,UAAU,CAAC,GAAG,EAAE,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YACnD,KAAK,CAAC,OAAO,CAAC,eAAe,EAAE;gBAC7B,WAAW,EAAE,kDAAkD;aAChE,CAAC,CAAC;YACH,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC;QAC3B,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;YAC9C,KAAK,CAAC,KAAK,CAAC,wBAAwB,EAAE;gBACpC,WAAW,EACT,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,2BAA2B;aACnE,CAAC,CAAC;QACL,CAAC;gBAAS,CAAC;YACT,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EACD,CAAC,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,CAAC,CAC5C,CAAC;IAEF,OAAO;QACL,WAAW;QACX,YAAY;QACZ,gBAAgB;QAChB,iBAAiB;QACjB,aAAa;KACd,CAAC;AACJ,CAAC;AAuBD;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,IAAI,EACJ,eAAe,GAAG,KAAK,EACvB,cAAc,EACd,gBAAgB,GACa;IAC7B,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC1C,IAAI,eAAe;YAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QACzC,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,gBAAgB,IAAC,OAAO,EAAE,WAAW,aACpC,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,oBAEhB,CACpB,CAAC;AACJ,CAAC;AAWD;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,WAAW,GACW;IACtB,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,WAAW,EAAE,GACnE,WAAW,CAAC;IAEd,OAAO,CACL,KAAC,gBAAgB,IACf,MAAM,EAAE,YAAY,KAAK,IAAI,EAC7B,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,WAAW,GACzB,CACH,CAAC;AACJ,CAAC;AAED,qCAAqC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/hooks/use-dark-mode.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook that detects if dark mode is active and reacts to theme changes.
+ * Observes the 'dark' class on the document element, which is how
+ * next-themes and similar libraries apply the theme.
+ *
+ * @returns `true` if dark mode is active, `false` otherwise
+ */
+export declare const useDarkMode: () => boolean;
+//# sourceMappingURL=use-dark-mode.d.ts.map

package/dist/hooks/use-dark-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dark-mode.d.ts","sourceRoot":"","sources":["../../src/hooks/use-dark-mode.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,QAAO,OAsB9B,CAAC"}

package/dist/hooks/use-dark-mode.js

@@ -0,0 +1,30 @@
+'use client';
+import { useEffect, useState } from 'react';
+/**
+ * Hook that detects if dark mode is active and reacts to theme changes.
+ * Observes the 'dark' class on the document element, which is how
+ * next-themes and similar libraries apply the theme.
+ *
+ * @returns `true` if dark mode is active, `false` otherwise
+ */
+export const useDarkMode = () => {
+    const [isDark, setIsDark] = useState(() => {
+        if (typeof document === 'undefined')
+            return false;
+        return document.documentElement.classList.contains('dark');
+    });
+    useEffect(() => {
+        if (typeof document === 'undefined')
+            return;
+        const observer = new MutationObserver(() => {
+            setIsDark(document.documentElement.classList.contains('dark'));
+        });
+        observer.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ['class'],
+        });
+        return () => observer.disconnect();
+    }, []);
+    return isDark;
+};
+//# sourceMappingURL=use-dark-mode.js.map

package/dist/hooks/use-dark-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dark-mode.js","sourceRoot":"","sources":["../../src/hooks/use-dark-mode.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAY,EAAE;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QACxC,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO,KAAK,CAAC;QAClD,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO;QAE5C,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACzC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;YACzC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,CAAC;SAC3B,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/dist/index.d.ts

@@ -1,7 +1,20 @@
-export { parseStepName, parseWorkflowName, } from '@workflow/core/parse-name';
+export { parseStepName, parseWorkflowName, } from '@workflow/utils/parse-name';
 export type { Event, Hook, Step, WorkflowRun } from '@workflow/world';
 export * from './api/workflow-api-client';
+export type { EnvMap, HealthCheckResultWithLatency, PublicServerConfig, } from './api/workflow-server-actions';
+export { runHealthCheck } from './api/workflow-server-actions';
+export type { HealthCheckEndpoint, HealthCheckResult, } from '@workflow/core/runtime';
+export { ErrorBoundary } from './error-boundary';
+export { EventListView } from './event-list-view';
+export type { HookActionCallbacks, HookActionsDropdownItemProps, HookResolveModalProps, UseHookActionsOptions, UseHookActionsReturn, } from './hook-actions';
+export { HookResolveModalWrapper, ResolveHookDropdownItem, ResolveHookModal, useHookActions, } from './hook-actions';
+export type { EventAnalysis } from './lib/event-analysis';
+export { analyzeEvents, hasPendingHooksFromEvents, hasPendingStepsFromEvents, isTerminalStatus, shouldShowReenqueueButton, } from './lib/event-analysis';
+export type { StreamStep } from './lib/utils';
+export { extractConversation, formatDuration, identifyStreamSteps, isDoStreamStep, } from './lib/utils';
 export { RunTraceView } from './run-trace-view';
+export { ConversationView } from './sidebar/conversation-view';
+export { StreamViewer } from './stream-viewer';
 export type { Span, SpanEvent } from './trace-viewer/types';
 export { WorkflowTraceViewer } from './workflow-trace-view';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtE,cAAc,2BAA2B,CAAC;AAC1C,YAAY,EACV,MAAM,EACN,4BAA4B,EAC5B,kBAAkB,GACnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,YAAY,EACV,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,GACf,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,aAAa,EACb,yBAAyB,EACzB,yBAAyB,EACzB,gBAAgB,EAChB,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,cAAc,GACf,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.js

@@ -1,5 +1,13 @@
-export { parseStepName, parseWorkflowName, } from '@workflow/core/parse-name';
+export { parseStepName, parseWorkflowName, } from '@workflow/utils/parse-name';
 export * from './api/workflow-api-client';
+export { runHealthCheck } from './api/workflow-server-actions';
+export { ErrorBoundary } from './error-boundary';
+export { EventListView } from './event-list-view';
+export { HookResolveModalWrapper, ResolveHookDropdownItem, ResolveHookModal, useHookActions, } from './hook-actions';
+export { analyzeEvents, hasPendingHooksFromEvents, hasPendingStepsFromEvents, isTerminalStatus, shouldShowReenqueueButton, } from './lib/event-analysis';
+export { extractConversation, formatDuration, identifyStreamSteps, isDoStreamStep, } from './lib/utils';
 export { RunTraceView } from './run-trace-view';
+export { ConversationView } from './sidebar/conversation-view';
+export { StreamViewer } from './stream-viewer';
 export { WorkflowTraceViewer } from './workflow-trace-view';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAGnC,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AAGpC,cAAc,2BAA2B,CAAC;AAM1C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAK/D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQlD,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,GACf,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,aAAa,EACb,yBAAyB,EACzB,yBAAyB,EACzB,gBAAgB,EAChB,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,cAAc,GACf,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/lib/event-analysis.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Shared utilities for analyzing workflow events.
+ * Used by run-actions and trace viewer components.
+ */
+import type { Event, WorkflowRunStatus } from '@workflow/world';
+/**
+ * Result of analyzing events for a workflow run
+ */
+export interface EventAnalysis {
+    /** Whether there are pending sleep/wait calls */
+    hasPendingSleeps: boolean;
+    /** Whether there are pending steps (started but not completed/failed) */
+    hasPendingSteps: boolean;
+    /** Whether there are pending hooks (created but not disposed) */
+    hasPendingHooks: boolean;
+    /** Correlation IDs of pending sleeps */
+    pendingSleepIds: string[];
+    /** Correlation IDs of pending steps */
+    pendingStepIds: string[];
+    /** Correlation IDs of pending hooks */
+    pendingHookIds: string[];
+    /** Timestamp of the last step_started or step_retrying event */
+    lastStepActivityAt: Date | null;
+    /** Timestamp of the last step completion (step_completed or step_failed) */
+    lastStepCompletionAt: Date | null;
+}
+/**
+ * Analyze events to determine pending sleeps, steps, and hooks.
+ */
+export declare function analyzeEvents(events: Event[] | undefined): EventAnalysis;
+/**
+ * Check if a workflow run status is terminal (completed, failed, or cancelled)
+ */
+export declare function isTerminalStatus(status: WorkflowRunStatus | undefined): boolean;
+/**
+ * Determine if the Re-enqueue button should be shown without the debug flag.
+ *
+ * The Re-enqueue button is shown when the workflow appears to be stuck:
+ * - The workflow is not in a terminal state
+ * - There are no pending sleeps (which would show the Wake up button instead)
+ * - There are no pending hooks (which are waiting for external input)
+ * - Either:
+ *   - The last step_started or step_retrying event was >30 minutes ago, OR
+ *   - There have been no pending steps for >5 minutes (all steps completed/failed)
+ */
+export declare function shouldShowReenqueueButton(events: Event[] | undefined, status: WorkflowRunStatus | undefined): boolean;
+/**
+ * Check if there are pending steps from an events list.
+ */
+export declare function hasPendingStepsFromEvents(events: Event[] | undefined): boolean;
+/**
+ * Check if there are pending hooks from an events list.
+ */
+export declare function hasPendingHooksFromEvents(events: Event[] | undefined): boolean;
+//# sourceMappingURL=event-analysis.d.ts.map

package/dist/lib/event-analysis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-analysis.d.ts","sourceRoot":"","sources":["../../src/lib/event-analysis.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMhE;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,iDAAiD;IACjD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,eAAe,EAAE,OAAO,CAAC;IACzB,iEAAiE;IACjE,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,uCAAuC;IACvC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,uCAAuC;IACvC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,gEAAgE;IAChE,kBAAkB,EAAE,IAAI,GAAG,IAAI,CAAC;IAChC,4EAA4E;IAC5E,oBAAoB,EAAE,IAAI,GAAG,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,GAAG,aAAa,CAkGxE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,iBAAiB,GAAG,SAAS,GACpC,OAAO,CAIT;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,EAC3B,MAAM,EAAE,iBAAiB,GAAG,SAAS,GACpC,OAAO,CAmDT;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,GAC1B,OAAO,CAET;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,GAC1B,OAAO,CAET"}

package/dist/lib/event-analysis.js

@@ -0,0 +1,161 @@
+/**
+ * Shared utilities for analyzing workflow events.
+ * Used by run-actions and trace viewer components.
+ */
+// Time thresholds for Re-enqueue button visibility
+const STEP_ACTIVITY_TIMEOUT_MS = 30 * 60 * 1000; // 30 minutes
+const STEP_IDLE_TIMEOUT_MS = 5 * 60 * 1000; // 5 minutes
+/**
+ * Analyze events to determine pending sleeps, steps, and hooks.
+ */
+export function analyzeEvents(events) {
+    if (!events || events.length === 0) {
+        return {
+            hasPendingSleeps: false,
+            hasPendingSteps: false,
+            hasPendingHooks: false,
+            pendingSleepIds: [],
+            pendingStepIds: [],
+            pendingHookIds: [],
+            lastStepActivityAt: null,
+            lastStepCompletionAt: null,
+        };
+    }
+    // Group events by correlation ID for each type
+    const waitCreated = new Map();
+    const waitCompleted = new Set();
+    const stepStarted = new Map();
+    const stepCompleted = new Set();
+    const hookCreated = new Map();
+    const hookDisposed = new Set();
+    let lastStepActivityAt = null;
+    let lastStepCompletionAt = null;
+    for (const event of events) {
+        const correlationId = event.correlationId;
+        if (!correlationId)
+            continue;
+        switch (event.eventType) {
+            // Sleeps/Waits
+            case 'wait_created':
+                waitCreated.set(correlationId, event);
+                break;
+            case 'wait_completed':
+                waitCompleted.add(correlationId);
+                break;
+            // Steps
+            case 'step_started':
+                stepStarted.set(correlationId, event);
+                if (!lastStepActivityAt ||
+                    new Date(event.createdAt) > lastStepActivityAt) {
+                    lastStepActivityAt = new Date(event.createdAt);
+                }
+                break;
+            case 'step_retrying':
+                if (!lastStepActivityAt ||
+                    new Date(event.createdAt) > lastStepActivityAt) {
+                    lastStepActivityAt = new Date(event.createdAt);
+                }
+                break;
+            case 'step_completed':
+            case 'step_failed':
+                stepCompleted.add(correlationId);
+                if (!lastStepCompletionAt ||
+                    new Date(event.createdAt) > lastStepCompletionAt) {
+                    lastStepCompletionAt = new Date(event.createdAt);
+                }
+                break;
+            // Hooks
+            case 'hook_created':
+                hookCreated.set(correlationId, event);
+                break;
+            case 'hook_disposed':
+                hookDisposed.add(correlationId);
+                break;
+        }
+    }
+    // Find pending items (created but not completed)
+    const pendingSleepIds = Array.from(waitCreated.keys()).filter((id) => !waitCompleted.has(id));
+    const pendingStepIds = Array.from(stepStarted.keys()).filter((id) => !stepCompleted.has(id));
+    const pendingHookIds = Array.from(hookCreated.keys()).filter((id) => !hookDisposed.has(id));
+    return {
+        hasPendingSleeps: pendingSleepIds.length > 0,
+        hasPendingSteps: pendingStepIds.length > 0,
+        hasPendingHooks: pendingHookIds.length > 0,
+        pendingSleepIds,
+        pendingStepIds,
+        pendingHookIds,
+        lastStepActivityAt,
+        lastStepCompletionAt,
+    };
+}
+/**
+ * Check if a workflow run status is terminal (completed, failed, or cancelled)
+ */
+export function isTerminalStatus(status) {
+    return (status === 'completed' || status === 'failed' || status === 'cancelled');
+}
+/**
+ * Determine if the Re-enqueue button should be shown without the debug flag.
+ *
+ * The Re-enqueue button is shown when the workflow appears to be stuck:
+ * - The workflow is not in a terminal state
+ * - There are no pending sleeps (which would show the Wake up button instead)
+ * - There are no pending hooks (which are waiting for external input)
+ * - Either:
+ *   - The last step_started or step_retrying event was >30 minutes ago, OR
+ *   - There have been no pending steps for >5 minutes (all steps completed/failed)
+ */
+export function shouldShowReenqueueButton(events, status) {
+    // Never show if in terminal state
+    if (isTerminalStatus(status)) {
+        return false;
+    }
+    const analysis = analyzeEvents(events);
+    // Don't show if there are pending sleeps (Wake up button handles this)
+    if (analysis.hasPendingSleeps) {
+        return false;
+    }
+    // Don't show if there are pending hooks (waiting for external input)
+    if (analysis.hasPendingHooks) {
+        return false;
+    }
+    const now = Date.now();
+    // Check if last step activity was >30 minutes ago
+    if (analysis.lastStepActivityAt) {
+        const timeSinceLastActivity = now - analysis.lastStepActivityAt.getTime();
+        if (timeSinceLastActivity > STEP_ACTIVITY_TIMEOUT_MS) {
+            return true;
+        }
+    }
+    // Check if there are no pending steps and last completion was >5 minutes ago
+    if (!analysis.hasPendingSteps && analysis.lastStepCompletionAt) {
+        const timeSinceLastCompletion = now - analysis.lastStepCompletionAt.getTime();
+        if (timeSinceLastCompletion > STEP_IDLE_TIMEOUT_MS) {
+            return true;
+        }
+    }
+    // If there's no step activity at all but the run is not terminal,
+    // and we've been waiting for a while, show the button
+    if (!analysis.lastStepActivityAt &&
+        !analysis.hasPendingSteps &&
+        !analysis.hasPendingSleeps &&
+        !analysis.hasPendingHooks) {
+        // This case handles runs that haven't started any steps yet
+        // but aren't in a terminal state - they might be stuck
+        return true;
+    }
+    return false;
+}
+/**
+ * Check if there are pending steps from an events list.
+ */
+export function hasPendingStepsFromEvents(events) {
+    return analyzeEvents(events).hasPendingSteps;
+}
+/**
+ * Check if there are pending hooks from an events list.
+ */
+export function hasPendingHooksFromEvents(events) {
+    return analyzeEvents(events).hasPendingHooks;
+}
+//# sourceMappingURL=event-analysis.js.map

package/dist/lib/event-analysis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-analysis.js","sourceRoot":"","sources":["../../src/lib/event-analysis.ts"],"names":[],"mappings":"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"}

package/dist/lib/utils.d.ts

@@ -1,5 +1,26 @@
+import type { Step } from '@workflow/world';
+import type { ModelMessage } from 'ai';
 import { type ClassValue } from 'clsx';
 export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Formats a duration in milliseconds to a human-readable string.
+ *
+ * @param ms - Duration in milliseconds
+ * @param compact - If true, returns a single-unit format (e.g., "45s", "2.5m").
+ *                  If false (default), returns multi-part format (e.g., "1h 30m", "2d 5h").
+ *
+ * Compact format:
+ * - < 1s: shows milliseconds (e.g., "500ms")
+ * - < 1m: shows seconds (e.g., "45s")
+ * - < 1h: shows minutes (e.g., "45m")
+ * - >= 1h: shows hours (e.g., "2.5h")
+ *
+ * Full format:
+ * - < 1s: shows milliseconds (e.g., "500ms")
+ * - < 1m: shows seconds (e.g., "45.5s")
+ * - >= 1m: shows human-readable format (e.g., "1h 30m", "2d 5h")
+ */
+export declare function formatDuration(ms: number, compact?: boolean): string;
 /**
  * Returns a formatted pagination display string
  * @param currentPage - The current page number
@@ -8,4 +29,27 @@ export declare function cn(...inputs: ClassValue[]): string;
  * @returns Formatted string like "Page 1 of 3+" or "Page 2 of 2"
  */
 export declare function getPaginationDisplay(currentPage: number, totalPages: number, hasMore: boolean): string;
+/**
+ * Check if a step is a doStreamStep (LLM call with conversation input)
+ */
+export declare function isDoStreamStep(stepName: string): boolean;
+/**
+ * Extract the conversation from a hydrated doStreamStep input.
+ * doStreamStep signature: (conversationPrompt, model, writable, tools, options)
+ * So input[0] is the conversation.
+ */
+export declare function extractConversation(stepInput: unknown): ModelMessage[] | null;
+/**
+ * A doStreamStep with its conversation input extracted
+ */
+export interface StreamStep {
+    stepId: string;
+    stepName: string;
+    displayName: string;
+    conversation: ModelMessage[];
+}
+/**
+ * Identifies all stream steps (doStreamStep) in a run and extracts their conversations.
+ */
+export declare function identifyStreamSteps(steps: Step[]): StreamStep[];
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,OAAO,GACf,MAAM,CAKR"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AACvC,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAWD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,UAAQ,GAAG,MAAM,CA6ClE;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,OAAO,GACf,MAAM,CAKR;AAMD;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAExD;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,OAAO,GAAG,YAAY,EAAE,GAAG,IAAI,CAmB7E;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,EAAE,CAAC;CAC9B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAc/D"}

package/dist/lib/utils.js

@@ -3,6 +3,70 @@ import { twMerge } from 'tailwind-merge';
 export function cn(...inputs) {
     return twMerge(clsx(inputs));
 }
+const durationFormatter = new Intl.NumberFormat(undefined, {
+    maximumFractionDigits: 2,
+});
+const MS_IN_SECOND = 1000;
+const MS_IN_MINUTE = 60 * MS_IN_SECOND;
+const MS_IN_HOUR = 60 * MS_IN_MINUTE;
+const MS_IN_DAY = 24 * MS_IN_HOUR;
+/**
+ * Formats a duration in milliseconds to a human-readable string.
+ *
+ * @param ms - Duration in milliseconds
+ * @param compact - If true, returns a single-unit format (e.g., "45s", "2.5m").
+ *                  If false (default), returns multi-part format (e.g., "1h 30m", "2d 5h").
+ *
+ * Compact format:
+ * - < 1s: shows milliseconds (e.g., "500ms")
+ * - < 1m: shows seconds (e.g., "45s")
+ * - < 1h: shows minutes (e.g., "45m")
+ * - >= 1h: shows hours (e.g., "2.5h")
+ *
+ * Full format:
+ * - < 1s: shows milliseconds (e.g., "500ms")
+ * - < 1m: shows seconds (e.g., "45.5s")
+ * - >= 1m: shows human-readable format (e.g., "1h 30m", "2d 5h")
+ */
+export function formatDuration(ms, compact = false) {
+    if (ms === 0) {
+        return '0';
+    }
+    // For durations less than 1 second, show milliseconds
+    if (ms < MS_IN_SECOND) {
+        return `${durationFormatter.format(ms)}ms`;
+    }
+    // For durations less than 1 minute, show seconds
+    if (ms < MS_IN_MINUTE) {
+        return `${durationFormatter.format(ms / MS_IN_SECOND)}s`;
+    }
+    // Compact format: single unit
+    if (compact) {
+        if (ms < MS_IN_HOUR) {
+            return `${durationFormatter.format(ms / MS_IN_MINUTE)}m`;
+        }
+        return `${durationFormatter.format(ms / MS_IN_HOUR)}h`;
+    }
+    // Full format: human-readable multi-part
+    const days = Math.floor(ms / MS_IN_DAY);
+    const hours = Math.floor((ms % MS_IN_DAY) / MS_IN_HOUR);
+    const minutes = Math.floor((ms % MS_IN_HOUR) / MS_IN_MINUTE);
+    const seconds = Math.floor((ms % MS_IN_MINUTE) / MS_IN_SECOND);
+    const parts = [];
+    if (days > 0) {
+        parts.push(`${days}d`);
+    }
+    if (hours > 0) {
+        parts.push(`${hours}h`);
+    }
+    if (minutes > 0) {
+        parts.push(`${minutes}m`);
+    }
+    if (hours <= 1 && (seconds > 0 || parts.length === 0)) {
+        parts.push(`${seconds}s`);
+    }
+    return parts.join(' ');
+}
 /**
  * Returns a formatted pagination display string
  * @param currentPage - The current page number
@@ -16,4 +80,49 @@ export function getPaginationDisplay(currentPage, totalPages, hasMore) {
     }
     return `Page ${currentPage} of ${totalPages}`;
 }
+// ============================================================================
+// Durable Agent Utilities
+// ============================================================================
+/**
+ * Check if a step is a doStreamStep (LLM call with conversation input)
+ */
+export function isDoStreamStep(stepName) {
+    return stepName.endsWith('//doStreamStep');
+}
+/**
+ * Extract the conversation from a hydrated doStreamStep input.
+ * doStreamStep signature: (conversationPrompt, model, writable, tools, options)
+ * So input[0] is the conversation.
+ */
+export function extractConversation(stepInput) {
+    if (!Array.isArray(stepInput) || stepInput.length === 0) {
+        return null;
+    }
+    const firstArg = stepInput[0];
+    if (!Array.isArray(firstArg)) {
+        return null;
+    }
+    // Validate it looks like ModelMessage[]
+    if (!firstArg.every((msg) => msg && typeof msg === 'object' && 'role' in msg)) {
+        return null;
+    }
+    return firstArg;
+}
+/**
+ * Identifies all stream steps (doStreamStep) in a run and extracts their conversations.
+ */
+export function identifyStreamSteps(steps) {
+    return steps
+        .filter((step) => isDoStreamStep(step.stepName))
+        .map((step) => {
+        const functionName = step.stepName.split('//').pop() ?? 'unknown';
+        const conversation = extractConversation(step.input) ?? [];
+        return {
+            stepId: step.stepId,
+            stepName: step.stepName,
+            displayName: functionName,
+            conversation,
+        };
+    });
+}
 //# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,oBAAoB,CAClC,WAAmB,EACnB,UAAkB,EAClB,OAAgB;IAEhB,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,QAAQ,WAAW,OAAO,UAAU,GAAG,CAAC;IACjD,CAAC;IACD,OAAO,QAAQ,WAAW,OAAO,UAAU,EAAE,CAAC;AAChD,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"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"}

package/dist/run-trace-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"run-trace-view.d.ts","sourceRoot":"","sources":["../src/run-trace-view.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAG5D,UAAU,iBAAiB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CA0C7D"}
+{"version":3,"file":"run-trace-view.d.ts","sourceRoot":"","sources":["../src/run-trace-view.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAG5D,UAAU,iBAAiB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAmC7D"}

package/dist/run-trace-view.js

@@ -10,6 +10,6 @@ export function RunTraceView({ env, runId }) {
     if (error && !runData) {
         return (_jsxs("div", { className: "m-4", children: [_jsx(AlertCircle, { className: "h-4 w-4" }), _jsx("p", { children: "Error loading workflow run" }), _jsx("p", { children: error.message })] }));
     }
-    return (_jsx("div", { className: "space-y-6", children: _jsxs("div", { className: "relative", children: [loading && (_jsx("div", { className: "absolute inset-0 bg-black/50 flex items-center justify-center", children: _jsx("div", { className: "animate-spin rounded-full h-10 w-10 border-b-2 border-white" }) })), _jsx(WorkflowTraceViewer, { error: error, steps: allSteps, events: allEvents, hooks: allHooks, env: env, run: run, isLoading: loading })] }) }));
+    return (_jsx("div", { className: "w-full h-full relative", children: _jsx(WorkflowTraceViewer, { error: error, steps: allSteps, events: allEvents, hooks: allHooks, env: env, run: run, isLoading: loading }) }));
 }
 //# sourceMappingURL=run-trace-view.js.map

package/dist/run-trace-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"run-trace-view.js","sourceRoot":"","sources":["../src/run-trace-view.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAO5D,MAAM,UAAU,YAAY,CAAC,EAAE,GAAG,EAAE,KAAK,EAAqB;IAC5D,uCAAuC;IACvC,MAAM,EACJ,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,SAAS,EACjB,OAAO,EACP,KAAK,GACN,GAAG,0BAA0B,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3D,MAAM,GAAG,GAAG,OAAO,IAAK,EAAkB,CAAC;IAE3C,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,OAAO,CACL,eAAK,SAAS,EAAC,KAAK,aAClB,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,EACnC,qDAAiC,EACjC,sBAAI,KAAK,CAAC,OAAO,GAAK,IAClB,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACxB,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,+DAA+D,YAC5E,cAAK,SAAS,EAAC,6DAA6D,GAAO,GAC/E,CACP,EACD,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,GAClB,IACE,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"run-trace-view.js","sourceRoot":"","sources":["../src/run-trace-view.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAO5D,MAAM,UAAU,YAAY,CAAC,EAAE,GAAG,EAAE,KAAK,EAAqB;IAC5D,uCAAuC;IACvC,MAAM,EACJ,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,SAAS,EACjB,OAAO,EACP,KAAK,GACN,GAAG,0BAA0B,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3D,MAAM,GAAG,GAAG,OAAO,IAAK,EAAkB,CAAC;IAE3C,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,OAAO,CACL,eAAK,SAAS,EAAC,KAAK,aAClB,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,EACnC,qDAAiC,EACjC,sBAAI,KAAK,CAAC,OAAO,GAAK,IAClB,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,GAClB,GACE,CACP,CAAC;AACJ,CAAC"}