Merge pull request #204 from thedadams/oauth-login-button

feat: handle OAuth authentication flow

Author: thedadams

components/script/messages/promptForm.tsx

@@ -23,8 +23,18 @@ const PromptForm = ({
   const onSubmitForm = () => {
     setSubmitted(true);
     onSubmit({ id: frame.id, responses: getValues() });
+    if (frame.metadata && frame.metadata.authURL) {
+      open(frame.metadata.authURL);
+    }
   };
 
+  let buttonText = noFields ? 'OK' : 'Submit';
+  let includeHiddenInput = false;
+  if (noFields && frame.metadata && frame.metadata.authURL) {
+    buttonText = 'Click here to sign in';
+    includeHiddenInput = true;
+  }
+
   return (
     <form onSubmit={handleSubmit(onSubmitForm)} className="mx-4">
       {frame.fields.map(
@@ -40,6 +50,14 @@ const PromptForm = ({
             />
           )
       )}
+      {includeHiddenInput && (
+        <Input
+          type="text"
+          className="hidden"
+          {...register('handled')}
+          value={'true'}
+        />
+      )}
       <Button
         startContent={<GoCheckCircle />}
         type="submit"
@@ -48,7 +66,7 @@ const PromptForm = ({
         color="primary"
         isDisabled={submitted}
       >
-        {noFields ? 'OK' : submitted ? 'Submitted' : 'Submit'}
+        {submitted ? 'Submitted' : buttonText}
       </Button>
     </form>
   );

components/script/useChatSocket.tsx

@@ -154,14 +154,23 @@ const useChatSocket = (isEmpty?: boolean) => {
         if (latestAgentMessageIndex.current !== -1) {
           // Update the message content
           updatedMessages[latestAgentMessageIndex.current].message =
-            frame.message;
+            frame.metadata &&
+            frame.metadata.authURL &&
+            frame.metadata.toolDisplayName
+              ? `${frame.metadata.toolDisplayName} requires authentication`
+              : frame.message;
           updatedMessages[latestAgentMessageIndex.current].component = form;
           updatedMessages[latestAgentMessageIndex.current].calls = state;
         } else {
           // If there are no previous messages, create a new message
           updatedMessages.push({
             type: MessageType.Agent,
-            message: frame.message,
+            message:
+              frame.metadata &&
+              frame.metadata.authURL &&
+              frame.metadata.toolDisplayName
+                ? `${frame.metadata.toolDisplayName} requires authentication`
+                : frame.message,
             component: form,
             calls: state,
           });

package-lock.json

@@ -21,7 +21,7 @@
   },
   "main": "electron/main.mjs",
   "dependencies": {
-    "@gptscript-ai/gptscript": "^0.9.5-rc3",
+    "@gptscript-ai/gptscript": "github:gptscript-ai/node-gptscript#de914911013bf9da02046906b88a5613dce508e1",
     "@monaco-editor/react": "^4.6.0",
     "@nextui-org/button": "2.0.32",
     "@nextui-org/code": "2.0.28",

package.json

@@ -166,7 +166,9 @@ const mount = async (
         tools: state.tools || [],
       });
     }
-  } catch (e) {}
+  } catch (e) {
+    console.error('Error loading state:', e);
+  }
 
   // Start the script
   let runningScript = null;