feat(sessions): display and open Cloudflare URLs in session view

- Show Cloudflare URL in active session cards
- Change Open button to anchor tag linking directly to instance URL
- Add CSS styling for URL display in session cards
- Falls back to project navigation if no URL available
This commit is contained in:
Fusion
2026-05-20 14:38:33 +02:00
parent e7804c0f58
commit 4906ce0cd9
2 changed files with 42 additions and 8 deletions
+27 -8
View File
@@ -233,17 +233,36 @@ export const SessionsPage = () => {
<p className="muted">
{session.tool_type_name} · {session.project_name}
</p>
{session.url && (
<p className="session-url">
<a href={session.url} target="_blank" rel="noopener noreferrer">
{session.url}
</a>
</p>
)}
<span className="status-badge running">running</span>
</div>
<div className="session-actions">
<button
className="secondary-button small"
onClick={() => handleOpen(session)}
type="button"
>
<Icon name="external" size="sm" />
Open
</button>
{session.url ? (
<a
href={session.url}
target="_blank"
rel="noopener noreferrer"
className="secondary-button small"
>
<Icon name="external" size="sm" />
Open
</a>
) : (
<button
className="secondary-button small"
onClick={() => handleOpen(session)}
type="button"
>
<Icon name="external" size="sm" />
Open
</button>
)}
<button
className="secondary-button small"
onClick={() =>
+15
View File
@@ -2555,6 +2555,21 @@ a.nav-item,
font-size: 1rem;
}
.session-url {
margin: var(--space-1) 0;
font-size: 0.8rem;
word-break: break-all;
}
.session-url a {
color: var(--color-primary);
text-decoration: none;
}
.session-url a:hover {
text-decoration: underline;
}
.session-actions {
display: flex;
gap: var(--space-2);