@outputai/cli 0.1.12-next.ecd4dda.0 → 0.1.13-dev.01b8dea.0

package/dist/views/dev.js

@@ -1,31 +1,18 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from 'react';
 import { Box, Text, Static, useApp, useInput } from 'ink';
 import Spinner from 'ink-spinner';
-import { getServiceStatus, isServiceHealthy, isServiceFailed, SERVICE_HEALTH, SERVICE_STATE } from '#services/docker.js';
+import { getServiceStatus, isServiceHealthy, isServiceFailed, SERVICE_HEALTH } from '#services/docker.js';
 import { config } from '#config.js';
+import { fetchWorkflowRuns } from '#services/workflow_runs.js';
+import { openUrl } from '#utils/open_url.js';
+import { StatusIcon } from '#components/status_icon.js';
+import { WorkflowSummarySection } from '#components/workflow_summary.js';
+import { CommandFooter } from '#components/command_footer.js';
+import { WorkflowListView } from '#views/workflow/list.js';
 const POLL_INTERVAL_MS = 2000;
 const HEALTH_TIMEOUT_MS = 120_000;
-const STATUS_ICONS = {
-    [SERVICE_HEALTH.HEALTHY]: '●',
-    [SERVICE_HEALTH.UNHEALTHY]: '○',
-    [SERVICE_HEALTH.STARTING]: '◐',
-    [SERVICE_HEALTH.NONE]: '●',
-    [SERVICE_STATE.RUNNING]: '●',
-    [SERVICE_STATE.EXITED]: '✗'
-};
-const STATUS_COLORS = {
-    [SERVICE_HEALTH.HEALTHY]: 'green',
-    [SERVICE_HEALTH.UNHEALTHY]: 'red',
-    [SERVICE_HEALTH.STARTING]: 'yellow',
-    [SERVICE_HEALTH.NONE]: 'blue',
-    [SERVICE_STATE.RUNNING]: 'blue',
-    [SERVICE_STATE.EXITED]: 'red'
-};
-const resolveServiceDisplay = (service) => {
-    const key = service.health === SERVICE_HEALTH.NONE ? service.state : service.health;
-    return { icon: STATUS_ICONS[key] ?? '?', color: STATUS_COLORS[key] ?? 'white', status: key };
-};
+const resolveServiceStatus = (service) => service.health === SERVICE_HEALTH.NONE ? service.state : service.health;
 const fetchServices = async (dockerComposePath) => {
     try {
         return await getServiceStatus(dockerComposePath);
@@ -79,6 +66,10 @@ const useHealthPolling = (dockerComposePath, enabled, callbacks) => {
             callbacksRef.current.onAllHealthy(svcs);
             return 'done';
         }
+        if (svcs.length > 0 && svcs.find(isServiceFailed)) {
+            callbacksRef.current.onFailure(svcs);
+            return 'done';
+        }
         return 'continue';
     });
 };
@@ -93,6 +84,32 @@ const useStatusRefresh = (dockerComposePath, enabled, onServices) => {
         return 'continue';
     });
 };
