coder
diff --git a/‎package.json
+4 b/‎package.json
+4
diff --git a/‎pnpm-lock.yaml
+30 b/‎pnpm-lock.yaml
+30
diff --git a/‎site/pnpm-lock.yaml
+3 b/‎site/pnpm-lock.yaml
+3
diff --git a/‎site/src/utils/apps.ts
+10-4 b/‎site/src/utils/apps.ts
+10-4
@@ -9,6 +9,10 @@
 		"storybook": "pnpm run -C site/ storybook"
 	},
 	"devDependencies": {
+		"@types/url-parse": "^1.4.11",
 		"prettier": "3.3.3"
+	},
+	"dependencies": {
+		"url-parse": "^1.5.10"
 	}
 }
@@ -1,4 +1,5 @@
 import type * as TypesGen from "api/typesGenerated";
+import URLParse from 'url-parse';
 
 export const createAppLinkHref = (
 	protocol: string,
@@ -16,20 +17,25 @@ export const createAppLinkHref = (
 
 	// The backend redirects if the trailing slash isn't included, so we add it
 	// here to avoid extra roundtrips.
-	let href = `${preferredPathBase}/@${username}/${workspace.name}.${
+	let path = `${preferredPathBase}/@${username}/${workspace.name}.${
 		agent.name
 	}/apps/${encodeURIComponent(appSlug)}/`;
 	if (app.command) {
 		// Terminal links are relative. The terminal page knows how
 		// to select the correct workspace proxy for the websocket
 		// connection.
-		href = `/@${username}/${workspace.name}.${
+		path = `/@${username}/${workspace.name}.${
 			agent.name
 		}/terminal?command=${encodeURIComponent(app.command)}`;
 	}
 
 	if (appsHost && app.subdomain && app.subdomain_name) {
-		href = `${protocol}//${appsHost}/`.replace("*", app.subdomain_name);
+		const url = new URLParse('');
+		url.set('protocol', protocol);
+		url.set('hostname', appsHost.replace('*', app.subdomain_name));
+		url.set('pathname', '/');
+
+		path = url.toString();
 	}
-	return href;
+	return path;
 };
Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,10 @@`
`9`	`9`	`"storybook": "pnpm run -C site/ storybook"`
`10`	`10`	`},`
`11`	`11`	`"devDependencies": {`
	`12`	`+ "@types/url-parse": "^1.4.11",`
`12`	`13`	`"prettier": "3.3.3"`
	`14`	`+ },`
	`15`	`+ "dependencies": {`
	`16`	`+ "url-parse": "^1.5.10"`
`13`	`17`	`}`
`14`	`18`	`}`