🐳 23/03 - 17:25 - قم انت باختباره وتصحيح الاخطاء تلقائيا

index.html

@@ -651,7 +651,10 @@
             const input = document.getElementById('agent-input');
             const message = input.value.trim();
             
-            if (!message) return;
+            if (!message || message === 'undefined' || message === 'null') {
+                console.warn('Invalid message input blocked');
+                return;
+            }
             
             isAgentProcessing = true;
             
@@ -662,18 +665,30 @@
             // Show typing indicator
             showTypingIndicator();
             
+            // Simulate AI response with captured message to avoid closure issues
+            const capturedMessage = String(message);
+            
             // Simulate AI response
             setTimeout(() => {
                 removeTypingIndicator();
-                generateAIResponse(message);
+                generateAIResponse(capturedMessage);
                 isAgentProcessing = false;
             }, 1500 + Math.random() * 1000);
         }
 
         function addMessage(text, sender) {
-            // Prevent adding empty or invalid messages
-            if (!text || text === 'undefined' || text === 'null' || (typeof text !== 'string' && typeof text !== 'number')) {
-                console.warn('Attempted to add invalid message:', text);
+            // Strict validation to prevent undefined, null, or invalid messages
+            if (text === undefined || text === null) {
+                console.warn('Blocked undefined/null message');
+                return null;
+            }
+            
+            // Convert to string safely
+            const safeText = String(text);
+            
+            // Block if converted string is literally "undefined" or "null" or empty
+            if (safeText === 'undefined' || safeText === 'null' || safeText.trim() === '') {
+                console.warn('Blocked invalid string message:', safeText);
                 return null;
             }
             
@@ -688,7 +703,7 @@
                         <span class="text-xs font-bold text-white">UN</span>
                     </div>
                     <div class="flex-1 bg-replit-hover rounded-lg p-3 text-sm text-gray-300">
-                        ${escapeHtml(String(text))}
+                        ${escapeHtml(safeText)}
                     </div>
                 `;
             } else {
@@ -698,7 +713,7 @@
                     </div>
                     <div class="flex-1 content-container">
                         <div class="bg-replit-sidebar rounded-lg p-3 text-sm text-gray-300 border border-replit content-text">
-                            ${String(text)}
+                            ${safeText}
                         </div>
                     </div>
                 `;
@@ -738,26 +753,33 @@
         }
 
         function generateAIResponse(message) {
-            // Ensure message is a valid string
-            if (!message || typeof message !== 'string') {
-                message = '';
+            // Strict validation of input message
+            let safeMessage = '';
+            if (message && typeof message === 'string') {
+                safeMessage = message;
             }
             
             const responses = {
                 'explain': '🔍 <strong class="text-orange-400">Code Analysis:</strong><br><br>This code creates a modern web application with:<br>• Responsive design using CSS Grid/Flexbox<br>• Dynamic gradient backgrounds<br>• Event-driven interactions<br><br>The architecture follows best practices with clear separation of concerns.',
                 'debug': '🐛 <strong class="text-red-400">Debug Complete:</strong><br><br>Found 0 errors! Your code is clean. However, I suggest:<br>• Adding error handling for edge cases<br>• Implementing input validation<br>• Consider adding loading states for better UX',
                 'optimize': '⚡ <strong class="text-yellow-400">Optimization Applied:</strong><br><br>Improved performance by 300%:<br>• Reduced render cycles<br>• Optimized DOM queries<br>• Implemented lazy loading<br>• Minified assets automatically',
-                'default': `🎯 <strong class="text-orange-400">Infinity Agent Response:</strong><br><br>I've analyzed your request: "<em>${escapeHtml(String(message).substring(0, 50))}${String(message).length > 50 ? '...' : ''}</em>"<br><br>Here's my creative solution:<br><br>1. <strong>Architecture:</strong> Modular component-based design<br>2. <strong>Performance:</strong> Optimized for sub-100ms load times<br>3. <strong>UX:</strong> Intuitive interactions with micro-animations<br>4. <strong>Code Quality:</strong> Production-ready with full type safety<br><br>Would you like me to implement this now?`
+                'default': `🎯 <strong class="text-orange-400">Infinity Agent Response:</strong><br><br>I've analyzed your request: "<em>${escapeHtml(safeMessage.substring(0, 50))}${safeMessage.length > 50 ? '...' : ''}</em>"<br><br>Here's my creative solution:<br><br>1. <strong>Architecture:</strong> Modular component-based design<br>2. <strong>Performance:</strong> Optimized for sub-100ms load times<br>3. <strong>UX:</strong> Intuitive interactions with micro-animations<br>4. <strong>Code Quality:</strong> Production-ready with full type safety<br><br>Would you like me to implement this now?`
             };
             
-            let response;
-            const lowerMsg = String(message).toLowerCase();
-            if (lowerMsg.includes('explain')) response = responses.explain;
-            else if (lowerMsg.includes('debug')) response = responses.debug;
-            else if (lowerMsg.includes('optimize')) response = responses.optimize;
-            else response = responses.default;
+            let responseText;
+            const lowerMsg = safeMessage.toLowerCase();
+            if (lowerMsg.includes('explain')) responseText = responses.explain;
+            else if (lowerMsg.includes('debug')) responseText = responses.debug;
+            else if (lowerMsg.includes('optimize')) responseText = responses.optimize;
+            else responseText = responses.default;
+            
+            // Double-check response is valid before sending
+            if (!responseText || responseText === 'undefined' || responseText === 'null') {
+                console.error('Invalid response generated:', responseText);
+                return;
+            }
             
-            const messageDiv = addMessage(response, 'agent');
+            const messageDiv = addMessage(responseText, 'agent');
             
             // Add action buttons inside the message content div
             if (messageDiv) {