Spaces:

AiCoderv2
/

anycoder-bba383d3

Running

App Files Files Community

AiCoderv2 commited on Dec 8, 2025

Commit

78505c8

verified ·

1 Parent(s): 4261cb3

Upload folder using huggingface_hub

Browse files

Files changed (1) hide show

index.html +364 -196

index.html CHANGED Viewed

@@ -3,9 +3,9 @@
 <head>
   <meta charset="UTF-8" />
-  <title>DuckDuckGo AI Chatbot</title>
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="description" content="A simple chatbot that answers using DuckDuckGo instant answers." />
   <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
@@ -304,6 +304,11 @@
       border-radius: 8px;
     }
     .composer {
       position: sticky;
       bottom: 0;
@@ -453,6 +458,40 @@
       padding: 10px 0 18px;
     }
     /* Responsive */
     @media (max-width: 720px) {
       .topbar {
@@ -518,6 +557,42 @@
       padding: 10px;
       overflow: auto;
     }
   </style>
 </head>
@@ -528,8 +603,8 @@
         <div class="brand">
           <div class="logo" aria-hidden="true"></div>
           <div class="titles">
-            <div class="title">DuckDuckGo Answer Bot</div>
-            <div class="subtitle">Real-time answers via DuckDuckGo Instant Answers API (CORS-proxied).</div>
           </div>
         </div>
         <div class="links">
@@ -541,6 +616,12 @@
             </svg>
             DuckDuckGo
           </a>
           <button id="exportBtn" class="btn secondary" title="Export chat as JSON">
             <svg class="icon" viewBox="0 0 24 24" fill="none"><path d="M12 3v12m0 0 4-4m-4 4-4-4M5 21h14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
             Export
@@ -565,13 +646,11 @@
             <div class="bubble bot">
               <div class="meta">
                 <span class="badge">Bot</span>
-                <span>DuckDuckGo Instant Answers</span>
               </div>
               <div class="answer">
-                <p>Hi! I’m your DuckDuckGo-powered assistant. Ask me anything: facts, definitions, unit conversions,
-                  weather, time, math, and more.</p>
-                <p class="hint">Tip: Try queries like “weather in Tokyo”, “define ubiquitous”, “2pm PST to CET”, or
-                  “what is 18 celsius in fahrenheit”.</p>
               </div>
             </div>
           </div>
@@ -596,7 +675,7 @@
     </main>
     <div class="footer-note">
-      Answers come from DuckDuckGo Instant Answers. CORS is bypassed via public proxies for in-browser usage.
     </div>
   </div>
@@ -622,10 +701,12 @@
     let history = [];
     let abortController = null;
-    // Suggestions
     const defaultChips = [
-      'weather in Tokyo', 'time in London', 'define ubiquitous', '2pm PST to CET', '18 celsius to fahrenheit',
-      'who is Ada Lovelace', 'sqrt(144)', 'USD to EUR', 'prime factors of 91'
     ];
     function renderSuggestions(items=defaultChips){
@@ -646,12 +727,14 @@
     function buildPromptChips(q){
       q = q.trim();
       const chips = [];
-      const hasWeather = /\b(weather|temperature)\b/i.test(q);
       const hasDefine = /\b(define|meaning|definition|what does)\b/i.test(q);
       const hasConvert = /\b(to|in|°)\b/i.test(q) || /\b(c|f|cm|inch|kg|lb)\b/.test(q);
       const hasTime = /\b(time|datetime|date)\b/i.test(q);
       const hasWho = /\b(who is|who's|who’re)\b/i.test(q);
       const hasCalc = /[\d\+\-\*\/\^\(\)\.]/.test(q);
       if (q && !hasWeather) chips.push(q.replace(/\b(what is|what's)\b/i,'').trim() + ' weather');
       if (q && !hasDefine) chips.push('define ' + q.replace(/\b(define|meaning|definition|what does)\b/i,'').trim());
@@ -659,6 +742,8 @@
       if (q && !hasTime) chips.push('time in ' + q.replace(/\b(what is|what's|time in|date|datetime)\b/ig,'').trim());
       if (q && !hasWho) chips.push('who is ' + q.replace(/\b(who is|who's|who’re)\b/ig,'').trim());
       if (q && !hasCalc) chips.push(q.replace(/\b(calculate|compute|solve)\b/i,'').trim());
       // de-dup
       const unique = [...new Set(chips)].filter(Boolean).slice(0,6);
@@ -682,8 +767,16 @@
       metaEl.className = 'meta';
       const badge = document.createElement('span');
       badge.className = 'badge';
-      badge.textContent = role === 'bot' ? (meta.badge || 'DuckDuckGo') : 'You';
       metaEl.appendChild(badge);
       if (meta.note){
         const note = document.createElement('span');
         note.textContent = meta.note;
@@ -703,7 +796,7 @@
         sources.className = 'sources';
         meta.sources.forEach(src => {
           const s = document.createElement('a');
-          s.className = 'source';
           s.href = src.href;
           s.target = '_blank';
           s.rel = 'noopener noreferrer';
@@ -733,7 +826,7 @@
       metaEl.className = 'meta';
       const badge = document.createElement('span');
       badge.className = 'badge';
-      badge.textContent = 'DuckDuckGo';
       metaEl.appendChild(badge);
       const answer = document.createElement('div');
       answer.className = 'answer';
@@ -751,28 +844,13 @@
       if (t) t.remove();
     }
-    // Build DuckDuckGo API URL
-    function buildDDGUrl(query){
-      const url = new URL('https://api.duckduckgo.com/');
-      url.searchParams.set('q', query);
-      url.searchParams.set('format', 'json');
-      url.searchParams.set('no_html', '1');
-      url.searchParams.set('no_redirect', '1');
-      url.searchParams.set('skip_disambig', '1');
-      return url.toString();
-    }
-    // CORS proxy list (tried in order). Using public proxies to bypass CORS in-browser.
     const CORS_PROXIES = [
-      // https://cors.isomorphic-git.org/ simply adds permissive CORS headers to any URL
       (target) => `https://cors.isomorphic-git.org/${target}`,
-      // https://api.codetabs.com/v1/proxy?quest= forwards the request server-side
       (target) => `https://api.codetabs.com/v1/proxy?quest=${encodeURIComponent(target)}`,
-      // https://corsproxy.io/? provides a minimal CORS proxy
       (target) => `https://corsproxy.io/?${encodeURIComponent(target)}`
     ];
-    // Fetch with automatic CORS proxy fallback (real DuckDuckGo data only).
     async function fetchWithCorsProxies(targetUrl, signal){
       let lastErr = null;
       for (const buildProxy of CORS_PROXIES){
@@ -781,198 +859,288 @@
           const res = await fetch(proxyUrl, { signal, headers: { 'Accept': 'application/json' } });
           if (!res.ok) throw new Error(`HTTP ${res.status}`);
           const contentType = res.headers.get('content-type') || '';
-          // Some proxies may return text; we only accept JSON
           if (!contentType.includes('application/json') && !contentType.includes('text/plain')) {
             throw new Error('Unexpected content-type: ' + contentType);
           }
-          // If it's text (e.g., JSON as text), still parse it
           const text = await res.text();
           const data = JSON.parse(text);
           return data;
         }catch(err){
           lastErr = err;
-          // try next proxy
         }
       }
       throw lastErr || new Error('All CORS proxies failed');
     }
-    // DuckDuckGo fetch (real data only, via CORS proxies)
-    async function fetchDDG(query, signal){
-      const targetUrl = buildDDGUrl(query);
-      const data = await fetchWithCorsProxies(targetUrl, signal);
-      return data;
     }
-    // Parse DuckDuckGo result
-    function parseDDG(data, originalQuery){
-      const sources = [];
-      if (Array.isArray(data.Results)) {
-        data.Results.forEach(r => {
-          if (r && r.FirstURL && r.Text) sources.push({ href: r.FirstURL, label: new URL(r.FirstURL).hostname.replace('www.','') });
-        });
       }
-      if (data.AbstractURL) sources.push({ href: data.AbstractURL, label: new URL(data.AbstractURL).hostname.replace('www.','') });
-      if (data.Answer && data.AnswerURL) sources.push({ href: data.AnswerURL, label: new URL(data.AnswerURL).hostname.replace('www.','') });
-      // Primary text
-      let primary = '';
-      let note = '';
-      if (data.Answer && data.Answer.trim()){
-        primary = data.Answer;
-        note = 'Instant Answer';
-      } else if (data.Definition && data.Definition.trim()){
-        primary = data.Definition;
-        note = data.DefinitionSource ? ('Definition • ' + data.DefinitionSource) : 'Definition';
-        if (data.DefinitionURL) sources.push({ href: data.DefinitionURL, label: new URL(data.DefinitionURL).hostname.replace('www.','') });
-      } else if (data.AbstractText && data.AbstractText.trim()){
-        primary = data.AbstractText;
-        note = data.Heading ? ('About: ' + data.Heading) : (data.AbstractSource ? data.AbstractSource : 'Abstract');
-      } else if (data.RelatedTopics && data.RelatedTopics.length){
-        // Build a short list
-        const items = [];
-        for (const t of data.RelatedTopics){
-          if (t && t.Text && t.FirstURL) {
-            items.push(`<li><a href="${t.FirstURL}" target="_blank" rel="noopener noreferrer">${escapeHTML(t.Text)}</a></li>`);
-          } else if (Array.isArray(t.Topics)) {
-            for (const tt of t.Topics){
-              if (tt && tt.Text && tt.FirstURL) {
-                items.push(`<li><a href="${tt.FirstURL}" target="_blank" rel="noopener noreferrer">${escapeHTML(tt.Text)}</a></li>`);
               }
             }
           }
-          if (items.length >= 6) break;
-        }
-        if (items.length){
-          primary = `<p>Here are some related topics I found:</p><ul>${items.join('')}</ul>`;
-          note = 'Related topics';
         }
       }
-      if (!primary){
-        // Disambiguation pages often set Heading and nothing else.
-        if (data.Heading){
-          primary = `<p>This looks like a ambiguous term. “${escapeHTML(data.Heading)}” may refer to multiple things. Try adding more details (e.g., a location or field).</p>`;
-        } else {
-          primary = `<p>Sorry—I couldn't find a direct answer for that. Try rephrasing or asking for “define …”, “weather in …”, or a simple calculation.</p>`;
         }
-        note = 'No direct answer';
       }
-      return { html: primary, sources, note, raw: data, query: originalQuery };
     }
-    // Rendering of an answer with small extras for math/units if detected
-    function enhanceHTML(html){
-      // If the result seems like math (contains equals or numbers with operators), lightly style
-      const mathy = /(\d\s*[\+\-\*\/x÷]\s*\d)|(\d+\s*\=\s*\d+)/i.test(stripTags(html));
-      if (mathy){
-        html += `<div class="mono" style="margin-top:8px">Tip: For precise calculations, try typing a full expression like “sqrt(144)” or “((3+5)*2)^2”.</div>`;
       }
-      return html;
-    }
-    // Main send handler
-    async function sendMessage(){
-      const text = promptEl.value.trim();
-      if (!text) return;
-      // Save to history
-      history.push({ role: 'user', content: text });
-      // Show user message
-      addMessage('user', `<p>${escapeHTML(text)}</p>`);
-      promptEl.value = '';
-      updateTextareaHeight();
-      renderSuggestions(defaultChips);
-      // Prepare typing indicator
-      const typingRow = addTyping();
-      sendBtn.disabled = true;
-      stopBtn.disabled = false;
-      abortController = new AbortController();
-      try{
-        const data = await fetchDDG(text, abortController.signal);
-        removeTyping();
-        const parsed = parseDDG(data, text);
-        addMessage('bot', enhanceHTML(parsed.html), { badge: 'DuckDuckGo', note: parsed.note, sources: parsed.sources });
-        history.push({ role: 'assistant', content: parsed.html, sources: parsed.sources });
-      }catch(err){
-        removeTyping();
-        const fallback = `<p>Network error or CORS proxy issue: ${escapeHTML(err.message)}. Please try again.</p>`;
-        addMessage('bot', fallback, { badge: 'Error' });
-        history.push({ role: 'assistant', content: fallback });
-      }finally{
-        sendBtn.disabled = false;
-        stopBtn.disabled = true;
-        abortController = null;
       }
     }
-    // UI events
-    function updateTextareaHeight(){
-      promptEl.style.height = 'auto';
-      const newH = Math.min(promptEl.scrollHeight, 200);
-      promptEl.style.height = Math.max(40, newH) + 'px';
-    }
-    promptEl.addEventListener('input', () => {
-      updateTextareaHeight();
-      buildPromptChips(promptEl.value);
-    });
-    promptEl.addEventListener('keydown', (e) => {
-      if (e.key === 'Enter' && !e.shiftKey){
-        e.preventDefault();
-        if (!sendBtn.disabled) sendMessage();
       }
-    });
-    sendBtn.addEventListener('click', sendMessage);
-    stopBtn.addEventListener('click', () => {
-      if (abortController){
-        abortController.abort();
-        removeTyping();
-        addMessage('bot', `<p>Request canceled.</p>`, { badge: 'Stopped' });
-        stopBtn.disabled = true;
-        sendBtn.disabled = false;
-        abortController = null;
       }
-    });
-    clearBtn.addEventListener('click', () => {
-      if (!confirm('Clear the current chat?')) return;
-      messagesEl.innerHTML = `
-        <div class="row bot fade-in">
-          <div class="avatar bot">🤖</div>
-          <div class="bubble bot">
-            <div class="meta"><span class="badge">Bot</span><span>DuckDuckGo Instant Answers</span></div>
-            <div class="answer"><p>Chat cleared. Ask me something new!</p></div>
-          </div>
-        </div>`;
-      history = [];
-      renderSuggestions(defaultChips);
-    });
-    exportBtn.addEventListener('click', () => {
-      const payload = {
-        exportedAt: new Date().toISOString(),
-        history
-      };
-      const blob = new Blob([JSON.stringify(payload, null, 2)], { type: 'application/json' });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      a.href = url;
-      a.download = 'ddg-chat-export.json';
-      document.body.appendChild(a);
-      a.click();
-      URL.revokeObjectURL(url);
-      a.remove();
-    });
-    // Initial
-    renderSuggestions(defaultChips);
-    updateTextareaHeight();
-  </script>
-</body>
-</html>

 <head>
   <meta charset="UTF-8" />
+  <title>DuckDuckGo AI Chatbot - Enhanced Multi-Source</title>
   <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="description" content="An enhanced chatbot that answers using multiple data sources: DuckDuckGo, Wikipedia, and various APIs." />
   <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
       border-radius: 8px;
     }
+    .source.multi {
+      background: #0d1b3a;
+      border-color: #4a90e2;
+    }
     .composer {
       position: sticky;
       bottom: 0;
       padding: 10px 0 18px;
     }
+    .data-source-indicator {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 11px;
+      padding: 2px 6px;
+      border-radius: 6px;
+      background: rgba(74, 144, 226, 0.2);
+      border: 1px solid rgba(74, 144, 226, 0.4);
+    }
+    .data-source-indicator.wiki {
+      background: rgba(74, 226, 144, 0.2);
+      border-color: rgba(74, 226, 144, 0.4);
+    }
+    .data-source-indicator.weather {
+      background: rgba(250, 204, 21, 0.2);
+      border-color: rgba(250, 204, 21, 0.4);
+    }
+    .data-source-indicator.calc {
+      background: rgba(168, 85, 247, 0.2);
+      border-color: rgba(168, 85, 247, 0.4);
+    }
+    .source-badge {
+      font-size: 10px;
+      padding: 1px 4px;
+      border-radius: 3px;
+      background: rgba(255, 255, 255, 0.1);
+      margin-left: 4px;
+    }
     /* Responsive */
     @media (max-width: 720px) {
       .topbar {
       padding: 10px;
       overflow: auto;
     }
+    .search-results {
+      background: #0d1431;
+      border: 1px solid rgba(255, 255, 255, .1);
+      border-radius: 8px;
+      padding: 10px;
+      margin: 8px 0;
+    }
+    .search-result {
+      margin-bottom: 8px;
+      padding-bottom: 8px;
+      border-bottom: 1px solid rgba(255, 255, 255, .05);
+    }
+    .search-result:last-child {
+      margin-bottom: 0;
+      padding-bottom: 0;
+      border-bottom: none;
+    }
+    .search-result-title {
+      font-weight: 600;
+      color: #8ad1ff;
+      text-decoration: none;
+    }
+    .search-result-title:hover {
+      text-decoration: underline;
+    }
+    .search-result-snippet {
+      font-size: 13px;
+      color: #c7d5ff;
+      margin-top: 2px;
+    }
   </style>
 </head>
         <div class="brand">
           <div class="logo" aria-hidden="true"></div>
           <div class="titles">
+            <div class="title">Enhanced Multi-Source AI Chatbot</div>
+            <div class="subtitle">Answers from DuckDuckGo, Wikipedia, Weather APIs, and more.</div>
           </div>
         </div>
         <div class="links">
             </svg>
             DuckDuckGo
           </a>
+          <a class="btn ghost" href="https://en.wikipedia.org/" target="_blank" rel="noopener noreferrer">
+            <svg class="icon" viewBox="0 0 24 24" fill="none">
+              <path d="M4 4h16v16H4z" stroke="currentColor" stroke-width="2"/><path d="M7 8h10M7 12h10M7 16h6" stroke="currentColor" stroke-width="2"/>
+            </svg>
+            Wikipedia
+          </a>
           <button id="exportBtn" class="btn secondary" title="Export chat as JSON">
             <svg class="icon" viewBox="0 0 24 24" fill="none"><path d="M12 3v12m0 0 4-4m-4 4-4-4M5 21h14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
             Export
             <div class="bubble bot">
               <div class="meta">
                 <span class="badge">Bot</span>
+                <span>Multi-Source AI Assistant</span>
               </div>
               <div class="answer">
+                <p>Hi! I'm your enhanced AI assistant with access to multiple data sources including DuckDuckGo Instant Answers, Wikipedia, Weather APIs, and general web search.</p>
+                <p class="hint">Try asking about: facts, definitions, weather, time zones, calculations, historical events, scientific information, or general knowledge questions.</p>
               </div>
             </div>
           </div>
     </main>
     <div class="footer-note">
+      Enhanced with multiple data sources: DuckDuckGo Instant Answers, Wikipedia API, Open-Meteo Weather API, and web search capabilities.
     </div>
   </div>
     let history = [];
     let abortController = null;
+    // Enhanced suggestions
     const defaultChips = [
+      'weather in Tokyo', 'time in London', 'define artificial intelligence', 'who was Einstein',
+      'sqrt(144)', 'USD to EUR', 'prime factors of 91', 'Python programming history',
+      'what is machine learning', 'how tall is Mount Everest', 'capital of France',
+      'latest news about AI', 'JavaScript vs Python', 'quantum computing explained'
     ];
     function renderSuggestions(items=defaultChips){
     function buildPromptChips(q){
       q = q.trim();
       const chips = [];
+      const hasWeather = /\b(weather|temperature|forecast)\b/i.test(q);
       const hasDefine = /\b(define|meaning|definition|what does)\b/i.test(q);
       const hasConvert = /\b(to|in|°)\b/i.test(q) || /\b(c|f|cm|inch|kg|lb)\b/.test(q);
       const hasTime = /\b(time|datetime|date)\b/i.test(q);
       const hasWho = /\b(who is|who's|who’re)\b/i.test(q);
       const hasCalc = /[\d\+\-\*\/\^\(\)\.]/.test(q);
+      const hasHistory = /\b(history|historical)\b/i.test(q);
+      const hasScience = /\b(science|scientific)\b/i.test(q);
       if (q && !hasWeather) chips.push(q.replace(/\b(what is|what's)\b/i,'').trim() + ' weather');
       if (q && !hasDefine) chips.push('define ' + q.replace(/\b(define|meaning|definition|what does)\b/i,'').trim());
       if (q && !hasTime) chips.push('time in ' + q.replace(/\b(what is|what's|time in|date|datetime)\b/ig,'').trim());
       if (q && !hasWho) chips.push('who is ' + q.replace(/\b(who is|who's|who’re)\b/ig,'').trim());
       if (q && !hasCalc) chips.push(q.replace(/\b(calculate|compute|solve)\b/i,'').trim());
+      if (q && !hasHistory) chips.push(q + ' history');
+      if (q && !hasScience) chips.push(q + ' science');
       // de-dup
       const unique = [...new Set(chips)].filter(Boolean).slice(0,6);
       metaEl.className = 'meta';
       const badge = document.createElement('span');
       badge.className = 'badge';
+      badge.textContent = role === 'bot' ? (meta.badge || 'AI Assistant') : 'You';
       metaEl.appendChild(badge);
+      if (meta.source) {
+        const sourceEl = document.createElement('span');
+        sourceEl.className = `data-source-indicator ${meta.source.className || ''}`;
+        sourceEl.innerHTML = `${meta.source.icon || '📡'} ${meta.source.name}`;
+        metaEl.appendChild(sourceEl);
+      }
       if (meta.note){
         const note = document.createElement('span');
         note.textContent = meta.note;
         sources.className = 'sources';
         meta.sources.forEach(src => {
           const s = document.createElement('a');
+          s.className = `source ${src.multi ? 'multi' : ''}`;
           s.href = src.href;
           s.target = '_blank';
           s.rel = 'noopener noreferrer';
       metaEl.className = 'meta';
       const badge = document.createElement('span');
       badge.className = 'badge';
+      badge.textContent = 'AI Assistant';
       metaEl.appendChild(badge);
       const answer = document.createElement('div');
       answer.className = 'answer';
       if (t) t.remove();
     }
+    // CORS proxy list
     const CORS_PROXIES = [
       (target) => `https://cors.isomorphic-git.org/${target}`,
       (target) => `https://api.codetabs.com/v1/proxy?quest=${encodeURIComponent(target)}`,
       (target) => `https://corsproxy.io/?${encodeURIComponent(target)}`
     ];
     async function fetchWithCorsProxies(targetUrl, signal){
       let lastErr = null;
       for (const buildProxy of CORS_PROXIES){
           const res = await fetch(proxyUrl, { signal, headers: { 'Accept': 'application/json' } });
           if (!res.ok) throw new Error(`HTTP ${res.status}`);
           const contentType = res.headers.get('content-type') || '';
           if (!contentType.includes('application/json') && !contentType.includes('text/plain')) {
             throw new Error('Unexpected content-type: ' + contentType);
           }
           const text = await res.text();
           const data = JSON.parse(text);
           return data;
         }catch(err){
           lastErr = err;
         }
       }
       throw lastErr || new Error('All CORS proxies failed');
     }
+    // Data Source Classes
+    class DataSource {
+      constructor(name, icon, className) {
+        this.name = name;
+        this.icon = icon;
+        this.className = className;
+      }
+      async search(query, signal) { throw new Error('Not implemented'); }
     }
+    class DuckDuckGoSource extends DataSource {
+      constructor() {
+        super('DuckDuckGo', '🦆', 'ddg');
+      }
+      buildDDGUrl(query){
+        const url = new URL('https://api.duckduckgo.com/');
+        url.searchParams.set('q', query);
+        url.searchParams.set('format', 'json');
+        url.searchParams.set('no_html', '1');
+        url.searchParams.set('no_redirect', '1');
+        url.searchParams.set('skip_disambig', '1');
+        return url.toString();
       }
+      async search(query, signal) {
+        const targetUrl = this.buildDDGUrl(query);
+        const data = await fetchWithCorsProxies(targetUrl, signal);
+        const sources = [];
+        if (Array.isArray(data.Results)) {
+          data.Results.forEach(r => {
+            if (r && r.FirstURL && r.Text) sources.push({ href: r.FirstURL, label: new URL(r.FirstURL).hostname.replace('www.','') });
+          });
+        }
+        if (data.AbstractURL) sources.push({ href: data.AbstractURL, label: new URL(data.AbstractURL).hostname.replace('www.','') });
+        if (data.Answer && data.AnswerURL) sources.push({ href: data.AnswerURL, label: new URL(data.AnswerURL).hostname.replace('www.','') });
+        let primary = '';
+        let note = '';
+        if (data.Answer && data.Answer.trim()){
+          primary = data.Answer;
+          note = 'Instant Answer';
+        } else if (data.Definition && data.Definition.trim()){
+          primary = data.Definition;
+          note = data.DefinitionSource ? ('Definition • ' + data.DefinitionSource) : 'Definition';
+          if (data.DefinitionURL) sources.push({ href: data.DefinitionURL, label: new URL(data.DefinitionURL).hostname.replace('www.','') });
+        } else if (data.AbstractText && data.AbstractText.trim()){
+          primary = data.AbstractText;
+          note = data.Heading ? ('About: ' + data.Heading) : (data.AbstractSource ? data.AbstractSource : 'Abstract');
+        } else if (data.RelatedTopics && data.RelatedTopics.length){
+          const items = [];
+          for (const t of data.RelatedTopics){
+            if (t && t.Text && t.FirstURL) {
+              items.push(`<li><a href="${t.FirstURL}" target="_blank" rel="noopener noreferrer">${escapeHTML(t.Text)}</a></li>`);
+            } else if (Array.isArray(t.Topics)) {
+              for (const tt of t.Topics){
+                if (tt && tt.Text && tt.FirstURL) {
+                  items.push(`<li><a href="${tt.FirstURL}" target="_blank" rel="noopener noreferrer">${escapeHTML(tt.Text)}</a></li>`);
+                }
               }
             }
+            if (items.length >= 6) break;
+          }
+          if (items.length){
+            primary = `<p>Here are some related topics I found:</p><ul>${items.join('')}</ul>`;
+            note = 'Related topics';
           }
         }
+        return {
+          found: !!primary,
+          html: primary || `<p>No direct answer from DuckDuckGo.</p>`,
+          sources,
+          note,
+          raw: data
+        };
+      }
+    }
+    class WikipediaSource extends DataSource {
+      constructor() {
+        super('Wikipedia', '📚', 'wiki');
       }
+      async search(query, signal) {
+        try {
+          // Search for pages
+          const searchUrl = `https://en.wikipedia.org/api/rest_v1/page/summary/${encodeURIComponent(query)}`;
+          const data = await fetchWithCorsProxies(searchUrl, signal);
+          if (data.extract) {
+            const sources = [];
+            if (data.content_urls?.desktop?.page) {
+              sources.push({
+                href: data.content_urls.desktop.page,
+                label: 'Wikipedia Article',
+                multi: true
+              });
+            }
+            let html = `<p>${escapeHTML(data.extract)}</p>`;
+            if (data.extract_html) {
+              html = data.extract_html;
+            }
+            // Add thumbnail if available
+            if (data.thumbnail?.source) {
+              html = `<img src="${data.thumbnail.source}" alt="${escapeHTML(data.title || 'Image')}" style="max-width: 200px; border-radius: 8px; margin-bottom: 10px;" /><br/>${html}`;
+            }
+            return {
+              found: true,
+              html,
+              sources,
+              note: data.title ? `Wikipedia: ${data.title}` : 'Wikipedia Article',
+              raw: data
+            };
+          }
+          return { found: false, html: '<p>No Wikipedia article found.</p>', sources: [], note: 'Wikipedia', raw: data };
+        } catch (err) {
+          return { found: false, html: '<p>Error fetching Wikipedia data.</p>', sources: [], note: 'Wikipedia', raw: null };
         }
       }
     }
+    class WeatherSource extends DataSource {
+      constructor() {
+        super('Weather', '🌤️', 'weather');
       }
+      async search(query, signal) {
+        const cityMatch = query.match(/\b(?:weather\s+in|weather|temperature\s+in|forecast\s+in)\s+([a-zA-Z\s,]+)/i);
+        if (!cityMatch) {
+          return { found: false, html: '<p>No city specified for weather.</p>', sources: [], note: 'Weather API' };
+        }
+        const city = cityMatch[1].trim();
+        try {
+          // Using Open-Meteo API (free, no API key needed)
+          const geocodeUrl = `https://geocoding-api.open-meteo.com/v1/search?name=${encodeURIComponent(city)}&count=1&language=en&format=json`;
+          const geoData = await fetchWithCorsProxies(geocodeUrl, signal);
+          if (geoData.results && geoData.results.length > 0) {
+            const location = geoData.results[0];
+            const weatherUrl = `https://api.open-meteo.com/v1/forecast?latitude=${location.latitude}&longitude=${location.longitude}&current=temperature_2m,weather_code,wind_speed_10m&temperature_unit=celsius&wind_speed_unit=kmh`;
+            const weatherData = await fetchWithCorsProxies(weatherUrl, signal);
+            if (weatherData.current) {
+              const temp = weatherData.current.temperature_2m;
+              const weatherCode = weatherData.current.weather_code;
+              const windSpeed = weatherData.current.wind_speed_10m;
+              const weatherDescription = this.getWeatherDescription(weatherCode);
+              const sources = [
+                { href: `https://open-meteo.com/`, label: 'Open-Meteo API', multi: true }
+              ];
+              const html = `
+                <div class="search-results">
+                  <h4>Current Weather in ${escapeHTML(location.name)}, ${escapeHTML(location.country_code)}</h4>
+                  <p><strong>Temperature:</strong> ${temp}°C (${Math.round(temp * 9/5 + 32)}°F)</p>
+                  <p><strong>Conditions:</strong> ${weatherDescription}</p>
+                  <p><strong>Wind Speed:</strong> ${windSpeed} km/h</p>
+                </div>
+              `;
+              return {
+                found: true,
+                html,
+                sources,
+                note: `Weather in ${location.name}`,
+                raw: { location, weather: weatherData }
+              };
+            }
+          }
+          return { found: false, html: '<p>Could not find weather data for that location.</p>', sources: [], note: 'Weather API' };
+        } catch (err) {
+          return { found: false, html: '<p>Error fetching weather data.</p>', sources: [], note: 'Weather API' };
+        }
+      }
+      getWeatherDescription(code) {
+        const weatherCodes = {
+          0: "Clear sky",
+          1: "Mainly clear",
+          2: "Partly cloudy",
+          3: "Overcast",
+          45: "Fog",
+          48: "Depositing rime fog",
+          51: "Light drizzle",
+          53: "Moderate drizzle",
+          55: "Dense drizzle",
+          56: "Light freezing drizzle",
+          57: "Dense freezing drizzle",
+          61: "Slight rain",
+          63: "Moderate rain",
+          65: "Heavy rain",
+          66: "Light freezing rain",
+          67: "Heavy freezing rain",
+          71: "Slight snow fall",
+          73: "Moderate snow fall",
+          75: "Heavy snow fall",
+          77: "Snow grains",
+          80: "Slight rain showers",
+          81: "Moderate rain showers",
+          82: "Violent rain showers",
+          85: "Slight snow showers",
+          86: "Heavy snow showers",
+          95: "Slight thunderstorm",
+          96: "Thunderstorm with slight hail",
+          99: "Thunderstorm with heavy hail"
+        };
+        return weatherCodes[code] || "Unknown";
       }
     }
+    class CalculatorSource extends DataSource {
+      constructor() {
+        super('Calculator', '🧮', 'calc');
       }
+      async search(query, signal) {
+        // Simple math expression evaluation
+        const mathMatch = query.match(/([\d\+\-\*\/\^\(\)\.\s]+)/);
+        if (!mathMatch) {
+          return { found: false, html: '<p>No mathematical expression found.</p>', sources: [], note: 'Calculator' };
+        }
+        try {
+          // Simple and safe evaluation for basic math
+          const expression = mathMatch[1].replace(/\s/g, '');
+          // Basic validation to prevent code injection
+          if (!/^[\d\+\-\*\/\^\(\)\.]+$/.test(expression)) {
+            return { found: false, html: '<p>Invalid mathematical expression.</p>', sources: [], note: 'Calculator' };
+          }
+          // Very basic math evaluation (you might want to use a proper math library)
+          const result = this.safeEval(expression);
+          if (result !== null && result !== undefined) {
+            const html = `
+              <div class="search-results">
+                <h4>Calculation Result</h4>
+                <p><strong>Expression:</strong> <code>${escapeHTML(expression)}</code></p>
+                <p><strong>Result:</strong> <span style="font-size: 18px; color: var(--success);">${result}</span></p>
+              </div>
+            `;
+            return {
+              found: true,
+              html,
+              sources: [],
+              note: `Math Calculation`,
+              raw: { expression, result }
+            };
+          }
+          return { found: false, html: '<p>Could not evaluate the expression.</p>', sources: [], note: 'Calculator' };
+        } catch (err) {
+          return { found: false, html: '<p>Error evaluating mathematical expression.</p>', sources: [], note: 'Calculator' };
+        }
       }
+      safeEval(expression) {
+        try {
+          // This is a very basic evaluator. For production,