Update app.py

app.py

@@ -57,11 +57,63 @@ def same_auth(username, password):
     username = username + security
     return username == password
 
+def get_user_summary(name):
+    return "Welcome, " + name + ". Please proceed to the '" + coach_name_long + "' tab (above) to chat."
+
 #GUI
 theme = gr.themes.Default()
 
-with gr.Blocks(theme) as demo:
+with gr.Blocks() as demo:
+    output_choice = gr.State('Text')  # Set 'Text' as the default state value
+
+    with gr.Tabs() as tabs:
+        with gr.TabItem("Log In"):
+            username_input = gr.Textbox(label="Username (REQUIRED):", placeholder="Enter your USERNAME", type="text")
+            password_input = gr.Textbox(label="Emailed Code (REQUIRED):", placeholder="Enter CODE from your email", type="password")
+
+            # The submit_name function will expect two inputs 
+            def submit_name(name, password):
+                name = name + "7777"
+                name_upper = name.upper()
+                pwd = password.upper()
+                if name_upper != pwd:
+                    name = "NOTLOGGEDIN"
+                    raise gr.Error(f"You must be LOGGED IN to Chat. Refresh the page, log in, and try again.")
+                if name_upper == "":
+                    name = "NOTLOGGEDIN"
+                    raise gr.Error(f"You must be LOGGED IN to Chat. Refresh the page, log in, and try again.")
+                else:
+                    name_upper = name_upper[:-4]
+                    name = name[:-4]
+                    return get_user_summary(name)
+                
+
+            submit_name_button = gr.Button("Log in")
+            # status_text = gr.Label(label="", container=False)
+            status_text = gr.Label()
+            # status_text = gr.Textbox(value="", lines=2, label='', visible=True, interactive=False, autoscroll=False)
+
+            submit_name_button.click(
+                fn=submit_name,
+                inputs=[username_input, password_input],
+                outputs=[status_text]
+            )
+
+            # Attach submit event to both the username and password fields
+            username_input.submit(
+                fn=submit_name,
+                inputs=[username_input, password_input],
+                outputs=[status_text]
+            )
+
+            # Make sure this is done for the password field as well
+            password_input.submit(
+                fn=submit_name,
+                inputs=[username_input, password_input],
+                outputs=[status_text]
+            )            
 
-    gr.ChatInterface(predict, submit_btn="Chat with "+ coach_name_short, retry_btn=None, undo_btn=None, clear_btn=None, autofocus=True)
+        with gr.TabItem(coach_name_long):
+            gr.ChatInterface(predict, submit_btn="Chat with "+ coach_name_short, retry_btn=None, undo_btn=None, clear_btn=None)
             
-demo.launch(show_api=False, auth=same_auth, auth_message="Please enter your USERNAME and the CODE that you have been emailed.  (Be sure to ENABLE third party cookies in your browser.)")
+demo.launch(show_api=False)