feat: Vorschläge für Folgesuchen hinzufügen

- CSS-Stile für vorgeschlagene Suchschaltflächen hinzugefügt
- HTML-Container für die Anzeige vorgeschlagener Suchen hinzugefügt
- Logik zur Darstellung und Interaktion mit vorgeschlagenen Suchen implementiert
- OpenRouter-Prompt um Hinweis auf Folgesuchen erweitert
- JSON-Schema um Feld 'suggestedSearches' ergänzt

public/index.html

@@ -289,6 +289,29 @@
             text-decoration: underline;
         }
 
+        .suggested-searches {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+        }
+
+        .suggested-search-btn {
+            padding: 8px 16px;
+            background: #f0f0f0;
+            border: 1px solid #ddd;
+            border-radius: 20px;
+            cursor: pointer;
+            font-size: 0.9rem;
+            transition: all 0.2s;
+            color: #333;
+        }
+
+        .suggested-search-btn:hover {
+            background: #667eea;
+            color: white;
+            border-color: #667eea;
+        }
+
         /* Cost Breakdown Styles */
         .cost-breakdown-details {
             margin-top: 10px;
@@ -556,6 +579,11 @@
                     <ul class="sources" id="sources"></ul>
                 </div>
 
+                <div class="result-section">
+                    <h2>💡 Suggested Follow-up Searches</h2>
+                    <div class="suggested-searches" id="suggestedSearches"></div>
+                </div>
+
                 <!-- Cost Breakdown Section -->
                 <div class="result-section">
                     <details class="cost-breakdown-details" id="costBreakdownDetails">
@@ -607,6 +635,7 @@
         const results = document.getElementById('results');
         const answerEl = document.getElementById('answer');
         const sourcesEl = document.getElementById('sources');
+        const suggestedSearchesEl = document.getElementById('suggestedSearches');
         const errorEl = document.getElementById('error');
         const logContainer = document.getElementById('logContainer');
         const statusDot = document.getElementById('statusDot');
@@ -893,6 +922,23 @@
                 sourcesEl.appendChild(li);
             }
 
+            // Display suggested searches
+            suggestedSearchesEl.innerHTML = '';
+            if (data.suggestedSearches && data.suggestedSearches.length > 0) {
+                data.suggestedSearches.forEach(search => {
+                    const btn = document.createElement('button');
+                    btn.className = 'suggested-search-btn';
+                    btn.textContent = search;
+                    btn.addEventListener('click', () => {
+                        questionInput.value = search;
+                        performSearch();
+                    });
+                    suggestedSearchesEl.appendChild(btn);
+                });
+            } else {
+                suggestedSearchesEl.innerHTML = '<p style="color: #999;">No suggested searches available</p>';
+            }
+
             // Display cost breakdown
             const costTableBody = document.getElementById('costTableBody');
             costTableBody.innerHTML = '';