@shepai/cli 1.117.0-pr367.ca5b6ac → 1.117.0-pr376.0b9d7e1

package/dist/src/presentation/web/app/actions/open-shell.js

@@ -5,11 +5,19 @@ import { isAbsolute } from 'node:path';
 import { spawn } from 'node:child_process';
 import { getSettings } from '../../../../../packages/core/src/infrastructure/services/settings.service.js';
 import { computeWorktreePath } from '../../../../../packages/core/src/infrastructure/services/ide-launchers/compute-worktree-path.js';
-// Use a record lookup instead of if/else to prevent the bundler from
+import { getTerminalEntries } from '../../../../../packages/core/src/infrastructure/services/tool-installer/tool-metadata.js';
+/** Resolves a platform-keyed value to the current platform string. */
+function resolvePlatformValue(value) {
+    if (typeof value === 'string')
+        return value;
+    return value[platform()] ?? Object.values(value)[0];
+}
+// Fallback commands for the "system" terminal when no tool metadata entry exists.
+// Uses a record lookup instead of if/else to prevent the bundler from
 // tree-shaking platform branches at build time. Turbopack evaluates
 // os.platform() during the build and dead-code-eliminates unused branches,
 // baking in the CI platform (linux) and breaking macOS/Windows installs.
-const SHELL_COMMANDS = {
+const SYSTEM_TERMINAL_COMMANDS = {
     darwin: { cmd: 'open', args: (p) => ['-a', 'Terminal', p] },
     linux: { cmd: 'x-terminal-emulator', args: (p) => [`--working-directory=${p}`] },
     win32: {
@@ -25,11 +33,47 @@ export async function openShell(input) {
     try {
         const settings = getSettings();
         const shell = settings.environment.shellPreference;
+        const terminalPref = settings.environment.terminalPreference ?? 'system';
         const targetPath = branch ? computeWorktreePath(repositoryPath, branch) : repositoryPath;
         if (!existsSync(targetPath)) {
             return { success: false, error: `Path does not exist: ${targetPath}` };
         }
-        const entry = SHELL_COMMANDS[platform()];
+        // Try to find the terminal in tool metadata for non-system terminals
+        if (terminalPref !== 'system') {
+            const entries = getTerminalEntries();
+            const terminalEntry = entries.find(([id]) => id === terminalPref);
+            if (terminalEntry) {
+                const [, meta] = terminalEntry;
+                if (meta.openDirectory) {
+                    const openCmd = resolvePlatformValue(meta.openDirectory);
+                    if (openCmd.includes('{dir}')) {
+                        const resolved = openCmd.replace('{dir}', targetPath);
+                        const useShell = meta.spawnOptions?.shell === true;
+                        if (useShell) {
+                            const child = spawn(resolved, [], {
+                                detached: true,
+                                stdio: 'ignore',
+                                shell: true,
+                            });
+                            child.on('error', () => undefined);
+                            child.unref();
+                        }
+                        else {
+                            const [command, ...args] = resolved.split(/\s+/);
+                            const child = spawn(command, args, {
+                                detached: true,
+                                stdio: 'ignore',
+                            });
+                            child.on('error', () => undefined);
+                            child.unref();
+                        }
+                        return { success: true, path: targetPath, shell };
+                    }
+                }
+            }
+        }
+        // Fallback to system terminal
+        const entry = SYSTEM_TERMINAL_COMMANDS[platform()];
         if (!entry) {
             return {
                 success: false,

package/dist/src/presentation/web/app/settings/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/settings/page.tsx"],"names":[],"mappings":"AAGA,uFAAuF;AACvF,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,wBAA8B,YAAY,qDAoBzC"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/settings/page.tsx"],"names":[],"mappings":"AAIA,uFAAuF;AACvF,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,wBAA8B,YAAY,qDAwBzC"}

package/dist/src/presentation/web/app/settings/page.js

@@ -1,12 +1,16 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { loadSettings } from '../actions/load-settings.js';
+import { getAvailableTerminals } from '../actions/get-available-terminals.js';
 import { SettingsPageClient } from '../../components/features/settings/settings-page-client.js';
 /** Skip static pre-rendering since we need runtime DI container and server context. */
 export const dynamic = 'force-dynamic';
 export default async function SettingsPage() {
-    const { settings, shepHome, dbFileSize, error } = await loadSettings();
+    const [{ settings, shepHome, dbFileSize, error }, availableTerminals] = await Promise.all([
+        loadSettings(),
+        getAvailableTerminals(),
+    ]);
     if (error || !settings) {
         return (_jsx("div", { className: "flex h-full flex-col p-6", children: _jsxs("p", { className: "text-destructive text-sm", children: ["Failed to load settings: ", error] }) }));
     }
-    return (_jsx("div", { className: "flex h-full flex-col px-6 pb-6", children: _jsx(SettingsPageClient, { settings: settings, shepHome: shepHome ?? '', dbFileSize: dbFileSize ?? 'Unknown' }) }));
+    return (_jsx("div", { className: "flex h-full flex-col px-6 pb-6", children: _jsx(SettingsPageClient, { settings: settings, shepHome: shepHome ?? '', dbFileSize: dbFileSize ?? 'Unknown', availableTerminals: availableTerminals }) }));
 }

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

@@ -1,6 +1,8 @@
 import type { EnvironmentConfig } from '../../../../../../packages/core/src/domain/generated/output.js';
+import type { AvailableTerminal } from '../../../app/actions/get-available-terminals.js';
 export interface EnvironmentSettingsSectionProps {
     environment: EnvironmentConfig;
+    availableTerminals?: AvailableTerminal[];
 }
-export declare function EnvironmentSettingsSection({ environment }: EnvironmentSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function EnvironmentSettingsSection({ environment, availableTerminals, }: EnvironmentSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=environment-settings-section.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"environment-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAgB9E,MAAM,WAAW,+BAA+B;IAC9C,WAAW,EAAE,iBAAiB,CAAC;CAChC;AAED,wBAAgB,0BAA0B,CAAC,EAAE,WAAW,EAAE,EAAE,+BAA+B,2CAwF1F"}
+{"version":3,"file":"environment-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAgB/E,MAAM,WAAW,+BAA+B;IAC9C,WAAW,EAAE,iBAAiB,CAAC;IAC/B,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AAED,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,kBAAkB,GACnB,EAAE,+BAA+B,2CAuIjC"}

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

@@ -7,7 +7,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../..
 import { Label } from '../../ui/label.js';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
 import { updateSettingsAction } from '../../../app/actions/update-settings.js';
-import { EditorType } from '../../../../../../packages/core/src/domain/generated/output.js';
+import { EditorType, TerminalType } from '../../../../../../packages/core/src/domain/generated/output.js';
 const EDITOR_OPTIONS = [
     { value: EditorType.VsCode, label: 'VS Code' },
     { value: EditorType.Cursor, label: 'Cursor' },
@@ -20,9 +20,10 @@ const SHELL_OPTIONS = [
     { value: 'zsh', label: 'Zsh' },
     { value: 'fish', label: 'Fish' },
 ];
-export function EnvironmentSettingsSection({ environment }) {
+export function EnvironmentSettingsSection({ environment, availableTerminals, }) {
     const [editor, setEditor] = useState(environment.defaultEditor);
     const [shell, setShell] = useState(environment.shellPreference);
+    const [terminal, setTerminal] = useState(environment.terminalPreference ?? TerminalType.System);
     const [isPending, startTransition] = useTransition();
     const [showSaved, setShowSaved] = useState(false);
     const prevPendingRef = useRef(false);
@@ -44,11 +45,37 @@ export function EnvironmentSettingsSection({ environment }) {
     }
     function handleEditorChange(value) {
         setEditor(value);
-        save({ environment: { defaultEditor: value, shellPreference: shell } });
+        save({
+            environment: {
+                defaultEditor: value,
+                shellPreference: shell,
+                terminalPreference: terminal,
+            },
+        });
     }
     function handleShellChange(value) {
         setShell(value);
-        save({ environment: { defaultEditor: editor, shellPreference: value } });
+        save({
+            environment: {
+                defaultEditor: editor,
+                shellPreference: value,
+                terminalPreference: terminal,
+            },
+        });
+    }
+    function handleTerminalChange(value) {
+        setTerminal(value);
+        save({
+            environment: {
+                defaultEditor: editor,
+                shellPreference: shell,
+                terminalPreference: value,
+            },
+        });
     }
-    return (_jsxs(Card, { id: "environment", className: "scroll-mt-6", "data-testid": "environment-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(Terminal, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "IDE & Terminal" })] }), 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 your default editor and shell preferences" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "default-editor", children: "Default Editor" }), _jsxs(Select, { value: editor, onValueChange: handleEditorChange, children: [_jsx(SelectTrigger, { id: "default-editor", "data-testid": "editor-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: EDITOR_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "shell-preference", children: "Shell Preference" }), _jsxs(Select, { value: shell, onValueChange: handleShellChange, children: [_jsx(SelectTrigger, { id: "shell-preference", "data-testid": "shell-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: SHELL_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] })] })] }));
+    // Filter to only show installed terminals
+    const terminalOptions = availableTerminals
+        ? availableTerminals.filter((t) => t.available)
+        : [{ id: TerminalType.System, name: 'System Terminal', available: true }];
+    return (_jsxs(Card, { id: "environment", className: "scroll-mt-6", "data-testid": "environment-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(Terminal, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "IDE & Terminal" })] }), 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 your default editor, shell, and terminal preferences" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "default-editor", children: "Default Editor" }), _jsxs(Select, { value: editor, onValueChange: handleEditorChange, children: [_jsx(SelectTrigger, { id: "default-editor", "data-testid": "editor-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: EDITOR_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "shell-preference", children: "Shell Preference" }), _jsxs(Select, { value: shell, onValueChange: handleShellChange, children: [_jsx(SelectTrigger, { id: "shell-preference", "data-testid": "shell-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: SHELL_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "terminal-preference", children: "Terminal Emulator" }), _jsxs(Select, { value: terminal, onValueChange: handleTerminalChange, children: [_jsx(SelectTrigger, { id: "terminal-preference", "data-testid": "terminal-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: terminalOptions.map((opt) => (_jsx(SelectItem, { value: opt.id, children: opt.name }, opt.id))) })] })] })] })] }));
 }

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

@@ -12,4 +12,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const CursorWithZsh: Story;
+export declare const WarpSelected: Story;
+export declare const OnlySystemTerminal: Story;
 //# sourceMappingURL=environment-settings-section.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"environment-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAG5E,QAAA,MAAM,IAAI;;;;;;;CAOyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC"}
+{"version":3,"file":"environment-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAG5E,QAAA,MAAM,IAAI;;;;;;;CAOyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAC"}

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

@@ -1,5 +1,5 @@
 import { EnvironmentSettingsSection } from './environment-settings-section.js';
-import { EditorType } from '../../../../../../packages/core/src/domain/generated/output.js';
+import { EditorType, TerminalType } from '../../../../../../packages/core/src/domain/generated/output.js';
 const meta = {
     title: 'Features/Settings/EnvironmentSettingsSection',
     component: EnvironmentSettingsSection,
@@ -14,7 +14,13 @@ export const Default = {
         environment: {
             defaultEditor: EditorType.VsCode,
             shellPreference: 'bash',
+            terminalPreference: TerminalType.System,
         },
+        availableTerminals: [
+            { id: 'system', name: 'System Terminal', available: true },
+            { id: 'warp', name: 'Warp', available: true },
+            { id: 'iterm2', name: 'iTerm2', available: true },
+        ],
     },
 };
 export const CursorWithZsh = {
@@ -22,6 +28,33 @@ export const CursorWithZsh = {
         environment: {
             defaultEditor: EditorType.Cursor,
             shellPreference: 'zsh',
+            terminalPreference: TerminalType.System,
+        },
+        availableTerminals: [{ id: 'system', name: 'System Terminal', available: true }],
+    },
+};
+export const WarpSelected = {
+    args: {
+        environment: {
+            defaultEditor: EditorType.VsCode,
+            shellPreference: 'zsh',
+            terminalPreference: TerminalType.Warp,
+        },
+        availableTerminals: [
+            { id: 'system', name: 'System Terminal', available: true },
+            { id: 'warp', name: 'Warp', available: true },
+            { id: 'iterm2', name: 'iTerm2', available: true },
+            { id: 'alacritty', name: 'Alacritty', available: true },
+            { id: 'kitty', name: 'Kitty', available: true },
+        ],
+    },
+};
+export const OnlySystemTerminal = {
+    args: {
+        environment: {
+            defaultEditor: EditorType.VsCode,
+            shellPreference: 'bash',
+            terminalPreference: TerminalType.System,
         },
     },
 };

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

@@ -1,8 +1,10 @@
 import type { Settings } from '../../../../../../packages/core/src/domain/generated/output.js';
+import type { AvailableTerminal } from '../../../app/actions/get-available-terminals.js';
 export interface SettingsPageClientProps {
     settings: Settings;
     shepHome: string;
     dbFileSize: string;
+    availableTerminals?: AvailableTerminal[];
 }
-export declare function SettingsPageClient({ settings, shepHome, dbFileSize }: SettingsPageClientProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsPageClient({ settings, shepHome, dbFileSize, availableTerminals, }: SettingsPageClientProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=settings-page-client.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EACV,QAAQ,EAGT,MAAM,sCAAsC,CAAC;AA0B9C,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AA6QD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,uBAAuB,2CA4iC7F"}
+{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EACV,QAAQ,EAGT,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAgC/E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AA6QD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,kBAAkB,GACnB,EAAE,uBAAuB,2CA4nCzB"}

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

@@ -11,7 +11,7 @@ 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';
@@ -26,6 +26,11 @@ 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 },
@@ -115,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
@@ -125,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);
@@ -299,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) => {

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAG/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAEhC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,GACf,EAAE,eAAe,2CAsHjB"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAG/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAEhC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,GACf,EAAE,eAAe,2CAgHjB"}

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation';
-import { Home, Wrench, Puzzle, Settings, Webhook } from 'lucide-react';
+import { Home, Wrench, Puzzle, Settings } from 'lucide-react';
 import { Sidebar, SidebarHeader, SidebarContent, SidebarMenu, SidebarMenuItem, SidebarRail, useSidebar, } from '../../ui/sidebar.js';
 import { ScrollArea } from '../../ui/scroll-area.js';
 import { SidebarNavItem } from '../../common/sidebar-nav-item/index.js';
@@ -29,7 +29,7 @@ export function AppSidebar({ features, featureFlags, onFeatureClick, }) {
                                             'flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2',
                                             'transition-opacity duration-200 ease-out',
                                             expandedVisible ? 'opacity-100' : 'opacity-0',
-                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: versionData.isDev ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: "Skills", href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Webhook, label: "Webhooks", href: "/webhooks", active: pathname === '/webhooks' }), _jsx(SidebarNavItem, { icon: Settings, label: "Settings", href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
+                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: versionData.isDev ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: "Skills", href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: "Settings", href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
                         'min-w-0 overflow-hidden transition-opacity duration-200 ease-out',
                         '[&_[data-sidebar=group-label]]:!mt-0 [&_[data-sidebar=group-label]]:!opacity-100 [&_[data-sidebar=group-label]]:!transition-none',
                         expandedVisible ? 'opacity-100' : 'opacity-0',

package/dist/src/presentation/web/dev-server.js

@@ -20,7 +20,6 @@ import { initializeSettings } from '../../../packages/core/src/infrastructure/se
 import { initializeNotificationWatcher, getNotificationWatcher, } from '../../../packages/core/src/infrastructure/services/notifications/notification-watcher.service.js';
 import { initializePrSyncWatcher, getPrSyncWatcher, } from '../../../packages/core/src/infrastructure/services/pr-sync/pr-sync-watcher.service.js';
 import { getExistingConnection } from '../../../packages/core/src/infrastructure/persistence/sqlite/connection.js';
-import { initializeWebhookManager, getWebhookManager, hasWebhookManager, } from '../../../packages/core/src/infrastructure/services/webhook/webhook-manager.service.js';
 const DEFAULT_PORT = 3000;
 async function isPortAvailable(port) {
     return new Promise((resolve) => {
@@ -69,17 +68,6 @@ async function main() {
         const db = getExistingConnection();
         initializePrSyncWatcher(featureRepo, runRepo, gitPrService, notificationService, undefined, db);
         getPrSyncWatcher().start();
-        // Start webhook system (optional — falls back to polling if cloudflared is not installed)
-        try {
-            const tunnelService = container.resolve('ITunnelService');
-            const webhookService = container.resolve('IWebhookService');
-            initializeWebhookManager(tunnelService, webhookService);
-            // Start is async and non-blocking — failures are logged, not thrown
-            void getWebhookManager().start(port);
-        }
-        catch (error) {
-            console.warn('[dev-server] Webhook system init failed (using polling fallback):', error);
-        }
     }
     catch (error) {
         console.warn('[dev-server] DI initialization failed — features will be empty:', error);
@@ -119,14 +107,6 @@ async function main() {
         console.log('\n[dev-server] Shutting down...');
         const forceExit = setTimeout(() => process.exit(0), 2000);
         try {
-            try {
-                if (hasWebhookManager()) {
-                    await getWebhookManager().stop();
-                }
-            }
-            catch {
-                /* not initialized */
-            }
             try {
                 getNotificationWatcher().stop();
             }