From 6a2ebae8c9b408179f79fce7aeaa103cc1fc6c87 Mon Sep 17 00:00:00 2001
From: Fusion <noreply@runfusion.ai>
Date: Wed, 20 May 2026 15:07:52 +0200
Subject: [PATCH] fix(sessions): auto-start instances and add delete button

- Auto-start instances after creation from Sessions page
- Add delete button to Active Sessions section
- Fix instances remaining in 'pending' status
---
 apps/web/src/pages/sessions.tsx | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/pages/sessions.tsx b/apps/web/src/pages/sessions.tsx
index fc19378..84ee612 100644
--- a/apps/web/src/pages/sessions.tsx
+++ b/apps/web/src/pages/sessions.tsx
@@ -4,7 +4,7 @@ import { useNavigate } from "react-router-dom";
 import { listProjects } from "../api/projects";
 import type { Project } from "../types";
 import { listRepositories, type GitRepository } from "../api/git_repositories";
-import { getUserSessions, type Session, deleteInstance, stopInstance } from "../api/sessions";
+import { getUserSessions, type Session, deleteInstance, stopInstance, startInstance } from "../api/sessions";
 import { listToolTypes, type ToolType } from "../api/tool_types";
 import { createInstance } from "../api/sessions";
 import { getUserConfig, updateUserConfig } from "../api/settings";
@@ -123,6 +123,10 @@ export const SessionsPage = () => {
         selectedToolType,
         displayName || undefined
       );
+      
+      // Auto-start the instance
+      await startInstance(selectedProject, selectedRepo, instance.id);
+      
       await updateUserConfig({ last_session_id: instance.id });
       setCreateStatus("idle");
       setSelectedProject("");
@@ -296,6 +300,19 @@ export const SessionsPage = () => {
                         <Icon name="stop" size="sm" />
                         Stop
                       </button>
+                      <button
+                        className="ghost-button small danger-text"
+                        onClick={() =>
+                          void handleDelete(
+                            session.id,
+                            projects.find((p) => p.name === session.project_name)?.id ?? "",
+                            ""
+                          )
+                        }
+                        type="button"
+                      >
+                        <Icon name="delete" size="sm" />
+                      </button>
                     </div>
                   </div>
                 ))}