reduce flickering

app.py

@@ -12,7 +12,8 @@ client = Groq(api_key=os.getenv('GROQ_API_KEY'))
 
 SYSTEM_PROMPT = """
 You complete every sentence in a very interesting way. Use emojis wherever possible.
-Preserve everything in the user prompt and append to it to complete the sentence
+Preserve everything in the user prompt and append to it to complete the ongoing sentence.
+Don't add additional sentences.
 
 eg:
 Q. What's my
@@ -38,7 +39,6 @@ A. I love to eat eggs for breakfast! 🧦🍳 Eggs are healthy as well as tasty
 
 """
 
-lastResponse = ""
 ipAddress = ""
 
 
@@ -64,7 +64,7 @@ def autocomplete(text):
 
     if text != "":
         if text[-1] != " ":
-            yield lastResponse
+            # yield lastResponse
             return
 
         pprint(f"{text=}")
@@ -92,9 +92,9 @@ def autocomplete(text):
                 partialMessage = partialMessage + chunk.choices[0].delta.content
                 yield partialMessage
         pprint(f"{partialMessage=}")
-        lastResponse = partialMessage
-    else:
-        lastResponse = ""
+        # lastResponse = partialMessage
+    # else:
+    #     lastResponse = ""
 
 
 css = """
@@ -103,35 +103,67 @@ css = """
 # }
 """
 
-inputBox = gr.Textbox(
-    lines=2,
-    placeholder="Start typing ...",
-    label="Input Sentence",
-)
-outputBox = gr.Markdown(
-    label="Output Sentence"
-)
-
-with gr.Interface(
-    fn=autocomplete,
-    inputs=inputBox,
-    outputs=outputBox,
-    title="Create interesting sentences on the fly ✈",
-    description="Powered by Groq & Llama 3.1",
-    live=True,  # Set live to True for real-time feedback
-    allow_flagging="never",  # Disable flagging
-    css=css
-) as demo:
-    # demo.load(__attachIp, None, None)
-    copyButton = gr.Button(
-        "Use Output",
-        elem_id="copy-button",
-        variant="primary"
-    ).click(
+with gr.Blocks(css=css, title="Create interesting sentences on the fly ✈") as demo:
+    gr.Markdown("# Create interesting sentences on the fly ✈")
+    gr.Markdown("Powered by Groq & Llama 3.1")
+
+    with gr.Row():
+        input_box = gr.Textbox(
+            lines=2,
+            placeholder="Start typing ...",
+            label="Input Sentence",
+        )
+        output_box = gr.Markdown(
+            label="Output Sentence"
+        )   
+
+    copy_button = gr.Button("Use Output", variant="primary")
+
+    input_box.change(
+        fn=autocomplete,
+        inputs=input_box,
+        outputs=output_box,
+        show_progress="hidden",
+        api_name=None,
+        queue=True,
+    )
+
+    copy_button.click(
         fn=lambda x: x,
-        inputs=outputBox,
-        outputs=inputBox,
+        inputs=output_box,
+        outputs=input_box,
     )
 
+
+# inputBox = gr.Textbox(
+#     lines=2,
+#     placeholder="Start typing ...",
+#     label="Input Sentence",
+# )
+# outputBox = gr.Markdown(
+#     label="Output Sentence"
+# )
+
+# with gr.Interface(
+#     fn=autocomplete,
+#     inputs=inputBox,
+#     outputs=outputBox,
+#     title="Create interesting sentences on the fly ✈",
+#     description="Powered by Groq & Llama 3.1",
+#     live=True,  # Set live to True for real-time feedback
+#     allow_flagging="never",  # Disable flagging
+#     css=css
+# ) as demo:
+#     # demo.load(__attachIp, None, None)
+#     copyButton = gr.Button(
+#         "Use Output",
+#         elem_id="copy-button",
+#         variant="primary"
+#     ).click(
+#         fn=lambda x: x,
+#         inputs=outputBox,
+#         outputs=inputBox,
+#     )
+
 # Launch the app
 demo.launch(debug=True)