@agentconnect/ui 0.1.1 → 0.1.3

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAI5D;;;GAGG;AACH,wBAAgB,SAAS,IAAI,OAAO,CAAC,kBAAkB,CAAC,CAKvD;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAElC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAI5D;;;GAGG;AACH,wBAAgB,SAAS,IAAI,OAAO,CAAC,kBAAkB,CAAC,CAQvD;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAElC"}

package/dist/client.js

@@ -9,7 +9,10 @@ let clientPromise = null;
  */
 export function getClient() {
     if (!clientPromise) {
-        clientPromise = AgentConnect.connect();
+        clientPromise = AgentConnect.connect().catch((err) => {
+            clientPromise = null;
+            throw err;
+        });
     }
     return clientPromise;
 }

package/dist/components/connect.d.ts

@@ -18,6 +18,9 @@ export declare class AgentConnectConnect extends HTMLElement {
     private handleResize;
     private loginPollTimer;
     private readonly loginPollIntervalMs;
+    private readonly loginPollTimeoutMs;
+    private readonly loginPending;
+    private readonly statusCheckInFlight;
     private readonly modelsRefreshIntervalMs;
     constructor();
     connectedCallback(): void;
@@ -42,6 +45,11 @@ export declare class AgentConnectConnect extends HTMLElement {
     private startLoginPolling;
     private stopLoginPolling;
     private pollProviderStatus;
+    private shouldPollLogin;
+    private updateLoginPolling;
+    private updateProviderEntry;
+    private checkProviderStatus;
+    private waitForProviderLogin;
     private prefetchProviders;
     private prefetchAllProviderModels;
     private refreshModels;

package/dist/components/connect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connect.d.ts","sourceRoot":"","sources":["../../src/components/connect.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA+BH,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,WAAW,CAAsB;IACzC,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,IAAI,CAAU;IACtB,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,kBAAkB,CAAU;IACpC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,eAAe,CAAuC;IAC9D,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,cAAc,CAAwC;IAC9D,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAQ;IAC5C,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAU;;IAyBlD,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,kBAAkB;IAc1B,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,cAAc,GAEzB;IAED,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,UAAU;IAiElB,OAAO,CAAC,IAAI;IAmBZ,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,OAAO;IA0Bf,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,gBAAgB;YAeV,OAAO;IA2DrB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,gBAAgB;YAMV,kBAAkB;YA4BlB,iBAAiB;YAQjB,yBAAyB;YAQzB,aAAa;IAyC3B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,iBAAiB;IAmEzB,OAAO,CAAC,qBAAqB;IAgB7B,OAAO,CAAC,mBAAmB;IAmC3B,OAAO,CAAC,iBAAiB;YAsBX,oBAAoB;YAUpB,eAAe;IAiC7B,OAAO,CAAC,kBAAkB;YAqBZ,mBAAmB;IAiDjC,OAAO,CAAC,eAAe;YAST,eAAe;IAoE7B,OAAO,CAAC,qBAAqB;IA+C7B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,2BAA2B;IAOnC,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,sBAAsB;IAsB9B,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,iBAAiB;IA0BzB,OAAO,CAAC,sBAAsB;IAiB9B,OAAO,CAAC,0BAA0B;IA6BlC,OAAO,CAAC,cAAc;IA0BtB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,sBAAsB;IA0B9B,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,QAAQ;IAwChB,OAAO,CAAC,OAAO;CAkBhB"}
+{"version":3,"file":"connect.d.ts","sourceRoot":"","sources":["../../src/components/connect.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA+BH,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,WAAW,CAAsB;IACzC,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,IAAI,CAAU;IACtB,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,kBAAkB,CAAU;IACpC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,eAAe,CAAuC;IAC9D,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,cAAc,CAAwC;IAC9D,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAQ;IAC5C,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAW;IAC9C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAyB;IACtD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAyB;IAC7D,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAU;;IAyBlD,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,kBAAkB;IAc1B,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,cAAc,GAEzB;IAED,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,UAAU;IAiElB,OAAO,CAAC,IAAI;IAeZ,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,OAAO;IAsBf,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,gBAAgB;YAeV,OAAO;IA2DrB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,gBAAgB;YAMV,kBAAkB;IA+BhC,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,mBAAmB;YAMb,mBAAmB;YA4BnB,oBAAoB;YAoCpB,iBAAiB;YAQjB,yBAAyB;YAQzB,aAAa;IAyC3B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,iBAAiB;IAmEzB,OAAO,CAAC,qBAAqB;IAiB7B,OAAO,CAAC,mBAAmB;IA0C3B,OAAO,CAAC,iBAAiB;YAsBX,oBAAoB;YAUpB,eAAe;IAiC7B,OAAO,CAAC,kBAAkB;YAqBZ,mBAAmB;IA6DjC,OAAO,CAAC,eAAe;YAST,eAAe;IAoE7B,OAAO,CAAC,qBAAqB;IA+C7B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,2BAA2B;IAOnC,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,sBAAsB;IAsB9B,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,iBAAiB;IA0BzB,OAAO,CAAC,sBAAsB;IAiB9B,OAAO,CAAC,0BAA0B;IA6BlC,OAAO,CAAC,cAAc;IA0BtB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,sBAAsB;IA0B9B,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,QAAQ;IAwChB,OAAO,CAAC,OAAO;CAkBhB"}

package/dist/components/connect.js

@@ -22,6 +22,9 @@ export class AgentConnectConnect extends HTMLElement {
     handleResize;
     loginPollTimer;
     loginPollIntervalMs = 2000;
+    loginPollTimeoutMs = 120_000;
+    loginPending = new Set();
+    statusCheckInFlight = new Set();
     modelsRefreshIntervalMs = 30_000;
     constructor() {
         super();
@@ -168,12 +171,7 @@ export class AgentConnectConnect extends HTMLElement {
         }
         this.setView(this.state.connected ? 'connected' : 'connect');
         this.refresh();
-        if (!this.state.models.length) {
-            this.startLoginPolling();
-        }
-        else {
-            this.stopLoginPolling();
-        }
+        this.updateLoginPolling();
     }
     close() {
         this.elements?.overlay?.classList.remove('open');
@@ -196,12 +194,7 @@ export class AgentConnectConnect extends HTMLElement {
         if (view === 'connected') {
             this.popoverLocked = false;
             this.popoverPosition = null;
-            if (!this.state.models.length) {
-                this.startLoginPolling();
-            }
-            else {
-                this.stopLoginPolling();
-            }
+            this.updateLoginPolling();
             this.renderConnectedModels();
             this.renderReasoningEfforts();
             requestAnimationFrame(() => this.positionPopover());
@@ -374,6 +367,11 @@ export class AgentConnectConnect extends HTMLElement {
         const previous = this.state.providers;
         const providers = await client.providers.list();
         this.state.providers = providers;
+        for (const provider of providers) {
+            if (provider.loggedIn) {
+                this.loginPending.delete(provider.id);
+            }
+        }
         if (this.state.view === 'connected') {
             this.updatePopoverTitle();
             this.updateButtonLabel();
@@ -393,10 +391,91 @@ export class AgentConnectConnect extends HTMLElement {
             this.renderConnectedModels();
             this.renderReasoningEfforts();
         }
-        if (after?.loggedIn && this.state.models.length > 0) {
+        this.updateLoginPolling();
+    }
+    shouldPollLogin() {
+        if (!this.elements?.overlay?.classList.contains('open'))
+            return false;
+        if (this.loginPending.size > 0)
+            return true;
+        return this.state.providers.some((provider) => provider.installed && !provider.loggedIn);
+    }
+    updateLoginPolling() {
+        if (this.shouldPollLogin()) {
+            this.startLoginPolling();
+        }
+        else {
             this.stopLoginPolling();
         }
     }
+    updateProviderEntry(providerId, updates) {
+        const index = this.state.providers.findIndex((entry) => entry.id === providerId);
+        if (index === -1)
+            return;
+        this.state.providers[index] = { ...this.state.providers[index], ...updates };
+    }
+    async checkProviderStatus(providerId, providerName) {
+        if (this.statusCheckInFlight.has(providerId))
+            return;
+        this.statusCheckInFlight.add(providerId);
+        const label = providerName || providerId;
+        this.setStatus(`Checking ${label} status...`);
+        try {
+            const client = await getClient();
+            const status = await client.providers.status(providerId);
+            this.updateProviderEntry(providerId, {
+                installed: status.installed,
+                loggedIn: status.loggedIn,
+                version: status.version,
+            });
+            if (status.loggedIn) {
+                this.loginPending.delete(providerId);
+                await this.refreshModels();
+                this.renderConnectedModels();
+                this.renderReasoningEfforts();
+            }
+            this.renderProviders();
+            this.updatePopoverTitle();
+            this.updateButtonLabel();
+            this.updateLoginPolling();
+        }
+        finally {
+            this.statusCheckInFlight.delete(providerId);
+        }
+    }
+    async waitForProviderLogin(providerId, providerName) {
+        const client = await getClient();
+        const startedAt = Date.now();
+        this.loginPending.add(providerId);
+        this.updateLoginPolling();
+        this.setProviderLoading(providerId, false);
+        this.renderProviders();
+        this.updatePopoverTitle();
+        this.updateButtonLabel();
+        while (Date.now() - startedAt < this.loginPollTimeoutMs) {
+            const status = await client.providers.status(providerId);
+            this.updateProviderEntry(providerId, {
+                installed: status.installed,
+                loggedIn: status.loggedIn,
+                version: status.version,
+            });
+            if (status.loggedIn) {
+                this.loginPending.delete(providerId);
+                await this.refreshModels();
+                this.renderConnectedModels();
+                this.renderReasoningEfforts();
+                this.updatePopoverTitle();
+                this.updateButtonLabel();
+                this.updateLoginPolling();
+                return true;
+            }
+            await new Promise((resolve) => setTimeout(resolve, this.loginPollIntervalMs));
+        }
+        this.loginPending.delete(providerId);
+        this.updateLoginPolling();
+        this.setStatus(`Still waiting for ${providerName} login...`);
+        return false;
+    }
     async prefetchProviders() {
         if (this.prefetching)
             return;
@@ -533,6 +612,8 @@ export class AgentConnectConnect extends HTMLElement {
         }
         if (!provider.installed)
             return 'Not installed';
+        if (this.loginPending.has(provider.id))
+            return 'Waiting for login';
         if (!provider.loggedIn)
             return 'Login needed';
         if (isConnected)
@@ -559,6 +640,11 @@ export class AgentConnectConnect extends HTMLElement {
             }
             return button;
         }
+        if (this.loginPending.has(provider.id)) {
+            const button = this.buildActionButton('Waiting for login...', false, () => this.checkProviderStatus(provider.id, provider.name));
+            button.title = `Click to check ${provider.name || provider.id} login status`;
+            return button;
+        }
         if (!provider.loggedIn) {
             const label = terminalLogin ? 'Run /login' : 'Login';
             const button = this.buildActionButton(label, false, () => this.connectProvider(provider));
@@ -682,13 +768,27 @@ export class AgentConnectConnect extends HTMLElement {
             needsLogin = !status.loggedIn;
         }
         if (needsLogin) {
+            if (!this.loginPending.has(provider.id)) {
+                this.loginPending.add(provider.id);
+                this.updateLoginPolling();
+                this.renderProviders();
+                this.updatePopoverTitle();
+                this.updateButtonLabel();
+            }
             this.setBusy(true, `Waiting for ${providerName} login...`);
             this.setProviderLoading(provider.id, true, 'Logging in...');
             const loginOptions = provider.id === 'claude' && this.state.loginExperience
                 ? { loginExperience: this.state.loginExperience }
                 : undefined;
             const loggedIn = await client.providers.login(provider.id, loginOptions);
-            if (!loggedIn.loggedIn) {
+            if (loggedIn.loggedIn) {
+                this.loginPending.delete(provider.id);
+                this.updateLoginPolling();
+            }
+            else {
+                const updated = await this.waitForProviderLogin(provider.id, providerName);
+                if (updated)
+                    return true;
                 this.setAlert({
                     type: 'error',
                     ...ERROR_MESSAGES.login_incomplete,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentconnect/ui",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "license": "MIT",
   "type": "module",
   "homepage": "https://github.com/rayzhudev/agent-connect",
@@ -29,7 +29,7 @@
     "dev": "tsc --watch"
   },
   "dependencies": {
-    "@agentconnect/sdk": "0.1.0"
+    "@agentconnect/sdk": "workspace:*"
   },
   "devDependencies": {
     "typescript": "^5.6.2"