Fix playground to use browser hostname instead of localhost

When listener.hostname is not set, use window.location.hostname
instead of defaulting to "localhost". Also handle standard ports
(443/80) by omitting port from URL.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: surinderunitone

ui/src/app/playground/page.tsx

@@ -247,9 +247,15 @@ export default function PlaygroundPage() {
         if (listener.routes) {
           listener.routes.forEach((route: Route, routeIndex: number) => {
             const protocol = listener.protocol === ListenerProtocol.HTTPS ? "https" : "http";
-            const hostname = listener.hostname || "localhost";
+            // Use listener hostname if set, otherwise use current browser location for deployed environments
+            const hostname = listener.hostname || (typeof window !== "undefined" ? window.location.hostname : "localhost");
             const port = bind.port; // Use the actual port from the bind configuration
-            const baseEndpoint = `${protocol}://${hostname}:${port}`;
+            // For standard HTTPS (443) or HTTP (80) ports, omit the port from URL
+            const isStandardPort = (protocol === "https" && (typeof window !== "undefined" && window.location.port === "")) ||
+                                   (protocol === "http" && port === 80) ||
+                                   (protocol === "https" && port === 443);
+            const portSuffix = isStandardPort ? "" : `:${port}`;
+            const baseEndpoint = `${protocol}://${hostname}${portSuffix}`;
 
             // Generate route path and description with better pattern recognition
             let routePath = "/";