feat: Add model selector dropdown with styling for improved user interaction

Author: Ashjha75

index.html

@@ -135,6 +135,15 @@ <h3>EXPLORER</h3>
                                 <span class="material-symbols-outlined">code</span>
                                 <strong id="languagesList">-</strong>
                             </span>
+                            <span class="separator">•</span>
+                            <span class="info-item">
+                                <span class="material-symbols-outlined">smart_toy</span>
+                                <select id="modelSelector" title="AI Model Template">
+                                    <option value="gpt">GPT-4</option>
+                                    <option value="claude">Claude</option>
+                                    <option value="gemini">Gemini</option>
+                                </select>
+                            </span>
                         </div>
                         <div class="editor-actions">
                             <button class="btn-action" id="copyBtn" title="Copy to Clipboard">
@@ -173,7 +182,7 @@ <h3>EXPLORER</h3>
     <!-- LOADING OVERLAY -->
     <div class="loading-overlay" id="loadingOverlay">
         <div class="spinner"></div>
-        <p>Processing files...</p>
+        <p id="loadingText">Processing files...</p>
     </div>
 
     <!-- TOAST NOTIFICATIONS -->

style.css

@@ -1,3 +1,19 @@
+/* Model selector styling */
+#modelSelector {
+    background: #232323;
+    color: #e8e8e8;
+    border: 1px solid #444;
+    border-radius: 4px;
+    padding: 2px 8px;
+    font-size: 1em;
+    margin-left: 4px;
+    margin-right: 2px;
+    outline: none;
+    transition: border 0.15s;
+}
+#modelSelector:focus {
+    border-color: #fbbf24;
+}
 /* Only sidebar main action icons (Select Directory, Create Context) black and small */
 .sidebar-btn-icon {
     width: 20px;