@shepai/cli 1.116.3 → 1.117.0-pr376.0b9d7e1

package/dist/src/presentation/web/components/features/settings/settings-page-client.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useTransition, useRef, useEffect, useCallback } from 'react';
-import { Eye, EyeOff, Check, Bot, Terminal, GitBranch, Activity, Bell, Flag, Database, Minus, Plus, ExternalLink, Settings2, } from 'lucide-react';
+import { Eye, EyeOff, Check, Bot, Terminal, GitBranch, Activity, Bell, Flag, Database, Minus, Plus, ExternalLink, Settings2, Timer, } from 'lucide-react';
 import { toast } from 'sonner';
 import { cn } from '../../../lib/utils.js';
 import { Label } from '../../ui/label.js';
@@ -11,9 +11,10 @@ import { Switch } from '../../ui/switch.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
 import { updateSettingsAction } from '../../../app/actions/update-settings.js';
-import { AgentAuthMethod, EditorType } from '../../../../../../packages/core/src/domain/generated/output.js';
+import { AgentAuthMethod, EditorType, TerminalType, } from '../../../../../../packages/core/src/domain/generated/output.js';
 import { getEditorTypeIcon } from '../../common/editor-type-icons.js';
 import { AgentModelPicker } from '../../features/settings/AgentModelPicker/index.js';
