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:
@@ -233,17 +233,36 @@ export const SessionsPage = () => {
|
|||||||
<p className="muted">
|
<p className="muted">
|
||||||
{session.tool_type_name} · {session.project_name}
|
{session.tool_type_name} · {session.project_name}
|
||||||
</p>
|
</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>
|
<span className="status-badge running">running</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="session-actions">
|
<div className="session-actions">
|
||||||
<button
|
{session.url ? (
|
||||||
className="secondary-button small"
|
<a
|
||||||
onClick={() => handleOpen(session)}
|
href={session.url}
|
||||||
type="button"
|
target="_blank"
|
||||||
>
|
rel="noopener noreferrer"
|
||||||
<Icon name="external" size="sm" />
|
className="secondary-button small"
|
||||||
Open
|
>
|
||||||
</button>
|
<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
|
<button
|
||||||
className="secondary-button small"
|
className="secondary-button small"
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
|
|||||||
@@ -2555,6 +2555,21 @@ a.nav-item,
|
|||||||
font-size: 1rem;
|
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 {
|
.session-actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: var(--space-2);
|
gap: var(--space-2);
|
||||||
|
|||||||
Reference in New Issue
Block a user