review debug output and try to fix issiue - Follow Up Deployment

index.html

@@ -217,7 +217,8 @@
         const apiConfig = {
             api_key: "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",
             base_url: "https://openrouter.ai/api/v1",
-            model: "cognitivecomputations/dolphin-mistral-24b-venice-edition:free"
+            model: "cognitivecomputations/dolphin-mistral-24b-venice-edition:free",
+            debug: true // Enable debug logging
         };
 
         const systemPrompt = `You are an expert in cybersecurity and Google dorking. 
@@ -259,7 +260,11 @@
             `;
 
             try {
+                const controller = new AbortController();
+                const timeoutId = setTimeout(() => controller.abort(), 15000); // 15 second timeout
+                
                 const response = await fetch(`${apiConfig.base_url}/chat/completions`, {
+                    signal: controller.signal,
                     method: 'POST',
                     headers: {
                         'Authorization': `Bearer ${apiConfig.api_key}`,
@@ -274,17 +279,31 @@
                     })
                 });
 
+                clearTimeout(timeoutId);
                 const data = await response.json();
                 
-                // Check for API errors first
-                if (data.error) {
-                    throw new Error(data.error.message || 'API Error');
+                if (apiConfig.debug) {
+                    console.log('Full API Response:', data);
+                    console.log('Response Status:', response.status);
+                    console.log('Response Headers:', Object.fromEntries(response.headers.entries()));
+                }
+                
+                if (!response.ok) {
+                    const errorData = await response.json().catch(() => ({}));
+                    console.error('API Error Response:', errorData);
+                    throw new Error(
+                        errorData.error?.message || 
+                        `API request failed with status ${response.status}: ${response.statusText}`
+                    );
                 }
                 
                 // Check response structure
-                if (!data.choices || !data.choices[0] || !data.choices[0].message || !data.choices[0].message.content) {
-                    console.error('Invalid API response:', data);
-                    throw new Error('Invalid API response format. Please check the console for details.');
+                if (!data.choices?.[0]?.message?.content) {
+                    console.error('Invalid API response structure:', data);
+                    throw new Error(
+                        `Invalid API response format. Expected choices[0].message.content. ` +
+                        `Received: ${JSON.stringify(data, null, 2)}`
+                    );
                 }
                 
                 // Process dorks
@@ -327,8 +346,12 @@
                 terminalContent.innerHTML += dorksHTML;
                 
             } catch (error) {
-                terminalContent.innerHTML += `
-                    <div class="response bg-red-900/50 p-3 rounded border border-red-700">
+                console.error('Error in API call:', error);
+                let errorHtml = `
+                    <div class="response bg-red-900/50 p-3 rounded border border-red-700 mb-4">
+                        <div class="flex items-start">
+                            <i class="fas fa-exclamation-triangle text-red-300 mr-2 mt-1"></i>
+                            <div>
                         <p class="font-bold text-red-300">Error generating dorks:</p>
                         <p class="text-red-200">${error.message}</p>
                         <p class="text-xs text-red-300 mt-2">Please try again or check your API configuration.</p>
@@ -336,11 +359,21 @@
                             <summary class="cursor-pointer text-red-300">Technical Details</summary>
                             <pre class="mt-1 p-2 bg-black/50 rounded overflow-auto">${JSON.stringify({
                                 error: error.message,
-                                response: data || 'No response data'
+                                stack: error.stack,
+                                response: data || 'No response data',
+                                request: {
+                                    url: `${apiConfig.base_url}/chat/completions`,
+                                    model: apiConfig.model,
+                                    prompt: `${query} ${numDorks}`
+                                }
                             }, null, 2)}</pre>
                         </details>
+                        <button onclick="window.location.reload()" class="mt-3 px-3 py-1 bg-blue-600 hover:bg-blue-700 rounded text-sm">
+                            <i class="fas fa-sync-alt mr-1"></i> Retry
+                        </button>
                     </div>
                 `;
+                terminalContent.innerHTML += errorHtml;
             }
 
             // Scroll to bottom and clear input