+import { TimeoutSlider } from '../../features/settings/timeout-slider.js';
 const AUTH_METHOD_OPTIONS = [
     { value: AgentAuthMethod.Session, label: 'Session' },
     { value: AgentAuthMethod.Token, label: 'Token' },
@@ -25,11 +26,17 @@ const EDITOR_OPTIONS = [
     { value: EditorType.Zed, label: 'Zed' },
     { value: EditorType.Antigravity, label: 'Antigravity' },
 ];
+const SHELL_OPTIONS = [
+    { value: 'bash', label: 'Bash' },
+    { value: 'zsh', label: 'Zsh' },
+    { value: 'fish', label: 'Fish' },
+];
 const SECTIONS = [
     { id: 'agent', label: 'Agent', icon: Bot },
     { id: 'environment', label: 'Environment', icon: Terminal },
     { id: 'workflow', label: 'Workflow', icon: GitBranch },
     { id: 'ci', label: 'CI', icon: Activity },
+    { id: 'stage-timeouts', label: 'Timeouts', icon: Timer },
     { id: 'notifications', label: 'Notifications', icon: Bell },
     { id: 'feature-flags', label: 'Flags', icon: Flag },
     { id: 'database', label: 'Database', icon: Database },
@@ -113,7 +120,7 @@ function SectionHint({ children, links, }) {
     return (_jsxs("div", { className: "hidden pt-2 lg:block", children: [_jsx("p", { className: "text-muted-foreground/70 text-[11px] leading-relaxed", children: children }), links != null && links.length > 0 ? (_jsx("div", { className: "mt-2 flex flex-col gap-1", children: links.map((link) => (_jsxs("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "text-muted-foreground hover:text-foreground inline-flex items-center gap-1 text-[10px] transition-colors", children: [_jsx(ExternalLink, { className: "h-2.5 w-2.5" }), link.label] }, link.href))) })) : null] }));
 }
 /* ── Main component ── */
-export function SettingsPageClient({ settings, shepHome, dbFileSize }) {
+export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTerminals, }) {
     const { showSaving, showSaved, save } = useSaveIndicator();
     const featureFlags = settings.featureFlags ?? { skills: false, envDeploy: false, debug: false };
     // Agent state
@@ -123,7 +130,12 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize }) {
     const [showToken, setShowToken] = useState(false);
     // Environment state
     const [editor, setEditor] = useState(settings.environment.defaultEditor);
-    const shell = settings.environment.shellPreference;
+    const [shell, setShell] = useState(settings.environment.shellPreference);
+    const [terminal, setTerminal] = useState(settings.environment.terminalPreference ?? TerminalType.System);
+    // Filter to only show installed terminals
+    const terminalOptions = availableTerminals
+        ? availableTerminals.filter((t) => t.available)
+        : [{ id: TerminalType.System, name: 'System Terminal', available: true }];
     // Workflow state
     const [openPr, setOpenPr] = useState(settings.workflow.openPrOnImplementationComplete);
     const [pushOnComplete, setPushOnComplete] = useState(settings.workflow.approvalGateDefaults.pushOnImplementationComplete);
@@ -137,6 +149,18 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize }) {
         ? String(Math.round(settings.workflow.ciWatchTimeoutMs / 1000))
         : '');
     const [ciLogMax, setCiLogMax] = useState(settings.workflow.ciLogMaxChars != null ? String(settings.workflow.ciLogMaxChars) : '');
+    // Feature agent per-stage timeout states (stored in seconds for display, converted to ms on save)
+    // Defaults: feature agent stages = 1_800_000 ms (1800s), analyze-repo = 600_000 ms (600s)
+    const stageTimeoutsConfig = settings.workflow.stageTimeouts;
+    const [analyzeTimeout, setAnalyzeTimeout] = useState(String(Math.round((stageTimeoutsConfig?.analyzeMs ?? 1_800_000) / 1000)));
+    const [requirementsTimeout, setRequirementsTimeout] = useState(String(Math.round((stageTimeoutsConfig?.requirementsMs ?? 1_800_000) / 1000)));
+    const [researchTimeout, setResearchTimeout] = useState(String(Math.round((stageTimeoutsConfig?.researchMs ?? 1_800_000) / 1000)));
+    const [planTimeout, setPlanTimeout] = useState(String(Math.round((stageTimeoutsConfig?.planMs ?? 1_800_000) / 1000)));
+    const [implementTimeout, setImplementTimeout] = useState(String(Math.round((stageTimeoutsConfig?.implementMs ?? 1_800_000) / 1000)));
+    const [mergeTimeout, setMergeTimeout] = useState(String(Math.round((stageTimeoutsConfig?.mergeMs ?? 1_800_000) / 1000)));
+    // Analyze-repo agent timeout state
+    const analyzeRepoConfig = settings.workflow.analyzeRepoTimeouts;
+    const [analyzeRepoTimeout, setAnalyzeRepoTimeout] = useState(String(Math.round((analyzeRepoConfig?.analyzeMs ?? 600_000) / 1000)));
     // Notification state
     const [inApp, setInApp] = useState(settings.notifications.inApp.enabled);
     const [browser, setBrowser] = useState(settings.notifications.browser.enabled);
@@ -150,6 +174,27 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize }) {
         ? String(Math.round(settings.workflow.ciWatchTimeoutMs / 1000))
         : '';
     const originalCiLogMax = settings.workflow.ciLogMaxChars != null ? String(settings.workflow.ciLogMaxChars) : '';
+    const originalAnalyzeTimeout = stageTimeoutsConfig?.analyzeMs != null
+        ? String(Math.round(stageTimeoutsConfig.analyzeMs / 1000))
+        : '';
+    const originalRequirementsTimeout = stageTimeoutsConfig?.requirementsMs != null
+        ? String(Math.round(stageTimeoutsConfig.requirementsMs / 1000))
+        : '';
+    const originalResearchTimeout = stageTimeoutsConfig?.researchMs != null
+        ? String(Math.round(stageTimeoutsConfig.researchMs / 1000))
+        : '';
+    const originalPlanTimeout = stageTimeoutsConfig?.planMs != null
+        ? String(Math.round(stageTimeoutsConfig.planMs / 1000))
+        : '';
+    const originalImplementTimeout = stageTimeoutsConfig?.implementMs != null
+        ? String(Math.round(stageTimeoutsConfig.implementMs / 1000))
+        : '';
+    const originalMergeTimeout = stageTimeoutsConfig?.mergeMs != null
+        ? String(Math.round(stageTimeoutsConfig.mergeMs / 1000))
+        : '';
+    const originalAnalyzeRepoTimeout = analyzeRepoConfig?.analyzeMs != null
+        ? String(Math.round(analyzeRepoConfig.analyzeMs / 1000))
+        : '';
     function parseOptionalInt(value) {
         if (value === '')
             return undefined;
@@ -165,6 +210,12 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize }) {
         }
         return { agent: result };
     }
+    function secondsToMs(val) {
+        if (val === undefined)
+            return undefined;
+        const n = parseOptionalInt(val);
+        return n != null ? n * 1000 : undefined;
+    }
     // Workflow helpers
     function buildWorkflowPayload(overrides = {}) {
         const timeoutSeconds = parseOptionalInt(overrides.ciTimeout ?? ciTimeout);
@@ -182,6 +233,17 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize }) {
                 ciMaxFixAttempts: parseOptionalInt(overrides.ciMaxFix ?? ciMaxFix),
                 ciWatchTimeoutMs: timeoutSeconds != null ? timeoutSeconds * 1000 : undefined,
                 ciLogMaxChars: parseOptionalInt(overrides.ciLogMax ?? ciLogMax),
+                stageTimeouts: {
+                    analyzeMs: secondsToMs(overrides.analyzeTimeout ?? analyzeTimeout),
+                    requirementsMs: secondsToMs(overrides.requirementsTimeout ?? requirementsTimeout),
+                    researchMs: secondsToMs(overrides.researchTimeout ?? researchTimeout),
+                    planMs: secondsToMs(overrides.planTimeout ?? planTimeout),
+                    implementMs: secondsToMs(overrides.implementTimeout ?? implementTimeout),
+                    mergeMs: secondsToMs(overrides.mergeTimeout ?? mergeTimeout),
+                },
+                analyzeRepoTimeouts: {
+                    analyzeMs: secondsToMs(overrides.analyzeRepoTimeout ?? analyzeRepoTimeout),
+                },
             },
         };
     }
@@ -247,20 +309,42 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize }) {
                                         label: 'Configuration guide',
                                         href: 'https://github.com/shep-ai/cli/blob/main/docs/guides/configuration.md',
                                     },
-                                ], children: "Choose which AI coding agent powers your features. Each agent supports different models and capabilities. Authentication is resolved automatically via your active session." })] }), _jsxs("div", { id: "section-environment", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsx(SettingsSection, { icon: Terminal, title: "Environment", description: "Editor and shell preferences", testId: "environment-settings-section", children: _jsx(SettingsRow, { label: "Default Editor", description: "Editor launched for file operations", htmlFor: "default-editor", children: _jsxs(Select, { value: editor, onValueChange: (v) => {
-                                            setEditor(v);
-                                            save({
-                                                environment: { defaultEditor: v, shellPreference: shell },
-                                            });
-                                        }, children: [_jsx(SelectTrigger, { id: "default-editor", "data-testid": "editor-select", className: "w-55 cursor-pointer text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: EDITOR_OPTIONS.map((opt) => {
-                                                    const Icon = getEditorTypeIcon(opt.value);
-                                                    return (_jsx(SelectItem, { value: opt.value, children: _jsxs("span", { className: "flex items-center gap-2 text-xs", children: [_jsx(Icon, { className: "h-4 w-4 shrink-0" }), opt.label] }) }, opt.value));
-                                                }) })] }) }) }), _jsx(SectionHint, { links: [
+                                ], children: "Choose which AI coding agent powers your features. Each agent supports different models and capabilities. Authentication is resolved automatically via your active session." })] }), _jsxs("div", { id: "section-environment", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: Terminal, title: "Environment", description: "Editor, shell, and terminal preferences", testId: "environment-settings-section", children: [_jsx(SettingsRow, { label: "Default Editor", description: "Editor launched for file operations", htmlFor: "default-editor", children: _jsxs(Select, { value: editor, onValueChange: (v) => {
+                                                setEditor(v);
+                                                save({
+                                                    environment: {
+                                                        defaultEditor: v,
+                                                        shellPreference: shell,
+                                                        terminalPreference: terminal,
+                                                    },
+                                                });
+                                            }, children: [_jsx(SelectTrigger, { id: "default-editor", "data-testid": "editor-select", className: "w-55 cursor-pointer text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: EDITOR_OPTIONS.map((opt) => {
+                                                        const Icon = getEditorTypeIcon(opt.value);
+                                                        return (_jsx(SelectItem, { value: opt.value, children: _jsxs("span", { className: "flex items-center gap-2 text-xs", children: [_jsx(Icon, { className: "h-4 w-4 shrink-0" }), opt.label] }) }, opt.value));
+                                                    }) })] }) }), _jsx(SettingsRow, { label: "Shell", description: "Default shell for generated scripts", htmlFor: "shell-preference", children: _jsxs(Select, { value: shell, onValueChange: (v) => {
+                                                setShell(v);
+                                                save({
+                                                    environment: {
+                                                        defaultEditor: editor,
+                                                        shellPreference: v,
+                                                        terminalPreference: terminal,
+                                                    },
+                                                });
+                                            }, children: [_jsx(SelectTrigger, { id: "shell-preference", "data-testid": "shell-select", className: "w-55 cursor-pointer text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: SHELL_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] }) }), _jsx(SettingsRow, { label: "Terminal", description: "Terminal emulator for shell sessions", htmlFor: "terminal-preference", children: _jsxs(Select, { value: terminal, onValueChange: (v) => {
+                                                setTerminal(v);
+                                                save({
+                                                    environment: {
+                                                        defaultEditor: editor,
+                                                        shellPreference: shell,
+                                                        terminalPreference: v,
+                                                    },
+                                                });
+                                            }, children: [_jsx(SelectTrigger, { id: "terminal-preference", "data-testid": "terminal-select", className: "w-55 cursor-pointer text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: terminalOptions.map((opt) => (_jsx(SelectItem, { value: opt.id, children: opt.name }, opt.id))) })] }) })] }), _jsx(SectionHint, { links: [
                                     {
                                         label: 'Configuration guide',
                                         href: 'https://github.com/shep-ai/cli/blob/main/docs/guides/configuration.md',
                                     },
-                                ], children: "Your preferred editor is used when opening files for review or editing during the development workflow." })] }), _jsxs("div", { id: "section-workflow", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: GitBranch, title: "Workflow", description: "Automation behavior after implementation", testId: "workflow-settings-section", children: [_jsx(SubsectionLabel, { children: "Approve" }), _jsx(SwitchRow, { label: "Auto-approve PRD", description: "Skip manual review of requirements", id: "allow-prd", testId: "switch-allow-prd", checked: allowPrd, onChange: (v) => {
+                                ], children: "Your preferred editor opens files for review. The shell setting controls generated scripts. The terminal emulator is launched when opening shell sessions from the web UI." })] }), _jsxs("div", { id: "section-workflow", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: GitBranch, title: "Workflow", description: "Automation behavior after implementation", testId: "workflow-settings-section", children: [_jsx(SubsectionLabel, { children: "Approve" }), _jsx(SwitchRow, { label: "Auto-approve PRD", description: "Skip manual review of requirements", id: "allow-prd", testId: "switch-allow-prd", checked: allowPrd, onChange: (v) => {
                                             setAllowPrd(v);
                                             save(buildWorkflowPayload({ allowPrd: v }));
                                         } }), _jsx(SwitchRow, { label: "Auto-approve Plan", description: "Skip manual review of implementation plan", id: "allow-plan", testId: "switch-allow-plan", checked: allowPlan, onChange: (v) => {
@@ -320,7 +404,28 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize }) {
                                         label: 'CI security gates',
                                         href: 'https://github.com/shep-ai/cli/blob/main/specs/003-cicd-security-gates/spec.md',
                                     },
-                                ], children: "When a feature completes, the agent can watch CI and auto-fix failures. These limits prevent runaway retries and control how much log output is sent to the agent for analysis." })] }), _jsxs("div", { id: "section-notifications", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: Bell, title: "Notifications", description: "How and when you get notified", testId: "notification-settings-section", children: [_jsx(SubsectionLabel, { children: "Channels" }), _jsx(SwitchRow, { label: "In-app", description: "Notifications inside the Shep UI", id: "notif-in-app", testId: "switch-in-app", checked: inApp, onChange: (v) => {
+                                ], children: "When a feature completes, the agent can watch CI and auto-fix failures. These limits prevent runaway retries and control how much log output is sent to the agent for analysis." })] }), _jsxs("div", { id: "section-stage-timeouts", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: Timer, title: "Stage Timeouts", description: "Maximum execution time per agent stage", testId: "stage-timeouts-settings-section", children: [_jsx(SubsectionLabel, { children: "Feature Agent" }), _jsx(SettingsRow, { label: "Analyze", description: "Repository analysis timeout", htmlFor: "timeout-analyze", children: _jsx(TimeoutSlider, { id: "timeout-analyze", testId: "timeout-analyze-input", value: analyzeTimeout, onChange: setAnalyzeTimeout, onBlur: () => {
+                                                if (analyzeTimeout !== originalAnalyzeTimeout)
+                                                    save(buildWorkflowPayload({ analyzeTimeout }));
+                                            }, defaultSeconds: 1800 }) }), _jsx(SettingsRow, { label: "Requirements", description: "Requirements gathering timeout", htmlFor: "timeout-requirements", children: _jsx(TimeoutSlider, { id: "timeout-requirements", testId: "timeout-requirements-input", value: requirementsTimeout, onChange: setRequirementsTimeout, onBlur: () => {
+                                                if (requirementsTimeout !== originalRequirementsTimeout)
+                                                    save(buildWorkflowPayload({ requirementsTimeout }));
+                                            }, defaultSeconds: 1800 }) }), _jsx(SettingsRow, { label: "Research", description: "Technical research timeout", htmlFor: "timeout-research", children: _jsx(TimeoutSlider, { id: "timeout-research", testId: "timeout-research-input", value: researchTimeout, onChange: setResearchTimeout, onBlur: () => {
+                                                if (researchTimeout !== originalResearchTimeout)
+                                                    save(buildWorkflowPayload({ researchTimeout }));
+                                            }, defaultSeconds: 1800 }) }), _jsx(SettingsRow, { label: "Plan", description: "Implementation planning timeout", htmlFor: "timeout-plan", children: _jsx(TimeoutSlider, { id: "timeout-plan", testId: "timeout-plan-input", value: planTimeout, onChange: setPlanTimeout, onBlur: () => {
+                                                if (planTimeout !== originalPlanTimeout)
+                                                    save(buildWorkflowPayload({ planTimeout }));
+                                            }, defaultSeconds: 1800 }) }), _jsx(SettingsRow, { label: "Implement", description: "Code implementation timeout", htmlFor: "timeout-implement", children: _jsx(TimeoutSlider, { id: "timeout-implement", testId: "timeout-implement-input", value: implementTimeout, onChange: setImplementTimeout, onBlur: () => {
+                                                if (implementTimeout !== originalImplementTimeout)
+                                                    save(buildWorkflowPayload({ implementTimeout }));
+                                            }, defaultSeconds: 1800 }) }), _jsx(SettingsRow, { label: "Merge", description: "PR creation and merge timeout", htmlFor: "timeout-merge", children: _jsx(TimeoutSlider, { id: "timeout-merge", testId: "timeout-merge-input", value: mergeTimeout, onChange: setMergeTimeout, onBlur: () => {
+                                                if (mergeTimeout !== originalMergeTimeout)
+                                                    save(buildWorkflowPayload({ mergeTimeout }));
+                                            }, defaultSeconds: 1800 }) }), _jsx(SubsectionLabel, { children: "Analyze Repository Agent" }), _jsx(SettingsRow, { label: "Analyze", description: "Repository analysis timeout", htmlFor: "timeout-analyze-repo", children: _jsx(TimeoutSlider, { id: "timeout-analyze-repo", testId: "timeout-analyze-repo-input", value: analyzeRepoTimeout, onChange: setAnalyzeRepoTimeout, onBlur: () => {
+                                                if (analyzeRepoTimeout !== originalAnalyzeRepoTimeout)
+                                                    save(buildWorkflowPayload({ analyzeRepoTimeout }));
+                                            }, defaultSeconds: 600 }) })] }), _jsx(SectionHint, { children: "Each agent has independently configurable stage timeouts. When a stage exceeds its timeout, the agent is terminated. Longer timeouts are useful for complex implementations. Feature agent defaults to 30 minutes per stage. Analyze repository agent defaults to 10 minutes." })] }), _jsxs("div", { id: "section-notifications", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: Bell, title: "Notifications", description: "How and when you get notified", testId: "notification-settings-section", children: [_jsx(SubsectionLabel, { children: "Channels" }), _jsx(SwitchRow, { label: "In-app", description: "Notifications inside the Shep UI", id: "notif-in-app", testId: "switch-in-app", checked: inApp, onChange: (v) => {
                                             setInApp(v);
                                             save(buildNotificationPayload({ inApp: v }));
                                         } }), _jsx(SwitchRow, { label: "Browser", description: "Push notifications via the browser", id: "notif-browser", testId: "switch-browser", checked: browser, onChange: (v) => {

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.d.ts

@@ -13,4 +13,5 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const AllSections: Story;
 export declare const EvidenceEnabled: Story;
+export declare const CustomTimeouts: Story;
 //# sourceMappingURL=settings-page-client.stories.d.ts.map

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;CAOiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC"}
+{"version":3,"file":"settings-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;CAOiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC"}

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.js

@@ -51,3 +51,26 @@ export const EvidenceEnabled = {
         dbFileSize: '2.4 MB',
     },
 };
+export const CustomTimeouts = {
+    args: {
+        settings: {
+            ...defaultSettings,
+            workflow: {
+                ...defaultSettings.workflow,
+                stageTimeouts: {
+                    analyzeMs: 300000,
+                    requirementsMs: 600000,
+                    researchMs: 900000,
+                    planMs: 600000,
+                    implementMs: 1800000,
+                    mergeMs: 600000,
+                },
+                analyzeRepoTimeouts: {
+                    analyzeMs: 300000,
+                },
+            },
+        },
+        shepHome: '/home/user/.shep',
+        dbFileSize: '2.4 MB',
+    },
+};

package/dist/src/presentation/web/components/features/settings/timeout-slider.d.ts

@@ -0,0 +1,11 @@
+export interface TimeoutSliderProps {
+    id: string;
+    testId: string;
+    /** Current value in seconds (as a string for form compatibility) */
+    value: string;
+    onChange: (value: string) => void;
+    onBlur: () => void;
+    defaultSeconds?: number;
+}
+export declare function TimeoutSlider({ id, testId, value, onChange, onBlur, defaultSeconds, }: TimeoutSliderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=timeout-slider.d.ts.map

package/dist/src/presentation/web/components/features/settings/timeout-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout-slider.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/timeout-slider.tsx"],"names":[],"mappings":"AAwCA,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAWD,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,MAAM,EACN,KAAK,EACL,QAAQ,EACR,MAAM,EACN,cAAqB,GACtB,EAAE,kBAAkB,2CAyCpB"}

package/dist/src/presentation/web/components/features/settings/timeout-slider.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { Slider } from '../../ui/slider.js';
+/** Fixed duration presets in seconds — slider snaps to these values */
+const PRESETS = [
+    60, // 1m
+    120, // 2m
+    300, // 5m
+    600, // 10m
+    900, // 15m
+    1800, // 30m
+    2700, // 45m
+    3600, // 1h
+    7200, // 2h
+    10800, // 3h
+    14400, // 4h
+    21600, // 6h
+    28800, // 8h
+    43200, // 12h
+    86400, // 24h
+];
+const SLIDER_MAX = PRESETS.length - 1;
+/** Find the closest preset index for a given seconds value */
+function secondsToIndex(seconds) {
+    let closest = 0;
+    let minDiff = Math.abs(seconds - PRESETS[0]);
+    for (let i = 1; i < PRESETS.length; i++) {
+        const diff = Math.abs(seconds - PRESETS[i]);
+        if (diff < minDiff) {
+            minDiff = diff;
+            closest = i;
+        }
+    }
+    return closest;
+}
+function formatDuration(totalSeconds) {
+    const hours = Math.floor(totalSeconds / 3600);
+    const minutes = Math.round((totalSeconds % 3600) / 60);
+    if (hours === 0)
+        return `${minutes}m`;
+    if (minutes === 0)
+        return `${hours}h`;
+    return `${hours}h ${minutes}m`;
+}
+export function TimeoutSlider({ id, testId, value, onChange, onBlur, defaultSeconds = 1800, }) {
+    const numValue = value === '' ? defaultSeconds : parseInt(value, 10);
+    const seconds = numValue || defaultSeconds;
+    // Local index state prevents snap-back during drag — updates immediately
+    // without waiting for the parent to re-render with the new value.
+    const [localIndex, setLocalIndex] = useState(() => secondsToIndex(seconds));
+    // Sync from props only when the resolved index actually differs
+    // (e.g. external reset or server push). Avoids overwriting during drag.
+    const propsIndex = secondsToIndex(seconds);
+    if (propsIndex !== localIndex && PRESETS[localIndex] !== seconds) {
+        setLocalIndex(propsIndex);
+    }
+    const handleChange = useCallback(([i]) => {
+        setLocalIndex(i);
+        onChange(String(PRESETS[i]));
+    }, [onChange]);
+    return (_jsxs("div", { className: "flex w-55 items-center gap-2", children: [_jsx(Slider, { id: id, "data-testid": testId, min: 0, max: SLIDER_MAX, step: 1, value: [localIndex], onValueChange: handleChange, onValueCommit: () => onBlur(), className: "min-w-0 flex-1" }), _jsx("span", { className: "text-muted-foreground shrink-0 text-right text-xs tabular-nums", children: formatDuration(PRESETS[localIndex]) })] }));
+}

package/dist/src/presentation/web/components/features/settings/timeout-slider.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TimeoutSlider } from './timeout-slider.js';
+declare const meta: Meta<typeof TimeoutSlider>;
+export default meta;
+type Story = StoryObj<typeof TimeoutSlider>;
+export declare const Default: Story;
+export declare const ShortTimeout: Story;
+export declare const LongTimeout: Story;
+export declare const AllStages: Story;
+//# sourceMappingURL=timeout-slider.stories.d.ts.map

package/dist/src/presentation/web/components/features/settings/timeout-slider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout-slider.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/timeout-slider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AA6B5C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC"}

package/dist/src/presentation/web/components/features/settings/timeout-slider.stories.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { TimeoutSlider } from './timeout-slider.js';
+const meta = {
+    title: 'Features/Settings/TimeoutSlider',
+    component: TimeoutSlider,
+};
+export default meta;
+function TimeoutSliderDemo({ label = 'Analyze', defaultSeconds = 1800, }) {
+    const [value, setValue] = useState(String(defaultSeconds));
+    return (_jsx("div", { style: { maxWidth: 500 }, children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 16 }, children: [_jsx("span", { style: { fontSize: 14 }, children: label }), _jsx(TimeoutSlider, { id: "demo-slider", testId: "demo-slider-input", value: value, onChange: setValue, onBlur: () => undefined, defaultSeconds: defaultSeconds })] }) }));
+}
+export const Default = {
+    render: () => _jsx(TimeoutSliderDemo, {}),
+};
+export const ShortTimeout = {
+    render: () => _jsx(TimeoutSliderDemo, { label: "Analyze Repo", defaultSeconds: 600 }),
+};
+export const LongTimeout = {
+    render: () => _jsx(TimeoutSliderDemo, { label: "Implement", defaultSeconds: 5400 }),
+};
+export const AllStages = {
+    render: () => (_jsxs("div", { style: { maxWidth: 500, display: 'flex', flexDirection: 'column', gap: 16 }, children: [_jsx(TimeoutSliderDemo, { label: "Analyze", defaultSeconds: 1800 }), _jsx(TimeoutSliderDemo, { label: "Requirements", defaultSeconds: 1800 }), _jsx(TimeoutSliderDemo, { label: "Research", defaultSeconds: 1800 }), _jsx(TimeoutSliderDemo, { label: "Plan", defaultSeconds: 1800 }), _jsx(TimeoutSliderDemo, { label: "Implement", defaultSeconds: 1800 }), _jsx(TimeoutSliderDemo, { label: "Merge", defaultSeconds: 1800 })] })),
+};

package/dist/src/presentation/web/components/features/settings/workflow-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/workflow-settings-section.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAE3E,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CAgQjF"}
+{"version":3,"file":"workflow-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/workflow-settings-section.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAE3E,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CA0ajF"}

package/dist/src/presentation/web/components/features/settings/workflow-settings-section.js

@@ -9,6 +9,7 @@ import { Input } from '../../ui/input.js';
 import { Switch } from '../../ui/switch.js';
 import { Separator } from '../../ui/separator.js';
 import { updateSettingsAction } from '../../../app/actions/update-settings.js';
+import { TimeoutSlider } from '../../features/settings/timeout-slider.js';
 export function WorkflowSettingsSection({ workflow }) {
     const [openPr, setOpenPr] = useState(workflow.openPrOnImplementationComplete);
     const [pushOnComplete, setPushOnComplete] = useState(workflow.approvalGateDefaults.pushOnImplementationComplete);
@@ -18,6 +19,18 @@ export function WorkflowSettingsSection({ workflow }) {
     const [ciMaxFix, setCiMaxFix] = useState(workflow.ciMaxFixAttempts != null ? String(workflow.ciMaxFixAttempts) : '');
     const [ciTimeout, setCiTimeout] = useState(workflow.ciWatchTimeoutMs != null ? String(Math.round(workflow.ciWatchTimeoutMs / 1000)) : '');
     const [ciLogMax, setCiLogMax] = useState(workflow.ciLogMaxChars != null ? String(workflow.ciLogMaxChars) : '');
+    // Per-stage timeout states (seconds for display)
+    // Defaults: feature agent stages = 1_800_000 ms (1800s), analyze-repo = 600_000 ms (600s)
+    const st = workflow.stageTimeouts;
+    const [analyzeTimeout, setAnalyzeTimeout] = useState(String(Math.round((st?.analyzeMs ?? 1_800_000) / 1000)));
+    const [requirementsTimeout, setRequirementsTimeout] = useState(String(Math.round((st?.requirementsMs ?? 1_800_000) / 1000)));
+    const [researchTimeout, setResearchTimeout] = useState(String(Math.round((st?.researchMs ?? 1_800_000) / 1000)));
+    const [planTimeout, setPlanTimeout] = useState(String(Math.round((st?.planMs ?? 1_800_000) / 1000)));
+    const [implementTimeout, setImplementTimeout] = useState(String(Math.round((st?.implementMs ?? 1_800_000) / 1000)));
+    const [mergeTimeout, setMergeTimeout] = useState(String(Math.round((st?.mergeMs ?? 1_800_000) / 1000)));
+    // Analyze-repo agent timeout state
+    const art = workflow.analyzeRepoTimeouts;
+    const [analyzeRepoTimeout, setAnalyzeRepoTimeout] = useState(String(Math.round((art?.analyzeMs ?? 600_000) / 1000)));
     const [isPending, startTransition] = useTransition();
     const [showSaved, setShowSaved] = useState(false);
     const prevPendingRef = useRef(false);
@@ -35,6 +48,10 @@ export function WorkflowSettingsSection({ workflow }) {
         const n = parseInt(value, 10);
         return Number.isNaN(n) || n <= 0 ? undefined : n;
     }
+    function secondsToMs(val) {
+        const n = parseOptionalInt(val);
+        return n != null ? n * 1000 : undefined;
+    }
     function buildPayload(overrides = {}) {
         const timeoutSeconds = parseOptionalInt(overrides.ciTimeout ?? ciTimeout);
         return {
@@ -49,6 +66,17 @@ export function WorkflowSettingsSection({ workflow }) {
                 ciMaxFixAttempts: parseOptionalInt(overrides.ciMaxFix ?? ciMaxFix),
                 ciWatchTimeoutMs: timeoutSeconds != null ? timeoutSeconds * 1000 : undefined,
                 ciLogMaxChars: parseOptionalInt(overrides.ciLogMax ?? ciLogMax),
+                stageTimeouts: {
+                    analyzeMs: secondsToMs(overrides.analyzeTimeout ?? analyzeTimeout),
+                    requirementsMs: secondsToMs(overrides.requirementsTimeout ?? requirementsTimeout),
+                    researchMs: secondsToMs(overrides.researchTimeout ?? researchTimeout),
+                    planMs: secondsToMs(overrides.planTimeout ?? planTimeout),
+                    implementMs: secondsToMs(overrides.implementTimeout ?? implementTimeout),
+                    mergeMs: secondsToMs(overrides.mergeTimeout ?? mergeTimeout),
+                },
+                analyzeRepoTimeouts: {
+                    analyzeMs: secondsToMs(overrides.analyzeRepoTimeout ?? analyzeRepoTimeout),
+                },
             },
         };
     }
@@ -64,7 +92,7 @@ export function WorkflowSettingsSection({ workflow }) {
         setter(value);
         save({ [key]: value });
     }
-    function handleCiFieldBlur(key, currentValue, originalValue) {
+    function handleFieldBlur(key, currentValue, originalValue) {
         if (currentValue !== originalValue) {
             save({ [key]: currentValue });
         }
@@ -72,5 +100,72 @@ export function WorkflowSettingsSection({ workflow }) {
     const originalCiMaxFix = workflow.ciMaxFixAttempts != null ? String(workflow.ciMaxFixAttempts) : '';
     const originalCiTimeout = workflow.ciWatchTimeoutMs != null ? String(Math.round(workflow.ciWatchTimeoutMs / 1000)) : '';
     const originalCiLogMax = workflow.ciLogMaxChars != null ? String(workflow.ciLogMaxChars) : '';
-    return (_jsxs(Card, { id: "workflow", className: "scroll-mt-6", "data-testid": "workflow-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(GitBranch, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Workflow" })] }), isPending ? _jsx("span", { className: "text-muted-foreground text-xs", children: "Saving..." }) : null, showSaved && !isPending ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), "Saved"] })) : null] }), _jsx(CardDescription, { children: "Configure PR behavior, approval gates, and CI settings" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "open-pr", children: "Open PR on implementation complete" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Automatically create a pull request when the agent finishes" })] }), _jsx(Switch, { id: "open-pr", "data-testid": "switch-open-pr", checked: openPr, onCheckedChange: (v) => handleSwitchChange('openPr', setOpenPr, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "push-on-complete", children: "Push on implementation complete" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Push the branch to remote when implementation is done" })] }), _jsx(Switch, { id: "push-on-complete", "data-testid": "switch-push-on-complete", checked: pushOnComplete, onCheckedChange: (v) => handleSwitchChange('pushOnComplete', setPushOnComplete, v) })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Approval Gates" }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-prd", children: "PRD auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for product requirement documents" })] }), _jsx(Switch, { id: "allow-prd", "data-testid": "switch-allow-prd", checked: allowPrd, onCheckedChange: (v) => handleSwitchChange('allowPrd', setAllowPrd, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-plan", children: "Plan auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for implementation plans" })] }), _jsx(Switch, { id: "allow-plan", "data-testid": "switch-allow-plan", checked: allowPlan, onCheckedChange: (v) => handleSwitchChange('allowPlan', setAllowPlan, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-merge", children: "Merge auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for PR merges" })] }), _jsx(Switch, { id: "allow-merge", "data-testid": "switch-allow-merge", checked: allowMerge, onCheckedChange: (v) => handleSwitchChange('allowMerge', setAllowMerge, v) })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "CI Settings" }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-max-fix", children: "Max fix attempts" }), _jsx(Input, { id: "ci-max-fix", "data-testid": "ci-max-fix-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", min: 1, max: 10, placeholder: "e.g., 3", value: ciMaxFix, onChange: (e) => setCiMaxFix(e.target.value), onBlur: () => handleCiFieldBlur('ciMaxFix', ciMaxFix, originalCiMaxFix) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "How many times the agent retries fixing CI failures" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-timeout", children: "Watch timeout (seconds)" }), _jsx(Input, { id: "ci-timeout", "data-testid": "ci-timeout-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "e.g., 300", value: ciTimeout, onChange: (e) => setCiTimeout(e.target.value), onBlur: () => handleCiFieldBlur('ciTimeout', ciTimeout, originalCiTimeout) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "How long to wait for CI to complete before timing out" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-log-max", children: "Max log characters" }), _jsx(Input, { id: "ci-log-max", "data-testid": "ci-log-max-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "e.g., 50000", value: ciLogMax, onChange: (e) => setCiLogMax(e.target.value), onBlur: () => handleCiFieldBlur('ciLogMax', ciLogMax, originalCiLogMax) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Maximum characters to capture from CI logs" })] })] })] })] }));
+    const originalAnalyzeTimeout = st?.analyzeMs != null ? String(Math.round(st.analyzeMs / 1000)) : '';
+    const originalRequirementsTimeout = st?.requirementsMs != null ? String(Math.round(st.requirementsMs / 1000)) : '';
+    const originalResearchTimeout = st?.researchMs != null ? String(Math.round(st.researchMs / 1000)) : '';
+    const originalPlanTimeout = st?.planMs != null ? String(Math.round(st.planMs / 1000)) : '';
+    const originalImplementTimeout = st?.implementMs != null ? String(Math.round(st.implementMs / 1000)) : '';
+    const originalMergeTimeout = st?.mergeMs != null ? String(Math.round(st.mergeMs / 1000)) : '';
+    const originalAnalyzeRepoTimeout = art?.analyzeMs != null ? String(Math.round(art.analyzeMs / 1000)) : '';
+    const FEATURE_AGENT_FIELDS = [
+        {
+            key: 'analyzeTimeout',
+            label: 'Analyze',
+            defaultSeconds: 1800,
+            state: analyzeTimeout,
+            setter: setAnalyzeTimeout,
+            original: originalAnalyzeTimeout,
+        },
+        {
+            key: 'requirementsTimeout',
+            label: 'Requirements',
+            defaultSeconds: 1800,
+            state: requirementsTimeout,
+            setter: setRequirementsTimeout,
+            original: originalRequirementsTimeout,
+        },
+        {
+            key: 'researchTimeout',
+            label: 'Research',
+            defaultSeconds: 1800,
+            state: researchTimeout,
+            setter: setResearchTimeout,
+            original: originalResearchTimeout,
+        },
+        {
+            key: 'planTimeout',
+            label: 'Plan',
+            defaultSeconds: 1800,
+            state: planTimeout,
+            setter: setPlanTimeout,
+            original: originalPlanTimeout,
+        },
+        {
+            key: 'implementTimeout',
+            label: 'Implement',
+            defaultSeconds: 1800,
+            state: implementTimeout,
+            setter: setImplementTimeout,
+            original: originalImplementTimeout,
+        },
+        {
+            key: 'mergeTimeout',
+            label: 'Merge',
+            defaultSeconds: 1800,
+            state: mergeTimeout,
+            setter: setMergeTimeout,
+            original: originalMergeTimeout,
+        },
+    ];
+    const ANALYZE_REPO_FIELDS = [
+        {
+            key: 'analyzeRepoTimeout',
+            label: 'Analyze',
+            defaultSeconds: 600,
+            state: analyzeRepoTimeout,
+            setter: setAnalyzeRepoTimeout,
+            original: originalAnalyzeRepoTimeout,
+        },
+    ];
+    return (_jsxs(Card, { id: "workflow", className: "scroll-mt-6", "data-testid": "workflow-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(GitBranch, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Workflow" })] }), isPending ? _jsx("span", { className: "text-muted-foreground text-xs", children: "Saving..." }) : null, showSaved && !isPending ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), "Saved"] })) : null] }), _jsx(CardDescription, { children: "Configure PR behavior, approval gates, and CI settings" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "open-pr", children: "Open PR on implementation complete" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Automatically create a pull request when the agent finishes" })] }), _jsx(Switch, { id: "open-pr", "data-testid": "switch-open-pr", checked: openPr, onCheckedChange: (v) => handleSwitchChange('openPr', setOpenPr, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "push-on-complete", children: "Push on implementation complete" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Push the branch to remote when implementation is done" })] }), _jsx(Switch, { id: "push-on-complete", "data-testid": "switch-push-on-complete", checked: pushOnComplete, onCheckedChange: (v) => handleSwitchChange('pushOnComplete', setPushOnComplete, v) })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Approval Gates" }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-prd", children: "PRD auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for product requirement documents" })] }), _jsx(Switch, { id: "allow-prd", "data-testid": "switch-allow-prd", checked: allowPrd, onCheckedChange: (v) => handleSwitchChange('allowPrd', setAllowPrd, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-plan", children: "Plan auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for implementation plans" })] }), _jsx(Switch, { id: "allow-plan", "data-testid": "switch-allow-plan", checked: allowPlan, onCheckedChange: (v) => handleSwitchChange('allowPlan', setAllowPlan, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-merge", children: "Merge auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for PR merges" })] }), _jsx(Switch, { id: "allow-merge", "data-testid": "switch-allow-merge", checked: allowMerge, onCheckedChange: (v) => handleSwitchChange('allowMerge', setAllowMerge, v) })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "CI Settings" }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-max-fix", children: "Max fix attempts" }), _jsx(Input, { id: "ci-max-fix", "data-testid": "ci-max-fix-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", min: 1, max: 10, placeholder: "e.g., 3", value: ciMaxFix, onChange: (e) => setCiMaxFix(e.target.value), onBlur: () => handleFieldBlur('ciMaxFix', ciMaxFix, originalCiMaxFix) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "How many times the agent retries fixing CI failures" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-timeout", children: "Watch timeout (seconds)" }), _jsx(Input, { id: "ci-timeout", "data-testid": "ci-timeout-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "e.g., 300", value: ciTimeout, onChange: (e) => setCiTimeout(e.target.value), onBlur: () => handleFieldBlur('ciTimeout', ciTimeout, originalCiTimeout) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "How long to wait for CI to complete before timing out" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-log-max", children: "Max log characters" }), _jsx(Input, { id: "ci-log-max", "data-testid": "ci-log-max-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "e.g., 50000", value: ciLogMax, onChange: (e) => setCiLogMax(e.target.value), onBlur: () => handleFieldBlur('ciLogMax', ciLogMax, originalCiLogMax) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Maximum characters to capture from CI logs" })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Stage Timeouts" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Maximum execution time per agent stage" }), _jsx("h4", { className: "text-muted-foreground text-xs font-semibold tracking-wider uppercase", children: "Feature Agent" }), FEATURE_AGENT_FIELDS.map((field) => (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx(Label, { htmlFor: `stage-timeout-${field.key}`, children: field.label }), _jsx(TimeoutSlider, { id: `stage-timeout-${field.key}`, testId: `stage-timeout-${field.key}-input`, value: field.state, onChange: field.setter, onBlur: () => handleFieldBlur(field.key, field.state, field.original), defaultSeconds: field.defaultSeconds })] }, field.key))), _jsx("h4", { className: "text-muted-foreground pt-2 text-xs font-semibold tracking-wider uppercase", children: "Analyze Repository Agent" }), ANALYZE_REPO_FIELDS.map((field) => (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx(Label, { htmlFor: `stage-timeout-${field.key}`, children: field.label }), _jsx(TimeoutSlider, { id: `stage-timeout-${field.key}`, testId: `stage-timeout-${field.key}-input`, value: field.state, onChange: field.setter, onBlur: () => handleFieldBlur(field.key, field.state, field.original), defaultSeconds: field.defaultSeconds })] }, field.key)))] })] })] }));
 }

