Fix dev startup and channel connect popup

frontend/src/components/workspace/channels/workspace-channels-list.tsx

@@ -15,19 +15,17 @@ import {
   useChannelProviders,
   useConnectChannelProvider,
 } from "@/core/channels/hooks";
+import {
+  closeConnectWindow,
+  openConnectUrl,
+  prepareConnectWindow,
+} from "@/core/channels/open-connect-url";
 import type { ChannelProvider } from "@/core/channels/types";
 import { useI18n } from "@/core/i18n/hooks";
 import { cn } from "@/lib/utils";
 
 import { ChannelProviderIcon } from "./channel-provider-icon";
 
-function openConnectUrl(url: string) {
-  const opened = window.open(url, "_blank", "noopener,noreferrer");
-  if (!opened) {
-    window.location.assign(url);
-  }
-}
-
 function providerCanConnect(provider: ChannelProvider): boolean {
   return (
     provider.enabled &&
@@ -97,8 +95,11 @@ export function WorkspaceChannelsList() {
                     !provider.configured ? t.channels.unconfigured : undefined
                   }
                   onClick={() => {
+                    const connectWindow = prepareConnectWindow();
                     connectMutation.mutate(provider.provider, {
-                      onSuccess: (result) => openConnectUrl(result.url),
+                      onSuccess: (result) =>
+                        openConnectUrl(result.url, connectWindow),
+                      onError: () => closeConnectWindow(connectWindow),
                     });
                   }}
                 >

frontend/src/components/workspace/settings/channels-settings-page.tsx

@@ -24,6 +24,11 @@ import {
   useConnectChannelProvider,
   useDisconnectChannelConnection,
 } from "@/core/channels/hooks";
+import {
+  closeConnectWindow,
+  openConnectUrl,
+  prepareConnectWindow,
+} from "@/core/channels/open-connect-url";
 import type { ChannelConnection, ChannelProvider } from "@/core/channels/types";
 import { useI18n } from "@/core/i18n/hooks";
 import { cn } from "@/lib/utils";
@@ -32,13 +37,6 @@ import { ChannelProviderIcon } from "../channels/channel-provider-icon";
 
 import { SettingsSection } from "./settings-section";
 
-function openConnectUrl(url: string) {
-  const opened = window.open(url, "_blank", "noopener,noreferrer");
-  if (!opened) {
-    window.location.assign(url);
-  }
-}
-
 function getProviderDescription(
   provider: ChannelProvider,
   descriptions: Record<string, string>,
@@ -144,8 +142,11 @@ function ChannelProviderItem({
             disabled={!canConnect || isConnecting}
             title={!provider.configured ? t.channels.unconfigured : undefined}
             onClick={() => {
+              const connectWindow = prepareConnectWindow();
               connectMutation.mutate(provider.provider, {
-                onSuccess: (result) => openConnectUrl(result.url),
+                onSuccess: (result) =>
+                  openConnectUrl(result.url, connectWindow),
+                onError: () => closeConnectWindow(connectWindow),
               });
             }}
           >