feat: display cancellation reason

Signed-off-by: Patrick Chin <8509935+thepatrickchin@users.noreply.github.com>

Author: thepatrickchin

components/Chat/Chat.tsx

@@ -229,6 +229,7 @@ export const Chat = () => {
   const [interactionMessage, setInteractionMessage] = useState(null);
   const webSocketRef = useRef<WebSocket | null>(null);
   const webSocketConnectedRef = useRef(false);
+  const oauthPopupCancelledRef = useRef(false);
   const webSocketModeRef = useRef(
     sessionStorage.getItem('webSocketMode') === 'false' ? false : webSocketMode
   );
@@ -522,7 +523,7 @@ export const Chat = () => {
           const popup = window.open(
             oauthUrl,
             'oauth-popup',
-            'width=600,height=700,scrollbars=yes,resizable=yes,noopener,noreferrer'
+            'noopener,noreferrer'
           );
           const handleOAuthComplete = (event: MessageEvent) => {
             if (popup && !popup.closed) popup.close();
@@ -765,8 +766,17 @@ export const Chat = () => {
           if (isValidConsentPromptURL(oauthUrl)) {
             const shouldUsePopup = message?.content?.use_popup !== false;
             if (shouldUsePopup) {
+              if (oauthPopupCancelledRef.current) return;
               // Open the validated OAuth URL in a new tab
-              window.open(oauthUrl, '_blank', 'noopener,noreferrer');
+              const popup = window.open(oauthUrl, 'oauth-popup', 'noopener,noreferrer');
+              const handleOAuthComplete = (event: MessageEvent) => {
+                if (popup && !popup.closed) popup.close();
+                window.removeEventListener('message', handleOAuthComplete);
+                if (event.data?.type === 'AUTH_CANCELLED') {
+                  oauthPopupCancelledRef.current = true;
+                }
+              };
+              window.addEventListener('message', handleOAuthComplete);
             } else {
               persistOAuthPendingMessage();
               window.location.href = oauthUrl;
@@ -852,6 +862,7 @@ export const Chat = () => {
   const handleSend = useCallback(
     async (message: Message, deleteCount = 0, retry = false) => {
       message.id = uuidv4();
+      oauthPopupCancelledRef.current = false;
 
       // Set the active user message ID for WebSocket message tracking
       activeUserMessageId.current = message.id;