Update static/mult-agent-auth.html

static/mult-agent-auth.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Multi Agent Research</title>
-    <script src="https://cdn.jsdelivr.net/npm/appwrite@15.0.0"></script>
+    <script src="https://unpkg.com/@supabase/supabase-js@2"></script>
     <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
     <style>
@@ -167,12 +167,9 @@
 
         <script>
         const { createApp } = Vue;
+        const { createClient } = supabase;
 
-        const client = new Appwrite.Client();
-        client.setEndpoint('https://cloud.appwrite.io/v1')
-              .setProject('66c2f6c7000abed7f1f9');
-
-        const account = new Appwrite.Account(client);
+        const supabaseClient = createClient('https://ftqmmutydpjseodidugl.supabase.co', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImZ0cW1tdXR5ZHBqc2VvZGlkdWdsIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTQzMTE2MzQsImV4cCI6MjAyOTg4NzYzNH0.2h1uLIPCKrwF8f9enRChU_Q2qkhoQlR4gwlehL-h0a4');
 
         function setCookie(name, value, days) {
             const expires = new Date(Date.now() + days * 864e5).toUTCString();
@@ -208,7 +205,8 @@
                 async checkAuth() {
                     try {
                         console.log("Checking authentication");
-                        const session = await account.getSession('current');
+                        const { data: { session }, error } = await supabaseClient.auth.getSession();
+                        if (error) throw error;
                         console.log("Session:", session);
                         return session;
                     } catch (error) {
@@ -237,11 +235,26 @@
                             console.log("Stored app_data and current_page in cookies", this.appData, this.currentPage);
                         } else {
                             console.log("Access denied");
-                            this.error = 'Access Denied: Your email is not on the allowlist.';
+                            this.error = `Access Denied: Your email (${email}) is not on the allowlist. Server message: ${response.data.message || 'No additional information provided.'}`;
                         }
                     } catch (error) {
                         console.error("Error checking allowlist:", error);
-                        this.error = 'An error occurred while checking access.';
+                        let errorMessage = 'An error occurred while checking access.';
+                        if (error.response) {
+                            // The request was made and the server responded with a status code
+                            // that falls out of the range of 2xx
+                            errorMessage += ` Server responded with status ${error.response.status}.`;
+                            if (error.response.data && error.response.data.message) {
+                                errorMessage += ` Message: ${error.response.data.message}`;
+                            }
+                        } else if (error.request) {
+                            // The request was made but no response was received
+                            errorMessage += ' No response received from server.';
+                        } else {
+                            // Something happened in setting up the request that triggered an Error
+                            errorMessage += ` Error message: ${error.message}`;
+                        }
+                        this.error = `Error for email (${email}): ${errorMessage}`;
                     } finally {
                         console.log("Setting loading to false");
                         this.loading = false;
@@ -266,12 +279,8 @@
                     document.body.appendChild(loadingElement);
 
                     try {
-                        const logoutPromise = account.deleteSession('current');
-                        const timeoutPromise = new Promise((_, reject) => 
-                            setTimeout(() => reject(new Error('Logout timed out')), 5000)
-                        );
-
-                        await Promise.race([logoutPromise, timeoutPromise]);
+                        const { error } = await supabaseClient.auth.signOut();
+                        if (error) throw error;
 
                         // Clear cookies
                         document.cookie = 'app_data=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; SameSite=Strict';
@@ -289,8 +298,9 @@
                 },
                 async fetchProfileInfo() {
                     try {
-                        const user = await account.get();
-                        this.userName = user.name || 'User';
+                        const { data: { user }, error } = await supabaseClient.auth.getUser();
+                        if (error) throw error;
+                        this.userName = user.user_metadata.full_name || user.email || 'User';
                         await this.checkAllowlist(user.email);
                     } catch (error) {
                         console.error("Error fetching profile info:", error);
@@ -324,4 +334,4 @@
         app.mount('#app');
     </script>
 </body>
-</html>
+</html>