test

app.py

@@ -1,11 +1,11 @@
 # app.py — Mobile-safe Gradio Space (prevents truncation on phones)
-# - Uses Chatbot(type="messages") for modern rendering
-# - Fixed-height, scrollable chat area on mobile & desktop
-# - CSS forces wrapping (no cut-off), preserves newlines
-# - SSR disabled (some mobile browsers misbehave with SSR streaming)
-# - Works with any sync or streaming generate() function
+# - Compatible with Gradio 4.31.0 and newer
+# - Uses Chatbot(type="messages") automatically on >= 4.37, legacy tuples on older
+# - Fixed-height, scrollable chat, forced wrapping to avoid truncation on phones
+# - No ChatInterface (avoids DuplicateBlockError on older Gradio)
+# - Version-safe queue() call
+# - Works with sync or streaming predict()
 
-import os
 import gradio as gr
 
 APP_TITLE = "MiniGPT – Mobile Friendly"
@@ -24,9 +24,15 @@ def predict(message: str, history: list[dict]):
     history is a list of {"role": "user"|"assistant", "content": str}.
     """
     # EXAMPLE: simple echo with a long multi-line block to stress-wrap on mobile
-    long_demo = "\n".join([f"step {i+1}: example line that is intentionally long to test wrapping on mobile browsers. "
-                              f"It should never be truncated; it should wrap and the container should scroll." for i in range(8)])
-    reply = f"Here is your message back:\n\n{message}\n\n{long_demo}\n\nfinal answer: this text should fully render on mobile."
+    long_demo = "   ".join([
+            f"step {i+1}: example line that is intentionally long to test wrapping on mobile browsers. "
+            f"It should never be truncated; it should wrap and the container should scroll."
+            for i in range(8)
+        ])
+    reply = (
+            f"Here is your message back:{message} {long_demo}"
+            f"final answer: this text should fully render on mobile."
+    )
 
     # If you want streaming, yield chunks instead of returning a full string:
     # for chunk in reply.split(" "):
@@ -38,7 +44,9 @@ def predict(message: str, history: list[dict]):
 # -------------------------------
 # Build UI
 # -------------------------------
-with gr.Blocks(fill_height=True, css="""
+with gr.Blocks(
+    fill_height=True,
+    css="""
 /* ====== MOBILE-SAFE CHAT STYLES ====== */
 html, body, .gradio-container { height: 100%; }
 #chatbox { height: 70vh; overflow: auto; }
@@ -46,7 +54,8 @@ html, body, .gradio-container { height: 100%; }
 #chatbox * { overflow-wrap: anywhere; word-break: break-word; }
 #chatbox pre, #chatbox code, #chatbox .prose pre { white-space: pre-wrap; }
 @media (max-width: 480px) { #chatbox { font-size: 0.95rem; } }
-""") as demo:
+""",
+) as demo:
     gr.Markdown(f"# {APP_TITLE}")
     gr.Markdown(APP_DESC)
 
@@ -63,33 +72,39 @@ html, body, .gradio-container { height: 100%; }
 
     # ---------- Components ----------
     if MESSAGES_MODE:
-        chat = gr.Chatbot(type="messages", height=540, show_copy_button=True, layout="bubble", elem_id="chatbox")
+        chat = gr.Chatbot(
+            type="messages",
+            height=540,
+            show_copy_button=True,
+            elem_id="chatbox",
+        )
         history_state = gr.State([])  # list[dict]
     else:
-        chat = gr.Chatbot(height=540, show_copy_button=True, layout="bubble", elem_id="chatbox")
-        history_state = gr.State([])  # list[tuple[str,str]]
+        chat = gr.Chatbot(
+            height=540,
+            show_copy_button=True,
+            elem_id="chatbox",
+        )
+        history_state = gr.State([])  # list[list[str, str]]
 
     msg = gr.Textbox(placeholder="Ask me something…", autofocus=True)
     send = gr.Button("Send")
     clear = gr.Button("Clear")
 
     # ---------- Event handlers ----------
-    def on_clear():
-        return ([], []) if MESSAGES_MODE else ([], [])
-
     def on_user_submit(user_message, hist):
         if MESSAGES_MODE:
             # hist: list[dict]
             new_hist = hist + [{"role": "user", "content": user_message}]
-            # Show pending assistant message slot (optional)
+            # Show user message in chat immediately; clear textbox
             return gr.update(value=new_hist), new_hist, ""
         else:
-            # hist: list[tuple]
-            new_hist = hist + [(user_message, "")]  
+            # hist: list[[user, bot]]
+            new_hist = hist + [[user_message, ""]]
             return gr.update(value=new_hist), new_hist, ""
 
     def on_bot_respond(hist):
-        # Derive the latest user message from history (works in both modes)
+        # Derive the latest user message; build model history in messages format
         if MESSAGES_MODE:
             user_message = ""
             for m in reversed(hist or []):
@@ -99,7 +114,6 @@ html, body, .gradio-container { height: 100%; }
             model_hist = hist
         else:
             user_message = hist[-1][0] if hist else ""
-            # Convert tuple hist -> messages for model
             model_hist = []
             for u, a in hist:
                 model_hist.append({"role": "user", "content": u})
@@ -108,7 +122,7 @@ html, body, .gradio-container { height: 100%; }
 
         out = predict(user_message, model_hist)
 
-        # Streaming generator
+        # Streaming generator support
         if hasattr(out, "__iter__") and not isinstance(out, (str, bytes)):
             acc = ""
             for chunk in out:
@@ -117,48 +131,57 @@ html, body, .gradio-container { height: 100%; }
                     temp = hist + [{"role": "assistant", "content": acc}]
                     yield gr.update(value=temp), temp
                 else:
-                    # Replace last pair's assistant text as it streams
                     if hist:
-                        temp = hist[:-1] + [(hist[-1][0], acc)]
+                        temp = hist[:-1] + [[hist[-1][0], acc]]
                     else:
-                        temp = [(user_message, acc)]
+                        temp = [[user_message, acc]]
                     yield gr.update(value=temp), temp
             return
 
-        # Single string
+        # Single string reply
         reply = str(out)
         if MESSAGES_MODE:
             new_hist = hist + [{"role": "assistant", "content": reply}]
             return gr.update(value=new_hist), new_hist
         else:
-            new_hist = hist[:-1] + [(hist[-1][0], reply)] if hist else [(user_message, reply)]
+            new_hist = hist[:-1] + [[hist[-1][0], reply]] if hist else [[user_message, reply]]
             return gr.update(value=new_hist), new_hist
 
-# Wire events
-    user_submit = msg.submit(on_user_submit, inputs=[msg, history_state], outputs=[chat, history_state, msg])
-    btn_submit = send.click(on_user_submit, inputs=[msg, history_state], outputs=[chat, history_state, msg])
-
-    # After we append the user message, trigger the bot to respond
+    # ---------- Wire events (inside Blocks) ----------
+    user_submit = msg.submit(
+        on_user_submit,
+        inputs=[msg, history_state],
+        outputs=[chat, history_state, msg],
+    )
+    btn_submit = send.click(
+        on_user_submit,
+        inputs=[msg, history_state],
+        outputs=[chat, history_state, msg],
+    )
+
+    # After appending the user message, trigger the bot to respond
     user_submit.then(on_bot_respond, inputs=[history_state], outputs=[chat, history_state])
-    btn_submit.then(on_bot_respond, inputs=[msg, history_state], outputs=[chat, history_state])
+    btn_submit.then(on_bot_respond, inputs=[history_state], outputs=[chat, history_state])
 
     clear.click(lambda: ([], []), None, [chat, history_state])
 
-    gr.Markdown("""
+    gr.Markdown(
+        """
 **Notes**
 - This build avoids `ChatInterface` to prevent DuplicateBlockError on older Gradio.
-- On Gradio < 4.37, it uses tuple chat format; on newer, it uses `type="messages"`.
+- On Gradio < 4.37, it uses legacy tuple chat format; on newer, it uses `type="messages"`.
 - CSS ensures full wrapping + scroll on mobile; `ssr_mode=False` below improves stability.
-    """)
+        """
+    )
 
-# Queue for stability
-# Version-safe queue setup
+# Queue for stability (version-safe args)
 try:
-    # Gradio ≥ 4.33 typically supports default_concurrency_limit
     demo.queue(default_concurrency_limit=2, max_size=32, status_update_rate=0.5)
 except TypeError:
-    # Fallback for older signatures
-    demo.queue()
+    try:
+        demo.queue(concurrency_count=2)
+    except TypeError:
+        demo.queue()
 
 if __name__ == "__main__":
     demo.launch(ssl_verify=False, ssr_mode=False)