@outputai/cli 0.1.12 → 0.1.13-dev.98dfd72.0

package/dist/utils/prompt.spec.js

@@ -0,0 +1,74 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { confirm as inquirerConfirm, input as inquirerInput, password as inquirerPassword } from '@inquirer/prompts';
+vi.mock('@inquirer/prompts', () => ({
+    confirm: vi.fn(),
+    input: vi.fn(),
+    password: vi.fn()
+}));
+vi.mock('./interactive.js', () => ({
+    isInteractive: vi.fn()
+}));
+describe('prompt wrapper', () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+    });
+    describe('when interactive', () => {
+        beforeEach(async () => {
+            const { isInteractive } = await import('./interactive.js');
+            vi.mocked(isInteractive).mockReturnValue(true);
+        });
+        it('confirm delegates to inquirer', async () => {
+            vi.mocked(inquirerConfirm).mockResolvedValue(false);
+            const { confirm } = await import('./prompt.js');
+            const result = await confirm({ message: 'Continue?', default: true });
+            expect(inquirerConfirm).toHaveBeenCalledWith({ message: 'Continue?', default: true });
+            expect(result).toBe(false);
+        });
+        it('input delegates to inquirer', async () => {
+            vi.mocked(inquirerInput).mockResolvedValue('user input');
+            const { input } = await import('./prompt.js');
+            const result = await input({ message: 'Name?', default: 'default' });
+            expect(inquirerInput).toHaveBeenCalledWith({ message: 'Name?', default: 'default' });
+            expect(result).toBe('user input');
+        });
+        it('password delegates to inquirer', async () => {
+            vi.mocked(inquirerPassword).mockResolvedValue('secret');
+            const { password } = await import('./prompt.js');
+            const result = await password({ message: 'Token?' });
+            expect(inquirerPassword).toHaveBeenCalledWith({ message: 'Token?' });
+            expect(result).toBe('secret');
+        });
+    });
+    describe('when non-interactive', () => {
+        beforeEach(async () => {
+            const { isInteractive } = await import('./interactive.js');
+            vi.mocked(isInteractive).mockReturnValue(false);
+        });
+        it('confirm returns default value', async () => {
+            const { confirm } = await import('./prompt.js');
+            expect(await confirm({ message: 'Continue?', default: false })).toBe(false);
+            expect(await confirm({ message: 'Continue?', default: true })).toBe(true);
+            expect(inquirerConfirm).not.toHaveBeenCalled();
+        });
+        it('confirm defaults to true when no default specified', async () => {
+            const { confirm } = await import('./prompt.js');
+            expect(await confirm({ message: 'Continue?' })).toBe(true);
+            expect(inquirerConfirm).not.toHaveBeenCalled();
+        });
+        it('input returns default value', async () => {
+            const { input } = await import('./prompt.js');
+            expect(await input({ message: 'Name?', default: 'fallback' })).toBe('fallback');
+            expect(inquirerInput).not.toHaveBeenCalled();
+        });
+        it('input returns empty string when no default', async () => {
+            const { input } = await import('./prompt.js');
+            expect(await input({ message: 'Name?' })).toBe('');
+            expect(inquirerInput).not.toHaveBeenCalled();
+        });
+        it('password returns empty string', async () => {
+            const { password } = await import('./prompt.js');
+            expect(await password({ message: 'Token?' })).toBe('');
+            expect(inquirerPassword).not.toHaveBeenCalled();
+        });
+    });
+});

package/dist/utils/proxy.d.ts

@@ -0,0 +1 @@
+export declare const bootstrapProxy: () => void;

package/dist/utils/proxy.js

@@ -0,0 +1,9 @@
+import { EnvHttpProxyAgent, setGlobalDispatcher } from 'undici';
+export const bootstrapProxy = () => {
+    const proxyUrl = process.env.HTTPS_PROXY || process.env.https_proxy ||
+        process.env.HTTP_PROXY || process.env.http_proxy;
+    if (!proxyUrl) {
+        return;
+    }
+    setGlobalDispatcher(new EnvHttpProxyAgent());
+};

package/dist/utils/proxy.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/proxy.spec.js

