@outputai/cli 0.2.1-next.fd72d95.0 → 0.3.0

package/dist/utils/interactive.spec.js

@@ -0,0 +1,40 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+describe('interactive', () => {
+    beforeEach(async () => {
+        // Re-import to reset singleton state
+        const mod = await import('./interactive.js');
+        mod.setNonInteractive(false);
+    });
+    it('isInteractive returns true by default when TTY is available', async () => {
+        const originalIsTTY = process.stdin.isTTY;
+        Object.defineProperty(process.stdin, 'isTTY', { value: true, configurable: true });
+        const { isInteractive } = await import('./interactive.js');
+        expect(isInteractive()).toBe(true);
+        Object.defineProperty(process.stdin, 'isTTY', { value: originalIsTTY, configurable: true });
+    });
+    it('isInteractive returns false when no TTY', async () => {
+        const originalIsTTY = process.stdin.isTTY;
+        Object.defineProperty(process.stdin, 'isTTY', { value: undefined, configurable: true });
+        const { isInteractive } = await import('./interactive.js');
+        expect(isInteractive()).toBe(false);
+        Object.defineProperty(process.stdin, 'isTTY', { value: originalIsTTY, configurable: true });
+    });
+    it('isInteractive returns false after setNonInteractive(true)', async () => {
+        const originalIsTTY = process.stdin.isTTY;
+        Object.defineProperty(process.stdin, 'isTTY', { value: true, configurable: true });
+        const { isInteractive, setNonInteractive } = await import('./interactive.js');
+        setNonInteractive(true);
+        expect(isInteractive()).toBe(false);
+        Object.defineProperty(process.stdin, 'isTTY', { value: originalIsTTY, configurable: true });
+    });
+    it('setNonInteractive(false) restores interactive mode', async () => {
+        const originalIsTTY = process.stdin.isTTY;
+        Object.defineProperty(process.stdin, 'isTTY', { value: true, configurable: true });
+        const { isInteractive, setNonInteractive } = await import('./interactive.js');
+        setNonInteractive(true);
+        expect(isInteractive()).toBe(false);
+        setNonInteractive(false);
+        expect(isInteractive()).toBe(true);
+        Object.defineProperty(process.stdin, 'isTTY', { value: originalIsTTY, configurable: true });
+    });
+});

package/dist/utils/prompt.d.ts

@@ -0,0 +1,17 @@
+type ConfirmOptions = {
+    message: string;
+    default?: boolean;
+};
+type InputOptions = {
+    message: string;
+    default?: string;
+    validate?: (value: string) => boolean | string;
+};
+type PasswordOptions = {
+    message: string;
+    mask?: boolean;
+};
+export declare const confirm: (options: ConfirmOptions) => Promise<boolean>;
+export declare const input: (options: InputOptions) => Promise<string>;
+export declare const password: (options: PasswordOptions) => Promise<string>;
+export {};

package/dist/utils/prompt.js

@@ -0,0 +1,20 @@
+import { confirm as inquirerConfirm, input as inquirerInput, password as inquirerPassword } from '@inquirer/prompts';
+import { isInteractive } from './interactive.js';
+export const confirm = async (options) => {
+    if (!isInteractive()) {
+        return true;
+    }
+    return inquirerConfirm(options);
+};
+export const input = async (options) => {
+    if (!isInteractive()) {
+        return options.default ?? '';
+    }
+    return inquirerInput(options);
+};
+export const password = async (options) => {
+    if (!isInteractive()) {
+        return '';
+    }
+    return inquirerPassword(options);
+};

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

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

package/dist/utils/prompt.spec.js

@@ -0,0 +1,70 @@
+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 always returns true regardless of default', async () => {
+            const { confirm } = await import('./prompt.js');
+            expect(await confirm({ message: 'Continue?', default: false })).toBe(true);
+            expect(await confirm({ message: 'Continue?', default: true })).toBe(true);
+            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,9 @@
+/**
+ * Routes all `fetch()` calls through an HTTP/HTTPS proxy when standard
+ * proxy env vars are set (`HTTPS_PROXY`, `https_proxy`, `HTTP_PROXY`,
+ * `http_proxy`). No-op when none are set. Invalid URLs are logged and
+ * skipped so the CLI keeps running.
+ *
+ * Call once at CLI startup, before any network activity.
+ */
+export declare const bootstrapProxy: () => void;

package/dist/utils/proxy.js

