Update app.py

app.py

@@ -12,32 +12,6 @@ client = AsyncOpenAI(
 assistantID = os.getenv("OPENAI_ASSISTANT_ID")
 mypassword = os.getenv("RTL_PASSWORD")
 
-mytitle = "<h1 align=center>RTL AI News Reader : Wat war lass am Land 🇱🇺 an op der Welt 🌎 ?</h1>"
-
-mydescription="""
-<h3 align='center'>Wat fir een Thema interesséiert Iech : 🐶 🏃🏻‍♂️ 🌗 🍇 🌈 🍽️ 🏆 🚘 ✈️ 🩺 </h3>
-<table width=100%>
-  <tr>
-    <th width=50% bgcolor="Moccasin">Stell deng Froen op Lëtzebuergesch, oder an enger anerer Sprooch :</th>
-    <th bgcolor="Khaki">Äntwert vum OpenAI File-Search Assistent : </th>
-  </tr>
-</table>
-"""
-
-myarticle ="""
-<h3>Informatiounen :</h3>
-<p>Dës HuggingFace Space Demo gouf vum <a href="https://github.com/mbarnig">Marco Barnig</a> realiséiert. 
-Als kënstlech Intelligenz gëtt, mëttels API, den <a href="https://platform.openai.com/docs/models">OpenAI Modell</a> 
-gpt-4o-mini-2024-07-18 benotzt. Dir kennt e Passwuert per Email beim [email protected] froen.</p>
-"""
-
-myinput = [
-    gr.Radio(["Sich", "Beispiller"], label = "D'Beispiller fonktionnéieren ouni Passwuert.", value = "Beispiller"),
-    gr.Textbox(lines=1, label="Gitt dat richtegt RTL-Passwuert an !", scale=1),
-    gr.Textbox(lines=3, label="Wat wëllt Der wëssen ?", scale=7),
-    gr.Radio(["Wat war lass am Juni 2023 ?", "Wat ass gewosst iwwert de SREL ?", "Wat fir eng Katastroph war 2022 zu Lëtzebuerg ?", "Koumen an de leschte Jore gréisser Kriminalfäll viru Geriicht ?"], value="Wat ass gewosst iwwert de SREL ?", label="Beispiller")
-]
-
 class EventHandler(AsyncAssistantEventHandler):
     def __init__(self) -> None:
         super().__init__()
@@ -139,17 +113,30 @@ async def gradio_chat_interface(mode, password, user_input, example):
             async for response in generate_response(user_input):
                 yield response
 
-# Set up Gradio interface with streaming
-interface = gr.Interface(
-    fn=gradio_chat_interface,
-    inputs=myinput,
-    outputs="markdown",
-    title=mytitle,
-    description=mydescription,
-    article=myarticle,
-    live=False,
-    allow_flagging="never"
-)
-
-# Launch the Gradio app
-interface.launch()
+with gr.Blocks() as demo:
+    with gr.Row():
+        myTitle = gr.HTML("<h2 align=center>RTL AI News Reader : Wat war lass am Land 🇱🇺 an op der Welt 🌎 ?</h2>")   
+    with gr.Row():
+        myDescription = gr.HTML("""
+            <h3 align='center'>Wat fir een Thema interesséiert Iech ?</h3>
+            <p align='center'>🐶 🏃🏻‍♂️ 🌗 🍇 🌈 🍽️ 🏆 🚘 ✈️ 🩺 </p>
+            <p align='center' bgcolor="Moccasin">Stellt är Froen op Lëtzebuergesch, oder an enger anerer Sprooch !</p>
+            """            
+        )
+    with gr.Row():
+        mode = gr.Radio(choices=["Sichen", "Beispiller"], label = "D'Beispiller fonktionnéieren ouni Passwuert.", value = "Beispiller")
+        pw = gr.Textbox(lines=1, label="Gitt dat richtegt RTL-Passwuert an !")
+    with gr.Row():
+            question = gr.Textbox(lines=3, label="Wat wëllt Der wëssen ?")
+    with gr.Row():    
+            examples = gr.Radio(["Wat war lass am Juni 2023 ?", "Wat ass gewosst iwwert de SREL ?", "Wat fir eng Katastroph war 2022 zu Lëtzebuerg ?", "Koumen an de leschte Jore gréisser Kriminalfäll viru Geriicht ?"], label="Beispiller")
+    with gr.Row():
+        clear = gr.Button("Clear")
+        submit = gr.Button("Submit")
+    with gr.Row():
+        mySubtitle = gr.HTML("<p align='center' bgcolor='Khaki'>Äntwert vum OpenAI File-Search Assistent : </p>")
+    with gr.Row():
+        myOutput = gr.Textbox(lines=12)
+
+    submit.click(fn = gradio_chat_interface, inputs=[mode, pw, question, examples], outputs = myOutput)
+demo.launch()