fix: fixed some issues

app.py

@@ -402,6 +402,149 @@ def create_ui():
                     value="", label="Status Repository", elem_classes="mobile-full"
                 )
 
+            with gr.Tab("💡 Examples"):
+
+                def generate_examples(selected_files):
+                    if not selected_files:
+                        return "Pilih file terlebih dahulu di tab Analisis Repository untuk mendapatkan contoh pertanyaan yang relevan."
+
+                    examples = "<div class='example-list'>"
+
+                    # General examples for any file
+                    examples += """
+                    <h3>Contoh Pertanyaan Umum:</h3>
+                    <ul>
+                    """
+
+                    file_names = ", ".join(
+                        [f"<code>{f}</code>" for f in selected_files]
+                    )
+                    examples += f"""
+                        <li><strong>Analisis Kode:</strong> "Jelaskan logika dan fungsi utama dari {file_names}"</li>
+                        <li><strong>Deteksi Bug:</strong> "Apakah ada potensi bug atau masalah keamanan di file-file ini?"</li>
+                        <li><strong>Best Practices:</strong> "Bagaimana cara mengoptimalkan kode di {file_names}?"</li>
+                    """
+
+                    # Specific examples based on file types
+                    for file in selected_files:
+                        ext = file.split(".")[-1].lower() if "." in file else ""
+                        examples += f"<h4>Contoh untuk {file}:</h4><ul>"
+
+                        if ext in ["py", "js", "java", "cpp", "c", "go"]:
+                            examples += f"""
+                                <li>"Jelaskan fungsi-fungsi utama di {file}"</li>
+                                <li>"Bagaimana cara mengoptimalkan performa di {file}?"</li>
+                                <li>"Buat unit test untuk fungsi-fungsi di {file}"</li>
+                            """
+                        elif ext in ["html", "css"]:
+                            examples += f"""
+                                <li>"Analisis struktur dan layout dari {file}"</li>
+                                <li>"Bagaimana cara membuat {file} lebih responsif?"</li>
+                                <li>"Optimasi untuk mobile view di {file}"</li>
+                            """
+                        elif ext == "md":
+                            examples += f"""
+                                <li>"Ringkas isi dokumentasi dari {file}"</li>
+                                <li>"Buat tabel konten untuk {file}"</li>
+                                <li>"Perbaiki formatting di {file}"</li>
+                            """
+                        elif ext in ["json", "yaml", "yml"]:
+                            examples += f"""
+                                <li>"Validasi struktur data di {file}"</li>
+                                <li>"Jelaskan konfigurasi di {file}"</li>
+                                <li>"Optimasi format di {file}"</li>
+                            """
+                        elif ext == "dockerfile":
+                            examples += f"""
+                                <li>"Analisis keamanan dari {file}"</li>
+                                <li>"Optimasi multi-stage build di {file}"</li>
+                                <li>"Best practices untuk {file}"</li>
+                            """
+                        else:
+                            examples += f"""
+                                <li>"Analisis isi dari {file}"</li>
+                                <li>"Jelaskan struktur dan tujuan {file}"</li>
+                                <li>"Saran perbaikan untuk {file}"</li>
+                            """
+                        examples += "</ul>"
+
+                    examples += """
+                    <h3>Tips Bertanya:</h3>
+                    <ul>
+                        <li>Gunakan pertanyaan yang spesifik dan fokus pada bagian tertentu</li>
+                        <li>Sebutkan nama file jika bertanya tentang file tertentu</li>
+                        <li>Jelaskan konteks atau masalah yang ingin diselesaikan</li>
+                    </ul>
+                    """
+
+                    examples += "</div>"
+
+                    # Add some CSS styling
+                    examples = f"""
+                    <style>
+                    .example-list {{
+                        padding: 20px;
+                        background: #f8f9fa;
+                        border-radius: 8px;
+                        border: 1px solid #e9ecef;
+                    }}
+                    .example-list h3 {{
+                        color: #2c3e50;
+                        margin-top: 20px;
+                        margin-bottom: 10px;
+                    }}
+                    .example-list h4 {{
+                        color: #34495e;
+                        margin-top: 15px;
+                        margin-bottom: 5px;
+                    }}
+                    .example-list ul {{
+                        margin-bottom: 15px;
+                    }}
+                    .example-list li {{
+                        margin: 8px 0;
+                        line-height: 1.5;
+                    }}
+                    .example-list code {{
+                        background: #e9ecef;
+                        padding: 2px 5px;
+                        border-radius: 4px;
+                        font-family: monospace;
+                    }}
+                    .example-list strong {{
+                        color: #2c3e50;
+                    }}
+                    </style>
+                    {examples}
+                    """
+
+                    return examples
+
+                # Example output area
+                example_output = gr.HTML(
+                    value="Pilih file di tab Analisis Repository untuk melihat contoh pertanyaan.",
+                    label="Contoh Pertanyaan",
+                )
+
+                # Update examples when switching to this tab
+                def on_tab_select(selected_files):
+                    if selected_files:
+                        return generate_examples(selected_files)
+                    return "Pilih file terlebih dahulu di tab Analisis Repository untuk mendapatkan contoh pertanyaan yang relevan."
+
+                tabs.select(
+                    fn=on_tab_select,
+                    inputs=[file_selector],
+                    outputs=[example_output],
+                    api_name=False,
+                )
+
+                # Also update when file selection changes
+                file_selector.change(
+                    fn=generate_examples,
+                    inputs=[file_selector],
+                    outputs=[example_output],
+                )
                 # File Selection with improved handling
                 with gr.Group():
                     gr.Markdown("### 📎 File yang Dipilih")
