Update ui_modules.py

ui_modules.py

@@ -1,90 +1,33 @@
 import gradio as gr
 
 def format_entity_log(word, wiki, reasoning, new_label):
-    """
-    LLM'den gelen analiz sonuçlarını şık bir HTML kart yapısına dönüştürür.
-    """
-    # Adımları parçalara ayırarak daha okunaklı hale getirelim
     steps = reasoning.split('|')
-    steps_html = ""
-    
-    # Her bir adımı ikonlu ve temiz bir satır olarak biçimlendir
-    for step in steps:
-        if step.strip():
-            steps_html += f"<div style='margin-bottom: 5px; font-size: 0.9em; color: #34495e;'>• {step.strip()}</div>"
+    steps_html = "".join([f"<div style='margin-bottom:5px; font-size:0.9em;'>• {s.strip()}</div>" for s in steps if s.strip()])
 
     return f"""
-    <div style="border: 1px solid #e0e0e0; border-radius: 10px; padding: 15px; margin-bottom: 15px; background-color: #ffffff; box-shadow: 2px 2px 5px rgba(0,0,0,0.05);">
-        <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #3498db; padding-bottom: 8px; margin-bottom: 10px;">
-            <span style="font-weight: bold; font-size: 1.1em; color: #2c3e50;">🔍 Tespit Edilen: {word}</span>
-            <span style="background-color: #3498db; color: white; padding: 2px 10px; border-radius: 15px; font-size: 0.85em;">{new_label}</span>
-        </div>
-        
-        <div style="background-color: #f8f9fa; border-left: 4px solid #9b59b6; padding: 8px; margin-bottom: 10px; border-radius: 4px;">
-            <small style="color: #8e44ad; font-weight: bold;">🌐 Wikipedia Özeti:</small>
-            <p style="margin: 5px 0 0 0; font-size: 0.9em; color: #2c3e50;">{wiki}</p>
+    <div style="border: 1px solid #e0e0e0; border-radius: 10px; padding: 15px; margin-bottom: 15px; background: white;">
+        <div style="display: flex; justify-content: space-between; border-bottom: 2px solid #3498db; padding-bottom: 5px; margin-bottom: 10px;">
+            <b>🔍 {word}</b> <span style="background:#3498db; color:white; padding:2px 8px; border-radius:10px;">{new_label}</span>
         </div>
-        
-        <div style="background-color: #f0fdf4; border-left: 4px solid #27ae60; padding: 8px; border-radius: 4px;">
-            <small style="color: #218838; font-weight: bold;">🧠 LLM Karar Mekanizması (CoT):</small>
-            <div style="margin-top: 5px;">
-                {steps_html}
-            </div>
+        <div style="background:#f8f9fa; border-left:4px solid #9b59b6; padding:8px; margin-bottom:10px;">
+            <small>Wikipedia:</small><p style="margin:0; font-size:0.9em;">{wiki}</p>
         </div>
-        
-        <div style="margin-top: 10px; text-align: right;">
-            <span style="font-size: 0.8em; color: #7f8c8d;">🎯 Yeni Etiket: <b style="color: #e67e22;">{new_label}</b></span>
+        <div style="background:#f0fdf4; border-left:4px solid #27ae60; padding:8px;">
+            <small>Muhakeme:</small><div>{steps_html}</div>
         </div>
     </div>
     """
 
 def create_ui_layout():
-    """
-    Gradio arayüzünün iskeletini oluşturur.
-    """
-    # Tema uyarısını gidermek için temayı burada tanımlıyoruz, ancak launch kısmına taşımıyoruz (Blocks içinde kalabilir ama Divider hatasını siliyoruz)
-    custom_theme = gr.themes.Soft(primary_hue="orange", secondary_hue="blue")
-    
-    with gr.Blocks(theme=custom_theme) as demo:
+    with gr.Blocks(theme=gr.themes.Soft(primary_hue="orange")) as demo:
         gr.Markdown("# 🚀 RAG-NER Uzman Karar Destek Sistemi")
-        gr.Markdown("MISC varlıkları Wikipedia ve LLM muhakemesi ile otomatik olarak yeniden etiketler.")
-        
         with gr.Tab("Metin Analizi"):
             with gr.Row():
                 with gr.Column(scale=2):
-                    input_text = gr.Textbox(
-                        label="Analiz Edilecek Metin",
-                        placeholder="Örn: Antalya Altın Portakal ödülünü Vizontele filmi aldı.",
-                        lines=4
-                    )
-                    
-                    gr.Examples(
-                        examples=[
-                            ["Antalya Altın Portakal ödülünü Vizontele filmi aldı."],
-                            ["Nuri Bilge Ceylan, Kış Uykusu filmiyle Cannes Film Festivali'nde ödül kazandı."],
-                            ["Amerikalı yazar George Orwell'in 1984 romanı, Apple'ın Macintosh reklamına ilham verdi."],
-                            ["Android işletim sistemli bir telefon aldım, içinde Python yüklüydü."]
-                        ],
-                        inputs=input_text,
-                        label="Hazır Senaryolar"
-                    )
-                    
-                    analyze_btn = gr.Button("Analiz Et", variant="primary", size="lg")
-                
+                    input_text = gr.Textbox(label="Metin", lines=4)
+                    analyze_btn = gr.Button("Analiz Et", variant="primary")
                 with gr.Column(scale=1):
-                    output_table = gr.Dataframe(
-                        headers=["Varlık", "İlk", "Nihai", "Kaynak"],
-                        datatype=["str", "str", "html", "str"],
-                        label="Analiz Özeti"
-                    )
-            
-            # gr.Divider() yerine HTML yatay çizgi kullanıyoruz (Hata buradaydı)
-            gr.HTML("<hr style='margin: 20px 0; border: 0; border-top: 1px solid #eee;'>")
-            
-            with gr.Row():
-                output_logs = gr.HTML(
-                    label="Detaylı Muhakeme Kartları",
-                    value="<p style='text-align:center; color:gray;'>Analiz sonuçları burada kartlar halinde görünecektir.</p>"
-                )
-        
+                    output_table = gr.Dataframe(headers=["Varlık", "İlk", "Nihai", "Kaynak"], label="Özet")
+            gr.HTML("<hr>") # Divider yerine HTML
+            output_logs = gr.HTML(label="Detaylar")
     return demo, input_text, output_logs, output_table, analyze_btn