@@ -0,0 +1,24 @@
+import { EnvHttpProxyAgent, setGlobalDispatcher } from 'undici';
+/**
+ * Routes all `fetch()` calls through an HTTP/HTTPS proxy when standard
+ * proxy env vars are set (`HTTPS_PROXY`, `https_proxy`, `HTTP_PROXY`,
+ * `http_proxy`). No-op when none are set. Invalid URLs are logged and
+ * skipped so the CLI keeps running.
+ *
+ * Call once at CLI startup, before any network activity.
+ */
+export const bootstrapProxy = () => {
+    const proxyUrl = process.env.HTTPS_PROXY || process.env.https_proxy ||
+        process.env.HTTP_PROXY || process.env.http_proxy;
+    if (!proxyUrl) {
+        return;
+    }
+    try {
+        new URL(proxyUrl);
+    }
+    catch {
+        console.warn(`[proxy] Ignoring invalid proxy URL: ${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,48 @@
+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);
+    });
+    it('does not set global dispatcher when proxy URL is malformed', async () => {
+        process.env.HTTPS_PROXY = 'not a url';
+        const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => { });
+        const { bootstrapProxy } = await import('./proxy.js');
+        bootstrapProxy();
+        expect(mockSetGlobalDispatcher).not.toHaveBeenCalled();
+        expect(warnSpy).toHaveBeenCalled();
+        warnSpy.mockRestore();
+    });
+});

package/dist/utils/validation.d.ts

@@ -11,3 +11,16 @@ export declare function validateWorkflowName(name: string): void;
  * Validate that a directory path is safe to create
  */
 export declare function validateOutputDirectory(outputDir: string): void;
+export declare class InvalidPortError extends Error {
+    constructor(envVarName: string, raw: string, reason: string);
+}
+/**
+ * Parse a port number from an env var. Empty string and undefined fall back to
+ * the default silently (matching Compose's `${VAR:-default}` semantics).
+ * Throws InvalidPortError on anything else: non-numeric, signed, decimal,
+ * trailing junk (e.g. "3001abc"), or out of range 1-65535. Throwing (vs
+ * warn-and-fallback) prevents CLI/Docker disagreement: Compose reads the same
+ * env var via `${VAR:-default}` and uses its own parser, so a CLI fallback
+ * would silently desync from the bound port.
+ */
+export declare function parsePort(raw: string | undefined, defaultPort: number, envVarName: string): number;

package/dist/utils/validation.js

@@ -23,3 +23,34 @@ export function validateOutputDirectory(outputDir) {
         throw new InvalidOutputDirectoryError(outputDir, 'Output directory cannot be empty');
     }
 }
+const MIN_PORT = 1;
+const MAX_PORT = 65535;
+export class InvalidPortError extends Error {
+    constructor(envVarName, raw, reason) {
+        super(`${envVarName}=${raw} is invalid (${reason}). ` +
+            `Set a port in ${MIN_PORT}-${MAX_PORT} in your .env file, or unset the variable to use the default.`);
+        this.name = 'InvalidPortError';
+    }
+}
+/**
+ * Parse a port number from an env var. Empty string and undefined fall back to
+ * the default silently (matching Compose's `${VAR:-default}` semantics).
+ * Throws InvalidPortError on anything else: non-numeric, signed, decimal,
+ * trailing junk (e.g. "3001abc"), or out of range 1-65535. Throwing (vs
+ * warn-and-fallback) prevents CLI/Docker disagreement: Compose reads the same
+ * env var via `${VAR:-default}` and uses its own parser, so a CLI fallback
+ * would silently desync from the bound port.
+ */
+export function parsePort(raw, defaultPort, envVarName) {
+    if (raw === undefined || raw === '') {
+        return defaultPort;
+    }
+    if (!/^\d+$/.test(raw)) {
+        throw new InvalidPortError(envVarName, raw, 'not a positive integer');
+    }
+    const n = parseInt(raw, 10);
+    if (n < MIN_PORT || n > MAX_PORT) {
+        throw new InvalidPortError(envVarName, raw, `out of range ${MIN_PORT}-${MAX_PORT}`);
+    }
+    return n;
+}

package/dist/utils/validation.spec.js

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { isValidWorkflowName } from './validation.js';
+import { isValidWorkflowName, parsePort, InvalidPortError } from './validation.js';
 describe('isValidWorkflowName', () => {
     describe('valid workflow names', () => {
         it('should accept single letter', () => {
@@ -138,3 +138,49 @@ describe('isValidWorkflowName', () => {
         });
     });
 });
+describe('parsePort', () => {
+    it('returns the parsed value for a valid port', () => {
+        expect(parsePort('3001', 3001, 'P')).toBe(3001);
+        expect(parsePort('7234', 7233, 'P')).toBe(7234);
+    });
+    it('falls back to default for undefined silently', () => {
+        expect(parsePort(undefined, 3001, 'P')).toBe(3001);
+    });
+    it('falls back to default for empty string silently (matches Compose ${VAR:-default})', () => {
+        expect(parsePort('', 3001, 'P')).toBe(3001);
+    });
+    it('throws InvalidPortError for non-numeric input', () => {
+        expect(() => parsePort('abc', 3001, 'OUTPUT_API_HOST_PORT')).toThrow(InvalidPortError);
+        expect(() => parsePort('abc', 3001, 'OUTPUT_API_HOST_PORT'))
+            .toThrow(/OUTPUT_API_HOST_PORT=abc/);
+    });
+    it('throws for trailing junk (parseInt would silently truncate)', () => {
+        expect(() => parsePort('3001abc', 3001, 'P')).toThrow(InvalidPortError);
+    });
+    it('throws for negative input', () => {
+        expect(() => parsePort('-1', 3001, 'P')).toThrow(InvalidPortError);
+    });
+    it('throws for port 0 (CLI rejects but Compose would treat as ephemeral - prevents desync)', () => {
+        expect(() => parsePort('0', 3001, 'P')).toThrow(InvalidPortError);
+    });
+    it('throws for port above 65535', () => {
+        expect(() => parsePort('65536', 3001, 'P')).toThrow(InvalidPortError);
+        expect(() => parsePort('99999', 3001, 'P')).toThrow(InvalidPortError);
+    });
+    it('accepts boundary ports 1 and 65535', () => {
+        expect(parsePort('1', 3001, 'P')).toBe(1);
+        expect(parsePort('65535', 3001, 'P')).toBe(65535);
+    });
+    it('error message includes env var name and remediation hint', () => {
+        try {
+            parsePort('abc', 3001, 'OUTPUT_API_HOST_PORT');
+            expect.fail('expected throw');
+        }
+        catch (err) {
+            expect(err).toBeInstanceOf(InvalidPortError);
+            expect(err.message).toContain('OUTPUT_API_HOST_PORT=abc');
+            expect(err.message).toContain('1-65535');
+            expect(err.message).toContain('.env file');
+        }
+    });
+});

package/dist/views/dev.js

@@ -138,10 +138,10 @@ const DevSuccessMessage = ({ services }) => {
     const divider = '─'.repeat(80);
     const sortedNames = services.map(s => s.name).sort().join('|');
     const logsCommand = `docker compose -p ${config.dockerServiceName} logs -f <${sortedNames}>`;
-    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" })] }));
+    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 UI: ' }), _jsx(Text, { color: "cyan", children: config.temporalUiUrl })] }), _jsxs(Box, { children: [_jsx(Text, { color: "white", children: 'API Server:  ' }), _jsxs(Text, { color: "yellow", children: ["localhost:", config.ports.api] })] })] }), _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: ' }), _jsxs(Text, { color: "cyan", children: ["open ", config.temporalUiUrl] })] }), _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, 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: [
+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: config.temporalUiUrl })] }), _jsx(CommandFooter, { hints: [
                 { key: 'o', label: 'open ui' },
                 { key: 'w', label: 'view workflow runs' },
                 { key: 'ctrl+c', label: 'stop' }
@@ -173,7 +173,7 @@ export const DevApp = ({ dockerComposePath, onCleanup }) => {
     useStatusRefresh(dockerComposePath, phase === 'running', setServices);
     useWorkflowPolling(phase === 'running' || phase === 'failed', setWorkflowRuns);
     useMainViewInput(activeView === 'main' && phase !== 'waiting', {
-        onOpenTemporal: () => openUrl('http://localhost:8080'),
+        onOpenTemporal: () => openUrl(config.temporalUiUrl),
         onOpenWorkflows: () => setActiveView('workflows')
     });
     useCtrlC(onCleanup);

package/dist/views/workflow/list.js

@@ -2,12 +2,12 @@ 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 { getWorkflowIdRunsRidResult } 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';
+import { config } from '#config.js';
 const VISIBLE_ROWS = 15;
 const STATUS_ORDER = {
     running: 0,
@@ -59,17 +59,19 @@ export const WorkflowListView = ({ runs, onBack }) => {
     const clampedIndex = Math.min(selectedIndex, Math.max(0, sortedRuns.length - 1));
     const selectedRun = sortedRuns[clampedIndex];
     const selectedWorkflowId = selectedRun?.workflowId;
+    const selectedRunId = selectedRun?.runId;
     useEffect(() => {
         if (clampedIndex !== selectedIndex) {
             setSelectedIndex(clampedIndex);
         }
     }, [clampedIndex, selectedIndex]);
     useEffect(() => {
-        if (!selectedWorkflowId) {
+        if (!selectedWorkflowId || !selectedRunId) {
             setDetail(null);
             return;
         }
-        const cached = cacheRef.current.get(selectedWorkflowId);
+        const cacheKey = `${selectedWorkflowId}:${selectedRunId}`;
+        const cached = cacheRef.current.get(cacheKey);
         if (cached) {
             setDetail(cached);
             setDetailLoading(false);
@@ -77,13 +79,13 @@ export const WorkflowListView = ({ runs, onBack }) => {
         }
         const currentFetchId = ++fetchIdRef.current;
         setDetailLoading(true);
-        getWorkflowIdResult(selectedWorkflowId)
+        getWorkflowIdRunsRidResult(selectedWorkflowId, selectedRunId)
             .then(response => {
             if (fetchIdRef.current !== currentFetchId) {
                 return;
             }
             const data = response.data;
-            cacheRef.current.set(selectedWorkflowId, data);
+            cacheRef.current.set(cacheKey, data);
             setDetail(data);
             setDetailLoading(false);
         })
@@ -94,7 +96,7 @@ export const WorkflowListView = ({ runs, onBack }) => {
             setDetail(null);
             setDetailLoading(false);
         });
-    }, [selectedWorkflowId]);
+    }, [selectedWorkflowId, selectedRunId]);
     useInput((input, key) => {
         if (key.upArrow) {
             setSelectedIndex(i => Math.max(0, i - 1));
@@ -106,7 +108,7 @@ export const WorkflowListView = ({ runs, onBack }) => {
             onBack();
         }
         else if (input === 'o' && selectedWorkflowId) {
-            openUrl(`${TEMPORAL_UI_BASE}/namespaces/default/workflows/${selectedWorkflowId}`);
+            openUrl(`${config.temporalUiUrl}/namespaces/default/workflows/${selectedWorkflowId}`);
         }
     });
     const windowStart = useMemo(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@outputai/cli",
-  "version": "0.2.1-next.fd72d95.0",
+  "version": "0.3.0",
   "description": "CLI for Output.ai workflow generation",
   "type": "module",
   "main": "dist/index.js",
@@ -15,11 +15,11 @@
   },
   "dependencies": {
     "@anthropic-ai/claude-agent-sdk": "0.2.92",
-    "@aws-sdk/client-s3": "3.1031.0",
+    "@aws-sdk/client-s3": "3.1038.0",
     "@hackylabs/deep-redact": "3.0.5",
-    "@inquirer/prompts": "8.4.1",
-    "@oclif/core": "4.10.5",
-    "@oclif/plugin-help": "6.2.44",
+    "@inquirer/prompts": "8.4.2",
+    "@oclif/core": "4.10.6",
+    "@oclif/plugin-help": "6.2.45",
     "change-case": "5.4.4",
     "cli-progress": "3.12.0",
     "cli-table3": "0.6.5",
@@ -34,10 +34,11 @@
     "ky": "1.14.3",
     "react": "19.2.5",
     "semver": "7.7.4",
+    "undici": "8.1.0",
     "yaml": "^2.8.3",
-    "@outputai/credentials": "0.2.1-next.fd72d95.0",
-    "@outputai/evals": "0.2.1-next.fd72d95.0",
-    "@outputai/llm": "0.2.1-next.fd72d95.0"
+    "@outputai/credentials": "0.3.0",
+    "@outputai/llm": "0.3.0",
+    "@outputai/evals": "0.3.0"
   },
   "devDependencies": {
     "@types/cli-progress": "3.11.6",
@@ -45,7 +46,7 @@
     "@types/js-yaml": "4.0.9",
     "@types/react": "19.2.14",
     "@types/semver": "7.7.1",
-    "orval": "8.8.0"
+    "orval": "8.9.0"
   },
   "license": "Apache-2.0",
   "publishConfig": {