From d906c12aa92adb73078f7a4f11ab715dfadd9680 Mon Sep 17 00:00:00 2001
From: Fusion <noreply@runfusion.ai>
Date: Wed, 20 May 2026 14:45:22 +0200
Subject: [PATCH] fix(sessions): open Cloudflare URLs directly in all session
 sections

- Fix Recent Sessions section to use anchor tag linking to instance URL
- Fix Last Session section to show URL and open it directly
- All Open buttons now link directly to Cloudflare URLs instead of navigating to project
---
 apps/web/src/pages/sessions.tsx | 52 ++++++++++++++++++++++++++-------
 1 file changed, 41 insertions(+), 11 deletions(-)

diff --git a/apps/web/src/pages/sessions.tsx b/apps/web/src/pages/sessions.tsx
index c01be06..dee1979 100644
--- a/apps/web/src/pages/sessions.tsx
+++ b/apps/web/src/pages/sessions.tsx
@@ -202,13 +202,32 @@ export const SessionsPage = () => {
                   <p className="muted">
                     {lastSession.tool_type_name} · {lastSession.project_name} · {lastSession.repository_name}
                   </p>
+                  {lastSession.url && (
+                    <p className="session-url">
+                      <a href={lastSession.url} target="_blank" rel="noopener noreferrer">
+                        {lastSession.url}
+                      </a>
+                    </p>
+                  )}
                   <span className={`status-badge ${lastSession.status}`}>{lastSession.status}</span>
                 </div>
                 <div className="last-session-actions">
-                  <button className="primary-button" onClick={handleResumeLast} type="button">
-                    <Icon name="play" size="sm" />
-                    Resume
-                  </button>
+                  {lastSession.url ? (
+                    <a
+                      href={lastSession.url}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="primary-button"
+                    >
+                      <Icon name="external" size="sm" />
+                      Open
+                    </a>
+                  ) : (
+                    <button className="primary-button" onClick={handleResumeLast} type="button">
+                      <Icon name="play" size="sm" />
+                      Resume
+                    </button>
+                  )}
                 </div>
               </div>
             </div>
@@ -298,13 +317,24 @@ export const SessionsPage = () => {
                       </span>
                     </div>
                     <div className="recent-session-actions">
-                      <button
-                        className="ghost-button small"
-                        onClick={() => handleOpen(session)}
-                        type="button"
-                      >
-                        Open
-                      </button>
+                      {session.url ? (
+                        <a
+                          href={session.url}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="ghost-button small"
+                        >
+                          Open
+                        </a>
+                      ) : (
+                        <button
+                          className="ghost-button small"
+                          onClick={() => handleOpen(session)}
+                          type="button"
+                        >
+                          Open
+                        </button>
+                      )}
                       {deleteConfirmId === session.id ? (
                         <div className="delete-confirm-inline">
                           <button