+const useWorkflowPolling = (enabled, onRuns) => {
+    const onRunsRef = useRef(onRuns);
+    onRunsRef.current = onRuns;
+    usePoll(enabled, async () => {
+        try {
+            const { runs } = await fetchWorkflowRuns({ limit: 100 });
+            onRunsRef.current(runs);
+        }
+        catch {
+            // API may not be ready yet
+        }
+        return 'continue';
+    });
+};
+const useMainViewInput = (isActive, callbacks) => {
+    const callbacksRef = useRef(callbacks);
+    callbacksRef.current = callbacks;
+    useInput(input => {
+        if (input === 'o') {
+            callbacksRef.current.onOpenTemporal();
+        }
+        if (input === 'w') {
+            callbacksRef.current.onOpenWorkflows();
+        }
+    }, { isActive });
+};
 const useCtrlC = (onCleanup) => {
     const { exit } = useApp();
     const isExitingRef = useRef(false);
@@ -104,9 +121,9 @@ const useCtrlC = (onCleanup) => {
     });
 };
 const ServiceRow = ({ service }) => {
-    const { icon, color, status } = resolveServiceDisplay(service);
+    const status = resolveServiceStatus(service);
     const ports = service.ports.length ? service.ports.join(', ') : '-';
-    return (_jsxs(Box, { children: [_jsxs(Text, { color: color, children: [icon, " "] }), _jsx(Box, { width: 16, children: _jsx(Text, { children: service.name }) }), _jsx(Text, { dimColor: true, children: status.padEnd(10) }), _jsx(Text, { dimColor: true, children: ports })] }));
+    return (_jsxs(Box, { children: [_jsx(Box, { width: 3, children: _jsx(StatusIcon, { status: status }) }), _jsx(Box, { width: 16, children: _jsx(Text, { children: service.name }) }), _jsx(Text, { dimColor: true, children: status.padEnd(10) }), _jsx(Text, { dimColor: true, children: ports })] }));
 };
 const FailureWarning = ({ services }) => {
     const failed = services.filter(isServiceFailed);
@@ -115,7 +132,7 @@ const FailureWarning = ({ services }) => {
     }
     const failedNames = failed.map(s => s.name).join(', ');
     const hasWorker = failed.some(s => s.name.toLowerCase().includes('worker'));
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Box, { children: _jsx(Text, { backgroundColor: "red", color: "white", bold: true, children: " \u26A0\uFE0F  SERVICE FAILURE DETECTED " }) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "red", bold: true, children: "Failed services: " }), _jsx(Text, { children: failedNames })] }), hasWorker ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "yellow", bold: true, children: "\u26A1 The worker is not running!" }), _jsx(Text, { color: "yellow", children: '   Workflows will fail until the worker is restarted.' }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Check the logs with: docker compose logs worker" }) })] })) : (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: 'Check the logs with: docker compose logs <service-name>' }) }))] }));
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Box, { children: _jsx(Text, { backgroundColor: "red", color: "white", bold: true, children: " \u26A0\uFE0F  SERVICE FAILURE DETECTED " }) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "red", bold: true, children: "Failed services: " }), _jsx(Text, { children: failedNames })] }), hasWorker ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "yellow", bold: true, children: "\u26A1 The worker is not running!" }), _jsx(Text, { color: "yellow", children: '   Workflows will fail until the worker is restarted.' }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsxs(Text, { children: ["\uD83D\uDD0D Check the logs with: ", _jsx(Text, { color: "magenta", children: "docker compose logs worker" })] }) }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsxs(Text, { children: ["\uD83D\uDD27 If you just updated ", _jsx(Text, { italic: true, children: "@outputai/cli" }), ", try: ", _jsx(Text, { color: "magenta", children: "output fix" })] }) })] })) : (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: ["\uD83D\uDD0D Check the logs with: ", _jsx(Text, { color: "magenta", children: "docker compose logs <service-name>" })] }) }))] }));
 };
 const DevSuccessMessage = ({ services }) => {
     const divider = '─'.repeat(80);
@@ -124,21 +141,47 @@ const DevSuccessMessage = ({ services }) => {
     return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { dimColor: true, children: divider }) }), _jsxs(Box, { children: [_jsx(Text, { color: "green", bold: true, children: '✅ SUCCESS! ' }), _jsx(Text, { bold: true, children: "Development services are running" })] }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { dimColor: true, children: divider }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "\uD83D\uDC33 SERVICES" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { color: "white", children: 'Temporal:    ' }), _jsx(Text, { color: "yellow", children: "localhost:7233" })] }), _jsxs(Box, { children: [_jsx(Text, { color: "white", children: 'Temporal UI: ' }), _jsx(Text, { color: "cyan", children: "http://localhost:8080" })] }), _jsxs(Box, { children: [_jsx(Text, { color: "white", children: 'API Server:  ' }), _jsx(Text, { color: "yellow", children: "localhost:3001" })] }), _jsxs(Box, { children: [_jsx(Text, { color: "white", children: 'Redis:       ' }), _jsx(Text, { color: "yellow", children: "localhost:6379" })] })] }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { dimColor: true, children: divider }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "\uD83D\uDE80 RUN A WORKFLOW" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsx(Text, { color: "white", children: "In a new terminal, execute:" }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "cyan", children: "npx output workflow run blog_evaluator paulgraham_hwh" }) })] }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { dimColor: true, children: divider }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "\u26A1 USEFUL COMMANDS" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { color: "white", children: 'Open Temporal UI: ' }), _jsx(Text, { color: "cyan", children: "open http://localhost:8080" })] }), _jsxs(Box, { children: [_jsx(Text, { color: "white", children: 'View logs:        ' }), _jsx(Text, { color: "cyan", children: logsCommand })] }), _jsxs(Box, { children: [_jsx(Text, { color: "white", children: 'Stop services:    ' }), _jsx(Text, { color: "cyan", children: "Press Ctrl+C" })] })] }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { dimColor: true, children: divider }) }), _jsx(Text, { dimColor: true, children: "\uD83D\uDCA1 Tip: The Temporal UI lets you monitor workflow executions in real-time" })] }));
 };
 const WaitingView = ({ services }) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "yellow", children: _jsx(Spinner, { type: "dots" }) }), _jsx(Text, { children: " Waiting for services to become healthy..." })] }), services.length > 0 && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: services.map(s => _jsx(ServiceRow, { service: s }, s.name)) }))] }));
