Update index.html

index.html

@@ -115,30 +115,6 @@
                 ></textarea>
             </div>
             
-            <!-- Quick Questions -->
-            <div class="space-y-3">
-                <p class="text-sm text-gray-600 font-medium">Quick questions:</p>
-                <div class="flex flex-wrap gap-2">
-                    <button class="quick-question px-3 py-1.5 bg-gray-100 text-gray-700 text-sm rounded-full hover:bg-gray-900 hover:text-white transition-all duration-200 font-medium">
-                        What's in this image?
-                    </button>
-                    <button class="quick-question px-3 py-1.5 bg-gray-100 text-gray-700 text-sm rounded-full hover:bg-gray-900 hover:text-white transition-all duration-200 font-medium">
-                        Describe the scene
-                    </button>
-                    <button class="quick-question px-3 py-1.5 bg-gray-100 text-gray-700 text-sm rounded-full hover:bg-gray-900 hover:text-white transition-all duration-200 font-medium">
-                        What colors do you see?
-                    </button>
-                    <button class="quick-question px-3 py-1.5 bg-gray-100 text-gray-700 text-sm rounded-full hover:bg-gray-900 hover:text-white transition-all duration-200 font-medium">
-                        Count the people
-                    </button>
-                </div>
-            </div>
-            
-            <button id="analyzeBtn" disabled class="w-full bg-gray-900 text-white px-6 py-4 rounded-lg font-medium text-base hover:bg-gray-800 disabled:bg-gray-300 disabled:text-gray-500 disabled:cursor-not-allowed transition-all duration-200 focus:ring-2 focus:ring-gray-900 focus:ring-offset-2">
-                <span id="analyzeText">Analyze Image</span>
-            </button>
-        </div>
-
         <!-- Results Section -->
         <div id="resultsSection" class="hidden mb-12">
             <div class="border border-gray-200 rounded-xl p-8 bg-gray-50">
@@ -217,25 +193,6 @@
                 this.elements.questionInput.addEventListener('input', () => this.updateAnalyzeButton());
                 this.elements.analyzeBtn.addEventListener('click', () => this.analyzeImage());
                 
-                // Quick question buttons
-document.querySelectorAll('.quick-question').forEach(btn => {
-    btn.addEventListener('click', (e) => {
-        // Set the value
-        this.elements.questionInput.value = e.target.textContent;
-        // Explicitly dispatch an 'input' event
-        // This helps ensure styles (like text-align) are correctly applied
-        // and other event listeners (like updateAnalyzeButton) are triggered.
-        const inputEvent = new Event('input', {
-            bubbles: true,
-            cancelable: true,
-        });
-        this.elements.questionInput.dispatchEvent(inputEvent);
-        // Optional: You can remove the direct call to updateAnalyzeButton now
-        // as the dispatched event should trigger it, but calling it explicitly
-        // is also fine and ensures it runs.
-        // this.updateAnalyzeButton(); // Can be removed if the event listener handles it
-    });
-});
 
             handleDragOver(e) {
                 e.preventDefault();