@@ -0,0 +1,39 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+const mockSetGlobalDispatcher = vi.fn();
+const MockEnvHttpProxyAgent = vi.fn();
+vi.mock('undici', () => ({
+    EnvHttpProxyAgent: MockEnvHttpProxyAgent,
+    setGlobalDispatcher: mockSetGlobalDispatcher
+}));
+describe('proxy bootstrap', () => {
+    const originalEnv = { ...process.env };
+    beforeEach(() => {
+        vi.clearAllMocks();
+        delete process.env.HTTPS_PROXY;
+        delete process.env.https_proxy;
+        delete process.env.HTTP_PROXY;
+        delete process.env.http_proxy;
+    });
+    afterEach(() => {
+        process.env = { ...originalEnv };
+    });
+    it('does nothing when no proxy env vars are set', async () => {
+        const { bootstrapProxy } = await import('./proxy.js');
+        bootstrapProxy();
+        expect(mockSetGlobalDispatcher).not.toHaveBeenCalled();
+    });
+    it('sets global dispatcher when HTTPS_PROXY is set', async () => {
+        process.env.HTTPS_PROXY = 'http://proxy:8080';
+        const { bootstrapProxy } = await import('./proxy.js');
+        bootstrapProxy();
+        expect(MockEnvHttpProxyAgent).toHaveBeenCalled();
+        expect(mockSetGlobalDispatcher).toHaveBeenCalledTimes(1);
+    });
+    it('sets global dispatcher when HTTP_PROXY is set', async () => {
+        process.env.HTTP_PROXY = 'http://proxy:8080';
+        const { bootstrapProxy } = await import('./proxy.js');
+        bootstrapProxy();
+        expect(MockEnvHttpProxyAgent).toHaveBeenCalled();
+        expect(mockSetGlobalDispatcher).toHaveBeenCalledTimes(1);
+    });
+});

package/dist/utils/workflow_dir_parser.d.ts

@@ -0,0 +1,5 @@
+export interface WorkflowDirInfo {
+    workflowId: string | undefined;
+    scenarioNames: string[];
+}
+export declare function parseWorkflowDir(targetDir: string): WorkflowDirInfo;

package/dist/utils/workflow_dir_parser.js

@@ -0,0 +1,39 @@
+import { readFileSync, readdirSync, existsSync } from 'node:fs';
+import { join } from 'node:path';
+const WORKFLOW_FILE_NAMES = ['workflow.ts', 'workflow.js'];
+const SCENARIOS_DIR = 'scenarios';
+const WORKFLOW_NAME_PATTERN = /name:\s*['"]([^'"]+)['"]/;
+function safeReadFile(filePath) {
+    try {
+        return readFileSync(filePath, 'utf-8');
+    }
+    catch {
+        return '';
+    }
+}
+function safeReadDir(dirPath) {
+    try {
+        return readdirSync(dirPath);
+    }
+    catch {
+        return [];
+    }
+}
+function parseWorkflowId(targetDir) {
+    const workflowFile = WORKFLOW_FILE_NAMES
+        .map(name => join(targetDir, name))
+        .find(existsSync);
+    const content = workflowFile ? safeReadFile(workflowFile) : '';
+    return WORKFLOW_NAME_PATTERN.exec(content)?.[1];
+}
+function listScenarioNames(targetDir) {
+    return safeReadDir(join(targetDir, SCENARIOS_DIR))
+        .filter(f => f.endsWith('.json'))
+        .map(f => f.replace(/\.json$/, ''));
+}
+export function parseWorkflowDir(targetDir) {
+    return {
+        workflowId: parseWorkflowId(targetDir),
+        scenarioNames: listScenarioNames(targetDir)
+    };
+}

package/dist/utils/workflow_dir_parser.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/workflow_dir_parser.spec.js