@@ -508,18 +651,22 @@ def create_ui():
                     selected_files,
                 ):
                     if not analyzer.current_repo:
-                        yield history + [
-                            [
-                                message,
-                                "⚠️ Mohon clone repository terlebih dahulu sebelum mengajukan pertanyaan.",
-                            ]
-                        ]
+                        new_message = {
+                            "role": "assistant",
+                            "content": "⚠️ Mohon clone repository terlebih dahulu sebelum mengajukan pertanyaan.",
+                        }
+                        history = history or []
+                        history.append({"role": "user", "content": message})
+                        history.append(new_message)
+                        yield history
                         return
 
                     history = history or []
-                    history.append([message, ""])
+                    history.append({"role": "user", "content": message})
+                    history.append({"role": "assistant", "content": ""})
 
                     try:
+                        # Add context about selected files to the prompt
                         file_context = ""
                         if selected_files:
                             file_context = "\n\nFile yang dipilih:\n"
@@ -538,7 +685,7 @@ def create_ui():
                                 full_response += chunk
                                 # Add delay between chunks for readability
                                 await asyncio.sleep(0.05)
-                                history[-1][1] = full_response
+                                history[-1]["content"] = full_response
                                 yield history
 
                         elif provider_choice == AIProvider.GEMINI:
@@ -548,7 +695,7 @@ def create_ui():
                                 full_response += chunk
                                 # Add delay between chunks for readability
                                 await asyncio.sleep(0.05)
-                                history[-1][1] = full_response
+                                history[-1]["content"] = full_response
                                 yield history
 
                         else:  # OLLAMA
@@ -558,13 +705,28 @@ def create_ui():
                             for i in range(len(words)):
                                 full_response = " ".join(words[: i + 1])
                                 await asyncio.sleep(0.05)
-                                history[-1][1] = full_response
+                                history[-1]["content"] = full_response
                                 yield history
 
                     except Exception as e:
-                        history[-1][1] = f"⚠️ Error: {str(e)}"
+                        history[-1]["content"] = f"⚠️ Error: {str(e)}"
                         yield history
 
+                # Update chat interface definition
+                chat_history = gr.Chatbot(
+                    label="📝 Riwayat Chat",
+                    height=500,
+                    show_label=True,
+                    type="messages",  # Make sure this is set
+                    elem_classes="mobile-full",
+                )
+
+                def clear_chat_history():
+                    return []
+
+                clear_button = gr.Button("🧹 Bersihkan Chat", variant="secondary")
+                clear_button.click(fn=clear_chat_history, outputs=[chat_history])
+
                 # Connect chat events with file selection
                 send_event = send_button.click(
                     fn=handle_chat,