use dynamic urls

ui/src/hooks/useWebsocket.tsx

@@ -4,14 +4,14 @@ import { getLastMessage, setLastMessage } from "@/services/store";
 import { initializeConnection } from "@/services/websocket";
 import { useEffect, useState } from "react";
 
-export function useWebsocket(url: string) {
+export function useWebsocket(agent: string) {
     const [status, setStatus] = useState<WebsocketStatus>();
     const [message, setMessage] = useState<StatusMessage | null>(
         getLastMessage(),
     );
 
     useEffect(() => {
-        initializeConnection(url, {
+        initializeConnection(agent, {
             onMessage: (data) => {
                 const parsed = JSON.parse(data);
 
@@ -23,7 +23,7 @@ export function useWebsocket(url: string) {
             onClose: () => setStatus("disconnected"),
             onError: () => setStatus("error"),
         });
-    }, [url]);
+    }, [agent]);
 
     return { status, message };
 }