@bytexbyte/nxtlinq-ai-agent-ui-react-development 0.4.3 → 0.4.4

package/dist/authorizationLoadingState.d.ts

@@ -0,0 +1,9 @@
+export declare class AuthorizationLoadingState {
+    private aitLoading;
+    private autoConnecting;
+    constructor(aitLoading?: boolean, autoConnecting?: boolean);
+    setAITLoading(value: boolean): void;
+    setAutoConnecting(value: boolean): void;
+    isLoading(): boolean;
+}
+//# sourceMappingURL=authorizationLoadingState.d.ts.map

package/dist/authorizationLoadingState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authorizationLoadingState.d.ts","sourceRoot":"","sources":["../src/authorizationLoadingState.ts"],"names":[],"mappings":"AAAA,qBAAa,yBAAyB;IACpC,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,cAAc,CAAU;gBAEpB,UAAU,UAAQ,EAAE,cAAc,UAAQ;IAKtD,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAInC,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIvC,SAAS,IAAI,OAAO;CAGrB"}

package/dist/authorizationLoadingState.js

@@ -0,0 +1,15 @@
+export class AuthorizationLoadingState {
+    constructor(aitLoading = false, autoConnecting = false) {
+        this.aitLoading = aitLoading;
+        this.autoConnecting = autoConnecting;
+    }
+    setAITLoading(value) {
+        this.aitLoading = value;
+    }
+    setAutoConnecting(value) {
+        this.autoConnecting = value;
+    }
+    isLoading() {
+        return this.aitLoading || this.autoConnecting;
+    }
+}

package/dist/context/ChatBotContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBotContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatBotContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,OAAO,EAEL,kBAAkB,EAClB,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAO/B,eAAO,MAAM,UAAU,0BAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAo8FlD,CAAC"}
+{"version":3,"file":"ChatBotContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatBotContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,OAAO,EAEL,kBAAkB,EAClB,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAQ/B,eAAO,MAAM,UAAU,0BAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAw+FlD,CAAC"}

package/dist/context/ChatBotContext.js

@@ -6,6 +6,7 @@ import { flushSync } from 'react-dom';
 import { v4 as uuidv4 } from 'uuid';
 import { createNxtlinqApi, setApiHosts, synthesizeSpeechToBuffer, streamSpeechToAudioContext, useLocalStorage, useSessionStorage, useSpeechToTextFromMic, useVoiceMode, metakeepClient, getEthers, sleep, walletTextUtils, } from '@bytexbyte/nxtlinq-ai-agent-web-development';
 import { authorizeTextFrontendTool, hasRecordedWalletVerification, validateWalletSession, } from '@bytexbyte/nxtlinq-ai-agent-core-development';
+import { AuthorizationLoadingState } from '../authorizationLoadingState';
 import { PendingTextToolRetryController } from '../pendingTextToolRetry';
 const MIC_ENABLED_SESSION_KEY = 'chatbot-mic-enabled';
 const ChatBotContext = React.createContext(undefined);
