Update ui_modules.py

ui_modules.py

@@ -1,32 +1,48 @@
 import gradio as gr
 
 def create_ui_layout():
-    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:
+    # CSS'e ikon ve kart tasarımları eklendi
+    custom_css = """
+    .entity-card { border: 1px solid #e0e0e0; padding: 15px; border-radius: 10px; margin-bottom: 15px; background: #ffffff; box-shadow: 2px 2px 5px rgba(0,0,0,0.05); }
+    .wiki-section { color: #0056b3; background: #f0f7ff; padding: 5px; border-radius: 5px; margin: 5px 0; }
+    .llm-section { color: #155724; background: #f4fff3; padding: 5px; border-radius: 5px; margin: 5px 0; }
+    """
+    
+    with gr.Blocks(title="RAG-NER Uzman Sistemi", css=custom_css) 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)
+            input_text = gr.Textbox(label="Analiz Edilecek Metin", lines=3, placeholder="Metni buraya girin...")
+            
+            # Eksik olan hazır örnekler burada tanımlandı
+            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"
+            )
+            
             with gr.Row():
                 log_output = gr.HTML(label="Sistem Akış Günlüğü")
-                table_output = gr.Dataframe(headers=["Varlık", "İlk", "Nihai", "Kaynak"], datatype="markdown")
+                table_output = gr.Dataframe(headers=["Varlık", "İlk", "Nihai", "Kaynak"], datatype="markdown", wrap=True)
+            
             submit_btn = gr.Button("Analiz Et", variant="primary")
+            
     return demo, input_text, log_output, table_output, submit_btn
 
-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 = "🧠"
-    
+def format_entity_log(word, wiki, reasoning, label):
+    # İkonlar ve hiyerarşik yapı
     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 style='font-size: 1.2em; font-weight: bold; color: #333;'>🔍 Tespit Edilen: {word}</div>
+        <div class='wiki-section'>🌐 <b>Wikipedia:</b> {wiki}</div>
+        <div class='llm-section'>🧠 <b>LLM CoT Analizi:</b> {reasoning}</div>
+        <div style='margin-top: 10px; border-top: 1px dashed #ccc; pt: 5px;'>
+            🎯 <b>Yeni Etiket:</b> <span style='color: #e67e22; font-size: 1.1em;'>{label}</span>
         </div>
     </div>
     """