feat(desktop): add terminal presets system

apps/desktop/src/lib/trpc/routers/config/config.ts

@@ -1,6 +1,7 @@
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
 import { join } from "node:path";
 import { db } from "main/lib/db";
+import type { SetupConfig } from "shared/types";
 import { z } from "zod";
 import { publicProcedure, router } from "../..";
 
@@ -99,6 +100,78 @@ export const createConfigRouter = () => {
 					return { content: null, exists: false };
 				}
 			}),
+
+		// Get terminal presets for a project
+		getTerminalPresets: publicProcedure
+			.input(z.object({ projectId: z.string() }))
+			.query(({ input }) => {
+				const project = db.data.projects.find((p) => p.id === input.projectId);
+				if (!project) return [];
+
+				const configPath = getConfigPath(project.mainRepoPath);
+				if (!existsSync(configPath)) return [];
+
+				try {
+					const content = readFileSync(configPath, "utf-8");
+					const config = JSON.parse(content) as SetupConfig;
+					return config.terminalPresets || [];
+				} catch {
+					return [];
+				}
+			}),
+
+		// Save a new terminal preset
+		saveTerminalPreset: publicProcedure
+			.input(
+				z.object({
+					projectId: z.string(),
+					preset: z.object({
+						name: z.string(),
+						cwd: z.string().optional(),
+						commands: z.union([z.string(), z.array(z.string())]),
+					}),
+				}),
+			)
+			.mutation(({ input }) => {
+				const project = db.data.projects.find((p) => p.id === input.projectId);
+				if (!project) throw new Error("Project not found");
+
+				const configPath = ensureConfigExists(project.mainRepoPath);
+				const content = readFileSync(configPath, "utf-8");
+				const config = JSON.parse(content) as SetupConfig;
+
+				config.terminalPresets = config.terminalPresets || [];
+				config.terminalPresets.push(input.preset);
+
+				writeFileSync(configPath, JSON.stringify(config, null, 2), "utf-8");
+				return { success: true };
+			}),
+
+		// Delete a terminal preset by name
+		deleteTerminalPreset: publicProcedure
+			.input(
+				z.object({
+					projectId: z.string(),
+					presetName: z.string(),
+				}),
+			)
+			.mutation(({ input }) => {
+				const project = db.data.projects.find((p) => p.id === input.projectId);
+				if (!project) throw new Error("Project not found");
+
+				const configPath = getConfigPath(project.mainRepoPath);
+				if (!existsSync(configPath)) return { success: false };
+
+				const content = readFileSync(configPath, "utf-8");
+				const config = JSON.parse(content) as SetupConfig;
+
+				config.terminalPresets = (config.terminalPresets || []).filter(
+					(p) => p.name !== input.presetName,
+				);
+
+				writeFileSync(configPath, JSON.stringify(config, null, 2), "utf-8");
+				return { success: true };
+			}),
 	});
 };
 

apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/TabContentContextMenu.tsx

@@ -5,21 +5,23 @@ import {
 	ContextMenuSeparator,
 	ContextMenuTrigger,
 } from "@superset/ui/context-menu";