-const RunningView = ({ services }) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "\uD83D\uDCCA Service Status" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: services.map(s => _jsx(ServiceRow, { service: s }, s.name)) }), _jsx(FailureWarning, { services: services }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "cyan", children: '🌐 Temporal UI: ' }), _jsx(Text, { bold: true, children: "http://localhost:8080" })] }), _jsx(Text, { dimColor: true, children: "Press Ctrl+C to stop services" })] }));
+const RunningView = ({ services, workflowSummary }) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "\uD83D\uDCCA Service Status" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: services.map(s => _jsx(ServiceRow, { service: s }, s.name)) }), _jsx(FailureWarning, { services: services }), workflowSummary && _jsx(WorkflowSummarySection, { summary: workflowSummary }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "cyan", children: '🌐 Temporal UI: ' }), _jsx(Text, { bold: true, children: "http://localhost:8080" })] }), _jsx(CommandFooter, { hints: [
+                { key: 'o', label: 'open ui' },
+                { key: 'w', label: 'view workflow runs' },
+                { key: 'ctrl+c', label: 'stop' }
+            ] })] }));
+const MainDevView = ({ phase, services, workflowSummary }) => {
+    if (phase === 'waiting') {
+        return _jsx(WaitingView, { services: services });
+    }
+    return _jsx(RunningView, { services: services, workflowSummary: workflowSummary });
+};
 export const DevApp = ({ dockerComposePath, onCleanup }) => {
     const { exit } = useApp();
     const [phase, setPhase] = useState('waiting');
     const [services, setServices] = useState([]);
     const [successItems, setSuccessItems] = useState([]);
+    const [activeView, setActiveView] = useState('main');
+    const [workflowRuns, setWorkflowRuns] = useState([]);
     useHealthPolling(dockerComposePath, phase === 'waiting', {
         onServices: setServices,
         onAllHealthy: svcs => {
             setSuccessItems([{ id: 'success', services: svcs }]);
             setPhase('running');
         },
+        onFailure: () => {
+            setPhase('failed');
+        },
         onTimeout: () => exit(new Error('Timeout waiting for services to become healthy'))
     });
     useStatusRefresh(dockerComposePath, phase === 'running', setServices);
+    useWorkflowPolling(phase === 'running' || phase === 'failed', setWorkflowRuns);
+    useMainViewInput(activeView === 'main' && phase !== 'waiting', {
+        onOpenTemporal: () => openUrl('http://localhost:8080'),
+        onOpenWorkflows: () => setActiveView('workflows')
+    });
     useCtrlC(onCleanup);
-    return (_jsxs(_Fragment, { children: [_jsx(Static, { items: successItems, children: item => _jsx(DevSuccessMessage, { services: item.services }, item.id) }), phase === 'waiting' && _jsx(WaitingView, { services: services }), phase === 'running' && _jsx(RunningView, { services: services })] }));
+    const workflowSummary = workflowRuns.length > 0 ? {
+        running: workflowRuns.filter(r => r.status === 'running').length,
+        completed: workflowRuns.filter(r => r.status === 'completed').length,
+        failed: workflowRuns.filter(r => r.status === 'failed').length,
+        total: workflowRuns.length
+    } : null;
+    return (_jsxs(_Fragment, { children: [_jsx(Static, { items: successItems, children: item => _jsx(DevSuccessMessage, { services: item.services }, item.id) }), _jsxs(Box, { flexDirection: "column", children: [activeView === 'main' && (_jsx(MainDevView, { phase: phase, services: services, workflowSummary: workflowSummary })), activeView === 'workflows' && (_jsx(WorkflowListView, { runs: workflowRuns, onBack: () => setActiveView('main') }))] })] }));
 };

