Update app.py

app.py

@@ -397,6 +397,14 @@ with gr.Blocks(css="""
     background-color: #A9A9A9 !important;
     color: white !important;
 }
+
+#markdown_odpowiedz {
+    border: 1px solid #ccc;
+    border-radius: 6px;
+    padding: 12px;
+    background-color: #f9f9f9;
+    margin-top: 6px;
+}
 """) as gui:
 
     session_dir = gr.State(value=init_user_session)
@@ -404,74 +412,82 @@ with gr.Blocks(css="""
 
     gr.Markdown("# Asystent Finansowy")
     gr.Markdown("### Odpowiadam na pytania z zakresu ETF-ów notowanych na GPW.")
-    gr.Markdown("###### Pamiętaj jestem tylko chatbotem i czasami się mylę, a moje odpowiedzi nie mogą być traktowane jako rekomendacje inwestycyjne!")
-
-    with gr.TabItem("📝 Formularz"):
-        input_text_form = gr.Textbox(label="Zadaj pytanie:", placeholder="Napisz tutaj pytanie...", lines=2, interactive=True)
-    
-        with gr.Row():
-            with gr.Column(scale=1):
-                submit_button = gr.Button("Wyślij pytanie")
-            with gr.Column(scale=1):
-                clear_answer_button = gr.Button("Wyczyść formularz", elem_classes="button_wyczysc-color")
-            with gr.Column(scale=7):
-                gr.Markdown("")
-    
-        gr.Markdown("### Odpowiedź:")
-        with gr.Box():
-            output_answer = gr.Markdown()
-    
-        output_cytaty = gr.State("")
-    
-        with gr.Row():
-            with gr.Column(scale=1):
-                zacytuj_button = gr.Button("Przytocz źródła")
-            with gr.Column(scale=8):
-                gr.Markdown("")
-    
-        gr.Markdown("### Źródła:")
-        output_sources = gr.Markdown()
-    
-        gr.Markdown("### Pobierz odpowiedzi:")
-        download_files = gr.File(label="Pliki do pobrania", interactive=False, file_types=[".docx"])
-    
-        # Logika przycisków
-        submit_button.click(
-            response,
-            inputs=[input_text_form, historia_formularza],
-            outputs=[output_answer, output_sources, output_cytaty]
-        ).then(
-            zaktualizuj_historie,
-            inputs=[input_text_form, output_answer, historia_formularza],
-            outputs=historia_formularza
-        ).then(
-            zapisz_odpowiedz,
-            inputs=[output_answer, input_text_form, output_sources, session_dir],
-            outputs=None
-        ).then(
-            lista_plikow,
-            inputs=session_dir,
-            outputs=download_files
-        )
-    
-        clear_answer_button.click(
-            wyczysc_formularz,
-            inputs=[],
-            outputs=[output_answer, input_text_form, output_sources, historia_formularza]
-        )
-    
-        zacytuj_button.click(
-            dodaj_cytaty,
-            inputs=[output_answer, output_cytaty],
-            outputs=output_answer
-        ).then(
-            zapisz_odpowiedz,
-            inputs=[output_answer, input_text_form, output_sources, session_dir],
-            outputs=None
-        ).then(
-            lista_plikow,
-            inputs=session_dir,
-            outputs=download_files
-        )
-        
-gui.launch()
+    gr.Markdown("###### Pamiętaj: jestem tylko chatbotem i czasami się mylę, a moje odpowiedzi nie mogą być traktowane jako rekomendacje inwestycyjne!")
+
+    with gr.Tabs():
+
+        # ChatBot
+        with gr.TabItem("💬 Chat"):
+            chatbot = gr.Chatbot()
+            input_text_chat = gr.Textbox(placeholder="Napisz tutaj pytanie...", container=False, autoscroll=True, scale=7)
+            input_text_chat.submit(fn=stream_response, inputs=[input_text_chat, chatbot], outputs=[chatbot, input_text_chat])
+
+        # Formularz
+        with gr.TabItem("📝 Formularz"):
+            input_text_form = gr.Textbox(label="Zadaj pytanie:", placeholder="Napisz tutaj pytanie...", lines=2, interactive=True)
+
+            with gr.Row():
+                with gr.Column(scale=1):
+                    submit_button = gr.Button("Wyślij pytanie")
+                with gr.Column(scale=1):
+                    clear_answer_button = gr.Button("Wyczyść formularz", elem_classes="button_wyczysc-color")
+                with gr.Column(scale=7):
+                    gr.Markdown("")
+
+            gr.Markdown("### Odpowiedź:")
+            output_answer = gr.Markdown(elem_id="markdown_odpowiedz")
+
+            output_cytaty = gr.State("")
+
+            with gr.Row():
+                with gr.Column(scale=1):
+                    zacytuj_button = gr.Button("Przytocz źródła")
+                with gr.Column(scale=8):
+                    gr.Markdown("")
+
+            gr.Markdown("### Źródła:")
+            output_sources = gr.Markdown()
+
+            gr.Markdown("### Pobierz odpowiedzi:")
+            download_files = gr.File(label="Pliki do pobrania", interactive=False, file_types=[".docx"])
+
+            # Logika przycisków
+            submit_button.click(
+                response,
+                inputs=[input_text_form, historia_formularza],
+                outputs=[output_answer, output_sources, output_cytaty]
+            ).then(
+                zaktualizuj_historie,
+                inputs=[input_text_form, output_answer, historia_formularza],
+                outputs=historia_formularza
+            ).then(
+                zapisz_odpowiedz,
+                inputs=[output_answer, input_text_form, output_sources, session_dir],
+                outputs=None
+            ).then(
+                lista_plikow,
+                inputs=session_dir,
+                outputs=download_files
+            )
+
+            clear_answer_button.click(
+                wyczysc_formularz,
+                inputs=[],
+                outputs=[output_answer, input_text_form, output_sources, historia_formularza]
+            )
+
+            zacytuj_button.click(
+                dodaj_cytaty,
+                inputs=[output_answer, output_cytaty],
+                outputs=output_answer
+            ).then(
+                zapisz_odpowiedz,
+                inputs=[output_answer, input_text_form, output_sources, session_dir],
+                outputs=None
+            ).then(
+                lista_plikow,
+                inputs=session_dir,
+                outputs=download_files
+            )
+
+gui.launch()