@@ -0,0 +1,74 @@
+/* eslint-disable no-restricted-syntax, init-declarations */
+import { describe, it, expect, beforeEach, afterEach } from 'vitest';
+import { mkdtempSync, mkdirSync, writeFileSync, rmSync } from 'node:fs';
+import { join } from 'node:path';
+import { tmpdir } from 'node:os';
+import { parseWorkflowDir } from './workflow_dir_parser.js';
+describe('parseWorkflowDir', () => {
+    let tempDir;
+    beforeEach(() => {
+        tempDir = mkdtempSync(join(tmpdir(), 'workflow-dir-parser-'));
+    });
+    afterEach(() => {
+        rmSync(tempDir, { recursive: true, force: true });
+    });
+    it('should extract workflow ID from workflow.ts', () => {
+        writeFileSync(join(tempDir, 'workflow.ts'), 'export default workflow( { name: \'myWorkflow\', description: \'test\' } );');
+        const result = parseWorkflowDir(tempDir);
+        expect(result.workflowId).toBe('myWorkflow');
+    });
+    it('should extract workflow ID from workflow.js', () => {
+        writeFileSync(join(tempDir, 'workflow.js'), 'export default workflow( { name: "blogGenerator", description: "test" } );');
+        const result = parseWorkflowDir(tempDir);
+        expect(result.workflowId).toBe('blogGenerator');
+    });
+    it('should prefer workflow.ts over workflow.js', () => {
+        writeFileSync(join(tempDir, 'workflow.ts'), 'export default workflow( { name: \'fromTs\' } );');
+        writeFileSync(join(tempDir, 'workflow.js'), 'export default workflow( { name: \'fromJs\' } );');
+        const result = parseWorkflowDir(tempDir);
+        expect(result.workflowId).toBe('fromTs');
+    });
+    it('should return undefined workflowId when no workflow file exists', () => {
+        const result = parseWorkflowDir(tempDir);
+        expect(result.workflowId).toBeUndefined();
+    });
+    it('should return undefined workflowId when workflow file has no name property', () => {
+        writeFileSync(join(tempDir, 'workflow.ts'), 'export default workflow( { description: \'no name here\' } );');
+        const result = parseWorkflowDir(tempDir);
+        expect(result.workflowId).toBeUndefined();
+    });
+    it('should list scenario names from scenarios directory', () => {
+        const scenariosDir = join(tempDir, 'scenarios');
+        mkdirSync(scenariosDir);
+        writeFileSync(join(scenariosDir, 'test_input.json'), '{}');
+        writeFileSync(join(scenariosDir, 'edge_case.json'), '{}');
+        const result = parseWorkflowDir(tempDir);
+        expect(result.scenarioNames).toEqual(expect.arrayContaining(['test_input', 'edge_case']));
+        expect(result.scenarioNames).toHaveLength(2);
+    });
+    it('should return empty scenarioNames when no scenarios directory exists', () => {
+        const result = parseWorkflowDir(tempDir);
+        expect(result.scenarioNames).toEqual([]);
+    });
+    it('should ignore non-json files in scenarios directory', () => {
+        const scenariosDir = join(tempDir, 'scenarios');
+        mkdirSync(scenariosDir);
+        writeFileSync(join(scenariosDir, 'test_input.json'), '{}');
+        writeFileSync(join(scenariosDir, 'README.md'), '# Scenarios');
+        const result = parseWorkflowDir(tempDir);
+        expect(result.scenarioNames).toEqual(['test_input']);
+    });
+    it('should handle multiline workflow files', () => {
+        writeFileSync(join(tempDir, 'workflow.ts'), `import { workflow } from '@outputai/core';
+
+export default workflow( {
+  name: 'complexWorkflow',
+  description: 'A complex workflow',
+  fn: async ( input ) => {
+    return input;
+  }
+} );`);
+        const result = parseWorkflowDir(tempDir);
+        expect(result.workflowId).toBe('complexWorkflow');
+    });
+});

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);
@@ -97,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);
@@ -108,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);
@@ -128,12 +141,24 @@ 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 => {
@@ -146,6 +171,17 @@ export const DevApp = ({ dockerComposePath, onCleanup }) => {
         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 }), phase === 'failed' && _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",
+  "version": "0.1.13-dev.98dfd72.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/credentials": "0.1.12",
-    "@outputai/evals": "0.1.12",
-    "@outputai/llm": "0.1.12"
+    "@outputai/credentials": "0.1.13-dev.98dfd72.0",
+    "@outputai/evals": "0.1.13-dev.98dfd72.0",
+    "@outputai/llm": "0.1.13-dev.98dfd72.0"
   },
   "devDependencies": {
     "@types/cli-progress": "3.11.6",