import gradio as gr

def format_entity_log(word, wiki, reasoning, new_label):
    steps = reasoning.split('|')
    steps_html = "".join([f"<div style='margin-bottom:5px;'>• {s.strip()}</div>" for s in steps if s.strip()])
    
    return f"""
    <div style="border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin-bottom: 10px; background: white;">
        <div style="display: flex; justify-content: space-between; border-bottom: 2px solid #orange; margin-bottom: 10px;">
            <b>🔍 {word}</b> <span style="color:orange;">{new_label}</span>
        </div>
        <p style="font-size:0.9em; background:#f9f9f9; padding:5px;"><b>Wiki:</b> {wiki}</p>
        <div style="font-size:0.85em; color:#555;"><b>Analiz:</b><br>{steps_html}</div>
    </div>
    """

def create_ui_layout():
    with gr.Blocks(theme=gr.themes.Soft(primary_hue="orange")) as demo:
        gr.Markdown("# 🚀 RAG-NER Uzman Karar Destek Sistemi")
        with gr.Tab("Metin Analizi"):
            with gr.Row():
                with gr.Column(scale=2):
                    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"], label="Tablo")
            gr.HTML("<hr>") # Divider hatasını bu satır çözer
            output_logs = gr.HTML(label="Muhakeme Kartları")
    return demo, input_text, output_logs, output_table, analyze_btn