Add api-port get parameter to update the port settings

src/main.tsx

@@ -21,6 +21,7 @@ import { SettingsRoute } from "./routes/dashboard/settings.tsx";
 import { HelpRoute } from "./routes/dashboard/help.tsx";
 import { DisclaimerRoute } from "./routes/dashboard/disclaimer.tsx";
 import { RouteErrorBoundary } from "./components/RouteErrorBoundary/RouteErrorBoundary.tsx";
+import { HealthCheckUtils } from "./components/HealthChecks/health-check.utils.ts";
 
 if (import.meta.env.PROD && !import.meta.env.CI) {
   Sentry.init({
@@ -117,14 +118,36 @@ const queryClient = new QueryClient();
 const rootElement = document.getElementById("root")!;
 
 if (rootElement) {
-  CodexSdk.load().then(() => {
+  CodexSdk.load()
-    render(
+    .then(() => {
-      <StrictMode>
+      const queryString = window.location.search;
-        <QueryClientProvider client={queryClient}>
+      if (queryString) {
-          <RouterProvider router={router} />
+        const urlParams = new URLSearchParams(queryString);
-        </QueryClientProvider>
+        const param = urlParams.get("api-port");
-      </StrictMode>,
+        if (param) {
-      rootElement
+          const port = parseInt(param, 10);
-    );
+          if (!isNaN(port)) {
-  });
+            const address = HealthCheckUtils.removePort(CodexSdk.url());
+
+            const url = address + ":" + port;
+
+            if (HealthCheckUtils.isUrlInvalid(url)) {
+              return;
+            }
+
+            return CodexSdk.updateURL(url);
+          }
+        }
+      }
+    })
+    .then(() => {
+      render(
+        <StrictMode>
+          <QueryClientProvider client={queryClient}>
+            <RouterProvider router={router} />
+          </QueryClientProvider>
+        </StrictMode>,
+        rootElement
+      );
+    });
 }