Update app.py

app.py

@@ -305,7 +305,7 @@ class RepoAnalyzer:
 def create_ui():
     analyzer = RepoAnalyzer()
 
-    with gr.Blocks(title="Repository Chat Analysis", theme=gr.themes.Soft()) as app:
+    with gr.Blocks(title="Open Repo AI", theme=gr.themes.Soft()) as app:
         gr.Markdown("""
         <style>
         .container { max-width: 100% !important; padding: 1rem; }
@@ -375,6 +375,7 @@ def create_ui():
                         repo_url = gr.Textbox(
                             label="URL Repository GitHub",
                             placeholder="https://github.com/username/repository",
+                            elem_classes="mobile-full",
                         )
 
                     with gr.Row():
@@ -383,15 +384,23 @@ def create_ui():
                                 label="Token GitHub",
                                 type="password",
                                 placeholder="Klik icon (?) untuk panduan",
+                                elem_classes="mobile-full",
                             )
+                            gr.Markdown(GITHUB_TOKEN_HELP)  # Add help text
                         with gr.Column(scale=1):
                             branch = gr.Textbox(
-                                label="Branch (opsional)", placeholder="main"
+                                label="Branch (opsional)",
+                                placeholder="main",
+                                elem_classes="mobile-full",
                             )
 
-                clone_button = gr.Button("🔄 Clone Repository", variant="primary")
+                clone_button = gr.Button(
+                    "🔄 Clone Repository", variant="primary", elem_classes="mobile-full"
+                )
 
-                clone_status = gr.Markdown(value="", label="Status Repository")
+                clone_status = gr.Markdown(
+                    value="", label="Status Repository", elem_classes="mobile-full"
+                )
 
                 # File Selection
                 with gr.Group():
@@ -403,6 +412,8 @@ def create_ui():
                             choices=[],
                             multiselect=True,
                             value=[],  # Initialize with empty list
+                            elem_classes="mobile-full",
+                            allow_custom_value=False,  # Prevent custom values
                         )
 
                     file_list = gr.HTML(
@@ -410,13 +421,23 @@ def create_ui():
                         label="Daftar File Terpilih",
                     )
 
+                # Example questions
+                gr.Markdown("""
+                ### 💡 Contoh Pertanyaan:
+                - "Jelaskan struktur utama dari repository ini"
+                - "Analisis kode di file yang dipilih"
+                - "Bagaimana cara memperbaiki [masalah specific] di file-file ini?"
+                - "Bandingkan implementasi di file-file yang dipilih"
+                """)
+
                 # Chat Interface
                 with gr.Group():
                     chat_history = gr.Chatbot(
                         label="📝 Riwayat Chat",
                         height=500,
                         show_label=True,
-                        type="messages",  # Fix deprecation warning
+                        type="messages",
+                        elem_classes="mobile-full",
                     )
 
                     with gr.Row():
@@ -424,6 +445,7 @@ def create_ui():
                             label="💭 Tanyakan tentang Repository",
                             placeholder="Ketik pertanyaan Anda di sini...",
                             lines=3,
+                            elem_classes="mobile-full",
                         )
                         send_button = gr.Button("📤 Kirim", variant="primary")
 
@@ -431,105 +453,33 @@ def create_ui():
                         '<div id="loading" style="display:none">Memproses permintaan...</div>'
                     )
 
-        # Event Handlers
-        def handle_clone(repo_url, github_token, branch):
-            if not repo_url:
-                return "⚠️ URL repository diperlukan!", [], []
-
-            success, message = analyzer.clone_repository(repo_url, github_token, branch)
-
-            if success:
-                # Get list of files from cloned repository
-                files = sorted(
-                    list(analyzer.repo_content.keys())
-                )  # Sort files alphabetically
-                return message, files, []
-
-            return message, [], []
-
-        def update_file_list(selected):
-            if not selected:
-                return "<div class='file-list'>Belum ada file yang dipilih</div>"
-
-            html = "<div class='file-list'>"
-            for file in selected:
-                html += f"<div class='file-item'><span>{file}</span></div>"
-            html += "</div>"
-            return html
-
-        def update_model_list(provider_choice):
-            if provider_choice == AIProvider.XAI:
-                return gr.Dropdown(choices=XAI_MODELS, value="grok-2-latest")
-            elif provider_choice == AIProvider.GEMINI:
-                return gr.Dropdown(choices=GEMINI_MODELS, value="gemini-1.5-mini")
-            else:  # OLLAMA
-                return gr.Dropdown(choices=OLLAMA_MODELS, value="llama2")
-
-        # Connect Events
-        provider.change(
-            fn=update_model_list, inputs=[provider], outputs=[model_dropdown]
-        )
-
-        clone_button.click(
-            fn=handle_clone,
-            inputs=[repo_url, github_token, branch],
-            outputs=[clone_status, file_selector, file_list],
-        )
-
-        file_selector.change(
-            fn=update_file_list, inputs=[file_selector], outputs=[file_list]
-        )
-
-        with gr.Tab("📊 Analisis Repository", elem_classes="mobile-full"):
-            with gr.Group():
-                with gr.Row():
-                    repo_url = gr.Textbox(
-                        label="URL Repository GitHub",
-                        placeholder="https://github.com/username/repository",
-                        elem_classes="mobile-full",
-                    )
-
-                with gr.Row():
-                    with gr.Column(scale=2):
-                        github_token = gr.Textbox(
-                            label="Token GitHub",
-                            type="password",
-                            placeholder="Klik icon (?) untuk panduan",
-                            elem_classes="mobile-full",
-                        )
-                    with gr.Column(scale=1):
-                        branch = gr.Textbox(
-                            label="Branch (opsional)",
-                            placeholder="main",
-                            elem_classes="mobile-full",
-                        )
-
-            clone_button = gr.Button(
-                "🔄 Clone Repository", variant="primary", elem_classes="mobile-full"
-            )
-
-            clone_status = gr.Markdown(
-                value="", label="Status Repository", elem_classes="mobile-full"
-            )
+            # Event Handlers
+            def handle_clone(repo_url, github_token, branch):
+                if not repo_url:
+                    return "⚠️ URL repository diperlukan!", [], ""
 
-            # Add file selection components
-            with gr.Group():
-                gr.Markdown("### 📎 File yang Dipilih")
+                success, message = analyzer.clone_repository(
+                    repo_url, github_token, branch
+                )
 
-                with gr.Row():
-                    file_selector = gr.Dropdown(
-                        label="Pilih File dari Repository",
-                        choices=[],
-                        multiselect=True,
-                        elem_classes="mobile-full",
+                if success:
+                    # Get list of files from cloned repository
+                    files = sorted(
+                        list(analyzer.repo_content.keys())
+                    )  # Sort files alphabetically
+                    return (
+                        message,
+                        files,
+                        "<div class='file-list'>Belum ada file yang dipilih</div>",
                     )
 
-                file_list = gr.HTML(
-                    value="<div class='file-list'>Belum ada file yang dipilih</div>",
-                    label="Daftar File Terpilih",
+                return (
+                    message,
+                    [],
+                    "<div class='file-list'>Belum ada file yang dipilih</div>",
                 )
 
-            def update_file_list(selected: List[str]) -> str:
+            def update_file_list(selected):
                 if not selected:
                     return "<div class='file-list'>Belum ada file yang dipilih</div>"
 
@@ -539,64 +489,17 @@ def create_ui():
                 html += "</div>"
                 return html
 
-            def handle_clone(repo_url, github_token, branch):
-                if not repo_url:
-                    return "⚠️ URL repository diperlukan!", [], []
-
-                success, message = analyzer.clone_repository(
-                    repo_url, github_token, branch
-                )
-
-                if success:
-                    # Get list of files from cloned repository
-                    files = list(analyzer.repo_content.keys())
-                    return message, files, []
-
-                return message, [], []
-
-            # Connect clone button click event
+            # Connect Events
             clone_button.click(
                 fn=handle_clone,
                 inputs=[repo_url, github_token, branch],
                 outputs=[clone_status, file_selector, file_list],
             )
 
-            # Update file list when selection changes
             file_selector.change(
                 fn=update_file_list, inputs=[file_selector], outputs=[file_list]
             )
 
-            gr.Markdown("""
-                ### 💡 Contoh Pertanyaan:
-                - "Jelaskan struktur utama dari repository ini"
-                - "Analisis kode di file yang dipilih"
-                - "Bagaimana cara memperbaiki [masalah specific] di file-file ini?"
-                - "Bandingkan implementasi di file-file yang dipilih"
-                """)
-
-            # Improved chat interface
-            with gr.Group():
-                chat_input = gr.Textbox(
-                    label="💭 Tanyakan tentang Repository",
-                    placeholder="Ketik pertanyaan Anda di sini...",
-                    lines=3,
-                    elem_classes="mobile-full",
-                )
-                send_button = gr.Button(
-                    "📤 Kirim", variant="primary", elem_classes="mobile-full"
-                )
-
-            chat_history = gr.Chatbot(
-                label="📝 Riwayat Chat",
-                height=500,
-                show_label=True,
-                elem_classes="mobile-full",
-            )
-
-            loading_indicator = gr.HTML(
-                '<div id="loading" style="display:none">Memproses permintaan...</div>'
-            )
-
             async def handle_chat(
                 message,
                 history,
@@ -704,4 +607,4 @@ if __name__ == "__main__":
     """)
 
     app = create_ui()
-    app.launch(share=True)
+    app.launch(share=True)