11import Link from "@mui/material/Link" ;
22import Tooltip , { type TooltipProps } from "@mui/material/Tooltip" ;
3- import type {
4- Workspace ,
5- WorkspaceAgentDevcontainer ,
6- WorkspaceAgentDevcontainerPort ,
7- } from "api/typesGenerated" ;
3+ import type { Workspace , WorkspaceAgentDevcontainer } from "api/typesGenerated" ;
84import { ExternalLinkIcon } from "lucide-react" ;
95import type { FC } from "react" ;
106import { portForwardURL } from "utils/portForward" ;
@@ -58,6 +54,16 @@ export const AgentDevcontainerCard: FC<AgentDevcontainerCardProps> = ({
5854const helperText = hasHostBind
5955?`${ port . host_ip } ${ port . host_port }
6056:"Not bound to host" ;
57+ const linkDest = hasHostBind
58+ ?portForwardURL (
59+ wildcardHostname ,
60+ port . host_port ! ,
61+ agentName ,
62+ workspace . name ,
63+ workspace . owner_name ,
64+ location . protocol === "https" ?"https" :"http" ,
65+ )
66+ :"" ;
6167return (
6268< Tooltip key = { portLabel } title = { helperText } >
6369< span >
@@ -68,14 +74,7 @@ export const AgentDevcontainerCard: FC<AgentDevcontainerCardProps> = ({
6874underline = "none"
6975startIcon = { < ExternalLinkIcon className = "size-icon-sm" /> }
7076disabled = { ! hasHostBind }
71- href = { portForwardURL (
72- wildcardHostname ,
73- port . host_port ! ,
74- agentName ,
75- workspace . name ,
76- workspace . owner_name ,
77- location . protocol === "https" ?"https" :"http" ,
78- ) }
77+ href = { linkDest }
7978>
8079{ portLabel }
8180</ Link >