feat: Update AI model selection with detailed descriptions and closing tags for Claude format

Author: Ashjha75

index.html

@@ -138,10 +138,10 @@ <h3>EXPLORER</h3>
                             <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 id="modelSelector" title="Choose AI model format - optimizes output structure for each AI">
+                                    <option value="gpt" title="Markdown format with clear code blocks">GPT-4 (Markdown)</option>
+                                    <option value="claude" title="XML format with structured context">Claude (XML)</option>
+                                    <option value="gemini" title="Hybrid format with metadata">Gemini (Hybrid)</option>
                                 </select>
                             </span>
                         </div>

index.js

@@ -1398,6 +1398,11 @@
             }
         }
 
+        // Add closing tags for Claude format
+        if (S.model === 'claude') {
+            parts.push('</source_files>\n</context>\n');
+        }
+
         await new Promise(r => setTimeout(r, 0));
 
         const blob = new Blob(parts, { type: 'text/plain' });
@@ -1494,6 +1499,13 @@
         if (D.model) {
             D.model.addEventListener('change', () => {
                 S.model = D.model.value;
+                const templates = {
+                    gpt: '📝 GPT-4: Markdown format with clear code blocks and instructions',
+                    claude: '🤖 Claude: XML-structured context with semantic tags for better understanding',
+                    gemini: '✨ Gemini: Hybrid format with metadata and organized sections'
+                };
+                console.log(`%c${templates[S.model]}`, 'color:#10b981;font-weight:bold');
+                toast(`Template: ${S.model.toUpperCase()}`, 'info');
             });
         }
         // Optimize file input change handler