make it to automatically scan all the code and tell what language it is an then automatically start cleaning it

index.html

@@ -272,24 +272,15 @@ model.save_pretrained("code_cleaner_model")</code></pre>
                         </div>
                     </div>
                 </div>
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-                    <div class="flex flex-col">
-                        <label class="text-gray-300 mb-2">Choose Language</label>
-                        <select id="language-select" class="bg-gray-700 text-white p-2 rounded">
-                            <option value="python">Python</option>
-                            <option value="javascript">JavaScript</option>
-                            <option value="java">Java</option>
-                            <option value="csharp">C#</option>
-                            <option value="php">PHP</option>
-                        </select>
-                    </div>
-                    <div class="flex items-end">
-                        <button id="process-btn" class="bg-blue-600 hover:bg-blue-700 px-8 py-3 rounded-lg font-bold text-lg transition w-full">
-                            Clean This Code
-                        </button>
-                    </div>
+                <div class="flex justify-center mb-4">
+                    <button id="process-btn" class="bg-blue-600 hover:bg-blue-700 px-8 py-3 rounded-lg font-bold text-lg transition w-full md:w-auto">
+                        Clean This Code
+                    </button>
                 </div>
-                <div class="text-center">
+                <div id="detected-language" class="text-center text-gray-400 mb-4 hidden">
+                    Detected: <span class="text-blue-400 font-medium"></span>
+                </div>
+<div class="text-center">
                     <p class="text-gray-400 mb-2">OR</p>
                     <button id="repo-btn" class="border border-blue-500 text-blue-400 hover:bg-blue-500/10 px-6 py-2 rounded-lg transition">
                         <i data-feather="github" class="inline mr-2"></i> Clean Entire Repository
@@ -334,8 +325,17 @@ model.save_pretrained("code_cleaner_model")</code></pre>
         </div>
     </footer>
     <script>
+        // Auto-process when code is pasted
+        codeEditor.addEventListener('paste', (e) => {
+            setTimeout(() => {
+                if (codeEditor.value.trim()) {
+                    processBtn.click();
+                }
+            }, 100);
+        });
+
         // Initialize Vanta.js globe
-        VANTA.GLOBE({
+VANTA.GLOBE({
             el: "#globe-bg",
             mouseControls: true,
             touchControls: true,
@@ -356,20 +356,42 @@ model.save_pretrained("code_cleaner_model")</code></pre>
         const repoInput = document.getElementById('repo-input');
         const resultContainer = document.getElementById('result-container');
         const repoUrl = document.getElementById('repo-url');
-        const languageSelect = document.getElementById('language-select');
+        const detectedLangEl = document.getElementById('detected-language');
+        const detectedLangText = detectedLangEl.querySelector('span');
 
-        // Toggle repository input
+        // Language detection patterns
+        const languagePatterns = {
+            python: /^(def |import |from |print\(|#)/m,
+            javascript: /^(function |const |let |var |\/\/)/m,
+            java: /^(public |private |class |import |\/\/)/m,
+            csharp: /^(using |namespace |class |\/\/)/m,
+            php: /^(<\?php|\$|function )/m
+        };
+
+        function detectLanguage(code) {
+            for (const [lang, pattern] of Object.entries(languagePatterns)) {
+                if (pattern.test(code)) {
+                    return lang;
+                }
+            }
+            return 'python'; // default fallback
+        }
+// Toggle repository input
         repoBtn.addEventListener('click', () => {
             repoInput.classList.toggle('hidden');
             if (!repoInput.classList.contains('hidden')) {
                 codeEditor.value = '';
             }
         });
-
         // Process single code snippet
         processBtn.addEventListener('click', async () => {
-const code = codeEditor.value;
-            if (!code.trim()) return;
+            const code = codeEditor.value.trim();
+            if (!code) return;
+            
+            // Detect language
+            const detectedLanguage = detectLanguage(code);
+            detectedLangText.textContent = detectedLanguage;
+            detectedLangEl.classList.remove('hidden');
             
             processBtn.disabled = true;
             processBtn.innerHTML = '<i data-feather="loader" class="animate-spin"></i> Processing...';
@@ -378,7 +400,6 @@ const code = codeEditor.value;
             try {
                 // Using a mock API for demonstration
                 // In production, replace with your actual API endpoint
-                const language = languageSelect.value;
                 const response = await fetch('/api/clean', {
                     method: 'POST',
                     headers: {
@@ -386,11 +407,10 @@ const code = codeEditor.value;
                     },
                     body: JSON.stringify({
                         code: code,
-                        language: language
+                        language: detectedLanguage
                     })
                 });
-                
-                const data = await response.json();
+const data = await response.json();
                 resultContainer.innerHTML = `
                     <div class="mb-4 flex justify-between items-center">
                         <h4 class="font-bold text-blue-400">Cleaned Code</h4>
@@ -426,11 +446,11 @@ const code = codeEditor.value;
                     },
                     body: JSON.stringify({
                         repo_url: url,
-                        language: languageSelect.value
+                        // Auto-detect will happen on server for repos
+                        language: 'auto' 
                     })
                 });
-                
-                const data = await response.json();
+const data = await response.json();
                 resultContainer.innerHTML = `
                     <div class="mb-4">
                         <h4 class="font-bold text-blue-400">Repository Analysis</h4>