Update app.py

app.py

@@ -3,6 +3,7 @@ import openai
 import time
 import re
 import os
+from datetime import datetime
 
 # Dostępne modele
 MODELS = [
@@ -64,26 +65,32 @@ def generate(message, history, model, thinking_budget, api_key=None):
     """Generuje odpowiedź chatbota."""
     system_prompt = DEFAULT_SYSTEM_PROMPT
 
-    # Przekształć historię z listy krotek do formatu dict dla API
-    chat_history = []
-    for user_msg, assistant_msg in history:
-        chat_history.append({"role": "user", "content": user_msg})
-        chat_history.append({"role": "assistant", "content": assistant_msg})
-
-    response, thinking_time = respond(message, chat_history, model, system_prompt, thinking_budget, api_key)
+    response, thinking_time = respond(message, history, model, system_prompt, thinking_budget, api_key)
 
     if response.startswith("Error:"):
         assistant_response = response
+        steps = []
+        reflection = ""
     else:
         answer, reflection, steps = parse_response(response)
-
         # Budowanie odpowiedzi asystenta
         formatted_steps = [f"**Krok {i}:** {step}" for i, step in enumerate(steps, 1)]
         all_steps = "\n".join(formatted_steps) + f"\n\n**Refleksja:** {reflection}"
         assistant_response = f"{all_steps}\n\n{answer}"
 
-    # Zaktualizowana historia jako lista krotek
-    return history + [(message, assistant_response)], ""
+    # Aktualizacja historii jako lista krotek
+    updated_history = history + [(message, assistant_response)]
+
+    # Przygotowanie informacji do wyświetlenia
+    current_time = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+    info_text = f"""
+    **Czas Myślenia:** {thinking_time:.2f} sek<br>
+    **Wybrany Model:** {model}<br>
+    **Liczba Kroków:** {len(steps)}<br>
+    **Data i Czas Odpowiedzi:** {current_time}
+    """
+
+    return updated_history, "", info_text
 
 # Definiowanie domyślnego system prompt
 DEFAULT_SYSTEM_PROMPT = """
@@ -177,7 +184,7 @@ h2, .gr-markdown h2 {
 }
 
 /* Karty i panele */
-#component-0, #component-1, #component-2, #component-3 {
+#component-0, #component-1, #component-2, #component-3, #component-4 {
     background-color: #ffffff;
     border-radius: 12px;
     padding: 20px;
@@ -249,6 +256,16 @@ textarea:focus {
     margin-top: 20px;
     font-size: 14px;
 }
+
+/* Panel Informacyjny */
+.info-panel {
+    background-color: #f9fafb;
+    border: 1px solid #dcdcdc;
+    border-radius: 8px;
+    padding: 15px;
+    font-size: 14px;
+    color: #333333;
+}
 """
 
 # Tworzenie interfejsu Gradio z niestandardowym CSS
@@ -302,23 +319,29 @@ with gr.Blocks(css=custom_css) as demo:
         submit_button = gr.Button("🚀 **Wyślij**", variant="primary")
         clear_button = gr.Button("🧹 **Wyczyść Chat**", variant="secondary")
     
+    # Panel Informacyjny
+    info_panel = gr.Markdown(
+        value="**Informacje:**\nCzas myślenia i inne dane będą tutaj wyświetlane.",
+        elem_id="info-panel"
+    )
+    
     # Akcje przycisków
     clear_button.click(
-        fn=lambda: ([], ""),
+        fn=lambda: ([], "", "Informacje zostaną zresetowane."),
         inputs=None,
-        outputs=[chatbot, msg]
+        outputs=[chatbot, msg, info_panel]
     )
     
     # Przesyłanie wiadomości poprzez Enter lub kliknięcie przycisku Wyślij
     msg.submit(
         fn=generate,
         inputs=[msg, chatbot, model, thinking_budget],
-        outputs=[chatbot, msg]
+        outputs=[chatbot, msg, info_panel]
     )
     submit_button.click(
         fn=generate,
         inputs=[msg, chatbot, model, thinking_budget],
-        outputs=[chatbot, msg]
+        outputs=[chatbot, msg, info_panel]
     )
     
     # Stopka