Update app.py

app.py

@@ -11,8 +11,32 @@ is_comfit_alive = False
 clean_link = "comfit-copilot.mch250095.projects.jetstream-cloud.org:3000"
 full_url = f"http://{clean_link}"
 
+# Styled HTML for the American Flag themed button
+AMERICAN_FLAG_LINK = f"""
+<div style="text-align: center; margin: 20px 0;">
+    <a href="{full_url}" target="_blank" style="
+        display: inline-block;
+        padding: 15px 30px;
+        font-size: 24px;
+        font-weight: bold;
+        text-decoration: none;
+        color: white;
+        background: linear-gradient(90deg, #B22234 33%, #FFFFFF 33%, #FFFFFF 66%, #3C3B6E 66%);
+        background-size: 300% 100%;
+        border: 4px solid #3C3B6E;
+        border-radius: 10px;
+        text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
+        box-shadow: 0 4px 15px rgba(0,0,0,0.3);
+        transition: transform 0.2s;
+    " onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'">
+        <span style="color: #FFFFFF; background-color: #B22234; padding: 2px 5px; border-radius: 3px;">🇺🇸</span> 
+        <span style="color: #3C3B6E;">Click here for ComFit Copilot</span>
+        <span style="color: #FFFFFF; background-color: #3C3B6E; padding: 2px 5px; border-radius: 3px;">🇺🇸</span>
+    </a>
+</div>
+"""
+
 def get_conn():
-    """Authenticates with Jetstream2 (OpenStack) using Application Credentials."""
     return openstack.connect(
         auth_url=os.getenv("OS_AUTH_URL"),
         application_credential_id=os.getenv("OS_APPLICATION_CREDENTIAL_ID"),
@@ -23,7 +47,6 @@ def get_conn():
     )
 
 def get_current_status():
-    """Background task to fetch status and sync shared link visibility."""
     global active_user_count, is_comfit_alive
     try:
         conn = get_conn()
@@ -41,7 +64,6 @@ def get_current_status():
             }
             status_text = status_map.get(server.status, f"❓ STATE: {server.status}")
         
-        # Shared health check for the URL
         if "RUNNING" in status_text:
             try:
                 if requests.get(full_url, timeout=2).status_code < 500:
@@ -53,7 +75,7 @@ def get_current_status():
         else:
             is_comfit_alive = False
 
-        link_update = gr.update(value=f"### [Visit: {clean_link}]({full_url})", visible=is_comfit_alive)
+        link_update = gr.update(value=AMERICAN_FLAG_LINK if is_comfit_alive else "", visible=is_comfit_alive)
         return status_text, f"👥 Active Users: {active_user_count}", link_update
     except Exception as e:
         return f"❌ Error: {str(e)}", f"👥 Active Users: {active_user_count}", gr.update()
@@ -78,7 +100,6 @@ def manage_instance():
             yield ("❌ Error: Instance Not Found", gr.update(visible=False))
             return
 
-        # Multi-user bypass
         if server.status != "ACTIVE":
             yield ("⏳ Milestone 1/3: Un-shelving Begin...", gr.update(visible=False))
             if server.status == "SHELVED_OFFLOADED":
@@ -91,7 +112,7 @@ def manage_instance():
             try:
                 if requests.get(full_url, timeout=3).status_code < 500:
                     is_comfit_alive = True
-                    yield ("🎉 Success! ComFit is ready.", gr.update(value=f"### [Visit: {clean_link}]({full_url})", visible=True))
+                    yield ("🎉 Success! ComFit is ready.", gr.update(value=AMERICAN_FLAG_LINK, visible=True))
                     return
             except: pass
             yield (f"🔄 Milestone 3/3: Software booting ({i+1}/24)...", gr.update(visible=False))
@@ -99,15 +120,14 @@ def manage_instance():
     except Exception as e:
         yield (f"❌ Error: {str(e)}", gr.update(visible=False))
 