package/dist/src/presentation/web/components/features/settings/workflow-settings-section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/workflow-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,QAAA,MAAM,IAAI;;;;;;;CAOsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAiB5B,CAAC"}
+{"version":3,"file":"workflow-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/workflow-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,QAAA,MAAM,IAAI;;;;;;;CAOsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAC"}

package/dist/src/presentation/web/components/features/settings/workflow-settings-section.stories.js

@@ -36,6 +36,17 @@ export const AllEnabled = {
             ciMaxFixAttempts: 3,
             ciWatchTimeoutMs: 300000,
             ciLogMaxChars: 50000,
+            stageTimeouts: {
+                analyzeMs: 600000,
+                requirementsMs: 600000,
+                researchMs: 600000,
+                planMs: 600000,
+                implementMs: 600000,
+                mergeMs: 600000,
+            },
+            analyzeRepoTimeouts: {
+                analyzeMs: 600000,
+            },
             enableEvidence: true,
             commitEvidence: true,
         },
@@ -54,6 +65,17 @@ export const WithCiSettings = {
             ciMaxFixAttempts: 5,
             ciWatchTimeoutMs: 600000,
             ciLogMaxChars: 100000,
+            stageTimeouts: {
+                analyzeMs: 1200000,
+                requirementsMs: 1200000,
+                researchMs: 1200000,
+                planMs: 1200000,
+                implementMs: 1200000,
+                mergeMs: 1200000,
+            },
+            analyzeRepoTimeouts: {
+                analyzeMs: 1200000,
+            },
             enableEvidence: false,
             commitEvidence: false,
         },

package/dist/src/presentation/web/components/ui/slider.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Slider as SliderPrimitive } from 'radix-ui';
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map