Update script.js

script.js

@@ -9,7 +9,10 @@ document.addEventListener("DOMContentLoaded", () => {
   const chatContainer = document.getElementById("chat-container");
   const typing = document.getElementById("typing");
   const loginForm = document.getElementById("login-form");
+  const signupForm = document.getElementById("signup-form");
   const chatSection = document.getElementById("chat-section");
+  const aiAppsSection = document.getElementById("ai-apps-section");
+  const appsContainer = document.getElementById("ai-apps-container");
   const modal = document.getElementById("settings-modal");
 
   // ------------------
@@ -52,19 +55,24 @@ document.addEventListener("DOMContentLoaded", () => {
   // Check Session
   // ------------------
   async function checkSession() {
-    if (!token) return;
+    if (!token) return false;
     try {
       const res = await fetch("/api/session", { headers: authHeaders() });
       const data = await res.json();
       if (data.user) {
         loginForm.style.display = "none";
+        signupForm.style.display = "none";
         chatSection.style.display = "block";
+        aiAppsSection.style.display = "block";
+        return true;
       } else {
         localStorage.removeItem("jwtToken");
         token = null;
+        return false;
       }
     } catch (err) {
       console.error("Session check failed:", err);
+      return false;
     }
   }
 
@@ -91,6 +99,8 @@ document.addEventListener("DOMContentLoaded", () => {
         alert("✅ " + data.message);
         loginForm.style.display = "none";
         chatSection.style.display = "block";
+        aiAppsSection.style.display = "block";
+        loadAIApps();
       }
     } catch (err) {
       alert("❌ Login failed: Could not reach server");
@@ -178,33 +188,47 @@ document.addEventListener("DOMContentLoaded", () => {
   };
 
   // ------------------
-  // Load AI Apps / Bots (future implementation)
+  // Load AI Apps / Bots
   // ------------------
   async function loadAIApps() {
+    if (!token) return;
     try {
-      const res = await fetch("/api/bots", { headers: authHeaders() });
+      const res = await fetch("/api/ai_apps", { headers: authHeaders() });
       const data = await res.json();
-      const appsContainer = document.getElementById("ai-apps-container");
       appsContainer.innerHTML = "";
-      if (data.bots && data.bots.length > 0) {
-        data.bots.forEach(bot => {
+
+      if (data.apps && data.apps.length > 0) {
+        data.apps.forEach(app => {
           const div = document.createElement("div");
-          div.className = "ai-app";
-          div.textContent = bot.name + " (" + bot.language + ")";
-          div.onclick = () => {
-            alert("AI App clicked: " + bot.name);
-            // future: load bot code for experimentation
-          };
+          div.className = "ai-app-card";
+          div.innerHTML = `
+            <h3>${app.name}</h3>
+            <p>Language: ${app.language}</p>
+            <button onclick="openAIApp('${app.id}')">Open App</button>
+          `;
           appsContainer.appendChild(div);
         });
+      } else {
+        appsContainer.textContent = "No AI apps yet.";
       }
     } catch (err) {
       console.error("Failed to load AI apps:", err);
+      appsContainer.textContent = "Error loading AI apps.";
     }
   }
 
   // ------------------
-  // Run session check and load AI apps
+  // Open AI App
   // ------------------
-  checkSession().then(() => loadAIApps());
+  window.openAIApp = function(appId) {
+    alert("Opening AI App ID: " + appId);
+    // Future: Load its code or open a chat for experimentation
+  };
+
+  // ------------------
+  // Run session check on load
+  // ------------------
+  checkSession().then(valid => {
+    if (valid) loadAIApps();
+  });
 });