fix: fixes example tabs

app.py

@@ -15,6 +15,7 @@ import dotenv
 
 # Load environment variables
 dotenv.load_dotenv()
+analyzer = RepoAnalyzer()
 
 # Metadata
 CURRENT_TIME = "2025-05-23 12:57:22"
@@ -301,7 +302,6 @@ class RepoAnalyzer:
                 continue
         return False, "Tidak dapat membaca file dengan encoding yang didukung"
 
-analyzer = RepoAnalyzer()
 
 async def handle_chat(
     message,
@@ -396,32 +396,43 @@ def create_ui():
             background: #f8f9fa;
             border-radius: 8px;
             border: 1px solid #e9ecef;
+            margin: 10px 0;
         }
         .example-list h3 {
             color: #2c3e50;
             margin-top: 20px;
             margin-bottom: 10px;
+            font-size: 1.2em;
         }
         .example-list h4 {
             color: #34495e;
             margin-top: 15px;
             margin-bottom: 5px;
+            font-size: 1.1em;
         }
         .example-list ul {
-            margin-bottom: 15px;
+            margin: 10px 0;
+            padding-left: 20px;
         }
         .example-list li {
             margin: 8px 0;
             line-height: 1.5;
+            list-style-type: disc;
         }
         .example-list code {
             background: #e9ecef;
             padding: 2px 5px;
             border-radius: 4px;
             font-family: monospace;
+            font-size: 0.9em;
         }
         .example-list strong {
             color: #2c3e50;
+            font-weight: bold;
+        }
+        .example-list p {
+            margin: 10px 0;
+            line-height: 1.5;
         }
         @media (max-width: 768px) {
             .gr-form { flex-direction: column !important; }
@@ -541,7 +552,7 @@ def create_ui():
             with gr.Tab("💡 Examples"):
                 example_output = gr.HTML(
                     value="Pilih file di tab Analisis Repository untuk melihat contoh pertanyaan.",
-                    label="Contoh Pertanyaan",
+                    label="Contoh Pertanyaan"
                 )
 
         # Chat Interface (outside tabs)
@@ -599,17 +610,85 @@ def create_ui():
             html += "</div>"
             return html
 
-        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'>"
-
-            # Add example generation logic here (as shown in previous example)
-            # ...
-
-            examples += "</div>"
-            return examples
+      def generate_examples(selected_files):
+          if not selected_files:
+              return """
+              <div class='example-list'>
+                  <h3>Pilih File Terlebih Dahulu</h3>
+                  <p>Silakan pilih file di tab Analisis Repository untuk melihat contoh pertanyaan yang relevan.</p>
+              </div>
+              """
+      
+          examples = "<div class='example-list'>"
+          
+          # General examples for any file
+          examples += """
+          <h3>Contoh Pertanyaan Umum:</h3>
+          <ul>
+          """
+          
+          file_names = ", ".join([f"<code>{f.split('/')[-1]}</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-file ini?"</li>
+          """
+      
+          # Specific examples based on file types
+          for file in selected_files:
+              filename = file.split('/')[-1]
+              ext = filename.split('.')[-1].lower() if '.' in filename else ''
+              examples += f"<h4>Contoh untuk {filename}:</h4><ul>"
+      
+              if ext in ['py', 'js', 'java', 'cpp', 'c', 'go']:
+                  examples += f"""
+                      <li>"Jelaskan fungsi-fungsi utama di {filename}"</li>
+                      <li>"Bagaimana cara mengoptimalkan performa di {filename}?"</li>
+                      <li>"Buat unit test untuk fungsi-fungsi di {filename}"</li>
+                  """
+              elif ext in ['html', 'css']:
+                  examples += f"""
+                      <li>"Analisis struktur dan layout dari {filename}"</li>
+                      <li>"Bagaimana cara membuat {filename} lebih responsif?"</li>
+                      <li>"Optimasi untuk mobile view di {filename}"</li>
+                  """
+              elif ext == 'md':
+                  examples += f"""
+                      <li>"Ringkas isi dokumentasi dari {filename}"</li>
+                      <li>"Buat tabel konten untuk {filename}"</li>
+                      <li>"Perbaiki formatting di {filename}"</li>
+                  """
+              elif ext in ['json', 'yaml', 'yml']:
+                  examples += f"""
+                      <li>"Validasi struktur data di {filename}"</li>
+                      <li>"Jelaskan konfigurasi di {filename}"</li>
+                      <li>"Optimasi format di {filename}"</li>
+                  """
+              elif ext == 'dockerfile':
+                  examples += f"""
+                      <li>"Analisis keamanan dari {filename}"</li>
+                      <li>"Optimasi multi-stage build di {filename}"</li>
+                      <li>"Best practices untuk {filename}"</li>
+                  """
+              else:
+                  examples += f"""
+                      <li>"Analisis isi dari {filename}"</li>
+                      <li>"Jelaskan struktur dan tujuan {filename}"</li>
+                      <li>"Saran perbaikan untuk {filename}"</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>"
+          return examples
 
         def clear_chat_history():
             return []
@@ -642,11 +721,14 @@ def create_ui():
             fn=generate_examples,
             inputs=[file_selector],
             outputs=[example_output],
-            api_name=False,
+            api_name=False
         )
-
+    
+        # Also update when file selection changes
         file_selector.change(
-            fn=generate_examples, inputs=[file_selector], outputs=[example_output]
+            fn=generate_examples,
+            inputs=[file_selector],
+            outputs=[example_output]
         )
 
         # Chat events