@@ -145,6 +146,7 @@ customError, voiceThresholds, debugVoiceRms = false, sttGlossary, }) => {
     const permissionsRef = React.useRef(permissions);
     const nxtlinqAITServiceAccessTokenRef = React.useRef(nxtlinqAITServiceAccessToken);
     const signerRef = React.useRef(signer);
+    const authorizationLoadingStateRef = React.useRef(new AuthorizationLoadingState(isAITLoading, isAutoConnecting));
     const pendingTextToolRetryRef = React.useRef(new PendingTextToolRetryController());
     const sendMessageRef = React.useRef(async () => { });
     const retryPendingTextTool = React.useCallback(() => {
@@ -483,6 +485,12 @@ customError, voiceThresholds, debugVoiceRms = false, sttGlossary, }) => {
     React.useEffect(() => {
         permissionsRef.current = permissions;
     }, [permissions]);
+    React.useEffect(() => {
+        authorizationLoadingStateRef.current.setAITLoading(isAITLoading);
+    }, [isAITLoading]);
+    React.useEffect(() => {
+        authorizationLoadingStateRef.current.setAutoConnecting(isAutoConnecting);
+    }, [isAutoConnecting]);
     React.useEffect(() => {
         nxtlinqAITServiceAccessTokenRef.current = nxtlinqAITServiceAccessToken;
     }, [nxtlinqAITServiceAccessToken]);
@@ -875,12 +883,16 @@ customError, voiceThresholds, debugVoiceRms = false, sttGlossary, }) => {
         const currentHitAddress = hitAddressRef.current || hitAddress;
         const currentToken = nxtlinqAITServiceAccessTokenRef.current || nxtlinqAITServiceAccessToken;
         if (!currentHitAddress) {
+            aitRef.current = null;
+            permissionsRef.current = [];
             setAit(null);
             setPermissions([]);
             setWalletInfo(null);
+            authorizationLoadingStateRef.current.setAITLoading(false);
             setIsAITLoading(false);
             return;
         }
+        authorizationLoadingStateRef.current.setAITLoading(true);
         setIsAITLoading(true);
         try {
             let walletAllowsAITLookup = !requireWalletIDVVerification;
@@ -910,6 +922,8 @@ customError, voiceThresholds, debugVoiceRms = false, sttGlossary, }) => {
             // AIT existence is not identity verification. In strict mode, stop before
             // the legacy AIT lookup can synthesize a custom wallet record.
             if (currentToken && !walletAllowsAITLookup) {
+                aitRef.current = null;
+                permissionsRef.current = [];
                 setAit(null);
                 setPermissions([]);
                 return;
@@ -923,28 +937,39 @@ customError, voiceThresholds, debugVoiceRms = false, sttGlossary, }) => {
                 }, currentToken);
                 if ('error' in response) {
                     console.error('Failed to fetch AIT:', response.error);
+                    aitRef.current = null;
+                    permissionsRef.current = [];
                     setAit(null);
                     setPermissions([]);
                     return;
                 }
+                aitRef.current = response;
                 setAit(response);
                 if (!isPermissionFormOpen || forceUpdatePermissions) {
                     const newPermissions = response.metadata?.permissions || [];
+                    permissionsRef.current = newPermissions;
                     setPermissions(newPermissions);
                 }
             }
             else {
                 // No token available, clear AIT data
+                aitRef.current = null;
+                permissionsRef.current = [];
                 setAit(null);
                 setPermissions([]);
             }
         }
         catch (error) {
             console.error('Failed to fetch AIT:', error);
+            aitRef.current = null;
+            permissionsRef.current = [];
             setAit(null);
             setPermissions([]);
         }
         finally {
+            // Keep the authorization snapshot current before refreshAIT resolves.
+            // React may not commit setState until the immediate pending-tool retry.
+            authorizationLoadingStateRef.current.setAITLoading(false);
             setIsAITLoading(false);
         }
     };
@@ -1158,7 +1183,9 @@ customError, voiceThresholds, debugVoiceRms = false, sttGlossary, }) => {
                 // wallet-address subject until issuance/migration supports it.
                 externalId: undefined,
                 requireWalletIDVVerification,
-                loading: isAITLoading || isAutoConnecting,
+                // Use synchronously maintained refs so a retry immediately following
+                // refreshAIT() does not observe the previous React render's loading state.
+                loading: authorizationLoadingStateRef.current.isLoading(),
             },
             ...authFields(),
             customUsername: (!requireWalletIDVVerification && customUsername)
@@ -2223,8 +2250,11 @@ customError, voiceThresholds, debugVoiceRms = false, sttGlossary, }) => {
             metadataHash,
             metadataCid,
         };
+        const nextPermissions = newPermissions || permissions;
+        aitRef.current = aitInfo;
+        permissionsRef.current = nextPermissions;
         setAit(aitInfo);
-        setPermissions(newPermissions || permissions);
+        setPermissions(nextPermissions);
     };
     // Auto enable AIT permission
     const enableAIT = async (toolName) => {
@@ -2394,6 +2424,7 @@ customError, voiceThresholds, debugVoiceRms = false, sttGlossary, }) => {
                                             customUsername: (!requireWalletIDVVerification && customUsername) ? getFinalCustomUsername(customUsername) : undefined
                                         }, token);
                                         if (!('error' in aitResponse)) {
+                                            aitRef.current = aitResponse;
                                             setAit(aitResponse);
                                         }
                                     }
