Update app.py

app.py

@@ -3,6 +3,10 @@ import gradio as gr
 from huggingface_hub import InferenceClient
 import json
 
+# Global variables to track state (use with caution!)
+chat_visible_global = False
+sidebar_collapsed_global = False
+
 class XylariaChat:
     def __init__(self):
         # Securely load HuggingFace token
@@ -155,7 +159,7 @@ class XylariaChat:
                     formatted_history += f"**Xylaria:** {chat['content']}\n\n"
 
             return formatted_history
-        
+
         # Custom CSS for improved colors and styling
         custom_css = """
         @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@@ -257,9 +261,9 @@ class XylariaChat:
 
         # Create the interface
         with gr.Blocks(css=custom_css) as demo:
-            # State variables to track visibility (for older Gradio versions)
-            chat_visible = gr.Variable(False)  # Use Variable instead of State
-            sidebar_collapsed = gr.Variable(False)  # Use Variable instead of State
+            # Access global variables (use with caution!)
+            global chat_visible_global
+            global sidebar_collapsed_global
 
             with gr.Row():
                 # Sidebar for displaying chat history
@@ -274,7 +278,7 @@ class XylariaChat:
                         chat_list = gr.Markdown("No chat history found.")
 
                         load_button.click(
-                            fn=lambda *args: format_chat_history(),  # Use format_chat_history directly
+                            fn=lambda *args: format_chat_history(),
                             inputs=None,
                             outputs=[chat_list]
                         )
@@ -297,8 +301,8 @@ class XylariaChat:
                         with gr.Row():
                             for prompt in example_prompts:
                                 gr.Button(prompt).click(
-                                    fn=lambda p=prompt: p,  # Capture prompt in a closure
-                                    inputs=gr.Variable(prompt),  # Pass prompt as Variable
+                                    fn=lambda p=prompt: p,
+                                    inputs=gr.State(prompt),
                                     outputs=txt
                                 )
 
@@ -308,7 +312,7 @@ class XylariaChat:
                             label="Xylaria 1.4 Senoa",
                             height=500,
                             show_copy_button=True,
-                            avatar_images=("user.png", "xylaria.png"),  # Replace with your image paths
+                            avatar_images=("user.png", "xylaria.png"),
                             bubble_full_width=False
                         )
 
@@ -316,13 +320,17 @@ class XylariaChat:
                         clear = gr.Button("Clear Conversation")
                         clear_memory = gr.Button("Clear Memory")
 
-            # Toggle between start and chat pages (using visibility)
-            def toggle_page(show_chat, *args):
-                return not show_chat, show_chat  # Invert visibility
-
-            # Toggle sidebar visibility
-            def toggle_sidebar(collapsed, *args):
-                if collapsed:
+            # Toggle between start and chat pages (using visibility and global variable)
+            def toggle_page(*args):
+                global chat_visible_global
+                chat_visible_global = not chat_visible_global
+                return not chat_visible_global, chat_visible_global
+
+            # Toggle sidebar visibility (using global variable)
+            def toggle_sidebar(*args):
+                global sidebar_collapsed_global
+                sidebar_collapsed_global = not sidebar_collapsed_global
+                if sidebar_collapsed_global:
                     # If currently collapsed, expand
                     return False, "250px", "block"  # Expand, normal width, display content
                 else:
@@ -332,7 +340,7 @@ class XylariaChat:
             # Collapse button click (handle sidebar toggling)
             collapse_button.click(
                 fn=toggle_sidebar,
-                inputs=[sidebar_collapsed],
+                inputs=[],
                 outputs=[sidebar_collapsed, sidebar, sidebar_content]
             )
 
@@ -351,23 +359,23 @@ class XylariaChat:
             # Toggle to chat page after sending the first message
             submit_event.then(
                 fn=toggle_page,
-                inputs=[chat_visible],
+                inputs=[],
                 outputs=[start_page, chat_page]
             )
             txt_submit_event.then(
                 fn=toggle_page,
-                inputs=[chat_visible],
+                inputs=[],
                 outputs=[start_page, chat_page]
             )
 
             # Clear conversation
             clear.click(
-                fn=lambda *args: [],  # Clear chatbot by returning an empty list
+                fn=lambda *args: [],
                 inputs=None,
                 outputs=[chatbot],
                 queue=False
             ).then(
-                fn=lambda *args: (True, False),  # Show start page, hide chat page
+                fn=lambda *args: (True, False),
                 inputs=None,
                 outputs=[start_page, chat_page]
             )
@@ -379,17 +387,10 @@ class XylariaChat:
                 outputs=None,
                 queue=False
             ).then(
-                fn=lambda *args: (True, False),  # Show start page, hide chat page
+                fn=lambda *args: (True, False),
                 inputs=None,
                 outputs=[start_page, chat_page]
             )
-            
-            # Update chat_visible state when chat_page visibility changes
-            chat_page.change(
-              fn=lambda visible, *args: visible,
-              inputs=[chat_page],
-              outputs=[chat_visible]
-            )
 
             # Load on startup
             demo.load(fn=self.reset_conversation, inputs=None, outputs=None)
@@ -410,8 +411,6 @@ class XylariaChat:
                 formatted_history += f"**Xylaria:** {chat['content']}\n\n"
 
         return formatted_history
-
-# Launch the interface
 def main():
     chat = XylariaChat()
     interface = chat.create_interface()