From 294d02f9fb2b4da3bad8f83eb8f42509ee6de741 Mon Sep 17 00:00:00 2001
From: Fusion <noreply@runfusion.ai>
Date: Wed, 20 May 2026 15:14:15 +0200
Subject: [PATCH] feat(sessions): add confirmation dialog before deleting
 active sessions

Active Sessions now show inline confirm/cancel buttons before deletion,
matching the Recent Sessions UX pattern.
---
 apps/web/src/pages/sessions.tsx | 45 +++++++++++++++++++++++----------
 1 file changed, 32 insertions(+), 13 deletions(-)

diff --git a/apps/web/src/pages/sessions.tsx b/apps/web/src/pages/sessions.tsx
index fadd3f8..90be16a 100644
--- a/apps/web/src/pages/sessions.tsx
+++ b/apps/web/src/pages/sessions.tsx
@@ -300,19 +300,38 @@ export const SessionsPage = () => {
                         <Icon name="stop" size="sm" />
                         Stop
                       </button>
-                      <button
-                        className="ghost-button small danger-text"
-                        onClick={() =>
-                          void handleDelete(
-                            session.id,
-                            session.project_id,
-                            session.repository_id
-                          )
-                        }
-                        type="button"
-                      >
-                        <Icon name="delete" size="sm" />
-                      </button>
+                      {deleteConfirmId === session.id ? (
+                        <div className="delete-confirm-inline">
+                          <button
+                            className="danger-button small"
+                            onClick={() =>
+                              void handleDelete(
+                                session.id,
+                                session.project_id,
+                                session.repository_id
+                              )
+                            }
+                            type="button"
+                          >
+                            Delete
+                          </button>
+                          <button
+                            className="ghost-button small"
+                            onClick={() => setDeleteConfirmId(null)}
+                            type="button"
+                          >
+                            Cancel
+                          </button>
+                        </div>
+                      ) : (
+                        <button
+                          className="ghost-button small danger-text"
+                          onClick={() => setDeleteConfirmId(session.id)}
+                          type="button"
+                        >
+                          <Icon name="delete" size="sm" />
+                        </button>
+                      )}
                     </div>
                   </div>
                 ))}