feat(ui): add default terminal to settings

Author: peaklabs-dev

apps/desktop/src/components/profileSettings/GeneralSettings.svelte

@@ -7,7 +7,11 @@
 	import { SETTINGS_SERVICE } from '$lib/config/appSettingsV2';
 	import { showError } from '$lib/notifications/toasts';
 	import { PROJECTS_SERVICE } from '$lib/project/projectsService';
-	import { SETTINGS, type CodeEditorSettings } from '$lib/settings/userSettings';
+	import {
+		SETTINGS,
+		type CodeEditorSettings,
+		type TerminalSettings
+	} from '$lib/settings/userSettings';
 	import { UPDATER_SERVICE } from '$lib/updater/updater';
 	import { USER_SERVICE } from '$lib/user/userService';
 
@@ -58,6 +62,19 @@
 		label: option.displayName,
 		value: option.schemeIdentifer
 	}));
+	const terminalOptions: TerminalSettings[] = [
+		{ appName: 'Terminal.app', displayName: 'Terminal' },
+		{ appName: 'Ghostty.app', displayName: 'Ghostty' },
+		{ appName: 'Warp.app', displayName: 'Warp' },
+		{ appName: 'iTerm.app', displayName: 'iTerm 2' },
+		{ appName: 'Alacritty.app', displayName: 'Alacritty' },
+		{ appName: 'WezTerm.app', displayName: 'WezTerm' },
+		{ appName: 'Hyper.app', displayName: 'Hyper' }
+	];
+	const terminalOptionsForSelect = terminalOptions.map((option) => ({
+		label: option.displayName,
+		value: option.appName
+	}));
 
 	$effect(() => {
 		if ($user && !loaded) {
@@ -201,6 +218,30 @@
 	{/snippet}
 </SectionCard>
 
+<SectionCard orientation="row" centerAlign>
+	{#snippet title()}
+		Default terminal
+	{/snippet}
+	{#snippet actions()}
+		<Select
+			value={$userSettings.defaultTerminal.appName}
+			options={terminalOptionsForSelect}
+			onselect={(value) => {
+				const selected = terminalOptions.find((option) => option.appName === value);
+				if (selected) {
+					userSettings.update((s) => ({ ...s, defaultTerminal: selected }));
+				}
+			}}
+		>
+			{#snippet itemSnippet({ item, highlighted })}
+				<SelectItem selected={item.value === $userSettings.defaultTerminal.appName} {highlighted}>
+					{item.label}
+				</SelectItem>
+			{/snippet}
+		</Select>
+	{/snippet}
+</SectionCard>
+
 <SectionCard labelFor="disable-auto-checks" orientation="row">
 	{#snippet title()}
 		Automatically check for updates

apps/desktop/src/lib/settings/userSettings.ts

@@ -9,6 +9,10 @@ export type CodeEditorSettings = {
 	schemeIdentifer: string;
 	displayName: string;
 };
+export type TerminalSettings = {
+	appName: string;
+	displayName: string;
+};
 
 export interface Settings {
 	aiSummariesEnabled?: boolean;
@@ -30,6 +34,7 @@ export interface Settings {
 	inlineUnifiedDiffs: boolean;
 	diffContrast: 'light' | 'medium' | 'strong';
 	defaultCodeEditor: CodeEditorSettings;
+	defaultTerminal: TerminalSettings;
 }
 
 const defaults: Settings = {
@@ -50,7 +55,8 @@ const defaults: Settings = {
 	diffLigatures: false,
 	inlineUnifiedDiffs: false,
 	diffContrast: 'light',
-	defaultCodeEditor: { schemeIdentifer: 'vscode', displayName: 'VSCode' }
+	defaultCodeEditor: { schemeIdentifer: 'vscode', displayName: 'VSCode' },
+	defaultTerminal: { appName: 'Terminal.app', displayName: 'Terminal' }
 };
 
 export function loadUserSettings(): Writable<Settings> {