-import { Columns2, Rows2, X } from "lucide-react";
+import { Bookmark, Columns2, Rows2, X } from "lucide-react";
 import type { ReactNode } from "react";
 
 interface TabContentContextMenuProps {
 	children: ReactNode;
 	onSplitHorizontal: () => void;
 	onSplitVertical: () => void;
 	onClosePane: () => void;
+	onSaveAsPreset?: () => void;
 }
 
 export function TabContentContextMenu({
 	children,
 	onSplitHorizontal,
 	onSplitVertical,
 	onClosePane,
+	onSaveAsPreset,
 }: TabContentContextMenuProps) {
 	return (
 		<ContextMenu>
@@ -33,6 +35,15 @@ export function TabContentContextMenu({
 					<Columns2 className="size-4" />
 					Split Vertically
 				</ContextMenuItem>
+				{onSaveAsPreset && (
+					<>
+						<ContextMenuSeparator />
+						<ContextMenuItem onSelect={onSaveAsPreset}>
+							<Bookmark className="size-4" />
+							Save as Preset
+						</ContextMenuItem>
+					</>
+				)}
 				<ContextMenuSeparator />
 				<ContextMenuItem variant="destructive" onSelect={onClosePane}>
 					<X className="size-4" />

apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/WindowView/WindowPane.tsx

@@ -3,6 +3,8 @@ import { HiMiniXMark } from "react-icons/hi2";
 import { TbLayoutColumns, TbLayoutRows } from "react-icons/tb";
 import type { MosaicBranch } from "react-mosaic-component";
 import { MosaicWindow } from "react-mosaic-component";
+import { trpc } from "renderer/lib/trpc";
+import { useOpenPresetModal } from "renderer/stores/preset-modal";
 import {
 	registerPaneRef,
 	unregisterPaneRef,
@@ -57,6 +59,10 @@ export function WindowPane({
 	const [splitOrientation, setSplitOrientation] =
 		useState<SplitOrientation>("vertical");
 
+	const { data: activeWorkspace } = trpc.workspaces.getActive.useQuery();
+	const { data: terminalSession } = trpc.terminal.getSession.useQuery(paneId);
+	const openPresetModal = useOpenPresetModal();
+
 	useEffect(() => {
 		const container = containerRef.current;
 		if (container) {
@@ -111,6 +117,15 @@ export function WindowPane({
 			<TbLayoutRows className="size-4" />
 		);
 
+	const handleSaveAsPreset = () => {
+		const projectId = activeWorkspace?.projectId;
+		if (!projectId) return;
+
+		// Use terminal session cwd if available
+		const cwd = terminalSession?.cwd;
+		openPresetModal(projectId, cwd);
+	};
+
 	return (
 		<MosaicWindow<string>
 			path={path}
@@ -141,6 +156,9 @@ export function WindowPane({
 				onSplitHorizontal={() => splitPaneHorizontal(windowId, paneId, path)}
 				onSplitVertical={() => splitPaneVertical(windowId, paneId, path)}
 				onClosePane={() => removePane(paneId)}
+				onSaveAsPreset={
+					activeWorkspace?.projectId ? handleSaveAsPreset : undefined
+				}
 			>
 				{/* biome-ignore lint/a11y/useKeyWithClickEvents lint/a11y/noStaticElementInteractions: Terminal handles its own keyboard events and focus */}
 				<div

apps/desktop/src/renderer/screens/main/components/WorkspaceView/Sidebar/TabsView/PresetModal/PresetModal.tsx

@@ -0,0 +1,140 @@
+import { Button } from "@superset/ui/button";
+import {
+	Dialog,
+	DialogContent,
+	DialogDescription,
+	DialogFooter,
+	DialogHeader,
+	DialogTitle,
+} from "@superset/ui/dialog";
+import { Input } from "@superset/ui/input";
+import { Label } from "@superset/ui/label";
+import { Textarea } from "@superset/ui/textarea";
+import { useEffect, useState } from "react";
+import { trpc } from "renderer/lib/trpc";
+import {
+	useClosePresetModal,
+	usePresetModalOpen,
+	usePresetModalPrefillCwd,
+	usePresetModalProjectId,
+} from "renderer/stores/preset-modal";
+
+export function PresetModal() {
+	const isOpen = usePresetModalOpen();
+	const projectId = usePresetModalProjectId();
+	const prefillCwd = usePresetModalPrefillCwd();
+	const closeModal = useClosePresetModal();
+
+	const [name, setName] = useState("");
+	const [cwd, setCwd] = useState("");
+	const [commands, setCommands] = useState("");
+
+	const utils = trpc.useUtils();
+
+	const savePresetMutation = trpc.config.saveTerminalPreset.useMutation({
+		onSuccess: () => {
+			utils.config.getTerminalPresets.invalidate();
+			closeModal();
+		},
+	});
+
+	// Reset form when modal opens/closes
+	useEffect(() => {
+		if (isOpen) {
+			setName("");
+			setCwd(prefillCwd || "");
+			setCommands("");
+		}
+	}, [isOpen, prefillCwd]);
+
+	const handleSave = () => {
+		if (!projectId || !name.trim() || !commands.trim()) return;
+
+		// Split commands by newline and filter empty lines
+		const commandList = commands
+			.split("\n")
+			.map((c) => c.trim())
+			.filter((c) => c.length > 0);
+
+		savePresetMutation.mutate({
+			projectId,
+			preset: {
+				name: name.trim(),
+				cwd: cwd.trim() || undefined,
+				commands: commandList.length === 1 ? commandList[0] : commandList,
+			},
+		});
+	};
+
+	const isValid = name.trim().length > 0 && commands.trim().length > 0;
+
+	return (
+		<Dialog modal open={isOpen} onOpenChange={(open) => !open && closeModal()}>
+			<DialogContent className="sm:max-w-md">
+				<DialogHeader>
+					<DialogTitle>Create Terminal Preset</DialogTitle>
+					<DialogDescription>
+						Save a terminal configuration for quick access from the sidebar.
+					</DialogDescription>
+				</DialogHeader>
+
+				<div className="space-y-4 py-4">
+					<div className="space-y-2">
+						<Label htmlFor="preset-name">Name</Label>
+						<Input
+							id="preset-name"
+							placeholder="e.g., Dev Server"
+							value={name}
+							onChange={(e) => setName(e.target.value)}
+							autoFocus
+						/>
+					</div>
+
+					<div className="space-y-2">
+						<Label htmlFor="preset-cwd">
+							Working Directory{" "}
+							<span className="text-muted-foreground font-normal">
+								(optional)
+							</span>
+						</Label>
+						<Input
+							id="preset-cwd"
+							placeholder="e.g., ./apps/web"
+							value={cwd}
+							onChange={(e) => setCwd(e.target.value)}
+						/>
+						<p className="text-xs text-muted-foreground">
+							Relative to project root or absolute path
+						</p>
+					</div>
+
+					<div className="space-y-2">
+						<Label htmlFor="preset-commands">Commands</Label>
+						<Textarea
+							id="preset-commands"
+							placeholder="One command per line"
+							value={commands}
+							onChange={(e) => setCommands(e.target.value)}
+							rows={3}
+						/>
+						<p className="text-xs text-muted-foreground">
+							Commands run sequentially when the preset is launched
+						</p>
+					</div>
+				</div>
+
+				<DialogFooter>
+					<Button variant="outline" onClick={closeModal}>
+						Cancel
+					</Button>
+					<Button
+						onClick={handleSave}
+						disabled={!isValid || savePresetMutation.isPending}
+					>
+						{savePresetMutation.isPending ? "Saving..." : "Save Preset"}
+					</Button>
+				</DialogFooter>
+			</DialogContent>
+		</Dialog>
+	);
+}

apps/desktop/src/renderer/screens/main/components/WorkspaceView/Sidebar/TabsView/PresetModal/index.ts

@@ -0,0 +1 @@
+export { PresetModal } from "./PresetModal";

apps/desktop/src/renderer/screens/main/components/WorkspaceView/Sidebar/TabsView/TerminalPresets/PresetContextMenu.tsx

@@ -0,0 +1,28 @@
+import {
+	ContextMenu,
+	ContextMenuContent,
+	ContextMenuItem,
+	ContextMenuTrigger,
+} from "@superset/ui/context-menu";
+import type React from "react";
+
+interface PresetContextMenuProps {
+	onDelete: () => void;
+	children: React.ReactNode;
+}
+
+export function PresetContextMenu({
+	onDelete,
+	children,
+}: PresetContextMenuProps) {
+	return (
+		<ContextMenu>
+			<ContextMenuTrigger asChild>{children}</ContextMenuTrigger>
+			<ContextMenuContent className="w-48">
+				<ContextMenuItem onSelect={onDelete} className="text-destructive">
+					Delete Preset
+				</ContextMenuItem>
+			</ContextMenuContent>
+		</ContextMenu>
+	);
+}