feat: add preview sidebar with dev server support

drizzle/0006_acoustic_luke_cage.sql

@@ -0,0 +1,9 @@
+CREATE TABLE `dev_credentials` (
+	`id` text PRIMARY KEY NOT NULL,
+	`label` text NOT NULL,
+	`email` text NOT NULL,
+	`encrypted_password` text NOT NULL,
+	`domain` text,
+	`created_at` integer,
+	`updated_at` integer
+);

electron.vite.config.ts

@@ -58,6 +58,9 @@ export default defineConfig({
           : undefined,
       }),
     ],
+    server: {
+      port: 5199, // Use non-default port to avoid conflict with worktree dev servers
+    },
     resolve: {
       alias: {
         "@": resolve(__dirname, "src/renderer"),

src/main/lib/db/schema/index.ts

@@ -101,6 +101,24 @@ export const claudeCodeCredentials = sqliteTable("claude_code_credentials", {
   userId: text("user_id"), // Desktop auth user ID (for reference)
 })
 
+// ============ DEV CREDENTIALS ============
+// Stores encrypted credentials for auto-filling login forms in preview
+export const devCredentials = sqliteTable("dev_credentials", {
+  id: text("id")
+    .primaryKey()
+    .$defaultFn(() => createId()),
+  label: text("label").notNull(), // Friendly name like "Test User 1"
+  email: text("email").notNull(),
+  encryptedPassword: text("encrypted_password").notNull(), // Encrypted with safeStorage
+  domain: text("domain"), // Optional domain hint for filtering
+  createdAt: integer("created_at", { mode: "timestamp" }).$defaultFn(
+    () => new Date(),
+  ),
+  updatedAt: integer("updated_at", { mode: "timestamp" }).$defaultFn(
+    () => new Date(),
+  ),
+})
+
 // ============ ANTHROPIC ACCOUNTS (Multi-account support) ============
 // Stores multiple Anthropic OAuth accounts for quick switching
 export const anthropicAccounts = sqliteTable("anthropic_accounts", {
@@ -135,6 +153,8 @@ export type SubChat = typeof subChats.$inferSelect
 export type NewSubChat = typeof subChats.$inferInsert
 export type ClaudeCodeCredential = typeof claudeCodeCredentials.$inferSelect
 export type NewClaudeCodeCredential = typeof claudeCodeCredentials.$inferInsert
+export type DevCredential = typeof devCredentials.$inferSelect
+export type NewDevCredential = typeof devCredentials.$inferInsert
 export type AnthropicAccount = typeof anthropicAccounts.$inferSelect
 export type NewAnthropicAccount = typeof anthropicAccounts.$inferInsert
 export type AnthropicSettings = typeof anthropicSettings.$inferSelect

src/main/lib/terminal/manager.ts

@@ -65,6 +65,9 @@ export class TerminalManager extends EventEmitter {
 
 		portManager.registerSession(session, workspaceId || "")
 
+		// Emit started event so subscribers know a session was created
+		this.emit(`started:${paneId}`, session.cwd)
+
 		return {
 			isNew: true,
 			serializedState: "",
@@ -193,11 +196,41 @@ export class TerminalManager extends EventEmitter {
 			return
 		}
 
-		if (session.isAlive) {
-			session.pty.kill()
-		} else {
+		if (!session.isAlive) {
 			this.sessions.delete(paneId)
+			return
+		}
+
+		// Send SIGTERM first
+		try {
+			session.pty.kill("SIGTERM")
+		} catch (error) {
+			console.error(`[TerminalManager] Failed to send SIGTERM to ${paneId}:`, error)
 		}
+
+		// Wait for graceful shutdown, then escalate to SIGKILL
+		await new Promise<void>((resolve) => {
+			const checkInterval = setInterval(() => {
+				if (!session.isAlive) {
+					clearInterval(checkInterval)
+					clearTimeout(forceKillTimeout)
+					resolve()
+				}
+			}, 100)
+
+			const forceKillTimeout = setTimeout(() => {
+				clearInterval(checkInterval)
+				if (session.isAlive) {
+					try {
+						session.pty.kill("SIGKILL")
+					} catch (error) {
+						console.error(`[TerminalManager] Failed to send SIGKILL to ${paneId}:`, error)
+					}
+				}
+				// Give SIGKILL a moment to take effect
+				setTimeout(resolve, 100)
+			}, 2000)
+		})
 	}
 
 	detach(params: { paneId: string; serializedState?: string }): void {