-# JavaScript for sound + Inactivity Timeout
 combined_js = """
 <script>
 let idleTime = 0;
-const MAX_IDLE = 10; // <--- CHANGE TIMEOUT HERE (Minutes)
+const MAX_IDLE = 10;
 function playNotification(status) {
     if (status.includes("RUNNING")) {
         var audio = new Audio('https://cdn.freesound.org');
-        audio.play().catch(e => console.log("Audio play blocked. Click page once."));
+        audio.play().catch(e => console.log("Audio play blocked."));
     }
 }
 function resetTimer() { idleTime = 0; }
@@ -125,11 +145,8 @@ setInterval(function() {
 </script>
 """
 
-# Fixed: Theme removed from constructor for Gradio 6 compatibility
 with gr.Blocks() as demo:
     gr.HTML(combined_js)
-    
-    # Session state for cleanup
     session_tracker = gr.State(value="active", delete_callback=user_left)
 
     gr.Markdown("# ComFit Copilot (Comfort & Fit Copilot) By Innovision")
@@ -143,9 +160,10 @@ with gr.Blocks() as demo:
         refresh_btn = gr.Button("🔄 Force Refresh Status", variant="secondary")
     
     status_label = gr.Label(value="Ready")
-    link_box = gr.Markdown(visible=False)
+    
+    # Logic Change: Use gr.HTML for the link instead of Markdown to hide the URL and center it
+    link_box = gr.HTML(visible=False)
 
-    # Instructions section
     gr.Markdown("---")
     gr.Markdown("""
     ### 📖 Instructions for Visitors
@@ -156,7 +174,6 @@ with gr.Blocks() as demo:
     **Step 2: Access or Wake Up**  
     - If a **Visit Link** is already visible (at top of these instructions), simply click it to open ComFit Copilot.
     - If no link is visible, click **Activate / Access ComFit Copilot**. This will trigger the un-shelving process, which may take up to 2+ mins.
-    <br><br>
     
     **Note A: Track Milestones**  
     The control panel will cycle through three milestones: Un-shelving, VM Activation, and Software Booting. Please be patient while the cloud prepares your environment.
@@ -165,31 +182,19 @@ with gr.Blocks() as demo:
     If you do not interact with this page for **10 minutes**, your session will expire. 
     
     **Note C: What to do after clicking on Visit Link**  
-    Once you sign-up using your email, a button will pop-up showing that you need to confirm email. You can safely ignore this step and continue with login.
+    
+    Once you sign-up using your email, a button will pop-up showing that you need to confirm email. You can safely ignore this step and continue with login using information you just used for sign-up.
     """)
 
-    # UI Event Listeners
     live_status.change(None, inputs=live_status, js="(s) => playNotification(s)")
     activate_btn.click(fn=manage_instance, outputs=[status_label, link_box])
     refresh_btn.click(fn=get_current_status, outputs=[live_status, user_display, link_box])
 
-    # Automatic 5-second timer
     timer = gr.Timer(5)
     timer.tick(fn=get_current_status, outputs=[live_status, user_display, link_box])
     
-    # Initialization
     demo.load(fn=user_joined, outputs=user_display)
     demo.load(fn=get_current_status, outputs=[live_status, user_display, link_box])
 
-    # Logo Footer Sectio
-    gr.Markdown("---")
-    gr.Markdown("<center><h3>Supported By</h3></center>")
-    with gr.Row():
-        # Fixed: Removed 'show_download_button' which caused the crash
-        gr.Image("logo1.png", show_label=False, interactive=False, container=False, scale=1)
-        gr.Image("logo2.png", show_label=False, interactive=False, container=False, scale=1)
-        gr.Image("logo3.png", show_label=False, interactive=False, container=False, scale=1)
-
 if __name__ == "__main__":
-    # Fixed: Theme passed to launch() for Gradio 6 compliance
-    demo.launch(theme=gr.themes.Soft())
+    demo.launch(theme=gr.themes.Soft())