package/dist/views/workflow/list.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { WorkflowRun } from '#services/workflow_runs.js';
+export declare const WorkflowListView: React.FC<{
+    runs: WorkflowRun[];
+    onBack: () => void;
+}>;

package/dist/views/workflow/list.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useMemo } from 'react';
+import { Box, Text, useInput } from 'ink';
+import Spinner from 'ink-spinner';
+import { getWorkflowIdResult } from '#api/generated/api.js';
+import { StatusIcon, statusColor } from '#components/status_icon.js';
+import { elapsedMs, formatDurationCompact } from '#utils/date_formatter.js';
+import { CommandFooter } from '#components/command_footer.js';
+import { openUrl } from '#utils/open_url.js';
+const TEMPORAL_UI_BASE = 'http://localhost:8080';
+const VISIBLE_ROWS = 15;
+const STATUS_ORDER = {
+    running: 0,
+    failed: 1,
+    timed_out: 2,
+    terminated: 3,
+    canceled: 4,
+    continued: 5,
+    completed: 6
+};
+const sortRuns = (runs) => [...runs].sort((a, b) => {
+    const statusDiff = (STATUS_ORDER[a.status ?? ''] ?? Infinity) - (STATUS_ORDER[b.status ?? ''] ?? Infinity);
+    if (statusDiff !== 0) {
+        return statusDiff;
+    }
+    const aTime = a.startedAt ? new Date(a.startedAt).getTime() : 0;
+    const bTime = b.startedAt ? new Date(b.startedAt).getTime() : 0;
+    return bTime - aTime;
+});
+const truncate = (str, max) => str.length > max ? str.slice(0, max - 1) + '…' : str;
+const COL = {
+    indicator: 2,
+    icon: 3,
+    status: 12,
+    type: 20,
+    id: 32,
+    duration: 10
+};
+const WorkflowRow = ({ run, selected }) => {
+    const status = run.status ?? 'running';
+    const color = statusColor(status);
+    const duration = run.startedAt ? formatDurationCompact(elapsedMs(run.startedAt, run.completedAt)) : '-';
+    return (_jsxs(Box, { children: [_jsx(Box, { width: COL.indicator, children: _jsx(Text, { color: selected ? 'cyan' : undefined, bold: selected, children: selected ? '▸' : ' ' }) }), _jsx(Box, { width: COL.icon, children: _jsx(StatusIcon, { status: status }) }), _jsx(Box, { width: COL.status, children: _jsx(Text, { color: color, children: status }) }), _jsx(Box, { width: COL.type, children: _jsx(Text, { bold: selected, children: truncate(run.workflowType ?? '-', COL.type - 2) }) }), _jsx(Box, { width: COL.id, children: _jsx(Text, { dimColor: !selected, children: truncate(run.workflowId ?? '-', COL.id - 2) }) }), _jsx(Box, { width: COL.duration, justifyContent: "flex-end", children: _jsx(Text, { dimColor: true, children: duration }) })] }));
+};
+const HeaderRow = () => (_jsxs(Box, { children: [_jsx(Box, { width: COL.indicator, children: _jsx(Text, { children: " " }) }), _jsx(Box, { width: COL.icon, children: _jsx(Text, { children: " " }) }), _jsx(Box, { width: COL.status, children: _jsx(Text, { dimColor: true, bold: true, children: "STATUS" }) }), _jsx(Box, { width: COL.type, children: _jsx(Text, { dimColor: true, bold: true, children: "TYPE" }) }), _jsx(Box, { width: COL.id, children: _jsx(Text, { dimColor: true, bold: true, children: "WORKFLOW ID" }) }), _jsx(Box, { width: COL.duration, justifyContent: "flex-end", children: _jsx(Text, { dimColor: true, bold: true, children: "DURATION" }) })] }));
+const WorkflowDetailPane = ({ detail, loading }) => {
+    if (loading) {
+        return (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "yellow", children: _jsx(Spinner, { type: "dots" }) }), _jsx(Text, { children: " Loading details..." })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Status: " }), _jsx(Text, { color: statusColor(detail.status ?? ''), children: detail.status })] }), detail.error && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: "red", children: "Error:" }), _jsx(Text, { color: "red", children: truncate(detail.error, 300) })] })), detail.output !== undefined && detail.output !== null && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Output:" }), _jsx(Text, { children: truncate(JSON.stringify(detail.output, null, 2), 400) })] }))] }));
+};
+export const WorkflowListView = ({ runs, onBack }) => {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [detail, setDetail] = useState(null);
+    const [detailLoading, setDetailLoading] = useState(false);
+    const cacheRef = useRef(new Map());
+    const fetchIdRef = useRef(0);
+    const sortedRuns = useMemo(() => sortRuns(runs), [runs]);
+    const clampedIndex = Math.min(selectedIndex, Math.max(0, sortedRuns.length - 1));
+    const selectedRun = sortedRuns[clampedIndex];
+    const selectedWorkflowId = selectedRun?.workflowId;
+    useEffect(() => {
+        if (clampedIndex !== selectedIndex) {
+            setSelectedIndex(clampedIndex);
+        }
+    }, [clampedIndex, selectedIndex]);
+    useEffect(() => {
+        if (!selectedWorkflowId) {
+            setDetail(null);
+            return;
+        }
+        const cached = cacheRef.current.get(selectedWorkflowId);
+        if (cached) {
+            setDetail(cached);
+            setDetailLoading(false);
+            return;
+        }
+        const currentFetchId = ++fetchIdRef.current;
+        setDetailLoading(true);
+        getWorkflowIdResult(selectedWorkflowId)
+            .then(response => {
+            if (fetchIdRef.current !== currentFetchId) {
+                return;
+            }
+            const data = response.data;
+            cacheRef.current.set(selectedWorkflowId, data);
+            setDetail(data);
+            setDetailLoading(false);
+        })
+            .catch(() => {
+            if (fetchIdRef.current !== currentFetchId) {
+                return;
+            }
+            setDetail(null);
+            setDetailLoading(false);
+        });
+    }, [selectedWorkflowId]);
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setSelectedIndex(i => Math.max(0, i - 1));
+        }
+        else if (key.downArrow) {
+            setSelectedIndex(i => Math.min(sortedRuns.length - 1, i + 1));
+        }
+        else if (key.escape || input === 'q') {
+            onBack();
+        }
+        else if (input === 'o' && selectedWorkflowId) {
+            openUrl(`${TEMPORAL_UI_BASE}/namespaces/default/workflows/${selectedWorkflowId}`);
+        }
+    });
+    const windowStart = useMemo(() => {
+        const half = Math.floor(VISIBLE_ROWS / 2);
+        const start = Math.max(0, clampedIndex - half);
+        const maxStart = Math.max(0, sortedRuns.length - VISIBLE_ROWS);
+        return Math.min(start, maxStart);
+    }, [clampedIndex, sortedRuns.length]);
+    const visibleRuns = sortedRuns.slice(windowStart, windowStart + VISIBLE_ROWS);
+    if (sortedRuns.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Workflow Runs" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "No workflow runs found." }) }), _jsx(CommandFooter, { hints: [{ key: 'q', label: 'back' }] })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: ["Workflow Runs (", sortedRuns.length, ")"] }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(HeaderRow, {}), windowStart > 0 && _jsxs(Text, { dimColor: true, children: ["  \u2191 ", windowStart, " more above"] }), visibleRuns.map((run, i) => (_jsx(WorkflowRow, { run: run, selected: windowStart + i === clampedIndex }, `${run.workflowId}-${run.startedAt}-${windowStart + i}`))), windowStart + VISIBLE_ROWS < sortedRuns.length && (_jsxs(Text, { dimColor: true, children: ["  \u2193 ", sortedRuns.length - windowStart - VISIBLE_ROWS, " more below"] }))] }), detail && _jsx(WorkflowDetailPane, { detail: detail, loading: detailLoading }), detailLoading && !detail && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "yellow", children: _jsx(Spinner, { type: "dots" }) }), _jsx(Text, { children: " Loading details..." })] })), _jsx(CommandFooter, { hints: [
+                    { key: '↑/↓', label: 'navigate' },
+                    { key: 'o', label: 'open in temporal' },
+                    { key: 'q', label: 'back' }
+                ] })] }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@outputai/cli",
-  "version": "0.1.12-next.ecd4dda.0",
+  "version": "0.1.13-dev.01b8dea.0",
   "description": "CLI for Output.ai workflow generation",
   "type": "module",
   "main": "dist/index.js",
