Update ui_modules.py

ui_modules.py

@@ -1,20 +1,32 @@
 import gradio as gr
 
 def create_ui_layout():
-    with gr.Blocks(title="RAG-NER Uzman Sistemi") as demo:
+    with gr.Blocks(title="RAG-NER Uzman Sistemi", css=".entity-card { border: 1px solid #e0e0e0; padding: 10px; border-radius: 8px; margin-bottom: 10px; background: #fff; }") as demo:
         gr.Markdown("# 🚀 RAG-NER Uzman Karar Destek Sistemi")
         with gr.Tab("Metin Analizi"):
-            input_text = gr.Textbox(label="Metin Girişi", lines=3, placeholder="Analiz edilecek cümleyi yazın...")
-            gr.Examples(examples=[["Nuri Bilge Ceylan, Kış Uykusu filmiyle ödül aldı."], ["1984 romanı Apple reklamında kullanıldı."]], inputs=input_text)
-            
+            input_text = gr.Textbox(label="Metin Girişi", lines=3)
             with gr.Row():
-                log_output = gr.HTML(label="Sistem Günlüğü")
-                table_output = gr.Dataframe(headers=["Varlık", "İlk", "Nihai", "Kaynak"], datatype="markdown", wrap=True)
+                log_output = gr.HTML(label="Sistem Akış Günlüğü")
+                table_output = gr.Dataframe(headers=["Varlık", "İlk", "Nihai", "Kaynak"], datatype="markdown")
             submit_btn = gr.Button("Analiz Et", variant="primary")
-            
     return demo, input_text, log_output, table_output, submit_btn
 
-def format_log(type, word, content):
-    colors = {"wiki": "#007bff", "cot": "#28a745", "err": "#dc3545"}
-    border = colors.get(type, "#ddd")
-    return f"<div style='margin-left:15px; border-left:3px solid {border}; padding-left:10px; margin-bottom:8px;'><b>{word}:</b> <small>{content}</small></div>"
+def format_entity_log(word, wiki, cot, final_label):
+    """Her varlık için istenen alt alta gösterim yapısı"""
+    wiki_icon = "🌐" # İsteğe bağlı olarak base64 svg ikon da koyulabilir
+    llm_icon = "🧠"
+    
+    return f"""
+    <div class='entity-card'>
+        <div style='color: #2c3e50; font-weight: bold; font-size: 1.1em;'>🔍 Tespit Edilen: {word}</div>
+        <div style='margin-top: 5px; border-left: 3px solid #007bff; padding-left: 10px;'>
+            <small>{wiki_icon} <b>Wikipedia Özeti:</b> {wiki}</small>
+        </div>
+        <div style='margin-top: 5px; border-left: 3px solid #28a745; padding-left: 10px; background-color: #f9fff9;'>
+            <small>{llm_icon} <b>LLM CoT Analizi (Reasoning):</b> {cot}</small>
+        </div>
+        <div style='margin-top: 5px; font-weight: bold; color: #d35400;'>
+            🎯 Yeni Etiket: {final_label}
+        </div>
+    </div>
+    """