🤖 Persist runtime preference per project

- Add getRuntimeKey() to storage constants for project-scoped runtime persistence
- Save runtime string to localStorage after successful workspace creation
- Load saved runtime preference when opening NewWorkspaceModal
- Update NewWorkspaceModal to accept projectPath prop
- Update Storybook stories with projectPath

Users can now set their preferred runtime (local vs SSH) once per project,
and the modal will remember it for future workspace creations.

Author: ammar-agent

src/App.tsx

@@ -25,7 +25,7 @@ import type { ThinkingLevel } from "./types/thinking";
 import type { RuntimeConfig } from "./types/runtime";
 import { CUSTOM_EVENTS } from "./constants/events";
 import { isWorkspaceForkSwitchEvent } from "./utils/workspaceFork";
-import { getThinkingLevelKey } from "./constants/storage";
+import { getThinkingLevelKey, getRuntimeKey } from "./constants/storage";
 import type { BranchListResult } from "./types/ipc";
 import { useTelemetry } from "./hooks/useTelemetry";
 import { parseRuntimeString } from "./utils/chatCommands";
@@ -268,6 +268,12 @@ function AppInner() {
       // Track workspace creation
       telemetry.workspaceCreated(newWorkspace.workspaceId);
       setSelectedWorkspace(newWorkspace);
+
+      // Save runtime preference for this project if provided
+      if (runtime) {
+        const runtimeKey = getRuntimeKey(workspaceModalProject);
+        localStorage.setItem(runtimeKey, runtime);
+      }
     }
   };
 
@@ -669,6 +675,7 @@ function AppInner() {
           <NewWorkspaceModal
             isOpen={workspaceModalOpen}
             projectName={workspaceModalProjectName}
+            projectPath={workspaceModalProject}
             branches={workspaceModalBranches}
             defaultTrunkBranch={workspaceModalDefaultTrunk}
             loadErrorMessage={workspaceModalLoadError}

src/components/NewWorkspaceModal.stories.tsx

@@ -21,6 +21,10 @@ const meta = {
       control: "text",
       description: "Name of the project",
     },
+    projectPath: {
+      control: "text",
+      description: "Path to the project",
+    },
     branches: {
       control: "object",
       description: "List of available branches",
@@ -47,6 +51,7 @@ export const Default: Story = {
   args: {
     isOpen: true,
     projectName: "my-project",
+    projectPath: "/path/to/my-project",
     branches: ["main", "develop", "feature/new-feature"],
     defaultTrunkBranch: "main",
   },
@@ -56,6 +61,7 @@ export const LongProjectName: Story = {
   args: {
     isOpen: true,
     projectName: "very-long-project-name-that-demonstrates-wrapping",
+    projectPath: "/path/to/very-long-project-name-that-demonstrates-wrapping",
     branches: ["main", "develop"],
     defaultTrunkBranch: "main",
   },
@@ -65,6 +71,7 @@ export const NoBranches: Story = {
   args: {
     isOpen: true,
     projectName: "empty-project",
+    projectPath: "/path/to/empty-project",
     branches: [],
   },
 };
@@ -73,6 +80,7 @@ export const ManyBranches: Story = {
   args: {
     isOpen: true,
     projectName: "active-project",
+    projectPath: "/path/to/active-project",
     branches: [
       "main",
       "develop",
@@ -90,6 +98,7 @@ export const Closed: Story = {
   args: {
     isOpen: false,
     projectName: "my-project",
+    projectPath: "/path/to/my-project",
     branches: ["main", "develop"],
     defaultTrunkBranch: "main",
   },

src/components/NewWorkspaceModal.tsx

@@ -2,10 +2,12 @@ import React, { useEffect, useId, useState } from "react";
 import { Modal, ModalInfo, ModalActions, CancelButton, PrimaryButton } from "./Modal";
 import { TooltipWrapper, Tooltip } from "./Tooltip";
 import { formatNewCommand } from "@/utils/chatCommands";
+import { getRuntimeKey } from "@/constants/storage";
 
 interface NewWorkspaceModalProps {
   isOpen: boolean;
   projectName: string;
+  projectPath: string;
   branches: string[];
   defaultTrunkBranch?: string;
   loadErrorMessage?: string | null;
@@ -20,6 +22,7 @@ const formFieldClasses =
 const NewWorkspaceModal: React.FC<NewWorkspaceModalProps> = ({
   isOpen,
   projectName,
+  projectPath,
   branches,
   defaultTrunkBranch,
   loadErrorMessage,
@@ -56,6 +59,25 @@ const NewWorkspaceModal: React.FC<NewWorkspaceModalProps> = ({
     });
   }, [branches, defaultTrunkBranch, hasBranches]);
 
+  // Load saved runtime preference when modal opens
+  useEffect(() => {
+    if (isOpen && projectPath) {
+      const runtimeKey = getRuntimeKey(projectPath);
+      const savedRuntime = localStorage.getItem(runtimeKey);
+      if (savedRuntime) {
+        // Parse the saved runtime string (format: "ssh <host>" or undefined for local)
+        if (savedRuntime.startsWith("ssh ")) {
+          const host = savedRuntime.substring(4).trim();
+          setRuntimeMode("ssh");
+          setSshHost(host);
+        } else {
+          setRuntimeMode("local");
+          setSshHost("");
+        }
+      }
+    }
+  }, [isOpen, projectPath]);
+
   const handleCancel = () => {
     setBranchName("");
     setTrunkBranch(defaultTrunkBranch ?? branches[0] ?? "");

src/constants/storage.ts

@@ -63,6 +63,15 @@ export function getModeKey(workspaceId: string): string {
   return `mode:${workspaceId}`;
 }
 
+/**
+ * Get the localStorage key for the default runtime for a project
+ * Stores the last successfully used runtime config when creating a workspace
+ * Format: "runtime:{projectPath}"
+ */
+export function getRuntimeKey(projectPath: string): string {
+  return `runtime:${projectPath}`;
+}
+
 /**
  * Get the localStorage key for the 1M context preference (global)
  * Format: "use1MContext"