@@ -14,30 +14,31 @@
     "output": "./bin/run.js"
   },
   "dependencies": {
-    "@anthropic-ai/claude-agent-sdk": "0.2.85",
-    "@aws-sdk/client-s3": "3.1018.0",
+    "@anthropic-ai/claude-agent-sdk": "0.2.92",
+    "@aws-sdk/client-s3": "3.1024.0",
     "@hackylabs/deep-redact": "3.0.5",
     "@inquirer/prompts": "8.3.2",
-    "@oclif/core": "4.10.3",
-    "@oclif/plugin-help": "6.2.40",
+    "@oclif/core": "4.10.5",
+    "@oclif/plugin-help": "6.2.42",
     "change-case": "5.4.4",
     "cli-progress": "3.12.0",
     "cli-table3": "0.6.5",
     "date-fns": "4.1.0",
     "debug": "4.4.3",
-    "dotenv": "17.3.1",
+    "dotenv": "17.4.0",
     "handlebars": "4.7.9",
-    "js-yaml": "4.1.1",
     "ink": "6.8.0",
     "ink-spinner": "5.0.0",
-    "json-schema-library": "11.0.5",
+    "js-yaml": "4.1.1",
+    "json-schema-library": "11.1.0",
     "ky": "1.14.3",
     "react": "19.2.4",
     "semver": "7.7.4",
+    "undici": "8.0.2",
     "yaml": "^2.8.3",
-    "@outputai/evals": "0.1.12-next.ecd4dda.0",
-    "@outputai/credentials": "0.1.12-next.ecd4dda.0",
-    "@outputai/llm": "0.1.12-next.ecd4dda.0"
+    "@outputai/credentials": "0.1.13-dev.01b8dea.0",
+    "@outputai/evals": "0.1.13-dev.01b8dea.0",
+    "@outputai/llm": "0.1.13-dev.01b8dea.0"
   },
   "devDependencies": {
     "@types/cli-progress": "3.11.6",