Update script.js

script.js

@@ -15,6 +15,13 @@ document.addEventListener("DOMContentLoaded", () => {
   const appsContainer = document.getElementById("ai-apps-container");
   const modal = document.getElementById("settings-modal");
 
+  // Comments input
+  const commentInput = document.createElement("input");
+  commentInput.id = "comment-input";
+  commentInput.placeholder = "Type comment and press Enter";
+  commentInput.style.width = "100%";
+  commentInput.style.marginTop = "5px";
+
   // Create Comments container
   const commentsContainer = document.createElement("div");
   commentsContainer.id = "comments-container";
@@ -23,6 +30,7 @@ document.addEventListener("DOMContentLoaded", () => {
   commentsContainer.style.maxHeight = "200px";
   commentsContainer.style.overflowY = "auto";
   chatSection.appendChild(commentsContainer);
+  chatSection.appendChild(commentInput);
 
   // ------------------
   // Helper Functions
@@ -84,11 +92,11 @@ document.addEventListener("DOMContentLoaded", () => {
         chatSection.style.display = "block";
         aiAppsSection.style.display = "block";
 
-        // Load existing comments
         loadComments();
 
-        // Fullscreen
-        document.documentElement.requestFullscreen?.();
+        // Request fullscreen safely
+        setTimeout(() => document.documentElement.requestFullscreen?.(), 500);
+
         return true;
       } else {
         localStorage.removeItem("jwtToken");
@@ -123,14 +131,14 @@ document.addEventListener("DOMContentLoaded", () => {
       else {
         token = data.token;
         localStorage.setItem("jwtToken", token);
-        alert("✅ " + data.message);
         loginForm.style.display = "none";
         chatSection.style.display = "block";
         aiAppsSection.style.display = "block";
 
         loadAIApps();
         loadComments();
-        document.documentElement.requestFullscreen?.();
+
+        setTimeout(() => document.documentElement.requestFullscreen?.(), 500);
       }
     } catch (err) {
       alert("❌ Login failed: Could not reach server");
@@ -253,7 +261,7 @@ document.addEventListener("DOMContentLoaded", () => {
   async function loadComments() {
     if (!token) return;
     try {
-      const res = await fetch("/api/comments/1", { headers: authHeaders() }); // example app_id=1
+      const res = await fetch("/api/comments/1", { headers: authHeaders() });
       const data = await res.json();
       commentsContainer.innerHTML = "";
       if (data && data.length > 0) {
@@ -267,8 +275,8 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   }
 
-  // Add new comment
-  commentsContainer.addEventListener("keydown", async (e) => {
+  // Add new comment from input
+  commentInput.addEventListener("keydown", async (e) => {
     if (e.key === "Enter") {
       const content = e.target.value.trim();
       if (!content) return;
@@ -304,7 +312,7 @@ document.addEventListener("DOMContentLoaded", () => {
   });
 
   // ------------------
-  // Full HuggingFace UI Removal (header, footer, toolbar, tabs)
+  // Full HuggingFace UI Removal
   // ------------------
   function hideHuggingFaceUI() {
     const header = document.querySelector("header") || document.querySelector(".css-1c1wz1k");
@@ -312,20 +320,14 @@ document.addEventListener("DOMContentLoaded", () => {
     const toolbar = document.querySelector('[data-testid="space-header"]');
     const tabStrip = document.querySelector('[data-testid="space-tabs"]');
 
-    let hidden = false;
+    if (header) header.style.display = "none";
+    if (footer) footer.style.display = "none";
+    if (toolbar) toolbar.style.display = "none";
+    if (tabStrip) tabStrip.style.display = "none";
 
-    if (header) { header.style.display = "none"; hidden = true; }
-    if (footer) { footer.style.display = "none"; hidden = true; }
-    if (toolbar) { toolbar.style.display = "none"; hidden = true; }
-    if (tabStrip) { tabStrip.style.display = "none"; hidden = true; }
-
-    // HF dynamically re-renders → keep checking
-    if (!hidden) {
-      setTimeout(hideHuggingFaceUI, 300);
-    }
+    // Recheck in case HF re-renders
+    setTimeout(hideHuggingFaceUI, 500);
   }
 
-  // Start hiding loop
   hideHuggingFaceUI();
 });
-