Update app.py

app.py

@@ -236,17 +236,46 @@ def bot_kadi(history):
     yield history, formatted_references    
 
 def main():
-    
-    def greet(name, intensity):
-        return "Hello, " + name + "!" * int(intensity)
-
-    demo = gr.Interface(
-        fn=greet,
-        inputs=["text", "slider"],
-        outputs=["text"],
-    )
-
-    demo.launch   
+    with gr.Blocks() as demo:
+        gr.Markdown("## Kadi4Mat - AI Chat-Bot")
+        gr.Markdown("AI assistant for Kadi4Mat based on RAG architecture powered by LLM")
+
+        with gr.Tab("Kadi4Mat - AI Assistant"):
+            with gr.Row():
+                with gr.Column(scale=7):
+                    chatbot = gr.Chatbot([], elem_id="chatbot", label="Kadi Bot", bubble_full_width=False, show_copy_button=True)
+                    user_txt = gr.Textbox(label="Question", placeholder="Type in your question and press Enter or click Submit")
+
+                    with gr.Row():
+                        with gr.Column(scale=1):
+                            submit_btn = gr.Button("Submit", variant="primary")
+                        with gr.Column(scale=1):
+                            clear_btn = gr.Button("Clear", variant="stop")
+
+                    gr.Examples(
+                        examples=[
+                            "Can you help me setting up Kadi?",
+                            "Who is working on Kadi4Mat?",
+                            "What are the steps to implement a plugin in Kadi4Mat?",
+                            "Would Kadi4Mat be worth investing in?",
+                        ],
+                        inputs=user_txt,
+                        outputs=chatbot,
+                        fn=add_text,
+                        label="Try asking...",
+                        cache_examples=False,
+                        examples_per_page=3,
+                    )
+
+                with gr.Column(scale=3):
+                    with gr.Tab("References"):
+                        doc_citation = gr.HTML("<p>References used in answering the question will be displayed below.</p>")
+
+            user_txt.submit(check_input_text, user_txt, None).success(add_text, [chatbot, user_txt], [chatbot, user_txt]).then(bot_kadi, [chatbot], [chatbot, doc_citation])
+            submit_btn.click(check_input_text, user_txt, None).success(add_text, [chatbot, user_txt], [chatbot, user_txt]).then(bot_kadi, [chatbot], [chatbot, doc_citation])
+            clear_btn.click(lambda: None, None, chatbot, queue=False)
+
+    demo.launch() 
 
 initialize()
 main()