Optimize Input

app.py

@@ -1,4 +1,5 @@
 import asyncio
+import threading
 from markdown_it import MarkdownIt
 from mdit_py_plugins import front_matter
 
@@ -87,6 +88,7 @@ def App():
         set_show_logs_button(True)
 
     def send_message(event=None):
+        print(f"DEBUG: SEND MESSAGE CALLED FOR MESSAGE {message}")
         if message.strip():
             sent_message = message
             set_message("")
@@ -108,34 +110,19 @@ def App():
 
             asyncio.create_task(send_message_async(sent_message))
 
-    # ORIGINAL CODE FROM CLAUDE
-    # handle_key_down = use_callback(lambda event:
-    #     send_message() if event['key'] == 'Enter' else None,
-    # [send_message])
-
-    # handle_change = use_callback(lambda event:
-    #     set_message(event['target']['value']),
-    # [])
+    # New Code Suggestion from Claude
+    def handle_input(event):
+        set_message(event['target']['value'])
 
     def handle_key_down(event):
-        key = event['key']
-        print(f"DEBUG - Key down event: {key}")
-        if key == 'Enter':
+        if event['key'] == 'Enter':
             send_message()
-        else:
-            print("Key pressed is not 'Enter'. No action taken.")
 
-    # DEBUGGING CODE FROM CHATGPT WITH PRINT STATEMENTS
+    # # ORIGINAL CODE FROM CLAUDE
     # handle_key_down = use_callback(lambda event:
-    #     print(event) or send_message() if event.get('key') == 'Enter' else None,
+    #     send_message() if event['key'] == 'Enter' else None,
     # [send_message])
 
-    # handle_change = use_callback(lambda event:
-    #     print(event) or set_message(event.get('target', {}).get('value', '')),
-    # [])
-    
-
-
     @component
     def Header(demo_name: str, short_description: str, extra_info: str):
         return html.header(
@@ -387,7 +374,7 @@ def App():
                     "type": "text",
                     "value": message,
                     "placeholder": "Your Message",
-                    # "onChange": handle_change,
+                    "onInput": handle_input,
                     "onKeyDown": handle_key_down,
                     "style": {
                         "width": "100%",