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.
This commit is contained in:
Fusion
2026-05-20 15:14:15 +02:00
parent a10029f36c
commit 294d02f9fb
+32 -13
View File
@@ -300,19 +300,38 @@ export const SessionsPage = () => {
<Icon name="stop" size="sm" /> <Icon name="stop" size="sm" />
Stop Stop
</button> </button>
<button {deleteConfirmId === session.id ? (
className="ghost-button small danger-text" <div className="delete-confirm-inline">
onClick={() => <button
void handleDelete( className="danger-button small"
session.id, onClick={() =>
session.project_id, void handleDelete(
session.repository_id session.id,
) session.project_id,
} session.repository_id
type="button" )
> }
<Icon name="delete" size="sm" /> type="button"
</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>
</div> </div>
))} ))}