@@ -2435,6 +2466,7 @@ customError, voiceThresholds, debugVoiceRms = false, sttGlossary, }) => {
                                     customUsername: (!requireWalletIDVVerification && customUsername) ? getFinalCustomUsername(customUsername) : undefined
                                 }, token);
                                 if (!('error' in aitResponse)) {
+                                    aitRef.current = aitResponse;
                                     setAit(aitResponse);
                                 }
                             }
@@ -2552,6 +2584,7 @@ customError, voiceThresholds, debugVoiceRms = false, sttGlossary, }) => {
     // Set loading state when permission form opens
     React.useEffect(() => {
         if (isPermissionFormOpen && hitAddress) {
+            authorizationLoadingStateRef.current.setAITLoading(true);
             setIsAITLoading(true);
         }
     }, [isPermissionFormOpen, hitAddress]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytexbyte/nxtlinq-ai-agent-ui-react-development",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "Official React Web UI for nxtlinq AI Agent — drop-in chat widget",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/authorizationLoadingState.ts

@@ -0,0 +1,21 @@
+export class AuthorizationLoadingState {
+  private aitLoading: boolean;
+  private autoConnecting: boolean;
+
+  constructor(aitLoading = false, autoConnecting = false) {
+    this.aitLoading = aitLoading;
+    this.autoConnecting = autoConnecting;
+  }
+
+  setAITLoading(value: boolean): void {
+    this.aitLoading = value;
+  }
+
+  setAutoConnecting(value: boolean): void {
+    this.autoConnecting = value;
+  }
+
+  isLoading(): boolean {
+    return this.aitLoading || this.autoConnecting;
+  }
+}

package/src/context/ChatBotContext.tsx

@@ -36,6 +36,7 @@ import {
   ChatBotProps,
   PresetMessage
 } from '../types/ChatBotTypes';
+import { AuthorizationLoadingState } from '../authorizationLoadingState';
 import { PendingTextToolRetryController } from '../pendingTextToolRetry';
 
 const MIC_ENABLED_SESSION_KEY = 'chatbot-mic-enabled';
@@ -218,6 +219,9 @@ export const ChatBotProvider: React.FC<ChatBotProps> = ({
   const permissionsRef = React.useRef(permissions);
   const nxtlinqAITServiceAccessTokenRef = React.useRef(nxtlinqAITServiceAccessToken);
   const signerRef = React.useRef(signer);
+  const authorizationLoadingStateRef = React.useRef(
+    new AuthorizationLoadingState(isAITLoading, isAutoConnecting),
+  );
   const pendingTextToolRetryRef = React.useRef(new PendingTextToolRetryController());
   const sendMessageRef = React.useRef<ChatBotContextType['sendMessage']>(async () => {});
   const retryPendingTextTool = React.useCallback(() => {
@@ -578,6 +582,14 @@ export const ChatBotProvider: React.FC<ChatBotProps> = ({
     permissionsRef.current = permissions;
   }, [permissions]);
 
+  React.useEffect(() => {
+    authorizationLoadingStateRef.current.setAITLoading(isAITLoading);
+  }, [isAITLoading]);
+
+  React.useEffect(() => {
+    authorizationLoadingStateRef.current.setAutoConnecting(isAutoConnecting);
+  }, [isAutoConnecting]);
+
   React.useEffect(() => {
     nxtlinqAITServiceAccessTokenRef.current = nxtlinqAITServiceAccessToken;
   }, [nxtlinqAITServiceAccessToken]);
@@ -1021,13 +1033,17 @@ export const ChatBotProvider: React.FC<ChatBotProps> = ({
     const currentHitAddress = hitAddressRef.current || hitAddress;
     const currentToken = nxtlinqAITServiceAccessTokenRef.current || nxtlinqAITServiceAccessToken;
     if (!currentHitAddress) {
+      aitRef.current = null;
+      permissionsRef.current = [];
       setAit(null);
       setPermissions([]);
       setWalletInfo(null);
+      authorizationLoadingStateRef.current.setAITLoading(false);
       setIsAITLoading(false);
       return;
     }
 
+    authorizationLoadingStateRef.current.setAITLoading(true);
     setIsAITLoading(true);
     try {
       let walletAllowsAITLookup = !requireWalletIDVVerification;
@@ -1057,6 +1073,8 @@ export const ChatBotProvider: React.FC<ChatBotProps> = ({
       // AIT existence is not identity verification. In strict mode, stop before
       // the legacy AIT lookup can synthesize a custom wallet record.
       if (currentToken && !walletAllowsAITLookup) {
+        aitRef.current = null;
+        permissionsRef.current = [];
         setAit(null);
         setPermissions([]);
         return;
@@ -1072,26 +1090,37 @@ export const ChatBotProvider: React.FC<ChatBotProps> = ({
 
         if ('error' in response) {
           console.error('Failed to fetch AIT:', response.error);
+          aitRef.current = null;
+          permissionsRef.current = [];
           setAit(null);
           setPermissions([]);
           return;
         }
 
+        aitRef.current = response;
         setAit(response);
         if (!isPermissionFormOpen || forceUpdatePermissions) {
           const newPermissions = response.metadata?.permissions || [];
+          permissionsRef.current = newPermissions;
           setPermissions(newPermissions);
         }
       } else {
         // No token available, clear AIT data
+        aitRef.current = null;
+        permissionsRef.current = [];
         setAit(null);
         setPermissions([]);
       }
     } catch (error) {
       console.error('Failed to fetch AIT:', error);
+      aitRef.current = null;
+      permissionsRef.current = [];
       setAit(null);
       setPermissions([]);
     } finally {
+      // Keep the authorization snapshot current before refreshAIT resolves.
+      // React may not commit setState until the immediate pending-tool retry.
+      authorizationLoadingStateRef.current.setAITLoading(false);
       setIsAITLoading(false);
     }
   };
@@ -1329,7 +1358,9 @@ export const ChatBotProvider: React.FC<ChatBotProps> = ({
         // wallet-address subject until issuance/migration supports it.
         externalId: undefined,
         requireWalletIDVVerification,
-        loading: isAITLoading || isAutoConnecting,
+        // Use synchronously maintained refs so a retry immediately following
+        // refreshAIT() does not observe the previous React render's loading state.
+        loading: authorizationLoadingStateRef.current.isLoading(),
       },
       ...authFields(),
       customUsername: (!requireWalletIDVVerification && customUsername)
@@ -2502,8 +2533,11 @@ export const ChatBotProvider: React.FC<ChatBotProps> = ({
       metadataCid,
     };
 
+    const nextPermissions = newPermissions || permissions;
+    aitRef.current = aitInfo;
+    permissionsRef.current = nextPermissions;
     setAit(aitInfo);
-    setPermissions(newPermissions || permissions);
+    setPermissions(nextPermissions);
   };
 
 
@@ -2691,6 +2725,7 @@ export const ChatBotProvider: React.FC<ChatBotProps> = ({
                       customUsername: (!requireWalletIDVVerification && customUsername) ? getFinalCustomUsername(customUsername) : undefined
                     }, token);
                     if (!('error' in aitResponse)) {
+                      aitRef.current = aitResponse;
                       setAit(aitResponse);
                     }
                   }
@@ -2730,6 +2765,7 @@ export const ChatBotProvider: React.FC<ChatBotProps> = ({
                   customUsername: (!requireWalletIDVVerification && customUsername) ? getFinalCustomUsername(customUsername) : undefined
                 }, token);
                 if (!('error' in aitResponse)) {
+                  aitRef.current = aitResponse;
                   setAit(aitResponse);
                 }
               }
@@ -2846,6 +2882,7 @@ export const ChatBotProvider: React.FC<ChatBotProps> = ({
   // Set loading state when permission form opens
   React.useEffect(() => {
     if (isPermissionFormOpen && hitAddress) {
+      authorizationLoadingStateRef.current.setAITLoading(true);
       setIsAITLoading(true);
     }
   }, [isPermissionFormOpen, hitAddress]);