From 23ecac6afa60604763832f73fce860f079b2ad57 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Mon, 18 May 2026 23:14:22 -0400
Subject: [PATCH 01/26] Fixed mayber

---
 ollama_answers.py | 37 ++++++++++++++++++++++++-------------
 1 file changed, 24 insertions(+), 13 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 83ac20d..8547d29 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -876,8 +876,18 @@ FRONTEND_JS_TEMPLATE = r"""
     };
     const box = document.getElementById('sxng-stream-box');
     const data = document.getElementById('sxng-stream-data');
-    const wrapper = box.closest('.answer');
-    if (wrapper) wrapper.style.display = 'none';
+
+    // Hide native SearXNG answer entries that are siblings of our box
+    setTimeout(() => {
+        const parent = box ? box.parentElement : null;
+        if (parent) {
+            Array.from(parent.children).forEach(el => {
+                if (el !== box && el.classList.contains('answer')) {
+                    el.style.display = 'none';
+                }
+            });
+        }
+    }, 0);
     let restored = false;
     let isStreaming = false;
     
@@ -947,7 +957,6 @@ FRONTEND_JS_TEMPLATE = r"""
         isStreaming = true;
         try {
             const ctx = auxContext || conversation.originalContext;
-            if (wrapper) wrapper.style.display = '';
             box.style.display = 'block';
 
             const controller = new AbortController();
@@ -1002,6 +1011,11 @@ FRONTEND_JS_TEMPLATE = r"""
                 data.appendChild(cursor);
             }
 
+            const streamContainer = document.createElement('div');
+            streamContainer.className = 'sxng-stream-container';
+            if (cursor) cursor.before(streamContainer);
+            else data.appendChild(streamContainer);
+
             let buffer = '';
             let fullText = '';
             const flushBuffer = (force = false) => {
@@ -1009,8 +1023,7 @@ FRONTEND_JS_TEMPLATE = r"""
 
                 if (force) {
                     const fragment = renderCitations(buffer, urls);
-                    if (cursor) cursor.before(fragment);
-                    else data.appendChild(fragment);
+                    streamContainer.appendChild(fragment);
                     buffer = '';
                     return;
                 }
@@ -1025,12 +1038,12 @@ FRONTEND_JS_TEMPLATE = r"""
                         const s = document.createElement('span');
                         s.className = 'sxng-chunk';
                         s.textContent = preText;
-                        cursor.before(s);
+                        streamContainer.appendChild(s);
                     }
 
                     const citationText = match[0];
                     const fragment = renderCitations(citationText, urls);
-                    cursor.before(fragment);
+                    streamContainer.appendChild(fragment);
 
                     buffer = buffer.substring(match.index + match[0].length);
                 }
@@ -1041,7 +1054,7 @@ FRONTEND_JS_TEMPLATE = r"""
                         const s = document.createElement('span');
                         s.className = 'sxng-chunk';
                         s.textContent = buffer;
-                        cursor.before(s);
+                        streamContainer.appendChild(s);
                         buffer = '';
                     }
                 } else {
@@ -1050,7 +1063,7 @@ FRONTEND_JS_TEMPLATE = r"""
                         const s = document.createElement('span');
                         s.className = 'sxng-chunk';
                         s.textContent = safeChunk;
-                        cursor.before(s);
+                        streamContainer.appendChild(s);
                     }
                     buffer = buffer.substring(openIdx);
 
@@ -1058,7 +1071,7 @@ FRONTEND_JS_TEMPLATE = r"""
                         const s = document.createElement('span');
                         s.className = 'sxng-chunk';
                         s.textContent = buffer[0];
-                        cursor.before(s);
+                        streamContainer.appendChild(s);
                         buffer = buffer.substring(1);
                     }
                 }
@@ -1120,11 +1133,9 @@ FRONTEND_JS_TEMPLATE = r"""
                 }
             }
 
+            streamContainer.remove();
             if (cursor) cursor.remove();
 
-            // Remove only the streamed chunk spans added during this stream
-            Array.from(data.querySelectorAll('.sxng-chunk')).forEach(node => node.remove());
-
             const rendered = parseMarkdown(fullText.trim());
             const mdDiv = document.createElement('div');
             mdDiv.className = 'sxng-md-content';
-- 
2.52.0


From 4c749b825c3007ee7e9e3d24d686659dcdd46b68 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Mon, 18 May 2026 23:53:04 -0400
Subject: [PATCH 02/26] Fixing conversation history and couldn't figure out how
 to remove SearXNG info box so just adding a smart divider

---
 ollama_answers.py | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/ollama_answers.py b/ollama_answers.py
index 8547d29..a8b4da2 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -888,6 +888,24 @@ FRONTEND_JS_TEMPLATE = r"""
             });
         }
     }, 0);
+
+    setTimeout(() => {
+        const parent = box ? box.parentElement : null;
+        if (parent) {
+            // Check if any sibling answers are visible above us
+            const siblings = Array.from(parent.children);
+            const ourIndex = siblings.indexOf(box);
+            const hasVisibleSiblingAbove = siblings.slice(0, ourIndex).some(
+                el => el !== box && el.style.display !== 'none'
+            );
+            if (hasVisibleSiblingAbove) {
+                box.style.borderTop = '1px solid var(--color-result-border, #444)';
+                box.style.paddingTop = '1rem';
+                box.style.marginTop = '0.75rem';
+            }
+        }
+    }, 10);
+
     let restored = false;
     let isStreaming = false;
     
-- 
2.52.0


From 541d98f7f1acde069cfde37ba1bb2a6637945229 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Mon, 18 May 2026 23:56:23 -0400
Subject: [PATCH 03/26] Maybe working divider

---
 ollama_answers.py | 19 +------------------
 1 file changed, 1 insertion(+), 18 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index a8b4da2..3cba87b 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -889,23 +889,6 @@ FRONTEND_JS_TEMPLATE = r"""
         }
     }, 0);
 
-    setTimeout(() => {
-        const parent = box ? box.parentElement : null;
-        if (parent) {
-            // Check if any sibling answers are visible above us
-            const siblings = Array.from(parent.children);
-            const ourIndex = siblings.indexOf(box);
-            const hasVisibleSiblingAbove = siblings.slice(0, ourIndex).some(
-                el => el !== box && el.style.display !== 'none'
-            );
-            if (hasVisibleSiblingAbove) {
-                box.style.borderTop = '1px solid var(--color-result-border, #444)';
-                box.style.paddingTop = '1rem';
-                box.style.marginTop = '0.75rem';
-            }
-        }
-    }, 10);
-
     let restored = false;
     let isStreaming = false;
     
@@ -2057,7 +2040,7 @@ class SXNGPlugin(Plugin):
                 .replace("__JS_Q__", js_q)
 
             html_payload = f'''
-                <article id="sxng-stream-box" class="answer" style="display:none; margin-top: 0; margin-bottom: 0;">
+                <article id="sxng-stream-box" class="answer" style="display:none; margin-top: 1rem; margin-bottom: 0; border-top: 1px solid var(--color-result-border, #4c566a); padding-top: 1rem;">
                     <style>
                         @keyframes sxng-fade-pulse {{
                             0%, 100% {{ opacity: 0.1; }}
-- 
2.52.0


From e46c752aecb1f7bda7f34c4190c74fbaf6fbe2d8 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 00:02:29 -0400
Subject: [PATCH 04/26] Maybe working divider

---
 ollama_answers.py | 30 ++++++++++++++++++++----------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 3cba87b..e0e288a 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -877,17 +877,27 @@ FRONTEND_JS_TEMPLATE = r"""
     const box = document.getElementById('sxng-stream-box');
     const data = document.getElementById('sxng-stream-data');
 
-    // Hide native SearXNG answer entries that are siblings of our box
     setTimeout(() => {
-        const parent = box ? box.parentElement : null;
-        if (parent) {
-            Array.from(parent.children).forEach(el => {
-                if (el !== box && el.classList.contains('answer')) {
-                    el.style.display = 'none';
-                }
-            });
+        const ourWrapper = box ? box.closest('.answer') : null;
+        const answersDiv = document.getElementById('answers');
+        if (!ourWrapper || !answersDiv) return;
+
+        let hasVisibleAbove = false;
+        let found = false;
+        Array.from(answersDiv.children).forEach(el => {
+            if (el === ourWrapper) { found = true; return; }
+            if (!found && el.classList.contains('answer')) {
+                // This is a native answer sibling above us
+                hasVisibleAbove = true;
+            }
+        });
+
+        if (hasVisibleAbove) {
+            box.style.borderTop = '1px solid var(--color-result-border, #4c566a)';
+            box.style.paddingTop = '1rem';
+            box.style.marginTop = '0.75rem';
         }
-    }, 0);
+    }, 50);
 
     let restored = false;
     let isStreaming = false;
@@ -2040,7 +2050,7 @@ class SXNGPlugin(Plugin):
                 .replace("__JS_Q__", js_q)
 
             html_payload = f'''
-                <article id="sxng-stream-box" class="answer" style="display:none; margin-top: 1rem; margin-bottom: 0; border-top: 1px solid var(--color-result-border, #4c566a); padding-top: 1rem;">
+                <article id="sxng-stream-box" class="answer" style="display:none; margin-top: 0; margin-bottom: 0;">
                     <style>
                         @keyframes sxng-fade-pulse {{
                             0%, 100% {{ opacity: 0.1; }}
-- 
2.52.0


From 83494bb023fee481b8ec7fbfc888e86018a06b33 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 00:05:50 -0400
Subject: [PATCH 05/26] Reworking our injection

---
 ollama_answers.py | 40 +++++++++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index e0e288a..6328120 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -877,27 +877,33 @@ FRONTEND_JS_TEMPLATE = r"""
     const box = document.getElementById('sxng-stream-box');
     const data = document.getElementById('sxng-stream-data');
 
-    setTimeout(() => {
-        const ourWrapper = box ? box.closest('.answer') : null;
+    // Move AI Overview outside #answers, place it before #results
+    (function relocateBox() {
         const answersDiv = document.getElementById('answers');
-        if (!ourWrapper || !answersDiv) return;
+        const resultsDiv = document.getElementById('results') ||
+                           document.querySelector('.results') ||
+                           document.querySelector('#urls');
 
-        let hasVisibleAbove = false;
-        let found = false;
-        Array.from(answersDiv.children).forEach(el => {
-            if (el === ourWrapper) { found = true; return; }
-            if (!found && el.classList.contains('answer')) {
-                // This is a native answer sibling above us
-                hasVisibleAbove = true;
-            }
-        });
+        if (!box || !answersDiv) return;
 
-        if (hasVisibleAbove) {
-            box.style.borderTop = '1px solid var(--color-result-border, #4c566a)';
-            box.style.paddingTop = '1rem';
-            box.style.marginTop = '0.75rem';
+        // Create our own container
+        const aiContainer = document.createElement('div');
+        aiContainer.id = 'ai-answers';
+        aiContainer.style.cssText = 'margin-bottom: 1rem;';
+
+        // Move our box into the new container
+        aiContainer.appendChild(box);
+
+        // Insert before results, or before #answers if no results found
+        if (resultsDiv) {
+            resultsDiv.parentNode.insertBefore(aiContainer, resultsDiv);
+        } else {
+            answersDiv.parentNode.insertBefore(aiContainer, answersDiv);
         }
-    }, 50);
+
+        // Hide #answers entirely since our box is now elsewhere
+        answersDiv.style.display = 'none';
+    })();
 
     let restored = false;
     let isStreaming = false;
-- 
2.52.0


From 78941479db938e9c13e825f61138d2266305600b Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 01:49:18 -0400
Subject: [PATCH 06/26] Reworking css

---
 ollama_answers.py | 108 ++++++++++++++++++++++++----------------------
 1 file changed, 57 insertions(+), 51 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 6328120..d38e940 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -335,9 +335,9 @@ INTERACTIVE_CSS = '''
                             opacity: 0.55;
                             animation: sxng-fade-in-up 0.3s ease-out forwards;
                         }
-                        .sxng-input-wrapper:focus-within { 
-                            opacity: 1; 
-                            color: var(--color-result-link, #5e81ac); 
+                        .sxng-input-wrapper:focus-within {
+                            opacity: 1;
+                            color: var(--color-result-link, #5e81ac);
                             background: var(--color-base-background-hover, rgba(0,0,0,0.05)) !important;
                         }
                         .sxng-model-select {
@@ -507,7 +507,7 @@ CITATION_HELPER_JS = r'''
                             const re = /\[(\d{1,2}(?:\s*,\s*\d{1,2})*)\]/g;
                             let lastIdx = 0;
                             const matches = [...text.matchAll(re)];
-                            
+
                             matches.forEach(match => {
                                 if (match.index > lastIdx) {
                                     const s = document.createElement('span');
@@ -542,7 +542,7 @@ CITATION_HELPER_JS = r'''
                                 });
                                 lastIdx = match.index + match[0].length;
                             });
-                            
+
                             if (lastIdx < text.length) {
                                 const s = document.createElement('span');
                                 s.className = 'sxng-chunk';
@@ -636,13 +636,13 @@ INTERACTIVE_JS = r'''
                                     }
                                     return btoa(bin);
                                 };
-                                
+
                                 let b64 = encodeB64(state);
                                 while (b64.length > 2000 && state.t.length > 2) {
                                     state.t.splice(1, 2); // Delete in Q&A pairs
                                     b64 = encodeB64(state);
                                 }
-                                
+
                                 history.replaceState(null, null, '#ai=' + b64);
                             } catch(e) {}
                         };
@@ -658,17 +658,17 @@ INTERACTIVE_JS = r'''
                                     if (state.u && Array.isArray(state.u)) {
                                         urls = state.u;
                                     }
-                                    
+
                                     conversation.turns = state.t.map(t => ({
                                         role: t.r === 'u' ? 'user' : 'assistant',
                                         content: t.c.trim(),
                                         ts: 0
                                     }));
-                                    
+
                                     const injectCitations = (text) => {
                                         return renderCitations(text, urls);
                                     };
-                                    
+
                                     data.innerHTML = '';
                                     conversation.turns.forEach((turn, i) => {
                                         if (turn.role === 'user') {
@@ -756,10 +756,10 @@ INTERACTIVE_JS = r'''
                         const handleAction = async (e) => {
                             if (e) e.preventDefault();
                             const val = input.value.trim();
-                            
+
                             conversation.turns.push({role: 'user', content: val, ts: Date.now()});
                             updateState();
-                            
+
                             const currentText = conversation.turns.slice(0, -1).slice(-6)
                                 .map(t => (t.role === 'user' ? 'Q' : 'A') + ': ' + t.content)
                                 .join('\\n\\n');
@@ -782,7 +782,7 @@ INTERACTIVE_JS = r'''
                                 const newCursor = document.createElement('span');
                                 newCursor.className = 'sxng-cursor';
                                 data.appendChild(newCursor);
-                                
+
                                 const synthesized = synthesizeQuery(q_init, val);
                                 let auxContext = null;
                                 try {
@@ -799,7 +799,7 @@ INTERACTIVE_JS = r'''
                                         }
                                     }
                                 } catch (err) {}
-                                
+
                                 await startStream(val, currentText, auxContext);
                                 updateState();
                             } else {
@@ -880,23 +880,29 @@ FRONTEND_JS_TEMPLATE = r"""
     // Move AI Overview outside #answers, place it before #results
     (function relocateBox() {
         const answersDiv = document.getElementById('answers');
-        const resultsDiv = document.getElementById('results') ||
-                           document.querySelector('.results') ||
-                           document.querySelector('#urls');
 
         if (!box || !answersDiv) return;
 
         // Create our own container
         const aiContainer = document.createElement('div');
         aiContainer.id = 'ai-answers';
-        aiContainer.style.cssText = 'margin-bottom: 1rem;';
+        aiContainer.style.cssText = [
+            'background: var(--color-answer-background)',
+            'padding: 1rem',
+            'margin: 0 0 1rem 0',
+            'color: var(--color-answer-font)',
+            'border-radius: 8px',
+            'box-sizing: border-box',
+            'width: 100%'
+        ].join('; ');
 
         // Move our box into the new container
         aiContainer.appendChild(box);
 
-        // Insert before results, or before #answers if no results found
-        if (resultsDiv) {
-            resultsDiv.parentNode.insertBefore(aiContainer, resultsDiv);
+        const resultsGrid = document.getElementById('results');
+        if (resultsGrid) {
+            // Insert as first child of #results grid so grid-area:answers applies
+            resultsGrid.insertBefore(aiContainer, resultsGrid.firstChild);
         } else {
             answersDiv.parentNode.insertBefore(aiContainer, answersDiv);
         }
@@ -907,7 +913,7 @@ FRONTEND_JS_TEMPLATE = r"""
 
     let restored = false;
     let isStreaming = false;
-    
+
     __CITATION_HELPER_JS__
 
     (function applyIntentBadge() {
@@ -970,7 +976,7 @@ FRONTEND_JS_TEMPLATE = r"""
             console.warn('[AI Answers] Stream already in progress, ignoring duplicate call');
             return;
         }
-        
+
         isStreaming = true;
         try {
             const ctx = auxContext || conversation.originalContext;
@@ -1179,13 +1185,13 @@ FRONTEND_JS_TEMPLATE = r"""
             console.error('[AI Answers] Fatal stream exception:', e);
             const errSpan = document.createElement('span');
             errSpan.style.cssText = 'color: #bf616a; font-weight: bold; display: block; margin-top: 0.5rem;';
-            
+
             if (e.name === 'AbortError') {
                 errSpan.textContent = "⚠️ Connection to AI provider timed out.";
             } else {
                 errSpan.textContent = "⚠️ AI Widget encountered a fatal error. Check browser console.";
             }
-            
+
             if (data) {
                 const cursor = data.querySelector('.sxng-cursor');
                 if (cursor) cursor.remove();
@@ -1407,7 +1413,7 @@ class SXNGPlugin(Plugin):
                 'content': str(ib.get('content') or '')[:2000],
                 'attributes': ib.get('attributes', [])
             })
-            
+
         answers = []
         for a in list(raw_answers)[:2]:
             ans_text = ""
@@ -1417,7 +1423,7 @@ class SXNGPlugin(Plugin):
                 ans_text = str(a['answer'])
             if ans_text and 'id="sxng-stream-box"' not in ans_text and not ans_text.strip().startswith('<'):
                 answers.append(ans_text)
-                   
+
         return results, infoboxes, answers
 
     def init(self, app):
@@ -1425,10 +1431,10 @@ class SXNGPlugin(Plugin):
         def ai_auxiliary_search():
             if not self.api_key:
                 abort(403)
-            
+
             data = request.json or {}
             token = data.get('tk', '')
-            
+
             # Token access control
             try:
                 ts, sig = token.rsplit('.', 1)
@@ -1448,13 +1454,13 @@ class SXNGPlugin(Plugin):
             offset = data.get('offset', 0)
             if not query:
                 return jsonify({'results': []})
-            
+
             try:
                 from searx.search import SearchWithPlugins
                 from searx.search.models import SearchQuery
                 from searx.query import RawTextQuery
                 from searx.webadapter import get_engineref_from_category_list
-                
+
                 preferences = getattr(request, 'preferences', None)
                 disabled_engines = preferences.engines.get_disabled() if preferences else []
                 rtq = RawTextQuery(query, disabled_engines)
@@ -1462,7 +1468,7 @@ class SXNGPlugin(Plugin):
                     category_list = [c.strip() for c in categories.split(',') if c.strip()]
                 else:
                     category_list = categories or ['general']
-                
+
                 enginerefs = get_engineref_from_category_list(category_list, disabled_engines)
                 sq = SearchQuery(
                     query=rtq.getQuery(),
@@ -1472,19 +1478,19 @@ class SXNGPlugin(Plugin):
                 )
                 search_obj = SearchWithPlugins(sq, request, user_plugins=[])
                 result_container = search_obj.search()
-                
+
                 raw_results = result_container.get_ordered_results()
                 raw_infoboxes = getattr(result_container, 'infoboxes', [])
                 raw_answers = getattr(result_container, 'answers', [])
-                
+
                 results, infoboxes, answers = self._parse_aux_results(raw_results, raw_infoboxes, raw_answers)
-                
+
                 context_str, new_urls = self._assemble_context(results, infoboxes, answers, offset)
 
                 return jsonify({
                     'context': context_str,
                     'new_urls': new_urls,
-                    'results': results, 
+                    'results': results,
                     'infoboxes': infoboxes,
                     'answers': answers,
                     'query': query
@@ -1904,12 +1910,12 @@ class SXNGPlugin(Plugin):
         """Builds context string from normalized search data. Returns (context_str, urls)."""
         context_parts = []
         result_urls = []
-        
+
         knowledge_graph_lines = []
         for ib in infoboxes:
             ib_name = ib.get('name', '') or ib.get('infobox', '') or ib.get('title', '')
             ib_content = str(ib.get('content', '')).replace('\n', ' ').strip()
-            
+
             if ib_name:
                 parts = [f"INFOBOX [{ib_name}]:"]
                 if ib_content:
@@ -1919,16 +1925,16 @@ class SXNGPlugin(Plugin):
                     attr_value = attr.get('value', '')
                     if attr_label and attr_value:
                         parts.append(f"  {attr_label}: {attr_value}")
-                
+
                 knowledge_graph_lines.append(" ".join(parts) if len(parts) == 2 else "\n".join(parts))
 
         for ans_text in answers:
             if ans_text and not str(ans_text).startswith('<'):
                 knowledge_graph_lines.append(f"ANSWER: {str(ans_text)[:300]}")
-        
+
         if knowledge_graph_lines:
             context_parts.append("KNOWLEDGE GRAPH:\n" + "\n".join(knowledge_graph_lines))
-        
+
         deep_lines = []
         for i, r in enumerate(clean_results[:self.context_deep_count]):
             url = r.get('url', '')
@@ -1944,10 +1950,10 @@ class SXNGPlugin(Plugin):
                 logger.debug(f"{PLUGIN_NAME}: falling back to snippet for [{idx}] {domain}")
                 content = str(r.get('content', '')).replace('\n', ' ').strip()[:800]
                 deep_lines.append(f"[{idx}] {domain}{date_str}: {title}: {content}")
-        
+
         if deep_lines:
             context_parts.append("DEEP SOURCES:\n" + "\n".join(deep_lines))
-            
+
         if self.context_shallow_count > 0:
             shallow_lines = []
             start_idx = self.context_deep_count
@@ -1959,10 +1965,10 @@ class SXNGPlugin(Plugin):
                 title = r.get('title', '').replace('\n', ' ').strip()[:60]
                 idx = i + 1 + start_idx + offset
                 shallow_lines.append(f"[{idx}] {domain}: {title}")
-            
+
             if shallow_lines:
                 context_parts.append("SHALLOW SOURCES (headlines):\n" + "\n".join(shallow_lines))
-        
+
         return "\n\n".join(context_parts), result_urls
 
     def post_search(self, request: "SXNG_Request", search: "SearchWithPlugins") -> EngineResults:
@@ -1986,7 +1992,7 @@ class SXNGPlugin(Plugin):
             raw_results = search.result_container.get_ordered_results()
             raw_infoboxes = getattr(search.result_container, 'infoboxes', [])
             raw_answers = getattr(search.result_container, 'answers', [])
-            
+
             q_clean = search.search_query.query.strip()
             clean_results, infoboxes, answers = self._parse_aux_results(raw_results, raw_infoboxes, raw_answers)
             clean_results = self._enrich_results(clean_results, q_clean)
@@ -2009,12 +2015,12 @@ class SXNGPlugin(Plugin):
 
             detected_intent = _detect_intent(q_clean)
             js_intent = safe_json(detected_intent)
-            
+
             b64_context = base64.b64encode(context_str.encode('utf-8')).decode('utf-8')
             total_context_count = self.context_deep_count + self.context_shallow_count
-            
+
             raw_urls = [r.get('url', '') for r in clean_results[:total_context_count]]
-            
+
             js_q = safe_json(q_clean)
             js_lang = safe_json(lang)
             js_urls = safe_json(raw_urls)
@@ -2056,7 +2062,7 @@ class SXNGPlugin(Plugin):
                 .replace("__JS_Q__", js_q)
 
             html_payload = f'''
-                <article id="sxng-stream-box" class="answer" style="display:none; margin-top: 0; margin-bottom: 0;">
+                <article id="sxng-stream-box" class="answer" style="display:none; margin: 0; padding: 0;">
                     <style>
                         @keyframes sxng-fade-pulse {{
                             0%, 100% {{ opacity: 0.1; }}
@@ -2120,4 +2126,4 @@ class SXNGPlugin(Plugin):
             search.result_container.answers.add(results.types.Answer(answer=Markup(html_payload)))
         except Exception as e:
             logger.error(f"{PLUGIN_NAME}: {e}")
-        return results
\ No newline at end of file
+        return results
-- 
2.52.0


From 8e7752c2de6be012a7aaed7b7af6fa7fdfe31f71 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:07:01 -0400
Subject: [PATCH 07/26] Updated Issues in README

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 1f7fd14..71bc7c8 100644
--- a/README.md
+++ b/README.md
@@ -104,9 +104,9 @@ Configure via environment variables.
 
 ## Known Issues
 
-- [ ] When asking a follow up question the previous output disappears
+- [x] When asking a follow up question the previous output disappears
 - [ ] Parts of the UI are not theme aware resulting in a unpolished look when not using a dark theme
-- [ ] When SearXNG provides a info blob for a search it appears on top of the overview i.e. `Wikipedia` or `Linux` 
+- [x] When SearXNG provides a info blob for a search it appears on top of the overview i.e. `Wikipedia` or `Linux` 
 
 For any issues not stated here please create an issue ticket on [Gitea](https://git.tysstech.com/TySS-Dev/ollama-ai-answers-searxng/issues) or [GitHub](https://github.com/TySP-Dev/ollama-ai-answers-searxng/issues) and add the `bug` tag.
 
-- 
2.52.0


From 9e784c8b8b881127010ae8f46ad3123cd30d1a20 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:07:25 -0400
Subject: [PATCH 08/26] Attempting to make elements theme aware

---
 ollama_answers.py | 58 +++++++++++++++++++++++++++++++----------------
 1 file changed, 38 insertions(+), 20 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index d38e940..19c65cf 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -344,7 +344,7 @@ INTERACTIVE_CSS = '''
                             appearance: none;
                             -webkit-appearance: none;
                             background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%20fill%3D%22%23aaa%22%3E%0A%3Cpolygon%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") calc(100% + 2rem) / 1rem no-repeat content-box border-box;
-                            background-color: #424247;
+                            background-color: var(--color-toolkit-select-background, #424247);
                             text-overflow: ellipsis;
                             border-width: 0 2rem 0 0;
                             border-color: transparent;
@@ -361,7 +361,7 @@ INTERACTIVE_CSS = '''
                             vertical-align: middle;
                         }
                         .sxng-model-select:hover {
-                            background-color: #303033;
+                            background-color: var(--color-result-hover, #303033);
                             color: var(--color-search-url, #bbb);
                         }
                         .sxng-reasoning {
@@ -600,23 +600,6 @@ INTERACTIVE_JS = r'''
                                 _ms.appendChild(_o);
                             }
                         }
-                        if (window.getComputedStyle && box) {
-                            try {
-                                const docStyles = getComputedStyle(document.documentElement);
-                                let accent = docStyles.getPropertyValue('--color-result-link').trim();
-                                if (!accent) {
-                                    const a = document.createElement('a');
-                                    document.body.appendChild(a);
-                                    accent = getComputedStyle(a).color;
-                                    document.body.removeChild(a);
-                                }
-                                if (accent) {
-                                    box.style.setProperty('--color-result-link', accent);
-                                    box.style.setProperty('--sxng-ai-accent', accent);
-                                }
-                            } catch(e) {}
-                        }
-
                         // conversation saved as base64 URL fragment.
                         const updateState = () => {
                             try {
@@ -877,6 +860,41 @@ FRONTEND_JS_TEMPLATE = r"""
     const box = document.getElementById('sxng-stream-box');
     const data = document.getElementById('sxng-stream-data');
 
+    (function applyTheme() {
+        try {
+            const root = document.documentElement;
+            const s = getComputedStyle(root);
+            const get = (v, fallback) => s.getPropertyValue(v).trim() || fallback;
+
+            const theme = {
+                '--color-answer-background': get('--color-answer-background', '#313338'),
+                '--color-answer-font':       get('--color-answer-font', '#fff'),
+                '--color-result-link':       get('--color-result-link', '#8aacf7'),
+                '--color-base-font':         get('--color-base-font', '#cdd6f4'),
+                '--color-sidebar-bg':        get('--color-sidebar-bg', '#424247'),
+                '--color-result-hover':      get('--color-result-hover', '#303033'),
+                '--color-base-background':   get('--color-base-background', '#2a2a2e'),
+                '--color-search-font':       get('--color-search-font', '#bbb'),
+                '--color-result-border':     get('--color-result-border', '#4c566a'),
+                '--color-result-description':get('--color-result-description', '#d8dee9'),
+                '--color-toolkit-select-background': get('--color-toolkit-select-background', '#313338'),
+            };
+
+            // Apply to box and any ai-answers container
+            const targets = [box, document.getElementById('ai-answers')].filter(Boolean);
+            targets.forEach(el => {
+                Object.entries(theme).forEach(([k, v]) => {
+                    if (v) el.style.setProperty(k, v);
+                });
+            });
+
+            // Also apply to document root so our CSS vars cascade
+            Object.entries(theme).forEach(([k, v]) => {
+                if (v) box.style.setProperty(k, v);
+            });
+        } catch(e) {}
+    })();
+
     // Move AI Overview outside #answers, place it before #results
     (function relocateBox() {
         const answersDiv = document.getElementById('answers');
@@ -2112,7 +2130,7 @@ class SXNGPlugin(Plugin):
                     </style>
                     <div class="sxng-ai-header">
                         <span class="sxng-ai-label">
-                            <span style="color:#4a9eff;font-size:1.1em;">✦</span> AI Overview
+                            <span style="color:var(--color-result-link, #4a9eff);font-size:1.1em;">✦</span> AI Overview
                         </span>
                         <select id="sxng-model-select" class="sxng-model-select" title="Select model"></select>
                     </div>
-- 
2.52.0


From ce42f9a652cd96b8a8f94778d6a117e9d6bc7e72 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:12:18 -0400
Subject: [PATCH 09/26] Attempting to make elements theme aware

---
 ollama_answers.py | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 19c65cf..5f21e53 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -278,15 +278,15 @@ INTERACTIVE_CSS = '''
                             padding: 0;
                             border: none;
                             border-radius: 4px;
-                            background: var(--color-sidebar-bg, #424247);
-                            color: var(--color-search-url, #bbb);
+                            background: var(--color-sidebar-bg, transparent);
+                            color: var(--color-search-font, inherit);
                             cursor: pointer;
                             vertical-align: middle;
                             line-height: 1.4;
                         }
                         .sxng-btn:hover {
-                            background: var(--color-search-url, #303033);
-                            color: var(--color-sidebar-bg, #bbb);
+                            background: var(--color-result-hover, transparent);
+                            color: var(--color-sidebar-bg, inherit);
                         }
                         .sxng-btn svg { width: 18px; height: 18px; fill: currentColor; }
                         .sxng-input-wrapper {
@@ -300,9 +300,9 @@ INTERACTIVE_CSS = '''
                         .sxng-input {
                             width: 100%;
                             height: -webkit-fill-available;
-                            background: var(--color-sidebar-bg, #424247);
+                            background: var(--color-sidebar-bg, transparent);
                             border: none;
-                            color: var(--color-base-font, #cdd6f4);
+                            color: var(--color-base-font, inherit);
                             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
                             font-size: 0.78em;
                             padding: 3px 8px;
@@ -311,7 +311,7 @@ INTERACTIVE_CSS = '''
                             vertical-align: middle;
                         }
                         .sxng-input:focus { outline: none; }
-                        .sxng-input::placeholder { color: var(--color-base-font, #333); opacity: 0.35; }
+                        .sxng-input::placeholder { color: var(--color-base-font, inherit); opacity: 0.35; }
                         .sxng-input-line {
                             position: absolute;
                             bottom: 0;
@@ -344,14 +344,14 @@ INTERACTIVE_CSS = '''
                             appearance: none;
                             -webkit-appearance: none;
                             background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%20fill%3D%22%23aaa%22%3E%0A%3Cpolygon%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") calc(100% + 2rem) / 1rem no-repeat content-box border-box;
-                            background-color: var(--color-toolkit-select-background, #424247);
+                            background-color: var(--color-toolkit-select-background, transparent);
                             text-overflow: ellipsis;
                             border-width: 0 2rem 0 0;
                             border-color: transparent;
                             border-radius: 5px;
                             outline: none;
                             height: 25px;
-                            color: var(--color-search-url, #bbb);
+                            color: var(--color-search-font, inherit);
                             font-size: .9rem;
                             padding: 1px 10px 1px 10px !important;
                             margin: 0;
@@ -406,7 +406,7 @@ INTERACTIVE_CSS = '''
                         .sxng-prior-answer {
                             margin: 0.25rem 0;
                             padding-left: 0.5rem;
-                            color: var(--color-base-font, #cdd6f4);
+                            color: var(--color-base-font, inherit);
                         }
                         .sxng-md-content {
                             line-height: 1.6;
@@ -904,11 +904,13 @@ FRONTEND_JS_TEMPLATE = r"""
         // Create our own container
         const aiContainer = document.createElement('div');
         aiContainer.id = 'ai-answers';
+        const rootStyle = getComputedStyle(document.documentElement);
+        const getVar = (v, fb) => rootStyle.getPropertyValue(v).trim() || fb;
         aiContainer.style.cssText = [
-            'background: var(--color-answer-background)',
+            `background: ${getVar('--color-answer-background', 'var(--color-answer-background, #313338)')}`,
             'padding: 1rem',
             'margin: 0 0 1rem 0',
-            'color: var(--color-answer-font)',
+            `color: ${getVar('--color-answer-font', 'var(--color-answer-font, #fff)')}`,
             'border-radius: 8px',
             'box-sizing: border-box',
             'width: 100%'
@@ -2134,7 +2136,7 @@ class SXNGPlugin(Plugin):
                         </span>
                         <select id="sxng-model-select" class="sxng-model-select" title="Select model"></select>
                     </div>
-                    <p id="sxng-stream-data" style="white-space: pre-wrap; color: var(--color-result-description); font-size: 0.95rem; margin:0;"><span class="sxng-cursor"></span></p>
+                    <p id="sxng-stream-data" style="white-space: pre-wrap; color: var(--color-answer-font, var(--color-result-description, inherit)); font-size: 0.95rem; margin:0;"><span class="sxng-cursor"></span></p>
                     {interactive_html}
                     <script>
                     {js_code}
-- 
2.52.0


From 08d4915d4ac9cd62ab5e0470385e7793a37da0ad Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:16:12 -0400
Subject: [PATCH 10/26] Attempting to make elements theme aware

---
 ollama_answers.py | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 5f21e53..d4f9e47 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -276,17 +276,17 @@ INTERACTIVE_CSS = '''
                             width: 32px;
                             height: 32px;
                             padding: 0;
-                            border: none;
+                            border: 1px solid var(--color-result-border, rgba(0,0,0,0.1));
                             border-radius: 4px;
-                            background: var(--color-sidebar-bg, transparent);
-                            color: var(--color-search-font, inherit);
+                            background: var(--color-base-background-hover, rgba(0,0,0,0.06));
+                            color: var(--color-base-font, inherit);
                             cursor: pointer;
                             vertical-align: middle;
                             line-height: 1.4;
                         }
                         .sxng-btn:hover {
-                            background: var(--color-result-hover, transparent);
-                            color: var(--color-sidebar-bg, inherit);
+                            background: var(--color-result-border, rgba(0,0,0,0.15));
+                            color: var(--color-base-font, inherit);
                         }
                         .sxng-btn svg { width: 18px; height: 18px; fill: currentColor; }
                         .sxng-input-wrapper {
@@ -300,8 +300,8 @@ INTERACTIVE_CSS = '''
                         .sxng-input {
                             width: 100%;
                             height: -webkit-fill-available;
-                            background: var(--color-sidebar-bg, transparent);
-                            border: none;
+                            background: var(--color-base-background-hover, rgba(0,0,0,0.06));
+                            border: 1px solid var(--color-result-border, rgba(0,0,0,0.15));
                             color: var(--color-base-font, inherit);
                             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
                             font-size: 0.78em;
@@ -311,7 +311,7 @@ INTERACTIVE_CSS = '''
                             vertical-align: middle;
                         }
                         .sxng-input:focus { outline: none; }
-                        .sxng-input::placeholder { color: var(--color-base-font, inherit); opacity: 0.35; }
+                        .sxng-input::placeholder { color: var(--color-base-font, inherit); opacity: 0.4; }
                         .sxng-input-line {
                             position: absolute;
                             bottom: 0;
@@ -344,14 +344,15 @@ INTERACTIVE_CSS = '''
                             appearance: none;
                             -webkit-appearance: none;
                             background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%20fill%3D%22%23aaa%22%3E%0A%3Cpolygon%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") calc(100% + 2rem) / 1rem no-repeat content-box border-box;
-                            background-color: var(--color-toolkit-select-background, transparent);
+                            background-color: var(--color-base-background-hover, rgba(0,0,0,0.06));
                             text-overflow: ellipsis;
-                            border-width: 0 2rem 0 0;
-                            border-color: transparent;
+                            border: 1px solid var(--color-result-border, rgba(0,0,0,0.1));
+                            border-right-width: 2rem;
+                            border-right-color: transparent;
                             border-radius: 5px;
                             outline: none;
                             height: 25px;
-                            color: var(--color-search-font, inherit);
+                            color: var(--color-base-font, inherit);
                             font-size: .9rem;
                             padding: 1px 10px 1px 10px !important;
                             margin: 0;
@@ -361,8 +362,7 @@ INTERACTIVE_CSS = '''
                             vertical-align: middle;
                         }
                         .sxng-model-select:hover {
-                            background-color: var(--color-result-hover, #303033);
-                            color: var(--color-search-url, #bbb);
+                            background-color: var(--color-result-border, rgba(0,0,0,0.15));
                         }
                         .sxng-reasoning {
                             margin: 0.5rem 0; padding: 0.5rem;
-- 
2.52.0


From ff3b75d129c07ed90c614070783c08b711d4534d Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:20:49 -0400
Subject: [PATCH 11/26] Attempting to make elements theme aware

---
 ollama_answers.py | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index d4f9e47..702efb2 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -385,7 +385,8 @@ INTERACTIVE_CSS = '''
                             font-size: 0.75em;
                             color: var(--color-result-link, #5e81ac);
                             text-decoration: none;
-                            opacity: 0.75;
+                            opacity: 1;
+                            font-weight: 600;
                         }
                         .sxng-citation-item a:hover {
                             opacity: 1;
@@ -395,13 +396,13 @@ INTERACTIVE_CSS = '''
                             margin-bottom: 0.75rem;
                             padding: 0.5rem;
                             border-left: 2px solid var(--color-result-link, #5e81ac);
-                            opacity: 0.6;
+                            opacity: 0.85;
                             font-size: 0.85em;
                         }
                         .sxng-prior-history summary {
                             cursor: pointer;
                             color: var(--color-result-link, #5e81ac);
-                            font-weight: 600;
+                            font-weight: 700;
                         }
                         .sxng-prior-answer {
                             margin: 0.25rem 0;
-- 
2.52.0


From f66264b92a059875b01a1850b1b3e5876423a304 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:23:26 -0400
Subject: [PATCH 12/26] Attempting to make elements theme aware

---
 ollama_answers.py | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 702efb2..6408d7b 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -907,8 +907,19 @@ FRONTEND_JS_TEMPLATE = r"""
         aiContainer.id = 'ai-answers';
         const rootStyle = getComputedStyle(document.documentElement);
         const getVar = (v, fb) => rootStyle.getPropertyValue(v).trim() || fb;
+        const bg = getVar('--color-answer-background', '');
+        const answerFont = getVar('--color-answer-font', '');
+        // Detect light mode by checking if answer font is dark
+        const isLight = answerFont && (answerFont.includes('0,0,0') ||
+            answerFont.includes('#000') || answerFont.includes('#333') ||
+            answerFont.includes('#444') || answerFont.includes('rgb(0') ||
+            answerFont.includes('rgb(3') || answerFont.includes('rgb(4') ||
+            answerFont.includes('rgb(5') || answerFont.includes('rgb(6'));
+        const containerBg = isLight
+            ? 'rgba(0,0,0,0.06)'
+            : (bg || 'var(--color-answer-background, #313338)');
         aiContainer.style.cssText = [
-            `background: ${getVar('--color-answer-background', 'var(--color-answer-background, #313338)')}`,
+            `background: ${containerBg}`,
             'padding: 1rem',
             'margin: 0 0 1rem 0',
             `color: ${getVar('--color-answer-font', 'var(--color-answer-font, #fff)')}`,
-- 
2.52.0


From 378a485ba7fb112bcc4ceafa8fa1b46802ecbfab Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:32:53 -0400
Subject: [PATCH 13/26] Adding a animation around the input box

---
 ollama_answers.py | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/ollama_answers.py b/ollama_answers.py
index 6408d7b..62f7bfa 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -340,6 +340,47 @@ INTERACTIVE_CSS = '''
                             color: var(--color-result-link, #5e81ac);
                             background: var(--color-base-background-hover, rgba(0,0,0,0.05)) !important;
                         }
+                        .sxng-input-wrapper {
+                            position: relative;
+                            overflow: hidden;
+                            border-radius: 4px;
+                        }
+                        .sxng-input-wrapper::before {
+                            content: "";
+                            display: block;
+                            background: linear-gradient(
+                                90deg,
+                                var(--color-result-link, #4a9eff) 0%,
+                                hsla(210, 100%, 80%, 0.6) 50%,
+                                var(--color-result-link, #4a9eff) 100%
+                            );
+                            height: 200px;
+                            width: 200px;
+                            position: absolute;
+                            animation: sxng-border-rotate 4s linear infinite;
+                            z-index: 0;
+                            opacity: 0;
+                            transition: opacity 0.3s ease;
+                            top: 50%;
+                            left: 50%;
+                            transform-origin: center center;
+                            margin-top: -100px;
+                            margin-left: -100px;
+                        }
+                        .sxng-input-wrapper:focus-within::before {
+                            opacity: 1;
+                        }
+                        @keyframes sxng-border-rotate {
+                            from { transform: rotate(0deg); }
+                            to { transform: rotate(360deg); }
+                        }
+                        .sxng-input {
+                            position: relative;
+                            z-index: 1;
+                            margin: 1px;
+                            width: calc(100% - 2px);
+                            border-radius: 3px;
+                        }
                         .sxng-model-select {
                             appearance: none;
                             -webkit-appearance: none;
-- 
2.52.0


From 64aa62f5e0da0153687a08f5dc394c4703abd45f Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:35:05 -0400
Subject: [PATCH 14/26] Fixing a animation around the input box

---
 ollama_answers.py | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 62f7bfa..c82c897 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -296,6 +296,8 @@ INTERACTIVE_CSS = '''
                             align-items: center;
                             margin: 0 0.5rem;
                             position: relative;
+                            overflow: hidden;
+                            border-radius: 4px;
                         }
                         .sxng-input {
                             width: 100%;
@@ -340,11 +342,6 @@ INTERACTIVE_CSS = '''
                             color: var(--color-result-link, #5e81ac);
                             background: var(--color-base-background-hover, rgba(0,0,0,0.05)) !important;
                         }
-                        .sxng-input-wrapper {
-                            position: relative;
-                            overflow: hidden;
-                            border-radius: 4px;
-                        }
                         .sxng-input-wrapper::before {
                             content: "";
                             display: block;
-- 
2.52.0


From 2a5a501a96ca78e98f47dfdab6f65d15fa99778c Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:39:00 -0400
Subject: [PATCH 15/26] Fixing a animation around the input box

---
 ollama_answers.py | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index c82c897..daca711 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -298,6 +298,7 @@ INTERACTIVE_CSS = '''
                             position: relative;
                             overflow: hidden;
                             border-radius: 4px;
+                            background: var(--color-result-border, rgba(0,0,0,0.15));
                         }
                         .sxng-input {
                             width: 100%;
@@ -345,24 +346,24 @@ INTERACTIVE_CSS = '''
                         .sxng-input-wrapper::before {
                             content: "";
                             display: block;
-                            background: linear-gradient(
-                                90deg,
-                                var(--color-result-link, #4a9eff) 0%,
-                                hsla(210, 100%, 80%, 0.6) 50%,
-                                var(--color-result-link, #4a9eff) 100%
+                            background: conic-gradient(
+                                from 0deg,
+                                transparent 0deg,
+                                var(--color-result-link, #4a9eff) 60deg,
+                                transparent 120deg
                             );
-                            height: 200px;
-                            width: 200px;
+                            height: 300px;
+                            width: 300px;
                             position: absolute;
-                            animation: sxng-border-rotate 4s linear infinite;
+                            animation: sxng-border-rotate 3s linear infinite;
                             z-index: 0;
                             opacity: 0;
-                            transition: opacity 0.3s ease;
+                            transition: opacity 0.4s ease;
                             top: 50%;
                             left: 50%;
+                            margin-top: -150px;
+                            margin-left: -150px;
                             transform-origin: center center;
-                            margin-top: -100px;
-                            margin-left: -100px;
                         }
                         .sxng-input-wrapper:focus-within::before {
                             opacity: 1;
@@ -376,7 +377,10 @@ INTERACTIVE_CSS = '''
                             z-index: 1;
                             margin: 1px;
                             width: calc(100% - 2px);
+                            height: calc(100% - 2px);
                             border-radius: 3px;
+                            background: var(--color-base-background-hover, rgba(0,0,0,0.06));
+                            border: none;
                         }
                         .sxng-model-select {
                             appearance: none;
-- 
2.52.0


From 1702d9cd2086edddedef52cba953791f36c489c0 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:40:42 -0400
Subject: [PATCH 16/26] Fixing a animation around the input box

---
 ollama_answers.py | 53 +++++++++++++----------------------------------
 1 file changed, 14 insertions(+), 39 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index daca711..4141b40 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -296,9 +296,7 @@ INTERACTIVE_CSS = '''
                             align-items: center;
                             margin: 0 0.5rem;
                             position: relative;
-                            overflow: hidden;
                             border-radius: 4px;
-                            background: var(--color-result-border, rgba(0,0,0,0.15));
                         }
                         .sxng-input {
                             width: 100%;
@@ -343,44 +341,21 @@ INTERACTIVE_CSS = '''
                             color: var(--color-result-link, #5e81ac);
                             background: var(--color-base-background-hover, rgba(0,0,0,0.05)) !important;
                         }
-                        .sxng-input-wrapper::before {
-                            content: "";
-                            display: block;
-                            background: conic-gradient(
-                                from 0deg,
-                                transparent 0deg,
-                                var(--color-result-link, #4a9eff) 60deg,
-                                transparent 120deg
-                            );
-                            height: 300px;
-                            width: 300px;
-                            position: absolute;
-                            animation: sxng-border-rotate 3s linear infinite;
-                            z-index: 0;
-                            opacity: 0;
-                            transition: opacity 0.4s ease;
-                            top: 50%;
-                            left: 50%;
-                            margin-top: -150px;
-                            margin-left: -150px;
-                            transform-origin: center center;
+                        @keyframes sxng-input-glow {
+                            0% {
+                                box-shadow: 0 0 0 0px var(--color-result-link, #4a9eff);
+                            }
+                            50% {
+                                box-shadow: 0 0 6px 2px var(--color-result-link, #4a9eff);
+                            }
+                            100% {
+                                box-shadow: 0 0 0 0px var(--color-result-link, #4a9eff);
+                            }
                         }
-                        .sxng-input-wrapper:focus-within::before {
-                            opacity: 1;
-                        }
-                        @keyframes sxng-border-rotate {
-                            from { transform: rotate(0deg); }
-                            to { transform: rotate(360deg); }
-                        }
-                        .sxng-input {
-                            position: relative;
-                            z-index: 1;
-                            margin: 1px;
-                            width: calc(100% - 2px);
-                            height: calc(100% - 2px);
-                            border-radius: 3px;
-                            background: var(--color-base-background-hover, rgba(0,0,0,0.06));
-                            border: none;
+                        .sxng-input:focus {
+                            outline: none;
+                            border-color: var(--color-result-link, #4a9eff);
+                            animation: sxng-input-glow 2s ease-in-out infinite;
                         }
                         .sxng-model-select {
                             appearance: none;
-- 
2.52.0


From baec4522cfe739e11c2c83efd1a9e579603c4feb Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:43:27 -0400
Subject: [PATCH 17/26] Fixing a animation around the input box

---
 ollama_answers.py | 73 ++++++++++++++++++++++++-----------------------
 1 file changed, 38 insertions(+), 35 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 4141b40..ee02412 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -297,32 +297,56 @@ INTERACTIVE_CSS = '''
                             margin: 0 0.5rem;
                             position: relative;
                             border-radius: 4px;
+                            overflow: hidden;
+                            padding: 1px;
+                            background: var(--color-result-border, rgba(0,0,0,0.15));
+                        }
+                        .sxng-input-wrapper::before {
+                            content: "";
+                            position: absolute;
+                            width: 200%;
+                            height: 200%;
+                            top: -50%;
+                            left: -50%;
+                            background: conic-gradient(
+                                transparent 0deg,
+                                transparent 270deg,
+                                var(--color-result-link, #4a9eff) 300deg,
+                                transparent 360deg
+                            );
+                            opacity: 0;
+                            transition: opacity 0.3s ease;
+                            animation: sxng-border-rotate 2s linear infinite;
+                            animation-play-state: paused;
+                        }
+                        .sxng-input-wrapper:focus-within {
+                            background: transparent;
+                        }
+                        .sxng-input-wrapper:focus-within::before {
+                            opacity: 1;
+                            animation-play-state: running;
+                        }
+                        @keyframes sxng-border-rotate {
+                            from { transform: rotate(0deg); }
+                            to { transform: rotate(360deg); }
                         }
                         .sxng-input {
+                            position: relative;
+                            z-index: 1;
                             width: 100%;
-                            height: -webkit-fill-available;
-                            background: var(--color-base-background-hover, rgba(0,0,0,0.06));
-                            border: 1px solid var(--color-result-border, rgba(0,0,0,0.15));
+                            height: 100%;
+                            background: var(--color-base-background, #1e1e2e);
+                            border: none;
                             color: var(--color-base-font, inherit);
                             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
                             font-size: 0.78em;
                             padding: 3px 8px;
-                            border-radius: 4px;
+                            border-radius: 3px;
                             line-height: 1.4;
                             vertical-align: middle;
                         }
                         .sxng-input:focus { outline: none; }
                         .sxng-input::placeholder { color: var(--color-base-font, inherit); opacity: 0.4; }
-                        .sxng-input-line {
-                            position: absolute;
-                            bottom: 0;
-                            left: 0;
-                            width: 0;
-                            height: 1px;
-                            background: var(--color-result-link, #5e81ac);
-                            transition: width 0.3s ease;
-                        }
-                        .sxng-input:focus + .sxng-input-line { width: 100%; }
                         .sxng-user-msg {
                             display: block;
                             width: fit-content;
@@ -336,27 +360,6 @@ INTERACTIVE_CSS = '''
                             opacity: 0.55;
                             animation: sxng-fade-in-up 0.3s ease-out forwards;
                         }
-                        .sxng-input-wrapper:focus-within {
-                            opacity: 1;
-                            color: var(--color-result-link, #5e81ac);
-                            background: var(--color-base-background-hover, rgba(0,0,0,0.05)) !important;
-                        }
-                        @keyframes sxng-input-glow {
-                            0% {
-                                box-shadow: 0 0 0 0px var(--color-result-link, #4a9eff);
-                            }
-                            50% {
-                                box-shadow: 0 0 6px 2px var(--color-result-link, #4a9eff);
-                            }
-                            100% {
-                                box-shadow: 0 0 0 0px var(--color-result-link, #4a9eff);
-                            }
-                        }
-                        .sxng-input:focus {
-                            outline: none;
-                            border-color: var(--color-result-link, #4a9eff);
-                            animation: sxng-input-glow 2s ease-in-out infinite;
-                        }
                         .sxng-model-select {
                             appearance: none;
                             -webkit-appearance: none;
-- 
2.52.0


From eee0fd8709ff8db29e2c7e8b2e81a49473b087f7 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:46:56 -0400
Subject: [PATCH 18/26] Revert ollama_answers.py to theme-aware state before
 border animation

---
 ollama_answers.py | 58 ++++++++++++++++-------------------------------
 1 file changed, 19 insertions(+), 39 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index ee02412..6408d7b 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -296,57 +296,32 @@ INTERACTIVE_CSS = '''
                             align-items: center;
                             margin: 0 0.5rem;
                             position: relative;
-                            border-radius: 4px;
-                            overflow: hidden;
-                            padding: 1px;
-                            background: var(--color-result-border, rgba(0,0,0,0.15));
-                        }
-                        .sxng-input-wrapper::before {
-                            content: "";
-                            position: absolute;
-                            width: 200%;
-                            height: 200%;
-                            top: -50%;
-                            left: -50%;
-                            background: conic-gradient(
-                                transparent 0deg,
-                                transparent 270deg,
-                                var(--color-result-link, #4a9eff) 300deg,
-                                transparent 360deg
-                            );
-                            opacity: 0;
-                            transition: opacity 0.3s ease;
-                            animation: sxng-border-rotate 2s linear infinite;
-                            animation-play-state: paused;
-                        }
-                        .sxng-input-wrapper:focus-within {
-                            background: transparent;
-                        }
-                        .sxng-input-wrapper:focus-within::before {
-                            opacity: 1;
-                            animation-play-state: running;
-                        }
-                        @keyframes sxng-border-rotate {
-                            from { transform: rotate(0deg); }
-                            to { transform: rotate(360deg); }
                         }
                         .sxng-input {
-                            position: relative;
-                            z-index: 1;
                             width: 100%;
-                            height: 100%;
-                            background: var(--color-base-background, #1e1e2e);
-                            border: none;
+                            height: -webkit-fill-available;
+                            background: var(--color-base-background-hover, rgba(0,0,0,0.06));
+                            border: 1px solid var(--color-result-border, rgba(0,0,0,0.15));
                             color: var(--color-base-font, inherit);
                             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
                             font-size: 0.78em;
                             padding: 3px 8px;
-                            border-radius: 3px;
+                            border-radius: 4px;
                             line-height: 1.4;
                             vertical-align: middle;
                         }
                         .sxng-input:focus { outline: none; }
                         .sxng-input::placeholder { color: var(--color-base-font, inherit); opacity: 0.4; }
+                        .sxng-input-line {
+                            position: absolute;
+                            bottom: 0;
+                            left: 0;
+                            width: 0;
+                            height: 1px;
+                            background: var(--color-result-link, #5e81ac);
+                            transition: width 0.3s ease;
+                        }
+                        .sxng-input:focus + .sxng-input-line { width: 100%; }
                         .sxng-user-msg {
                             display: block;
                             width: fit-content;
@@ -360,6 +335,11 @@ INTERACTIVE_CSS = '''
                             opacity: 0.55;
                             animation: sxng-fade-in-up 0.3s ease-out forwards;
                         }
+                        .sxng-input-wrapper:focus-within {
+                            opacity: 1;
+                            color: var(--color-result-link, #5e81ac);
+                            background: var(--color-base-background-hover, rgba(0,0,0,0.05)) !important;
+                        }
                         .sxng-model-select {
                             appearance: none;
                             -webkit-appearance: none;
-- 
2.52.0


From b914d13d4e3126fa076014667956786bc148a810 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:48:10 -0400
Subject: [PATCH 19/26] Removing the boarder around model dropdown

---
 ollama_answers.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 6408d7b..457d24e 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -346,7 +346,7 @@ INTERACTIVE_CSS = '''
                             background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%20fill%3D%22%23aaa%22%3E%0A%3Cpolygon%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") calc(100% + 2rem) / 1rem no-repeat content-box border-box;
                             background-color: var(--color-base-background-hover, rgba(0,0,0,0.06));
                             text-overflow: ellipsis;
-                            border: 1px solid var(--color-result-border, rgba(0,0,0,0.1));
+                            border: 0px solid var(--color-result-border, rgba(0,0,0,0.1));
                             border-right-width: 2rem;
                             border-right-color: transparent;
                             border-radius: 5px;
-- 
2.52.0


From 93d263cdc39a80dcb9aac2ebd73b923226fb90ae Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:56:01 -0400
Subject: [PATCH 20/26] Cleaning up code

---
 ollama_answers.py | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 457d24e..22d4f27 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -1,12 +1,11 @@
-import json, os, logging, base64, time, hashlib, re, http.client, ssl, concurrent.futures, threading, math
+import json, os, logging, time, hashlib, re, http.client, ssl, concurrent.futures, threading, math
 from collections import Counter
 from urllib.parse import urlparse
-from searx import network
 try:
     from searx.network import get_network
 except ImportError:
     get_network = None
-from flask import Response, request, abort, jsonify
+from flask import request, abort, jsonify
 from searx.plugins import Plugin, PluginInfo
 from searx.result_types import EngineResults
 from searx import settings
@@ -24,7 +23,6 @@ except ImportError:
     logger.warning("AI Answers: valkey package not found. Streaming via Valkey unavailable.")
 
 TOKEN_EXPIRY_SEC = 3600
-STREAM_CHUNK_SIZE = 512
 STREAM_TIMEOUT_SEC = 60
 CONV_TTL = 1800
 
@@ -670,7 +668,6 @@ INTERACTIVE_JS = r'''
                                         }
                                     });
                                     box.style.display = 'block';
-                                    if(wrapper) wrapper.style.display = '';
                                     if(footer && is_interactive) footer.style.display = 'flex';
                                     restored = true;
                                 }
@@ -855,7 +852,6 @@ FRONTEND_JS_TEMPLATE = r"""
     const conversation = {
         originalQuery: q_init,
         originalContext: new TextDecoder().decode(Uint8Array.from(atob(b64_init), c => c.charCodeAt(0))),
-        originalSources: [...urls],
         turns: [{role: 'user', content: q_init, ts: Date.now()}]
     };
     const box = document.getElementById('sxng-stream-box');
@@ -889,10 +885,6 @@ FRONTEND_JS_TEMPLATE = r"""
                 });
             });
 
-            // Also apply to document root so our CSS vars cascade
-            Object.entries(theme).forEach(([k, v]) => {
-                if (v) box.style.setProperty(k, v);
-            });
         } catch(e) {}
     })();
 
-- 
2.52.0


From 8b7c8f7df8f9f19f74772a1fa8648f7d040381e7 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 02:59:01 -0400
Subject: [PATCH 21/26] Adding base64 import back

---
 ollama_answers.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 22d4f27..5f5a5cb 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -1,4 +1,4 @@
-import json, os, logging, time, hashlib, re, http.client, ssl, concurrent.futures, threading, math
+import json, os, logging, base64, time, hashlib, re, http.client, ssl, concurrent.futures, threading, math
 from collections import Counter
 from urllib.parse import urlparse
 try:
-- 
2.52.0


From 7e06e07e4f37b5ee9a524cde718cc49555f268ce Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 03:08:57 -0400
Subject: [PATCH 22/26] moved an import line to the top

---
 ollama_answers.py | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/ollama_answers.py b/ollama_answers.py
index 5f5a5cb..2aa4d76 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -1,4 +1,4 @@
-import json, os, logging, base64, time, hashlib, re, http.client, ssl, concurrent.futures, threading, math
+import json, os, logging, base64, typing, time, hashlib, re, http.client, ssl, concurrent.futures, threading, math
 from collections import Counter
 from urllib.parse import urlparse
 try:
@@ -1346,8 +1346,6 @@ INTENT_CONFIGS = {
     },
 }
 
-
-import typing
 if typing.TYPE_CHECKING:
     from searx.search import SearchWithPlugins
     from searx.extended_types import SXNG_Request
-- 
2.52.0


From af3e74c92aaf906be25c2eabc714288520796d50 Mon Sep 17 00:00:00 2001
From: tyler <gitea@tysstech.com>
Date: Tue, 19 May 2026 03:09:18 -0400
Subject: [PATCH 23/26] Moved dev.py to dev/

---
 dev/dev.py | 346 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 346 insertions(+)
 create mode 100644 dev/dev.py

diff --git a/dev/dev.py b/dev/dev.py
new file mode 100644
index 0000000..330af4d
--- /dev/null
+++ b/dev/dev.py
@@ -0,0 +1,346 @@
+import sys
+import os
+sys.path.insert(0, os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
+import logging
+from types import ModuleType
+from flask import Flask, request, redirect
+
+logging.basicConfig(level=logging.INFO, format='%(levelname)s: %(message)s')
+os.environ.setdefault('LLM_URL', 'http://localhost:11434/v1/chat/completions')
+
+# SearXNG module mocks
+searx = ModuleType("searx")
+searx_plugins = ModuleType("searx.plugins")
+searx_results = ModuleType("searx.result_types")
+
+class MockPlugin:
+    def __init__(self, cfg):
+        self.active = getattr(cfg, 'active', True)
+
+class MockPluginInfo:
+    def __init__(self, **kwargs):
+        self.meta = kwargs
+
+class MockEngineResults:
+    def __init__(self):
+        self.types = ModuleType("types")
+        self.types.Answer = lambda *args, **kwargs: kwargs.get('answer', args[0] if args else "")
+        self._results = []
+    
+    def add(self, res):
+        self._results.append(res)
+
+searx_plugins.Plugin = MockPlugin
+searx_plugins.PluginInfo = MockPluginInfo
+searx_results.EngineResults = MockEngineResults
+
+searx.settings = {'server': {'secret_key': 'demo-secret'}}
+searx.network = ModuleType("searx.network")
+
+sys.modules["searx"] = searx
+sys.modules["searx.plugins"] = searx_plugins
+sys.modules["searx.result_types"] = searx_results
+
+# Network module mock
+searx_network = ModuleType("searx.network")
+def mock_network_call(method, url, **kwargs):
+    import http.client, ssl, json
+    from urllib.parse import urlparse
+    
+    parsed = urlparse(url)
+    port = parsed.port or (443 if parsed.scheme=='https' else 80)
+    target = f"{parsed.hostname}:{port}"
+    
+    if parsed.scheme == 'https':
+        conn = http.client.HTTPSConnection(target, timeout=30, context=ssl.create_default_context())
+    else:
+        conn = http.client.HTTPConnection(target, timeout=30)
+    
+    headers = kwargs.get('headers', {})
+    body = None
+    if kwargs.get('json'):
+        body = json.dumps(kwargs['json'])
+    elif kwargs.get('data'):
+        body = kwargs['data']
+
+    path = parsed.path
+    if parsed.query:
+        path += f"?{parsed.query}"
+    
+    if kwargs.get('params'):
+        from urllib.parse import urlencode
+        query_str = urlencode(kwargs['params'])
+        if '?' in path:
+            path += f"&{query_str}"
+        else:
+            path += f"?{query_str}"
+
+    conn.request(method, path, body=body, headers=headers)
+    return conn.getresponse()
+
+def mock_stream(method, url, **kwargs):
+    res = mock_network_call(method, url, **kwargs)
+    
+    class MockResponse:
+        def __init__(self, r):
+            self.status_code = r.status
+            self.text = "Mock Response" # Stub
+            self._r = r
+    
+    def generator():
+        while True:
+            chunk = res.read(128)
+            if not chunk: break
+            yield chunk
+
+    return MockResponse(res), generator()
+
+def mock_get(url, **kwargs):
+    import json
+    res = mock_network_call('GET', url, **kwargs)
+    
+    class MockResponse:
+        def __init__(self, r):
+            self.status_code = r.status
+            self._content = r.read()
+            self.text = self._content.decode('utf-8')
+        
+        def json(self):
+            return json.loads(self.text)
+            
+    return MockResponse(res)
+
+searx_network.stream = mock_stream
+searx_network.get = mock_get
+sys.modules["searx.network"] = searx_network
+
+from ollama_answers import SXNGPlugin
+from flask_babel import Babel
+
+app = Flask(__name__)
+babel = Babel(app)
+
+class MockConfig:
+    active = True
+
+plugin = SXNGPlugin(MockConfig())
+plugin.init(app)
+
+@app.route("/config", methods=["POST"])
+def update_config():
+    url = request.form.get("url", "").strip()
+    bearer = request.form.get("bearer", "").strip()
+    model = request.form.get("model", "").strip()
+    query = request.form.get("q", "")
+    if url:
+        plugin.endpoint_url = url
+    plugin.api_key = bearer if bearer else "ollama"
+    if model:
+        plugin.model = model
+    redirect_q = f"?q={query}" if query else ""
+    return redirect(f"/{redirect_q}")
+
+
+@app.route("/search")
+def mock_search():
+    query = request.args.get("q", "")
+    format_type = request.args.get("format", "html")
+    
+    if format_type != "json":
+        return "Demo only supports JSON format", 400
+    
+    results = [
+        {"title": f"Result 1 for: {query}", "content": f"This is simulated content about {query}. It contains relevant information.", "url": f"https://example.com/1/{query.replace(' ', '-')}", "publishedDate": "2026-01-18"},
+        {"title": f"Result 2 for: {query}", "content": f"Additional information regarding {query}. More context and details.", "url": f"https://example.com/2/{query.replace(' ', '-')}", "publishedDate": "2026-01-17"},
+        {"title": f"Result 3 for: {query}", "content": f"Further reading on {query}. Expert analysis.", "url": f"https://example.com/3/{query.replace(' ', '-')}", "publishedDate": "2026-01-16"},
+    ]
+    
+    return {
+        "results": results,
+        "infoboxes": [],
+        "answers": [],
+        "suggestions": [f"{query} explained", f"{query} tutorial"]
+    }
+
+@app.route("/")
+def index():
+    query = request.args.get("q", "why is the sky blue")
+    
+    class MockSearchQuery:
+        pageno = 1
+        lang = 'en'
+        categories = ['general']
+    MockSearchQuery.query = query
+    
+    class MockSearch:
+        search_query = MockSearchQuery()
+        class MockResultContainer:
+            def __init__(self):
+                self.answers = set()
+
+            def get_ordered_results(self):
+                base_results = [
+                    {"title": "Wikipedia", "content": "The sky appears blue due to Rayleigh scattering of sunlight. When sunlight enters the atmosphere, it collides with gas molecules and scatters in all directions. Blue light scatters more than other colors because it travels in shorter waves.", "url": "https://en.wikipedia.org/wiki/Rayleigh_scattering", "publishedDate": "2026-01-15"},
+                    {"title": "NASA Science", "content": "Shorter blue wavelengths scatter more than longer red wavelengths. This phenomenon, discovered by Lord Rayleigh in the 1870s, explains why we see a blue sky during the day.", "url": "https://science.nasa.gov/blue-sky", "publishedDate": "2026-01-10"},
+                    {"title": "Physics Today", "content": "The atmosphere acts as a filter, scattering blue light in all directions while letting other colors pass through more directly.", "url": "https://physicstoday.org/atmosphere", "publishedDate": "2026-01-01"},
+                    {"title": "Scientific American", "content": "At sunset, light travels through more atmosphere, scattering away the blue and leaving reds and oranges.", "url": "https://scientificamerican.com/sunset", "publishedDate": "2025-12-20"},
+                    {"title": "National Geographic", "content": "Ocean color also results from light scattering and absorption by water molecules.", "url": "https://nationalgeographic.com/ocean-blue", "publishedDate": "2025-12-15"},
+                ]
+                broad_results = [
+                    {"title": "MIT OpenCourseWare: Atmospheric Physics", "content": "Course materials.", "url": "https://ocw.mit.edu/physics"},
+                    {"title": "NOAA: Understanding the Atmosphere", "content": "Educational resource.", "url": "https://noaa.gov/atmosphere"},
+                    {"title": "BBC Science: Why is the sky blue?", "content": "Explainer article.", "url": "https://bbc.com/science/sky"},
+                    {"title": "Khan Academy: Light and Color", "content": "Video lesson.", "url": "https://khanacademy.org/light"},
+                    {"title": "HowStuffWorks: Rayleigh Scattering", "content": "Detailed explanation.", "url": "https://howstuffworks.com/rayleigh"},
+                    {"title": "Physics Stack Exchange: Sky color discussion", "content": "Q&A thread.", "url": "https://physics.stackexchange.com/sky"},
+                    {"title": "Quora: Atmospheric optics explained", "content": "Community answers.", "url": "https://quora.com/atmosphere"},
+                ]
+                if 'quantum' in query.lower():
+                    return [
+                        {"title": "IBM Quantum", "content": "Quantum computers rely on qubits, which can represent 0, 1, or both via superposition. They solve complex problems faster.", "url": "https://www.ibm.com/quantum", "publishedDate": "2026-01-15"},
+                        {"title": "Nature Physics", "content": "Entanglement allows qubits to be correlated instantly across distances. This is key for quantum cryptography and teleportation.", "url": "https://nature.com/articles/quantum", "publishedDate": "2026-01-10"},
+                        {"title": "Wikipedia", "content": "Quantum computing uses quantum mechanics. Major applications include drug discovery and materials science.", "url": "https://en.wikipedia.org/wiki/Quantum_computing", "publishedDate": "2025-12-01"}
+                    ] + broad_results
+                return base_results + broad_results
+        result_container = MockResultContainer()
+
+    search = MockSearch()
+    plugin.post_search(None, search)
+    
+    injection_html = ""
+    if search.result_container.answers:
+        injection_html = list(search.result_container.answers)[0]
+    
+    bearer_display = plugin.api_key if plugin.api_key != "ollama" else ""
+    return f"""
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>AI Answers Demo</title>
+        <style>
+            body {{
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+                padding: 2rem;
+                max-width: 800px;
+                margin: 0 auto;
+                background: #2e3440;
+                color: #eceff4;
+            }}
+            :root {{
+                --color-result-border: #3b4252;
+                --color-result-description: #d8dee9;
+                --color-base-font: #88c0d0;
+                --color-result-link: #81a1c1;
+            }}
+            .meta {{ color: #81a1c1; font-size: 0.9rem; }}
+            hr {{ border-color: #4c566a; }}
+            a {{ color: #88c0d0; }}
+            .config-panel {{
+                background: #3b4252;
+                border-radius: 6px;
+                padding: 1rem 1.25rem;
+                margin-bottom: 1.25rem;
+            }}
+            .config-panel summary {{
+                cursor: pointer;
+                font-size: 0.85rem;
+                color: #81a1c1;
+                user-select: none;
+            }}
+            .config-panel summary:hover {{ color: #88c0d0; }}
+            .config-row {{
+                display: flex;
+                flex-direction: column;
+                gap: 0.5rem;
+                margin-top: 0.75rem;
+            }}
+            .config-row label {{
+                font-size: 0.8rem;
+                color: #81a1c1;
+            }}
+            .config-row input {{
+                background: #2e3440;
+                border: 1px solid #4c566a;
+                border-radius: 4px;
+                color: #eceff4;
+                font-size: 0.85rem;
+                padding: 0.4rem 0.6rem;
+                width: 100%;
+                box-sizing: border-box;
+            }}
+            .config-row input:focus {{ outline: none; border-color: #81a1c1; }}
+            .config-btn {{
+                margin-top: 0.75rem;
+                background: #4c566a;
+                border: none;
+                border-radius: 4px;
+                color: #eceff4;
+                cursor: pointer;
+                font-size: 0.85rem;
+                padding: 0.4rem 1rem;
+            }}
+            .config-btn:hover {{ background: #5e81ac; }}
+            .search-row {{
+                display: flex;
+                gap: 0.5rem;
+                margin-bottom: 1.25rem;
+            }}
+            .search-row input {{
+                flex: 1;
+                background: #3b4252;
+                border: 1px solid #4c566a;
+                border-radius: 4px;
+                color: #eceff4;
+                font-size: 0.95rem;
+                padding: 0.45rem 0.75rem;
+            }}
+            .search-row input:focus {{ outline: none; border-color: #81a1c1; }}
+            .search-row button {{
+                background: #5e81ac;
+                border: none;
+                border-radius: 4px;
+                color: #eceff4;
+                cursor: pointer;
+                font-size: 0.9rem;
+                padding: 0.45rem 1rem;
+            }}
+            .search-row button:hover {{ background: #81a1c1; }}
+        </style>
+    </head>
+    <body>
+        <details class="config-panel" {'open' if not bearer_display and 'localhost' in plugin.endpoint_url else ''}>
+            <summary>&#9881; Ollama Configuration</summary>
+            <form method="POST" action="/config">
+                <input type="hidden" name="q" value="{query}">
+                <div class="config-row">
+                    <label>Endpoint URL</label>
+                    <input type="text" name="url" value="{plugin.endpoint_url}" placeholder="http://localhost:11434/v1/chat/completions">
+                </div>
+                <div class="config-row">
+                    <label>Bearer Token <span style="opacity:0.5;">(optional)</span></label>
+                    <input type="text" name="bearer" value="{bearer_display}" placeholder="Leave empty if not required">
+                </div>
+                <button type="submit" class="config-btn">Apply</button>
+            </form>
+        </details>
+
+        <form class="search-row" method="GET" action="/">
+            <input type="text" name="q" value="{query}" placeholder="Ask something...">
+            <button type="submit">Search</button>
+        </form>
+
+        <p class="meta">Model: <strong>{plugin.model}</strong></p>
+        <hr>
+        {injection_html if injection_html else '<p style="color:#f66;">No response — check your Ollama endpoint and token above.</p>'}
+    </body>
+    </html>
+    """
+
+if __name__ == "__main__":
+    print("AI Answers - Demo\n")
+    print(f"  Endpoint: {plugin.endpoint_url}")
+    print(f"  Model:    {plugin.model or 'N/A'}")
+    print(f"  Mode:     {'interactive' if plugin.interactive else 'simple'}")
+    print(f"\n  http://localhost:5000/?q=why+is+the+sky+blue\n")
+    app.run(debug=False, port=5000)
-- 
2.52.0


From 6daf947d0002953e7d124a01e3eb277351bd1595 Mon Sep 17 00:00:00 2001
From: Tyler <1+tyss-dev@noreply.git.tysstech.com>
Date: Tue, 19 May 2026 03:09:34 -0400
Subject: [PATCH 24/26] Delete directory 'tests'

---
 tests/dev.py | 346 ---------------------------------------------------
 1 file changed, 346 deletions(-)
 delete mode 100644 tests/dev.py

diff --git a/tests/dev.py b/tests/dev.py
deleted file mode 100644
index 330af4d..0000000
--- a/tests/dev.py
+++ /dev/null
@@ -1,346 +0,0 @@
-import sys
-import os
-sys.path.insert(0, os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
-import logging
-from types import ModuleType
-from flask import Flask, request, redirect
-
-logging.basicConfig(level=logging.INFO, format='%(levelname)s: %(message)s')
-os.environ.setdefault('LLM_URL', 'http://localhost:11434/v1/chat/completions')
-
-# SearXNG module mocks
-searx = ModuleType("searx")
-searx_plugins = ModuleType("searx.plugins")
-searx_results = ModuleType("searx.result_types")
-
-class MockPlugin:
-    def __init__(self, cfg):
-        self.active = getattr(cfg, 'active', True)
-
-class MockPluginInfo:
-    def __init__(self, **kwargs):
-        self.meta = kwargs
-
-class MockEngineResults:
-    def __init__(self):
-        self.types = ModuleType("types")
-        self.types.Answer = lambda *args, **kwargs: kwargs.get('answer', args[0] if args else "")
-        self._results = []
-    
-    def add(self, res):
-        self._results.append(res)
-
-searx_plugins.Plugin = MockPlugin
-searx_plugins.PluginInfo = MockPluginInfo
-searx_results.EngineResults = MockEngineResults
-
-searx.settings = {'server': {'secret_key': 'demo-secret'}}
-searx.network = ModuleType("searx.network")
-
-sys.modules["searx"] = searx
-sys.modules["searx.plugins"] = searx_plugins
-sys.modules["searx.result_types"] = searx_results
-
-# Network module mock
-searx_network = ModuleType("searx.network")
-def mock_network_call(method, url, **kwargs):
-    import http.client, ssl, json
-    from urllib.parse import urlparse
-    
-    parsed = urlparse(url)
-    port = parsed.port or (443 if parsed.scheme=='https' else 80)
-    target = f"{parsed.hostname}:{port}"
-    
-    if parsed.scheme == 'https':
-        conn = http.client.HTTPSConnection(target, timeout=30, context=ssl.create_default_context())
-    else:
-        conn = http.client.HTTPConnection(target, timeout=30)
-    
-    headers = kwargs.get('headers', {})
-    body = None
-    if kwargs.get('json'):
-        body = json.dumps(kwargs['json'])
-    elif kwargs.get('data'):
-        body = kwargs['data']
-
-    path = parsed.path
-    if parsed.query:
-        path += f"?{parsed.query}"
-    
-    if kwargs.get('params'):
-        from urllib.parse import urlencode
-        query_str = urlencode(kwargs['params'])
-        if '?' in path:
-            path += f"&{query_str}"
-        else:
-            path += f"?{query_str}"
-
-    conn.request(method, path, body=body, headers=headers)
-    return conn.getresponse()
-
-def mock_stream(method, url, **kwargs):
-    res = mock_network_call(method, url, **kwargs)
-    
-    class MockResponse:
-        def __init__(self, r):
-            self.status_code = r.status
-            self.text = "Mock Response" # Stub
-            self._r = r
-    
-    def generator():
-        while True:
-            chunk = res.read(128)
-            if not chunk: break
-            yield chunk
-
-    return MockResponse(res), generator()
-
-def mock_get(url, **kwargs):
-    import json
-    res = mock_network_call('GET', url, **kwargs)
-    
-    class MockResponse:
-        def __init__(self, r):
-            self.status_code = r.status
-            self._content = r.read()
-            self.text = self._content.decode('utf-8')
-        
-        def json(self):
-            return json.loads(self.text)
-            
-    return MockResponse(res)
-
-searx_network.stream = mock_stream
-searx_network.get = mock_get
-sys.modules["searx.network"] = searx_network
-
-from ollama_answers import SXNGPlugin
-from flask_babel import Babel
-
-app = Flask(__name__)
-babel = Babel(app)
-
-class MockConfig:
-    active = True
-
-plugin = SXNGPlugin(MockConfig())
-plugin.init(app)
-
-@app.route("/config", methods=["POST"])
-def update_config():
-    url = request.form.get("url", "").strip()
-    bearer = request.form.get("bearer", "").strip()
-    model = request.form.get("model", "").strip()
-    query = request.form.get("q", "")
-    if url:
-        plugin.endpoint_url = url
-    plugin.api_key = bearer if bearer else "ollama"
-    if model:
-        plugin.model = model
-    redirect_q = f"?q={query}" if query else ""
-    return redirect(f"/{redirect_q}")
-
-
-@app.route("/search")
-def mock_search():
-    query = request.args.get("q", "")
-    format_type = request.args.get("format", "html")
-    
-    if format_type != "json":
-        return "Demo only supports JSON format", 400
-    
-    results = [
-        {"title": f"Result 1 for: {query}", "content": f"This is simulated content about {query}. It contains relevant information.", "url": f"https://example.com/1/{query.replace(' ', '-')}", "publishedDate": "2026-01-18"},
-        {"title": f"Result 2 for: {query}", "content": f"Additional information regarding {query}. More context and details.", "url": f"https://example.com/2/{query.replace(' ', '-')}", "publishedDate": "2026-01-17"},
-        {"title": f"Result 3 for: {query}", "content": f"Further reading on {query}. Expert analysis.", "url": f"https://example.com/3/{query.replace(' ', '-')}", "publishedDate": "2026-01-16"},
-    ]
-    
-    return {
-        "results": results,
-        "infoboxes": [],
-        "answers": [],
-        "suggestions": [f"{query} explained", f"{query} tutorial"]
-    }
-
-@app.route("/")
-def index():
-    query = request.args.get("q", "why is the sky blue")
-    
-    class MockSearchQuery:
-        pageno = 1
-        lang = 'en'
-        categories = ['general']
-    MockSearchQuery.query = query
-    
-    class MockSearch:
-        search_query = MockSearchQuery()
-        class MockResultContainer:
-            def __init__(self):
-                self.answers = set()
-
-            def get_ordered_results(self):
-                base_results = [
-                    {"title": "Wikipedia", "content": "The sky appears blue due to Rayleigh scattering of sunlight. When sunlight enters the atmosphere, it collides with gas molecules and scatters in all directions. Blue light scatters more than other colors because it travels in shorter waves.", "url": "https://en.wikipedia.org/wiki/Rayleigh_scattering", "publishedDate": "2026-01-15"},
-                    {"title": "NASA Science", "content": "Shorter blue wavelengths scatter more than longer red wavelengths. This phenomenon, discovered by Lord Rayleigh in the 1870s, explains why we see a blue sky during the day.", "url": "https://science.nasa.gov/blue-sky", "publishedDate": "2026-01-10"},
-                    {"title": "Physics Today", "content": "The atmosphere acts as a filter, scattering blue light in all directions while letting other colors pass through more directly.", "url": "https://physicstoday.org/atmosphere", "publishedDate": "2026-01-01"},
-                    {"title": "Scientific American", "content": "At sunset, light travels through more atmosphere, scattering away the blue and leaving reds and oranges.", "url": "https://scientificamerican.com/sunset", "publishedDate": "2025-12-20"},
-                    {"title": "National Geographic", "content": "Ocean color also results from light scattering and absorption by water molecules.", "url": "https://nationalgeographic.com/ocean-blue", "publishedDate": "2025-12-15"},
-                ]
-                broad_results = [
-                    {"title": "MIT OpenCourseWare: Atmospheric Physics", "content": "Course materials.", "url": "https://ocw.mit.edu/physics"},
-                    {"title": "NOAA: Understanding the Atmosphere", "content": "Educational resource.", "url": "https://noaa.gov/atmosphere"},
-                    {"title": "BBC Science: Why is the sky blue?", "content": "Explainer article.", "url": "https://bbc.com/science/sky"},
-                    {"title": "Khan Academy: Light and Color", "content": "Video lesson.", "url": "https://khanacademy.org/light"},
-                    {"title": "HowStuffWorks: Rayleigh Scattering", "content": "Detailed explanation.", "url": "https://howstuffworks.com/rayleigh"},
-                    {"title": "Physics Stack Exchange: Sky color discussion", "content": "Q&A thread.", "url": "https://physics.stackexchange.com/sky"},
-                    {"title": "Quora: Atmospheric optics explained", "content": "Community answers.", "url": "https://quora.com/atmosphere"},
-                ]
-                if 'quantum' in query.lower():
-                    return [
-                        {"title": "IBM Quantum", "content": "Quantum computers rely on qubits, which can represent 0, 1, or both via superposition. They solve complex problems faster.", "url": "https://www.ibm.com/quantum", "publishedDate": "2026-01-15"},
-                        {"title": "Nature Physics", "content": "Entanglement allows qubits to be correlated instantly across distances. This is key for quantum cryptography and teleportation.", "url": "https://nature.com/articles/quantum", "publishedDate": "2026-01-10"},
-                        {"title": "Wikipedia", "content": "Quantum computing uses quantum mechanics. Major applications include drug discovery and materials science.", "url": "https://en.wikipedia.org/wiki/Quantum_computing", "publishedDate": "2025-12-01"}
-                    ] + broad_results
-                return base_results + broad_results
-        result_container = MockResultContainer()
-
-    search = MockSearch()
-    plugin.post_search(None, search)
-    
-    injection_html = ""
-    if search.result_container.answers:
-        injection_html = list(search.result_container.answers)[0]
-    
-    bearer_display = plugin.api_key if plugin.api_key != "ollama" else ""
-    return f"""
-    <!DOCTYPE html>
-    <html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <title>AI Answers Demo</title>
-        <style>
-            body {{
-                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-                padding: 2rem;
-                max-width: 800px;
-                margin: 0 auto;
-                background: #2e3440;
-                color: #eceff4;
-            }}
-            :root {{
-                --color-result-border: #3b4252;
-                --color-result-description: #d8dee9;
-                --color-base-font: #88c0d0;
-                --color-result-link: #81a1c1;
-            }}
-            .meta {{ color: #81a1c1; font-size: 0.9rem; }}
-            hr {{ border-color: #4c566a; }}
-            a {{ color: #88c0d0; }}
-            .config-panel {{
-                background: #3b4252;
-                border-radius: 6px;
-                padding: 1rem 1.25rem;
-                margin-bottom: 1.25rem;
-            }}
-            .config-panel summary {{
-                cursor: pointer;
-                font-size: 0.85rem;
-                color: #81a1c1;
-                user-select: none;
-            }}
-            .config-panel summary:hover {{ color: #88c0d0; }}
-            .config-row {{
-                display: flex;
-                flex-direction: column;
-                gap: 0.5rem;
-                margin-top: 0.75rem;
-            }}
-            .config-row label {{
-                font-size: 0.8rem;
-                color: #81a1c1;
-            }}
-            .config-row input {{
-                background: #2e3440;
-                border: 1px solid #4c566a;
-                border-radius: 4px;
-                color: #eceff4;
-                font-size: 0.85rem;
-                padding: 0.4rem 0.6rem;
-                width: 100%;
-                box-sizing: border-box;
-            }}
-            .config-row input:focus {{ outline: none; border-color: #81a1c1; }}
-            .config-btn {{
-                margin-top: 0.75rem;
-                background: #4c566a;
-                border: none;
-                border-radius: 4px;
-                color: #eceff4;
-                cursor: pointer;
-                font-size: 0.85rem;
-                padding: 0.4rem 1rem;
-            }}
-            .config-btn:hover {{ background: #5e81ac; }}
-            .search-row {{
-                display: flex;
-                gap: 0.5rem;
-                margin-bottom: 1.25rem;
-            }}
-            .search-row input {{
-                flex: 1;
-                background: #3b4252;
-                border: 1px solid #4c566a;
-                border-radius: 4px;
-                color: #eceff4;
-                font-size: 0.95rem;
-                padding: 0.45rem 0.75rem;
-            }}
-            .search-row input:focus {{ outline: none; border-color: #81a1c1; }}
-            .search-row button {{
-                background: #5e81ac;
-                border: none;
-                border-radius: 4px;
-                color: #eceff4;
-                cursor: pointer;
-                font-size: 0.9rem;
-                padding: 0.45rem 1rem;
-            }}
-            .search-row button:hover {{ background: #81a1c1; }}
-        </style>
-    </head>
-    <body>
-        <details class="config-panel" {'open' if not bearer_display and 'localhost' in plugin.endpoint_url else ''}>
-            <summary>&#9881; Ollama Configuration</summary>
-            <form method="POST" action="/config">
-                <input type="hidden" name="q" value="{query}">
-                <div class="config-row">
-                    <label>Endpoint URL</label>
-                    <input type="text" name="url" value="{plugin.endpoint_url}" placeholder="http://localhost:11434/v1/chat/completions">
-                </div>
-                <div class="config-row">
-                    <label>Bearer Token <span style="opacity:0.5;">(optional)</span></label>
-                    <input type="text" name="bearer" value="{bearer_display}" placeholder="Leave empty if not required">
-                </div>
-                <button type="submit" class="config-btn">Apply</button>
-            </form>
-        </details>
-
-        <form class="search-row" method="GET" action="/">
-            <input type="text" name="q" value="{query}" placeholder="Ask something...">
-            <button type="submit">Search</button>
-        </form>
-
-        <p class="meta">Model: <strong>{plugin.model}</strong></p>
-        <hr>
-        {injection_html if injection_html else '<p style="color:#f66;">No response — check your Ollama endpoint and token above.</p>'}
-    </body>
-    </html>
-    """
-
-if __name__ == "__main__":
-    print("AI Answers - Demo\n")
-    print(f"  Endpoint: {plugin.endpoint_url}")
-    print(f"  Model:    {plugin.model or 'N/A'}")
-    print(f"  Mode:     {'interactive' if plugin.interactive else 'simple'}")
-    print(f"\n  http://localhost:5000/?q=why+is+the+sky+blue\n")
-    app.run(debug=False, port=5000)
-- 
2.52.0


From 68ff90b655658ae2a5e76430f234bb81eb4eabb2 Mon Sep 17 00:00:00 2001
From: Tyler <1+tyss-dev@noreply.git.tysstech.com>
Date: Tue, 19 May 2026 06:01:01 -0400
Subject: [PATCH 25/26] Upload files to "/"

---
 .gitignore        |  1 +
 README.md         | 32 +++++++++++++++++++++++++++++++-
 ollama_answers.py | 21 +++++++++++++++++++++
 requirements.txt  |  1 +
 4 files changed, 54 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index f4c2ae9..b13f288 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,6 +3,7 @@ __pycache__/
 *$py.class
 venv/
 .env
+dev/.env
 .idea/
 .vscode/
 .agent/
\ No newline at end of file
diff --git a/README.md b/README.md
index 71bc7c8..99209b5 100644
--- a/README.md
+++ b/README.md
@@ -104,14 +104,44 @@ Configure via environment variables.
 
 ## Known Issues
 
+- [ ] Update README with all updates
+
 - [x] When asking a follow up question the previous output disappears
-- [ ] Parts of the UI are not theme aware resulting in a unpolished look when not using a dark theme
+
+- [x] Parts of the UI are not theme aware resulting in a unpolished look when not using a dark theme
+
 - [x] When SearXNG provides a info blob for a search it appears on top of the overview i.e. `Wikipedia` or `Linux` 
 
 For any issues not stated here please create an issue ticket on [Gitea](https://git.tysstech.com/TySS-Dev/ollama-ai-answers-searxng/issues) or [GitHub](https://github.com/TySP-Dev/ollama-ai-answers-searxng/issues) and add the `bug` tag.
 
 ## Roadmap
 
+### Dev Server
+
+- [x] Stream viewer — show tokens arriving in real time in the debug panel as they come out of Valkey, so you can see exactly what the LLM is generating chunk by chunk
+
+- [x] TF-IDF score visualizer — show a table of which URLs were fetched, their scores, and which chunks were selected for context
+
+- [ ] Intent detection display — show what intent was detected and which system prompt was used for each query
+
+- [ ] Saved queries — save/load test queries so you can quickly re-run the same set of searches after making changes to the plugin
+
+- [ ] A/B model comparison — run the same query against two different models simultaneously and show both responses side by side
+
+- [ ] Response time breakdown — show how long each phase took: SearXNG fetch, page fetching, TF-IDF scoring, LLM stream start, stream complete
+
+- [ ] Context inspector — show the full assembled context string that gets sent to the LLM, so you can see exactly what it's working with
+
+- [ ] Prompt viewer — show the full system prompt + user prompt that gets sent to Ollama
+
+- [ ] Export button — copy the full context + prompt + response as a JSON blob for bug reports
+
+- [ ] Per-intent system prompt editor — edit the system prompts for each intent type live without restarting
+
+- [ ] Token counter — show estimated token count of the context being sent
+
+### Plugin
+
 - [ ] Working on feature plans
 
 ## Architecture
diff --git a/ollama_answers.py b/ollama_answers.py
index 2aa4d76..0c19211 100644
--- a/ollama_answers.py
+++ b/ollama_answers.py
@@ -1725,6 +1725,16 @@ class SXNGPlugin(Plugin):
 
             job_id = hashlib.sha256(f"{time.time()}{q}".encode()).hexdigest()[:16]
 
+            # Persist intent for dev UI
+            logger.warning(f"INTENT BEFORE PERSIST: {repr(intent)}")
+            logger.warning(f"JOB_ID BEFORE PERSIST: {repr(job_id)}")
+            try:
+                vk = _get_valkey()
+                vk.setex(f"ai:job:{job_id}:intent", 3600, intent)
+                logger.debug(f"{PLUGIN_NAME}: persisted intent '{intent}' for job {job_id}")
+            except Exception:
+                logger.exception(f"{PLUGIN_NAME}: failed to persist intent")
+
             payload_dict = {
                 "model": effective_model,
                 "messages": [
@@ -2038,6 +2048,17 @@ class SXNGPlugin(Plugin):
             detected_intent = _detect_intent(q_clean)
             js_intent = safe_json(detected_intent)
 
+            # Persist intent for dev tooling / UI
+            try:
+                vk = _get_valkey()
+                vk.setex(
+                    f"ai:job:{job_id}:intent",
+                    1800,
+                    detected_intent
+                )
+            except Exception as e:
+                logger.debug(f"{PLUGIN_NAME}: failed to persist intent: {e}")
+
             b64_context = base64.b64encode(context_str.encode('utf-8')).decode('utf-8')
             total_context_count = self.context_deep_count + self.context_shallow_count
 
diff --git a/requirements.txt b/requirements.txt
index 4912bfe..441583d 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,3 +1,4 @@
 flask
 flask-babel
 certifi
+python-dotenv
-- 
2.52.0


From f471140bd62ae8e31dae8d081adfc25661c800b6 Mon Sep 17 00:00:00 2001
From: Tyler <1+tyss-dev@noreply.git.tysstech.com>
Date: Tue, 19 May 2026 06:01:19 -0400
Subject: [PATCH 26/26] Upload files to "dev"

---
 dev/.env.example |   39 ++
 dev/dev.py       | 1709 ++++++++++++++++++++++++++++++++++++++--------
 2 files changed, 1457 insertions(+), 291 deletions(-)
 create mode 100644 dev/.env.example

diff --git a/dev/.env.example b/dev/.env.example
new file mode 100644
index 0000000..af56ba1
--- /dev/null
+++ b/dev/.env.example
@@ -0,0 +1,39 @@
+# AI Answers Plugin — Dev Server Config
+# Copy this to .env and fill in your values
+# .env is gitignored and never committed
+
+# Ollama endpoint (required)
+LLM_URL=http://localhost:11434/v1/chat/completions
+
+# Default model
+LLM_MODEL=qwen3.5:9b
+
+# Max response tokens
+LLM_MAX_TOKENS=200
+
+# Response temperature (0.0 - 2.0)
+LLM_TEMPERATURE=0.2
+
+# Bearer token for authenticated LLM endpoints
+# Leave empty if no Bearer token is needed for your server
+LLM_API_KEY=
+
+# Live SearXNG instance for real search results
+# Leave empty to use mock results
+SEARXNG_URL=
+
+# Valkey for streaming (required)
+# Start with: docker run -d --name dev-valkey -p 6379:6379 valkey/valkey:9-alpine
+VALKEY_HOST=localhost
+VALKEY_PORT=6379
+
+# Dev server host and port
+DEV_HOST=127.0.0.1
+DEV_PORT=5000
+
+# Plugin settings
+LLM_INTERACTIVE=true
+LLM_QUESTION_MARK_REQUIRED=false
+LLM_TABS=general,science,it,news
+LLM_CONTEXT_DEEP_COUNT=5
+LLM_CONTEXT_SHALLOW_COUNT=15
diff --git a/dev/dev.py b/dev/dev.py
index 330af4d..3b24c2e 100644
--- a/dev/dev.py
+++ b/dev/dev.py
@@ -1,346 +1,1473 @@
+"""
+dev.py — AI Answers Plugin Development Server
+Provides a full-featured local dev environment for ollama_answers.py.
+
+Features:
+  - Mock SearXNG environment so the plugin loads without a real SearXNG install
+  - Optional live SearXNG backend (set SEARXNG_URL to proxy real searches)
+  - Debug console with request/response logging
+  - Plugin API explorer (all routes: /ai-stream, /ai-status, /ai-models, /ai-conversation, /ai-auxiliary-search)
+  - Dark UI matching SearXNG's default theme with real CSS vars
+  - Config panel: LLM endpoint, model, token limits, temperature
+  - Live query testing with streaming output in the browser
+
+Usage:
+  cd dev/
+  python dev.py
+
+  Or with a live SearXNG backend:
+  SEARXNG_URL=http://localhost:8080 python dev.py
+
+Environment variables (all optional):
+  LLM_URL            Ollama endpoint  (default: http://localhost:11434/v1/chat/completions)
+  LLM_MODEL          Model name       (default: qwen3.5:9b)
+  LLM_MAX_TOKENS     Max tokens       (default: 200)
+  LLM_TEMPERATURE    Temperature      (default: 0.2)
+  SEARXNG_URL        Live SearXNG URL (default: None, uses mock results)
+  DEV_PORT           Port to listen on (default: 5000)
+  DEV_HOST           Host to bind to   (default: 127.0.0.1)
+"""
+
 import sys
 import os
-sys.path.insert(0, os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
+import json
+import time
 import logging
+import hashlib
+import secrets
+import urllib.request
+import urllib.parse
 from types import ModuleType
-from flask import Flask, request, redirect
 
-logging.basicConfig(level=logging.INFO, format='%(levelname)s: %(message)s')
+# ── path setup ──────────────────────────────────────────────────────────────
+sys.path.insert(0, os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
+
+# ── .env loading ─────────────────────────────────────────────────────────────
+try:
+    from dotenv import load_dotenv
+    # look for .env in the project root (one level up from dev/)
+    _env_path = os.path.join(os.path.dirname(os.path.abspath(__file__)), '.env')
+    if os.path.exists(_env_path):
+        load_dotenv(_env_path)
+        print(f"  Loaded .env from {_env_path}")
+except ImportError:
+    pass  # python-dotenv not installed, ignore
+
+# ── logging ──────────────────────────────────────────────────────────────────
+logging.basicConfig(
+    level=logging.DEBUG,
+    format='%(asctime)s %(levelname)-8s %(name)s: %(message)s',
+    datefmt='%H:%M:%S'
+)
+logger = logging.getLogger('dev')
+
+# ── env defaults ─────────────────────────────────────────────────────────────
 os.environ.setdefault('LLM_URL', 'http://localhost:11434/v1/chat/completions')
+os.environ.setdefault('LLM_MODEL', 'qwen3.5:9b')
 
-# SearXNG module mocks
-searx = ModuleType("searx")
-searx_plugins = ModuleType("searx.plugins")
-searx_results = ModuleType("searx.result_types")
+SEARXNG_URL = os.getenv('SEARXNG_URL', '').rstrip('/')
+DEV_PORT    = int(os.getenv('DEV_PORT', 5000))
+DEV_HOST    = os.getenv('DEV_HOST', '127.0.0.1')
 
-class MockPlugin:
+# ── SearXNG module mocks ─────────────────────────────────────────────────────
+searx_mod         = ModuleType("searx")
+searx_plugins_mod = ModuleType("searx.plugins")
+searx_results_mod = ModuleType("searx.result_types")
+searx_network_mod = ModuleType("searx.network")
+
+class _MockPlugin:
     def __init__(self, cfg):
         self.active = getattr(cfg, 'active', True)
 
-class MockPluginInfo:
+class _MockPluginInfo:
     def __init__(self, **kwargs):
         self.meta = kwargs
 
-class MockEngineResults:
+class _MockEngineResults:
     def __init__(self):
         self.types = ModuleType("types")
-        self.types.Answer = lambda *args, **kwargs: kwargs.get('answer', args[0] if args else "")
+        self.types.Answer = lambda *a, **kw: kw.get('answer', a[0] if a else "")
         self._results = []
-    
     def add(self, res):
         self._results.append(res)
 
-searx_plugins.Plugin = MockPlugin
-searx_plugins.PluginInfo = MockPluginInfo
-searx_results.EngineResults = MockEngineResults
+searx_plugins_mod.Plugin     = _MockPlugin
+searx_plugins_mod.PluginInfo = _MockPluginInfo
+searx_results_mod.EngineResults = _MockEngineResults
+searx_mod.settings = {'server': {'secret_key': 'dev-secret-key'}}
 
-searx.settings = {'server': {'secret_key': 'demo-secret'}}
-searx.network = ModuleType("searx.network")
+# network mock — forwards real HTTP so Ollama calls work
+import http.client, ssl as _ssl
 
-sys.modules["searx"] = searx
-sys.modules["searx.plugins"] = searx_plugins
-sys.modules["searx.result_types"] = searx_results
-
-# Network module mock
-searx_network = ModuleType("searx.network")
-def mock_network_call(method, url, **kwargs):
-    import http.client, ssl, json
+def _real_http(method, url, **kwargs):
     from urllib.parse import urlparse
-    
-    parsed = urlparse(url)
-    port = parsed.port or (443 if parsed.scheme=='https' else 80)
-    target = f"{parsed.hostname}:{port}"
-    
-    if parsed.scheme == 'https':
-        conn = http.client.HTTPSConnection(target, timeout=30, context=ssl.create_default_context())
+    p = urlparse(url)
+    port = p.port or (443 if p.scheme == 'https' else 80)
+    path = p.path + (f'?{p.query}' if p.query else '')
+    if p.scheme == 'https':
+        conn = http.client.HTTPSConnection(p.hostname, port, timeout=30,
+                                           context=_ssl.create_default_context())
     else:
-        conn = http.client.HTTPConnection(target, timeout=30)
-    
+        conn = http.client.HTTPConnection(p.hostname, port, timeout=30)
     headers = kwargs.get('headers', {})
-    body = None
-    if kwargs.get('json'):
-        body = json.dumps(kwargs['json'])
-    elif kwargs.get('data'):
-        body = kwargs['data']
-
-    path = parsed.path
-    if parsed.query:
-        path += f"?{parsed.query}"
-    
+    body = json.dumps(kwargs['json']).encode() if kwargs.get('json') else kwargs.get('data')
     if kwargs.get('params'):
-        from urllib.parse import urlencode
-        query_str = urlencode(kwargs['params'])
-        if '?' in path:
-            path += f"&{query_str}"
-        else:
-            path += f"?{query_str}"
-
+        qs = urllib.parse.urlencode(kwargs['params'])
+        path += ('&' if '?' in path else '?') + qs
     conn.request(method, path, body=body, headers=headers)
     return conn.getresponse()
 
-def mock_stream(method, url, **kwargs):
-    res = mock_network_call(method, url, **kwargs)
-    
-    class MockResponse:
-        def __init__(self, r):
-            self.status_code = r.status
-            self.text = "Mock Response" # Stub
-            self._r = r
-    
-    def generator():
+class _MockHTTPResponse:
+    def __init__(self, r):
+        self.status_code = r.status
+        self._content = r.read()
+        self.text = self._content.decode('utf-8', errors='replace')
+    def json(self):
+        return json.loads(self.text)
+
+def _mock_get(url, **kw):
+    return _MockHTTPResponse(_real_http('GET', url, **kw))
+
+def _mock_stream(method, url, **kw):
+    r = _real_http(method, url, **kw)
+    class _Resp:
+        status_code = r.status
+        text = "streaming"
+    def _gen():
         while True:
-            chunk = res.read(128)
+            chunk = r.read(256)
             if not chunk: break
             yield chunk
+    return _Resp(), _gen()
 
-    return MockResponse(res), generator()
+searx_network_mod.stream = _mock_stream
+searx_network_mod.get    = _mock_get
 
-def mock_get(url, **kwargs):
-    import json
-    res = mock_network_call('GET', url, **kwargs)
-    
-    class MockResponse:
-        def __init__(self, r):
-            self.status_code = r.status
-            self._content = r.read()
-            self.text = self._content.decode('utf-8')
-        
-        def json(self):
-            return json.loads(self.text)
-            
-    return MockResponse(res)
+sys.modules['searx']              = searx_mod
+sys.modules['searx.plugins']      = searx_plugins_mod
+sys.modules['searx.result_types'] = searx_results_mod
+sys.modules['searx.network']      = searx_network_mod
 
-searx_network.stream = mock_stream
-searx_network.get = mock_get
-sys.modules["searx.network"] = searx_network
+# ── log capture handler for intent / score extraction ────────────────────────
+class _ScoreCaptureHandler(logging.Handler):
+    """Captures plugin log messages so dev routes can extract intent/scores."""
+    def __init__(self):
+        super().__init__()
+        self.records = []
 
-from ollama_answers import SXNGPlugin
+    def emit(self, record):
+        self.records.append(self.format(record))
+
+    def clear(self):
+        self.records.clear()
+
+_score_handler = _ScoreCaptureHandler()
+_score_handler.setFormatter(logging.Formatter('%(message)s'))
+logging.getLogger('ollama_answers').addHandler(_score_handler)
+
+# ── load plugin ───────────────────────────────────────────────────────────────
+from flask import Flask, request, redirect, jsonify, Response
 from flask_babel import Babel
+from ollama_answers import SXNGPlugin
 
-app = Flask(__name__)
+app  = Flask(__name__)
 babel = Babel(app)
 
-class MockConfig:
+class _MockCfg:
     active = True
 
-plugin = SXNGPlugin(MockConfig())
+plugin = SXNGPlugin(_MockCfg())
 plugin.init(app)
+# Override api_key from env if set
+env_key = os.getenv('LLM_API_KEY', '').strip()
+if env_key:
+    plugin.api_key = env_key
 
-@app.route("/config", methods=["POST"])
-def update_config():
-    url = request.form.get("url", "").strip()
-    bearer = request.form.get("bearer", "").strip()
-    model = request.form.get("model", "").strip()
-    query = request.form.get("q", "")
-    if url:
-        plugin.endpoint_url = url
-    plugin.api_key = bearer if bearer else "ollama"
-    if model:
-        plugin.model = model
-    redirect_q = f"?q={query}" if query else ""
-    return redirect(f"/{redirect_q}")
+# Verify Valkey is reachable
+try:
+    import valkey as _vk
+    _vk_host = os.getenv('VALKEY_HOST', 'localhost')
+    _vk_port = int(os.getenv('VALKEY_PORT', 6379))
+    _test_vk = _vk.Valkey(host=_vk_host, port=_vk_port,
+                           socket_connect_timeout=2)
+    _test_vk.ping()
+    print(f"  Valkey:      {_vk_host}:{_vk_port} ✓")
+except Exception as e:
+    print(f"""
+  ⚠ Valkey not reachable at {_vk_host}:{_vk_port}
+  Streaming will not work without Valkey.
 
+  Start one with Docker:
+    docker run -d --name dev-valkey -p 6379:6379 valkey/valkey:9-alpine
 
-@app.route("/search")
-def mock_search():
-    query = request.args.get("q", "")
-    format_type = request.args.get("format", "html")
-    
-    if format_type != "json":
-        return "Demo only supports JSON format", 400
-    
-    results = [
-        {"title": f"Result 1 for: {query}", "content": f"This is simulated content about {query}. It contains relevant information.", "url": f"https://example.com/1/{query.replace(' ', '-')}", "publishedDate": "2026-01-18"},
-        {"title": f"Result 2 for: {query}", "content": f"Additional information regarding {query}. More context and details.", "url": f"https://example.com/2/{query.replace(' ', '-')}", "publishedDate": "2026-01-17"},
-        {"title": f"Result 3 for: {query}", "content": f"Further reading on {query}. Expert analysis.", "url": f"https://example.com/3/{query.replace(' ', '-')}", "publishedDate": "2026-01-16"},
-    ]
-    
-    return {
-        "results": results,
-        "infoboxes": [],
-        "answers": [],
-        "suggestions": [f"{query} explained", f"{query} tutorial"]
+  Or set VALKEY_HOST and VALKEY_PORT in your .env file.
+  Error: {e}
+""")
+
+# ── request/response debug log storage ───────────────────────────────────────
+_DEV_SESSION = secrets.token_hex(12)
+
+_dev_log = []   # list of {ts, method, path, status, ms, req_body, resp_body}
+MAX_LOG = 100
+
+@app.before_request
+def _log_req():
+    request._dev_start = time.time()
+    request._dev_body  = request.get_data(as_text=True)
+
+@app.after_request
+def _log_resp(resp):
+    if request.path.startswith('/static'):
+        return resp
+    ms = round((time.time() - getattr(request, '_dev_start', time.time())) * 1000, 1)
+    entry = {
+        'ts':       time.strftime('%H:%M:%S'),
+        'method':   request.method,
+        'path':     request.full_path.rstrip('?'),
+        'status':   resp.status_code,
+        'ms':       ms,
+        'req':      getattr(request, '_dev_body', ''),
+        'resp':     resp.get_data(as_text=True)[:2000],
     }
+    _dev_log.insert(0, entry)
+    if len(_dev_log) > MAX_LOG:
+        _dev_log.pop()
+    return resp
 
-@app.route("/")
-def index():
-    query = request.args.get("q", "why is the sky blue")
-    
-    class MockSearchQuery:
-        pageno = 1
-        lang = 'en'
-        categories = ['general']
-    MockSearchQuery.query = query
-    
-    class MockSearch:
-        search_query = MockSearchQuery()
-        class MockResultContainer:
-            def __init__(self):
-                self.answers = set()
+# ── mock search results ───────────────────────────────────────────────────────
+MOCK_RESULTS = {
+    'default': [
+        {"title": "Wikipedia — General Knowledge",
+         "content": "A comprehensive reference covering the query topic in depth with cited sources.",
+         "url": "https://en.wikipedia.org/wiki/Main_Page", "publishedDate": "2026-01-15"},
+        {"title": "NASA Science — Research Article",
+         "content": "Peer-reviewed research providing scientific context and empirical data on the topic.",
+         "url": "https://science.nasa.gov/", "publishedDate": "2026-01-10"},
+        {"title": "Scientific American — Analysis",
+         "content": "In-depth analysis covering recent discoveries and expert commentary.",
+         "url": "https://scientificamerican.com/", "publishedDate": "2026-01-01"},
+        {"title": "BBC Science — Overview",
+         "content": "Accessible explainer covering the fundamentals and current understanding.",
+         "url": "https://bbc.com/science", "publishedDate": "2025-12-20"},
+        {"title": "MIT OpenCourseWare — Educational Resource",
+         "content": "Course materials and lecture notes providing structured educational content.",
+         "url": "https://ocw.mit.edu/", "publishedDate": "2025-12-15"},
+    ] + [
+        {"title": f"Source {i} — Additional Context",
+         "content": f"Supplementary information and supporting details from source {i}.",
+         "url": f"https://example.com/source-{i}", "publishedDate": "2025-12-01"}
+        for i in range(6, 16)
+    ]
+}
 
+def _get_results(query: str):
+    """Return real results from SearXNG if configured, else mock results."""
+    if SEARXNG_URL:
+        try:
+            qs = urllib.parse.urlencode({'q': query, 'format': 'json', 'categories': 'general'})
+            url = f"{SEARXNG_URL}/search?{qs}"
+            with urllib.request.urlopen(url, timeout=8) as r:
+                data = json.loads(r.read())
+            results = data.get('results', [])
+            logger.info(f"Live SearXNG: {len(results)} results for '{query}'")
+            return results, data.get('infoboxes', []), data.get('answers', [])
+        except Exception as e:
+            logger.warning(f"Live SearXNG failed ({e}), falling back to mock results")
+    return MOCK_RESULTS['default'], [], []
+
+# ── search route used by the demo UI ─────────────────────────────────────────
+_last_render = {'html': '', 'query': '', 'scores': [], 'intent': '—', 'summary': ''}
+
+@app.route('/dev/search')
+def dev_search():
+    query = request.args.get('q', 'why is the sky blue')
+
+    global _last_render
+    _last_render['intent'] = '…'
+    _last_render['query'] = query
+
+    class _MockSearch:
+        class _MockSearchQuery:
+            pageno     = 1
+            lang       = 'en-US'
+            categories = ['general']
+        search_query = _MockSearchQuery()
+        search_query.query = query
+
+        class _MockResultContainer:
+            def __init__(self, q):
+                self.answers   = set()
+                self._q        = q
+                self.infoboxes = []
             def get_ordered_results(self):
-                base_results = [
-                    {"title": "Wikipedia", "content": "The sky appears blue due to Rayleigh scattering of sunlight. When sunlight enters the atmosphere, it collides with gas molecules and scatters in all directions. Blue light scatters more than other colors because it travels in shorter waves.", "url": "https://en.wikipedia.org/wiki/Rayleigh_scattering", "publishedDate": "2026-01-15"},
-                    {"title": "NASA Science", "content": "Shorter blue wavelengths scatter more than longer red wavelengths. This phenomenon, discovered by Lord Rayleigh in the 1870s, explains why we see a blue sky during the day.", "url": "https://science.nasa.gov/blue-sky", "publishedDate": "2026-01-10"},
-                    {"title": "Physics Today", "content": "The atmosphere acts as a filter, scattering blue light in all directions while letting other colors pass through more directly.", "url": "https://physicstoday.org/atmosphere", "publishedDate": "2026-01-01"},
-                    {"title": "Scientific American", "content": "At sunset, light travels through more atmosphere, scattering away the blue and leaving reds and oranges.", "url": "https://scientificamerican.com/sunset", "publishedDate": "2025-12-20"},
-                    {"title": "National Geographic", "content": "Ocean color also results from light scattering and absorption by water molecules.", "url": "https://nationalgeographic.com/ocean-blue", "publishedDate": "2025-12-15"},
-                ]
-                broad_results = [
-                    {"title": "MIT OpenCourseWare: Atmospheric Physics", "content": "Course materials.", "url": "https://ocw.mit.edu/physics"},
-                    {"title": "NOAA: Understanding the Atmosphere", "content": "Educational resource.", "url": "https://noaa.gov/atmosphere"},
-                    {"title": "BBC Science: Why is the sky blue?", "content": "Explainer article.", "url": "https://bbc.com/science/sky"},
-                    {"title": "Khan Academy: Light and Color", "content": "Video lesson.", "url": "https://khanacademy.org/light"},
-                    {"title": "HowStuffWorks: Rayleigh Scattering", "content": "Detailed explanation.", "url": "https://howstuffworks.com/rayleigh"},
-                    {"title": "Physics Stack Exchange: Sky color discussion", "content": "Q&A thread.", "url": "https://physics.stackexchange.com/sky"},
-                    {"title": "Quora: Atmospheric optics explained", "content": "Community answers.", "url": "https://quora.com/atmosphere"},
-                ]
-                if 'quantum' in query.lower():
-                    return [
-                        {"title": "IBM Quantum", "content": "Quantum computers rely on qubits, which can represent 0, 1, or both via superposition. They solve complex problems faster.", "url": "https://www.ibm.com/quantum", "publishedDate": "2026-01-15"},
-                        {"title": "Nature Physics", "content": "Entanglement allows qubits to be correlated instantly across distances. This is key for quantum cryptography and teleportation.", "url": "https://nature.com/articles/quantum", "publishedDate": "2026-01-10"},
-                        {"title": "Wikipedia", "content": "Quantum computing uses quantum mechanics. Major applications include drug discovery and materials science.", "url": "https://en.wikipedia.org/wiki/Quantum_computing", "publishedDate": "2025-12-01"}
-                    ] + broad_results
-                return base_results + broad_results
-        result_container = MockResultContainer()
+                results, iboxes, _ = _get_results(self._q)
+                self.infoboxes = iboxes
+                return results
 
-    search = MockSearch()
-    plugin.post_search(None, search)
-    
-    injection_html = ""
+        result_container = _MockResultContainer(query)
+
+    session_id = secrets.token_hex(12)
+
+    # Clear prior conversation so each search starts fresh
+    try:
+        from ollama_answers import _get_valkey
+        vk = _get_valkey()
+        vk.delete(f"ai:conv:{session_id}")
+    except Exception:
+        pass
+
+    class _MockRequest:
+        cookies = {'sxng_ai_session': session_id}
+        headers = {}
+        args = {}
+        script_root = ''
+
+        class _MockForm(dict):
+            def get(self, key, default=None):
+                return default  # always return html format
+
+        form = _MockForm()
+
+    _score_handler.clear()
+    search = _MockSearch()
+    try:
+        plugin.post_search(_MockRequest(), search)
+    except Exception as e:
+        logger.error(f"post_search failed: {e}", exc_info=True)
+        return f"<p style='color:red'>post_search error: {e}</p>"
+
+    html_payload = ""
     if search.result_container.answers:
-        injection_html = list(search.result_container.answers)[0]
-    
-    bearer_display = plugin.api_key if plugin.api_key != "ollama" else ""
-    return f"""
-    <!DOCTYPE html>
-    <html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <title>AI Answers Demo</title>
-        <style>
-            body {{
-                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-                padding: 2rem;
-                max-width: 800px;
-                margin: 0 auto;
-                background: #2e3440;
-                color: #eceff4;
-            }}
-            :root {{
-                --color-result-border: #3b4252;
-                --color-result-description: #d8dee9;
-                --color-base-font: #88c0d0;
-                --color-result-link: #81a1c1;
-            }}
-            .meta {{ color: #81a1c1; font-size: 0.9rem; }}
-            hr {{ border-color: #4c566a; }}
-            a {{ color: #88c0d0; }}
-            .config-panel {{
-                background: #3b4252;
-                border-radius: 6px;
-                padding: 1rem 1.25rem;
-                margin-bottom: 1.25rem;
-            }}
-            .config-panel summary {{
-                cursor: pointer;
-                font-size: 0.85rem;
-                color: #81a1c1;
-                user-select: none;
-            }}
-            .config-panel summary:hover {{ color: #88c0d0; }}
-            .config-row {{
-                display: flex;
-                flex-direction: column;
-                gap: 0.5rem;
-                margin-top: 0.75rem;
-            }}
-            .config-row label {{
-                font-size: 0.8rem;
-                color: #81a1c1;
-            }}
-            .config-row input {{
-                background: #2e3440;
-                border: 1px solid #4c566a;
-                border-radius: 4px;
-                color: #eceff4;
-                font-size: 0.85rem;
-                padding: 0.4rem 0.6rem;
-                width: 100%;
-                box-sizing: border-box;
-            }}
-            .config-row input:focus {{ outline: none; border-color: #81a1c1; }}
-            .config-btn {{
-                margin-top: 0.75rem;
-                background: #4c566a;
-                border: none;
-                border-radius: 4px;
-                color: #eceff4;
-                cursor: pointer;
-                font-size: 0.85rem;
-                padding: 0.4rem 1rem;
-            }}
-            .config-btn:hover {{ background: #5e81ac; }}
-            .search-row {{
-                display: flex;
-                gap: 0.5rem;
-                margin-bottom: 1.25rem;
-            }}
-            .search-row input {{
-                flex: 1;
-                background: #3b4252;
-                border: 1px solid #4c566a;
-                border-radius: 4px;
-                color: #eceff4;
-                font-size: 0.95rem;
-                padding: 0.45rem 0.75rem;
-            }}
-            .search-row input:focus {{ outline: none; border-color: #81a1c1; }}
-            .search-row button {{
-                background: #5e81ac;
-                border: none;
-                border-radius: 4px;
-                color: #eceff4;
-                cursor: pointer;
-                font-size: 0.9rem;
-                padding: 0.45rem 1rem;
-            }}
-            .search-row button:hover {{ background: #81a1c1; }}
-        </style>
-    </head>
-    <body>
-        <details class="config-panel" {'open' if not bearer_display and 'localhost' in plugin.endpoint_url else ''}>
-            <summary>&#9881; Ollama Configuration</summary>
-            <form method="POST" action="/config">
-                <input type="hidden" name="q" value="{query}">
-                <div class="config-row">
-                    <label>Endpoint URL</label>
-                    <input type="text" name="url" value="{plugin.endpoint_url}" placeholder="http://localhost:11434/v1/chat/completions">
-                </div>
-                <div class="config-row">
-                    <label>Bearer Token <span style="opacity:0.5;">(optional)</span></label>
-                    <input type="text" name="bearer" value="{bearer_display}" placeholder="Leave empty if not required">
-                </div>
-                <button type="submit" class="config-btn">Apply</button>
-            </form>
-        </details>
+        raw = list(search.result_container.answers)[0]
+        # Markup objects need str() to get the HTML
+        html_payload = str(raw) if raw else ""
+        logger.info(f"Got AI answer, length: {len(html_payload)}")
+        if html_payload:
+            import re as _re
+            text_preview = _re.sub(r'<[^>]+>', '', html_payload)
+            text_preview = ' '.join(text_preview.split())[:300]
+            logger.info(f"AI output preview: {text_preview}")
+    else:
+        logger.warning("post_search produced no answers")
 
-        <form class="search-row" method="GET" action="/">
-            <input type="text" name="q" value="{query}" placeholder="Ask something...">
-            <button type="submit">Search</button>
-        </form>
+    # Parse intent, per-URL TF-IDF scores, and rerank summary from captured log records
+# Parse intent, per-URL TF-IDF scores, and rerank summary from captured log records
+    import re as _re
+    detected_intent = '—'
 
-        <p class="meta">Model: <strong>{plugin.model}</strong></p>
-        <hr>
-        {injection_html if injection_html else '<p style="color:#f66;">No response — check your Ollama endpoint and token above.</p>'}
-    </body>
-    </html>
-    """
+    scores = []
+    fallback_domains = set()
+    summary = ''
 
-if __name__ == "__main__":
-    print("AI Answers - Demo\n")
-    print(f"  Endpoint: {plugin.endpoint_url}")
-    print(f"  Model:    {plugin.model or 'N/A'}")
-    print(f"  Mode:     {'interactive' if plugin.interactive else 'simple'}")
-    print(f"\n  http://localhost:5000/?q=why+is+the+sky+blue\n")
-    app.run(debug=False, port=5000)
+    for msg in _score_handler.records:
+        m = _re.match(r'AI Answers: \[(.+?)\] score=([\d.]+) chunks=(\d+)', msg)
+        
+        if m:
+            scores.append({
+                'url': m.group(1),
+                'score': float(m.group(2)),
+                'chunks': int(m.group(3)),
+                'fallback': False
+            })
+
+        m = _re.match(r'AI Answers: falling back to snippet for \[\d+\] (.+)', msg)
+        if m:
+            fallback_domains.add(m.group(1))
+
+        m = _re.match(r'AI Answers: reranked (\d+) results, top score=([\d.]+)', msg)
+        if m:
+            summary = f"{m.group(1)} reranked · top {float(m.group(2)):.4f}"
+
+    for s in scores:
+        domain = s['url'].replace('https://', '').replace('http://', '').split('/')[0]
+
+        if domain in fallback_domains:
+            s['fallback'] = True
+
+    scores.sort(key=lambda s: s['score'], reverse=True)
+
+    # Refresh latest intent from Valkey
+    try:
+        from ollama_answers import _get_valkey
+        vk = _get_valkey()
+        latest_intent = vk.get("ai:last_intent")
+
+        if latest_intent:
+            detected_intent = latest_intent
+    except Exception:
+        pass
+
+    _last_render['html'] = html_payload
+    _last_render['query'] = query
+    _last_render['intent'] = detected_intent
+    _last_render['scores'] = scores
+    _last_render['summary'] = summary
+
+    global _last_job
+
+    _last_job['intent'] = detected_intent
+    _last_job['query'] = query
+
+    logger.warning(f"RETURNING INTENT TO UI: {repr(_last_job.get('intent'))}")
+
+    return jsonify({'ok': True, 'query': query})
+
+@app.route('/dev/render')
+def dev_render():
+    html = _last_render.get('html', '')
+    return f"""<!DOCTYPE html>
+<html>
+<head><meta charset="UTF-8">
+<style>
+  * {{ box-sizing: border-box; }}
+  body {{ margin: 0; padding: 0.5rem;
+         background: #1e1e2e; color: #cdd6f4;
+         font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+         overflow: hidden; }}
+  :root {{
+    --color-answer-background: #2a2a3e;
+    --color-answer-font: #cdd6f4;
+    --color-result-link: #89b4fa;
+    --color-base-font: #cdd6f4;
+    --color-sidebar-bg: #313346;
+    --color-result-hover: #414168;
+    --color-base-background: #1e1e2e;
+    --color-base-background-hover: rgba(255,255,255,0.05);
+    --color-search-font: #a6adc8;
+    --color-result-border: #414168;
+    --color-result-description: #bac2de;
+    --color-toolkit-select-background: #313346;
+  }}
+  #answers {{ display: none; }}
+  #results {{ display: block; min-height: 100vh; }}
+</style>
+</head>
+<body>
+<div id="answers"><div class="answer"><span>{html}</span></div></div>
+<div id="results"></div>
+</body>
+</html>"""
+
+# ── dev API log endpoint ──────────────────────────────────────────────────────
+_last_job = {'job_id': None, 'intent': None, 'model': None,
+             'query': None, 'start_ts': None}
+
+def _get_last_job_from_log():
+    for entry in _dev_log:
+        if '/ai-stream' in entry.get('path', '') and entry.get('method') == 'POST':
+            try:
+                resp = json.loads(entry.get('resp', '{}'))
+                if resp.get('job_id'):
+                    return resp['job_id']
+            except Exception:
+                pass
+    return None
+
+@app.route('/dev/log')
+def dev_log():
+    return jsonify(_dev_log)
+
+@app.route('/dev/log/clear', methods=['POST'])
+def dev_log_clear():
+    _dev_log.clear()
+    return jsonify({'ok': True})
+
+@app.route('/dev/last-job')
+def dev_last_job():
+    return jsonify(_last_job)
+
+@app.route('/dev/last-scores')
+def dev_last_scores():
+    return jsonify({
+        'scores':  _last_render.get('scores', []),
+        'intent':  _last_render.get('intent', '—'),
+        'query':   _last_render.get('query', ''),
+        'summary': _last_render.get('summary', ''),
+    })
+
+@app.route('/dev/stream-watch')
+def dev_stream_watch():
+    job_id = request.args.get('job_id', '')
+    if not job_id:
+        return jsonify({'error': 'no job_id'}), 400
+
+    def generate():
+        import valkey as _vk
+        host = os.getenv('VALKEY_HOST', 'localhost')
+        port = int(os.getenv('VALKEY_PORT', 6379))
+        v = _vk.Valkey(host=host, port=port,
+                       socket_connect_timeout=2,
+                       decode_responses=True)
+        offset = 0
+        max_polls = 600
+        polls = 0
+        while polls < max_polls:
+            polls += 1
+            time.sleep(0.1)
+            try:
+                chunks = v.lrange(f"ai:job:{job_id}:chunks", offset, -1)
+                for chunk in chunks:
+                    if chunk == '__DONE__':
+                        yield "data: __DONE__\n\n"
+                        return
+                    if chunk.startswith('__ERROR__'):
+                        yield f"data: __ERROR__{chunk[9:]}\n\n"
+                        return
+                    yield f"data: {json.dumps(chunk)}\n\n"
+                offset += len(chunks)
+            except Exception as e:
+                yield f"data: __ERROR__{e}\n\n"
+                return
+        yield "data: __DONE__\n\n"
+
+    return Response(generate(),
+                   mimetype='text/event-stream',
+                   headers={
+                       'Cache-Control': 'no-cache',
+                       'X-Accel-Buffering': 'no'
+                   })
+
+# ── dev config update ─────────────────────────────────────────────────────────
+@app.route('/dev/config', methods=['POST'])
+def dev_config():
+    global SEARXNG_URL
+    data = request.json or {}
+    if 'llm_url' in data:
+        url = data.get('llm_url', '').strip()
+        if url:
+            plugin.endpoint_url = url
+            os.environ['LLM_URL'] = url
+    if 'model' in data and data['model']:
+        plugin.model = data['model'].strip()
+        os.environ['LLM_MODEL'] = plugin.model
+    if 'max_tokens' in data:
+        try:
+            plugin.max_tokens = max(1, int(data['max_tokens']))
+        except (ValueError, TypeError):
+            pass
+    if 'temperature' in data:
+        try:
+            plugin.temperature = float(data['temperature'])
+        except (ValueError, TypeError):
+            pass
+    if 'api_key' in data:
+        plugin.api_key = data['api_key'].strip() or 'ollama'
+    if 'searxng_url' in data:
+        SEARXNG_URL = data['searxng_url'].strip().rstrip('/')
+    if 'valkey_host' in data or 'valkey_port' in data:
+        host = data.get('valkey_host', os.getenv('VALKEY_HOST', 'localhost')).strip()
+        port = int(data.get('valkey_port', os.getenv('VALKEY_PORT', 6379)))
+        os.environ['VALKEY_HOST'] = host
+        os.environ['VALKEY_PORT'] = str(port)
+        # Reset the valkey connection pool so it picks up new settings
+        import ollama_answers as _oa
+        _oa._VALKEY_POOL = None
+    return jsonify({
+        'llm_url':     plugin.endpoint_url,
+        'model':       plugin.model,
+        'max_tokens':  plugin.max_tokens,
+        'temperature': plugin.temperature,
+        'api_key':     plugin.api_key,
+        'searxng_url': SEARXNG_URL or None,
+    })
+
+@app.route('/dev/config', methods=['GET'])
+def dev_config_get():
+    return jsonify({
+        'llm_url':     plugin.endpoint_url,
+        'model':       plugin.model,
+        'max_tokens':  plugin.max_tokens,
+        'temperature': plugin.temperature,
+        'api_key':     plugin.api_key,
+        'searxng_url': SEARXNG_URL or None,
+        'interactive': plugin.interactive,
+        'allowed_tabs': list(plugin.allowed_tabs),
+        'valkey_host': os.getenv('VALKEY_HOST', 'localhost'),
+        'valkey_port': int(os.getenv('VALKEY_PORT', 6379)),
+    })
+
+# ── main dev UI ───────────────────────────────────────────────────────────────
+@app.route('/')
+def index():
+    return DEV_HTML
+
+DEV_HTML = """<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>AI Answers — Dev Server</title>
+<style>
+  :root {
+    --bg: #1e1e2e; --bg2: #2a2a3e; --bg3: #313346;
+    --border: #414168; --text: #cdd6f4; --muted: #6c7086;
+    --accent: #89b4fa; --green: #a6e3a1; --red: #f38ba8;
+    --yellow: #f9e2af; --orange: #fab387;
+    font-size: 14px;
+  }
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+  body { background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; display: flex; flex-direction: column; height: 100vh; overflow: hidden; }
+
+  /* ── top bar ── */
+  header { background: var(--bg2); border-bottom: 1px solid var(--border); padding: 0.6rem 1rem; display: flex; align-items: center; gap: 1rem; flex-shrink: 0; }
+  header h1 { font-size: 1rem; font-weight: 700; color: var(--accent); }
+  header .badge { font-size: 0.7rem; background: var(--bg3); border: 1px solid var(--border); border-radius: 4px; padding: 1px 6px; color: var(--muted); }
+  header .badge.live { border-color: var(--green); color: var(--green); }
+  header .spacer { flex: 1; }
+
+  /* ── layout ── */
+  .layout { display: flex; flex: 1; overflow: hidden; }
+
+  /* ── left panel: search + output ── */
+  .main-panel { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
+  .search-bar { padding: 0.75rem 1rem; background: var(--bg2); border-bottom: 1px solid var(--border); display: flex; gap: 0.5rem; flex-shrink: 0; }
+  .search-bar input { flex: 1; background: var(--bg3); border: 1px solid var(--border); border-radius: 6px; color: var(--text); padding: 0.45rem 0.75rem; font-size: 0.9rem; }
+  .search-bar input:focus { outline: none; border-color: var(--accent); }
+  .search-bar button { background: var(--accent); color: var(--bg); border: none; border-radius: 6px; padding: 0.45rem 1.1rem; cursor: pointer; font-weight: 600; font-size: 0.85rem; }
+  .search-bar button:hover { opacity: 0.85; }
+  .search-bar button:disabled { opacity: 0.4; cursor: default; }
+
+  .output-area { flex: 1; overflow-y: auto; padding: 1rem; }
+  .output-area #ai-output { min-height: 4rem; }
+
+  /* SearXNG CSS vars so the plugin looks right */
+  #ai-output {
+    --color-answer-background: #2a2a3e;
+    --color-answer-font: #cdd6f4;
+    --color-result-link: #89b4fa;
+    --color-base-font: #cdd6f4;
+    --color-sidebar-bg: #313346;
+    --color-result-hover: #414168;
+    --color-base-background: #1e1e2e;
+    --color-base-background-hover: rgba(255,255,255,0.05);
+    --color-search-font: #a6adc8;
+    --color-result-border: #414168;
+    --color-result-description: #bac2de;
+    --color-toolkit-select-background: #313346;
+  }
+
+  /* ── right panel: config + debug ── */
+  .side-panel { width: 360px; border-left: 1px solid var(--border); display: flex; flex-direction: column; overflow: hidden; flex-shrink: 0; }
+  .tabs { display: flex; background: var(--bg2); border-bottom: 1px solid var(--border); flex-shrink: 0; }
+  .tab { flex: 1; padding: 0.5rem; text-align: center; font-size: 0.78rem; color: var(--muted); cursor: pointer; border-bottom: 2px solid transparent; }
+  .tab.active { color: var(--accent); border-bottom-color: var(--accent); }
+  .tab-content { display: none; flex: 1; overflow-y: auto; padding: 0.75rem; flex-direction: column; gap: 0.6rem; }
+  .tab-content.active { display: flex; }
+
+  /* ── config tab ── */
+  .field label { display: block; font-size: 0.72rem; color: var(--muted); margin-bottom: 3px; text-transform: uppercase; letter-spacing: 0.04em; }
+  .field input, .field select { width: 100%; background: var(--bg3); border: 1px solid var(--border); border-radius: 5px; color: var(--text); padding: 0.35rem 0.6rem; font-size: 0.82rem; }
+  .field input:focus, .field select:focus { outline: none; border-color: var(--accent); }
+  .field input[type=range] { padding: 0; background: none; border: none; }
+  .range-row { display: flex; align-items: center; gap: 0.5rem; }
+  .range-val { font-size: 0.8rem; color: var(--accent); min-width: 2.5rem; text-align: right; }
+  .apply-btn { background: var(--accent); color: var(--bg); border: none; border-radius: 5px; padding: 0.4rem 1rem; cursor: pointer; font-weight: 700; font-size: 0.82rem; align-self: flex-start; }
+  .apply-btn:hover { opacity: 0.85; }
+  .section-title { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); border-bottom: 1px solid var(--border); padding-bottom: 0.3rem; margin-top: 0.25rem; }
+  .info-row { display: flex; justify-content: space-between; font-size: 0.78rem; }
+  .info-row span:first-child { color: var(--muted); }
+  .info-row span:last-child { color: var(--text); font-family: monospace; }
+
+  /* ── debug log tab ── */
+  .log-controls { display: flex; gap: 0.5rem; margin-bottom: 0.5rem; flex-shrink: 0; }
+  .log-controls button { background: var(--bg3); border: 1px solid var(--border); color: var(--muted); border-radius: 4px; padding: 3px 10px; cursor: pointer; font-size: 0.75rem; }
+  .log-controls button:hover { color: var(--text); border-color: var(--accent); }
+  .log-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 0.4rem; }
+  .log-entry { background: var(--bg3); border: 1px solid var(--border); border-radius: 5px; font-size: 0.75rem; overflow: hidden; }
+  .log-entry-header { display: flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.5rem; cursor: pointer; }
+  .log-entry-header:hover { background: var(--bg2); }
+  .log-ts { color: var(--muted); font-family: monospace; }
+  .log-method { font-weight: 700; font-family: monospace; }
+  .log-path { flex: 1; color: var(--text); font-family: monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .log-status { font-family: monospace; font-weight: 700; }
+  .log-ms { color: var(--muted); }
+  .log-body { display: none; border-top: 1px solid var(--border); padding: 0.5rem; }
+  .log-body.open { display: block; }
+  .log-body pre { white-space: pre-wrap; word-break: break-all; color: var(--muted); font-size: 0.72rem; max-height: 200px; overflow-y: auto; }
+  .s200 { color: var(--green); } .s4xx { color: var(--red); } .s5xx { color: var(--orange); }
+  .GET { color: var(--accent); } .POST { color: var(--green); } .DELETE { color: var(--red); }
+
+  /* ── api explorer tab ── */
+  .api-route { background: var(--bg3); border: 1px solid var(--border); border-radius: 5px; overflow: hidden; margin-bottom: 0.4rem; }
+  .api-route-header { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.6rem; cursor: pointer; }
+  .api-route-header:hover { background: var(--bg2); }
+  .api-route-body { display: none; padding: 0.6rem; border-top: 1px solid var(--border); }
+  .api-route-body.open { display: block; }
+  .api-route-body textarea { width: 100%; background: var(--bg2); border: 1px solid var(--border); border-radius: 4px; color: var(--text); font-family: monospace; font-size: 0.75rem; padding: 0.4rem; resize: vertical; }
+  .api-route-body textarea:focus { outline: none; border-color: var(--accent); }
+  .api-send { background: var(--accent); color: var(--bg); border: none; border-radius: 4px; padding: 0.3rem 0.8rem; cursor: pointer; font-size: 0.75rem; font-weight: 700; margin-top: 0.4rem; }
+  .api-resp { margin-top: 0.4rem; background: var(--bg2); border: 1px solid var(--border); border-radius: 4px; padding: 0.4rem; font-family: monospace; font-size: 0.72rem; color: var(--muted); white-space: pre-wrap; max-height: 180px; overflow-y: auto; display: none; }
+  .api-resp.visible { display: block; }
+  .method-badge { font-size: 0.68rem; font-weight: 700; padding: 1px 5px; border-radius: 3px; }
+  .mb-get { background: #1a3a5c; color: var(--accent); }
+  .mb-post { background: #1a3d2b; color: var(--green); }
+  .mb-delete { background: #3d1a1a; color: var(--red); }
+  .route-name { font-size: 0.8rem; font-family: monospace; }
+  .route-desc { font-size: 0.72rem; color: var(--muted); }
+
+  /* ── config panel overlay ── */
+
+  .no-entries { color: var(--muted); font-size: 0.8rem; text-align: center; padding: 1.5rem; }
+</style>
+</head>
+<body>
+
+<header>
+  <h1>✦ AI Answers Dev</h1>
+  <span class="badge" id="searxng-badge">Mock Results</span>
+  <span class="badge" id="ollama-badge">Ollama: checking…</span>
+  <span class="badge" id="valkey-badge">Valkey: checking…</span>
+  <span class="spacer"></span>
+</header>
+
+<div class="layout">
+  <div class="main-panel">
+    <div class="search-bar">
+      <input id="q" type="text" value="why is the sky blue" placeholder="Search query…" onkeydown="if(event.key==='Enter')doSearch()">
+      <button id="search-btn" onclick="doSearch()">Search</button>
+    </div>
+    <div class="output-area">
+      <div id="ai-output">
+        <p style="color:var(--muted);padding:0.5rem;font-size:0.85rem;">Enter a query above and click Search to test the plugin.</p>
+      </div>
+      <div id="tfidf-panel" style="display:none;margin-top:0.75rem;background:var(--bg2);border:1px solid var(--border);border-radius:6px;overflow:hidden;">
+        <div style="padding:0.4rem 0.75rem;background:var(--bg3);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;">
+          <span style="font-size:0.72rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted)">TF-IDF Relevance Scores</span>
+          <span id="tfidf-summary" style="font-size:0.72rem;color:var(--accent);font-family:monospace"></span>
+        </div>
+        <div style="padding:0.5rem 0.75rem">
+          <div id="tfidf-bars"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="side-panel">
+    <div class="tabs">
+      <div class="tab active" onclick="showTab('config')">Config</div>
+      <div class="tab" onclick="showTab('debug')">Debug Log</div>
+      <div class="tab" onclick="showTab('stream')">Stream</div>
+      <div class="tab" onclick="showTab('api')">API Explorer</div>
+    </div>
+
+    <!-- Config tab -->
+    <div class="tab-content active" id="tab-config">
+      <div class="section-title">Plugin Config</div>
+      <div class="field" id="info-url"><label>LLM Endpoint</label><span style="font-family:monospace;font-size:0.78rem;color:var(--accent)">loading…</span></div>
+      <div class="info-row"><span>Model</span><span id="info-model">—</span></div>
+      <div class="info-row"><span>Max Tokens</span><span id="info-tokens">—</span></div>
+      <div class="info-row"><span>Temperature</span><span id="info-temp">—</span></div>
+      <div class="info-row"><span>Interactive</span><span id="info-interactive">—</span></div>
+      <div class="info-row"><span>Allowed Tabs</span><span id="info-tabs">—</span></div>
+      <div class="info-row"><span>SearXNG Backend</span><span id="info-searxng">mock</span></div>
+      <div class="info-row"><span>Valkey</span><span id="info-valkey">—</span></div>
+
+      <div class="section-title" style="margin-top:0.5rem">Edit Config</div>
+      <div class="field"><label>LLM URL</label><input id="cfg-url" placeholder="http://localhost:11434/v1/chat/completions"></div>
+      <div class="field">
+        <label>Model</label>
+        <select id="cfg-model"><option value="">loading…</option></select>
+      </div>
+      <div class="field"><label>Bearer Token <span style="opacity:0.5;font-size:0.68rem;text-transform:none">(leave empty for Ollama)</span></label><input id="cfg-key" placeholder="sk-… or leave blank"></div>
+      <div class="field"><label>SearXNG URL <span style="opacity:0.5;font-size:0.68rem;text-transform:none">(optional — uses mock if blank)</span></label><input id="cfg-searxng" placeholder="http://localhost:8080"></div>
+      <div class="field"><label>Valkey Host</label>
+        <input id="cfg-valkey-host" placeholder="localhost"></div>
+      <div class="field"><label>Valkey Port</label>
+        <input id="cfg-valkey-port" type="number" placeholder="6379"></div>
+      <div class="field">
+        <label>Max Tokens: <span id="cfg-tokens-val">200</span></label>
+        <input type="range" id="cfg-tokens" min="50" max="2000" step="50" value="200" oninput="document.getElementById('cfg-tokens-val').textContent=this.value">
+      </div>
+      <div class="field">
+        <label>Temperature: <span id="cfg-temp-val">0.20</span></label>
+        <input type="range" id="cfg-temp" min="0" max="2" step="0.05" value="0.2" oninput="document.getElementById('cfg-temp-val').textContent=parseFloat(this.value).toFixed(2)">
+      </div>
+      <button class="apply-btn" onclick="applyConfig()">Apply Changes</button>
+    </div>
+
+    <!-- Debug log tab -->
+    <div class="tab-content" id="tab-debug">
+      <div class="log-controls">
+        <button onclick="refreshLog()">⟳ Refresh</button>
+        <button onclick="clearLog()">✕ Clear</button>
+        <button onclick="autoRefresh=!autoRefresh;this.textContent=autoRefresh?'⏸ Auto':'▶ Auto'">▶ Auto</button>
+      </div>
+      <div class="log-list" id="log-list">
+        <div class="no-entries">No requests yet</div>
+      </div>
+    </div>
+
+    <!-- Stream tab -->
+    <div class="tab-content" id="tab-stream">
+      <div class="log-controls">
+        <span id="stream-status" style="font-size:0.75rem;color:var(--muted)">Idle</span>
+        <span class="spacer" style="flex:1"></span>
+        <button onclick="clearStream()">✕ Clear</button>
+      </div>
+      <div style="margin-bottom:0.5rem;font-size:0.72rem;color:var(--muted)">
+        Shows token chunks arriving from Valkey in real time during streaming.
+      </div>
+      <div id="stream-meta" style="display:none;margin-bottom:0.5rem;
+           background:var(--bg3);border:1px solid var(--border);
+           border-radius:4px;padding:0.4rem 0.6rem;font-size:0.75rem;">
+        <div class="info-row"><span>Job ID</span><span id="sv-job-id" style="font-family:monospace">—</span></div>
+        <div class="info-row"><span>Intent</span><span id="sv-intent">—</span></div>
+        <div class="info-row"><span>Model</span><span id="sv-model">—</span></div>
+        <div class="info-row"><span>Chunks</span><span id="sv-chunks">0</span></div>
+        <div class="info-row"><span>Tokens est.</span><span id="sv-tokens">0</span></div>
+        <div class="info-row"><span>Elapsed</span><span id="sv-elapsed">0ms</span></div>
+      </div>
+      <div id="stream-viewer" style="
+           flex:1;overflow-y:auto;
+           background:var(--bg3);border:1px solid var(--border);
+           border-radius:4px;padding:0.5rem;
+           font-family:monospace;font-size:0.75rem;
+           line-height:1.6;color:var(--text);
+           white-space:pre-wrap;word-break:break-word;
+           min-height:200px;">
+        <span style="color:var(--muted)">Waiting for next search…</span>
+      </div>
+      <div style="margin-top:0.4rem;display:flex;gap:0.5rem;font-size:0.72rem;color:var(--muted)">
+        <span id="sv-first-token">First token: —</span>
+        <span>|</span>
+        <span id="sv-total-time">Total: —</span>
+      </div>
+    </div>
+
+    <!-- API Explorer tab -->
+    <div class="tab-content" id="tab-api">
+      <p style="font-size:0.75rem;color:var(--muted);margin-bottom:0.5rem">Test plugin routes directly. Token is auto-injected.</p>
+
+      <div class="api-route">
+        <div class="api-route-header" onclick="toggleApi(this)">
+          <span class="method-badge mb-get">GET</span>
+          <span class="route-name">/ai-models</span>
+          <span class="route-desc" style="margin-left:auto">List Ollama models</span>
+        </div>
+        <div class="api-route-body">
+          <button class="api-send" onclick="apiCall('GET','/ai-models',null,this)">Send</button>
+          <pre class="api-resp"></pre>
+        </div>
+      </div>
+
+      <div class="api-route">
+        <div class="api-route-header" onclick="toggleApi(this)">
+          <span class="method-badge mb-post">POST</span>
+          <span class="route-name">/ai-stream</span>
+          <span class="route-desc" style="margin-left:auto">Start AI stream</span>
+        </div>
+        <div class="api-route-body">
+          <textarea id="api-stream-body" rows="5">{
+  "q": "what is linux",
+  "lang": "en-US",
+  "context": "DEEP SOURCES:\\n[1] example.com: Linux is an open-source OS kernel.",
+  "model": ""
+}</textarea>
+          <button class="api-send" onclick="apiCall('POST','/ai-stream',document.getElementById('api-stream-body').value,this)">Send</button>
+          <pre class="api-resp"></pre>
+        </div>
+      </div>
+
+      <div class="api-route">
+        <div class="api-route-header" onclick="toggleApi(this)">
+          <span class="method-badge mb-get">GET</span>
+          <span class="route-name">/ai-status/{job_id}</span>
+          <span class="route-desc" style="margin-left:auto">Poll stream status</span>
+        </div>
+        <div class="api-route-body">
+          <div class="field"><label>Job ID</label><input id="api-status-jobid" placeholder="paste job_id from /ai-stream response"></div>
+          <div class="field"><label>Offset</label><input id="api-status-offset" type="number" value="0" min="0"></div>
+          <button class="api-send" onclick="apiStatusCall(this)">Send</button>
+          <pre class="api-resp"></pre>
+        </div>
+      </div>
+
+      <div class="api-route">
+        <div class="api-route-header" onclick="toggleApi(this)">
+          <span class="method-badge mb-get">GET</span>
+          <span class="route-name">/ai-conversation</span>
+          <span class="route-desc" style="margin-left:auto">Get conversation</span>
+        </div>
+        <div class="api-route-body">
+          <div class="field"><label>Session ID</label><input id="api-conv-get-sid" placeholder="session_id"></div>
+          <button class="api-send" onclick="apiConvGet(this)">Send</button>
+          <pre class="api-resp"></pre>
+        </div>
+      </div>
+
+      <div class="api-route">
+        <div class="api-route-header" onclick="toggleApi(this)">
+          <span class="method-badge mb-delete">DELETE</span>
+          <span class="route-name">/ai-conversation</span>
+          <span class="route-desc" style="margin-left:auto">Clear conversation</span>
+        </div>
+        <div class="api-route-body">
+          <div class="field"><label>Session ID</label><input id="api-conv-del-sid" placeholder="session_id"></div>
+          <button class="api-send" onclick="apiConvDelete(this)">Send</button>
+          <pre class="api-resp"></pre>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<script>
+let autoRefresh = false;
+let _token = null;
+let _sid = 'dev-session-' + Math.random().toString(36).slice(2);
+
+// ── token helper ─────────────────────────────────────────────
+async function getToken() {
+  if (_token) return _token;
+  // dev server exposes a token endpoint for convenience
+  const r = await fetch('/dev/token');
+  const d = await r.json();
+  _token = d.token;
+  return _token;
+}
+
+// ── tab switching ─────────────────────────────────────────────
+function showTab(name) {
+  document.querySelectorAll('.tab').forEach((t,i) => {
+    const names = ['config','debug','stream','api'];
+    t.classList.toggle('active', names[i] === name);
+  });
+  document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
+  document.getElementById('tab-'+name).classList.add('active');
+  if (name === 'debug') refreshLog();
+}
+
+async function loadConfig() {
+  const r = await fetch('/dev/config');
+  const d = await r.json();
+  document.getElementById('info-model').textContent = d.model;
+  document.getElementById('info-tokens').textContent = d.max_tokens;
+  document.getElementById('info-temp').textContent = d.temperature;
+  document.getElementById('info-interactive').textContent = d.interactive ? 'yes' : 'no';
+  document.getElementById('info-tabs').textContent = (d.allowed_tabs||[]).join(', ');
+  document.getElementById('info-searxng').textContent = d.searxng_url || 'mock';
+  const urlEl = document.getElementById('info-url');
+  urlEl.innerHTML = `<label>LLM Endpoint</label><span style="font-family:monospace;font-size:0.78rem;color:var(--accent)">${d.llm_url}</span>`;
+
+  const elUrl = document.getElementById('cfg-url'); if(elUrl) elUrl.value = d.llm_url;
+  const elKey = document.getElementById('cfg-key'); if(elKey) elKey.value = d.api_key === 'ollama' ? '' : d.api_key;
+  const cfgSearxng = document.getElementById('cfg-searxng');
+  if (cfgSearxng) cfgSearxng.value = d.searxng_url || '';
+  // populate model dropdown from /ai-models
+  const modelSel = document.getElementById('cfg-model');
+  if (modelSel) {
+    try {
+      const tk = await getToken();
+      const mr = await fetch('/ai-models?tk=' + encodeURIComponent(tk));
+      const md = await mr.json();
+      const models = (md.models || [d.model]).filter(m => !m.includes('embed') && !m.includes('vl:'));
+      modelSel.innerHTML = models.map(m =>
+        `<option value="${m}" ${m === d.model ? 'selected' : ''}>${m}</option>`
+      ).join('');
+    } catch {
+      modelSel.innerHTML = `<option value="${d.model}" selected>${d.model}</option>`;
+    }
+  }
+  const elTokens = document.getElementById('cfg-tokens'); if(elTokens) elTokens.value = d.max_tokens;
+  document.getElementById('cfg-tokens-val').textContent = d.max_tokens;
+  document.getElementById('cfg-temp-val').textContent = parseFloat(d.temperature).toFixed(2);
+  const elTemp = document.getElementById('cfg-temp'); if(elTemp) elTemp.value = d.temperature;
+  const cfgValkeyHost = document.getElementById('cfg-valkey-host');
+  const cfgValkeyPort = document.getElementById('cfg-valkey-port');
+  if (cfgValkeyHost) cfgValkeyHost.value = d.valkey_host || 'localhost';
+  if (cfgValkeyPort) cfgValkeyPort.value = d.valkey_port || 6379;
+  const infoValkey = document.getElementById('info-valkey');
+  if (infoValkey) infoValkey.textContent =
+      `${d.valkey_host || 'localhost'}:${d.valkey_port || 6379}`;
+}
+
+async function applyConfig() {
+  const modelEl = document.getElementById('cfg-model');
+  const body = {
+    llm_url:     document.getElementById('cfg-url')?.value,
+    model:       modelEl?.value,
+    api_key:     document.getElementById('cfg-key')?.value,
+    max_tokens:  parseInt(document.getElementById('cfg-tokens')?.value),
+    temperature: parseFloat(document.getElementById('cfg-temp')?.value),
+    searxng_url: document.getElementById('cfg-searxng')?.value || '',
+    valkey_host: document.getElementById('cfg-valkey-host')?.value || 'localhost',
+    valkey_port: parseInt(document.getElementById('cfg-valkey-port')?.value || 6379),
+  };
+  await fetch('/dev/config', { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify(body) });
+  _token = null; // invalidate cached token
+  await loadConfig();
+  checkValkey();
+}
+
+// ── search ────────────────────────────────────────────────────
+async function doSearch() {
+  const q = document.getElementById('q').value.trim();
+  if (!q) return;
+  const btn = document.getElementById('search-btn');
+  btn.disabled = true;
+  btn.textContent = 'Searching…';
+
+  const out = document.getElementById('ai-output');
+  out.innerHTML = '<p style="color:var(--muted);font-size:0.85rem;padding:0.5rem">Loading…</p>';
+
+  try {
+    const r = await fetch('/dev/search?q=' + encodeURIComponent(q));
+    if (!r.ok) throw new Error(r.statusText);
+    const d = await r.json();
+
+    if (d.ok) {
+      out.innerHTML = '';
+      const iframe = document.createElement('iframe');
+      iframe.src = '/dev/render?t=' + Date.now();
+      iframe.style.cssText = 'width:100%;border:none;background:transparent;overflow:hidden;';
+      
+      iframe.onload = () => {
+        const resize = () => {
+          try {
+            const doc = iframe.contentDocument || iframe.contentWindow.document;
+            doc.body.style.overflow = 'hidden';
+            
+            // 1. COLLAPSE FIRST: This stops the infinite height-growing loop
+            iframe.style.height = '0px';
+            
+            // 2. MEASURE SECOND: Get the true internal height of the document
+            const h = Math.max(
+              doc.body.scrollHeight,
+              doc.documentElement.scrollHeight
+            );
+            
+            // 3. APPLY THIRD: Apply the height with a 10px buffer to prevent jitter
+            if (h > 0) {
+              iframe.style.height = (h + 10) + 'px';
+            }
+          } catch(e) {
+            console.error("Cross-origin or sizing error:", e);
+          }
+        };
+        
+        resize();
+        
+        // Keep resizing as content streams in over 30 seconds
+        const resizeInterval = setInterval(resize, 200);
+        setTimeout(() => clearInterval(resizeInterval), 30000);
+        // Keep resizing as content streams in over 30 seconds
+        fetch('/dev/last-scores?t=' + Date.now())
+          .then(r => r.json())
+          .then(meta => {
+            console.log('LAST SCORES:', meta);
+
+            const intentEl = document.getElementById('intent');
+            if (intentEl) {
+              intentEl.textContent = meta.intent || '—';
+            }
+
+            const queryEl = document.getElementById('last-query');
+            if (queryEl) {
+              queryEl.textContent = meta.query || '';
+            }
+
+            const summaryEl = document.getElementById('summary');
+            if (summaryEl) {
+              summaryEl.textContent = meta.summary || '';
+            }
+          })
+          .catch(e => {
+            console.error('Failed to refresh metadata:', e);
+          });
+      };
+      out.appendChild(iframe);
+    } else {
+      out.innerHTML = `<p style="color:var(--red)">Error: ${d.error || 'unknown'}</p>`;
+    }
+  } catch(e) {
+    out.innerHTML = `<p style="color:var(--red)">Error: ${e.message}</p>`;
+  } finally {
+    btn.disabled = false;
+    btn.textContent = 'Search';
+  }
+}
+
+
+// ── debug log ─────────────────────────────────────────────────
+function statusClass(s) {
+  if (s >= 500) return 's5xx';
+  if (s >= 400) return 's4xx';
+  return 's200';
+}
+
+function fmtJson(str) {
+  try { return JSON.stringify(JSON.parse(str), null, 2); } catch { return str; }
+}
+
+async function refreshLog() {
+  const r = await fetch('/dev/log');
+  const entries = await r.json();
+  const list = document.getElementById('log-list');
+  if (!entries.length) {
+    list.innerHTML = '<div class="no-entries">No requests yet</div>';
+    return;
+  }
+  list.innerHTML = entries.map((e,i) => `
+    <div class="log-entry">
+      <div class="log-entry-header" onclick="toggleLogBody(${i})">
+        <span class="log-ts">${e.ts}</span>
+        <span class="log-method ${e.method}">${e.method}</span>
+        <span class="log-path" title="${e.path}">${e.path}</span>
+        <span class="log-status ${statusClass(e.status)}">${e.status}</span>
+        <span class="log-ms">${e.ms}ms</span>
+      </div>
+      <div class="log-body" id="log-body-${i}">
+        ${e.req ? `<div style="color:var(--muted);font-size:0.7rem;margin-bottom:3px">REQUEST</div><pre>${fmtJson(e.req)}</pre>` : ''}
+        ${e.resp ? `<div style="color:var(--muted);font-size:0.7rem;margin:4px 0 3px">RESPONSE</div><pre>${fmtJson(e.resp)}</pre>` : ''}
+      </div>
+    </div>
+  `).join('');
+}
+
+function toggleLogBody(i) {
+  document.getElementById('log-body-'+i).classList.toggle('open');
+}
+
+async function clearLog() {
+  await fetch('/dev/log/clear', {method:'POST'});
+  refreshLog();
+}
+
+setInterval(() => { if (autoRefresh) refreshLog(); }, 1500);
+
+// ── API explorer ──────────────────────────────────────────────
+function toggleApi(header) {
+  header.nextElementSibling.classList.toggle('open');
+}
+
+async function apiCall(method, path, bodyStr, btn) {
+  const tk = await getToken();
+  let url = path;
+  let opts = { method, headers: {'Content-Type':'application/json'} };
+
+  if (method === 'GET') {
+    url += (url.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(tk);
+  } else {
+    let body = {};
+    try { body = JSON.parse(bodyStr || '{}'); } catch { body = {}; }
+    body.tk = tk;
+    body.session_id = _sid;
+    opts.body = JSON.stringify(body);
+  }
+
+  const resp = btn.closest('.api-route-body').querySelector('.api-resp');
+  resp.textContent = 'Sending…';
+  resp.classList.add('visible');
+  try {
+    const r = await fetch(url, opts);
+    const text = await r.text();
+    resp.textContent = fmtJson(text);
+  } catch(e) {
+    resp.textContent = 'Error: ' + e.message;
+  }
+}
+
+async function apiStatusCall(btn) {
+  const jobId = document.getElementById('api-status-jobid').value.trim();
+  const offset = document.getElementById('api-status-offset').value || 0;
+  if (!jobId) { alert('Enter a job_id'); return; }
+  const tk = await getToken();
+  const url = `/ai-status/${jobId}?tk=${encodeURIComponent(tk)}&offset=${offset}`;
+  const resp = btn.closest('.api-route-body').querySelector('.api-resp');
+  resp.textContent = 'Sending…';
+  resp.classList.add('visible');
+  try {
+    const r = await fetch(url);
+    resp.textContent = fmtJson(await r.text());
+  } catch(e) {
+    resp.textContent = 'Error: ' + e.message;
+  }
+}
+
+async function apiConvGet(btn) {
+  const sid = document.getElementById('api-conv-get-sid').value.trim() || _sid;
+  const tk = await getToken();
+  const url = `/ai-conversation?tk=${encodeURIComponent(tk)}&session_id=${sid}`;
+  const resp = btn.closest('.api-route-body').querySelector('.api-resp');
+  resp.textContent = 'Sending…'; resp.classList.add('visible');
+  try { resp.textContent = fmtJson(await (await fetch(url)).text()); } catch(e) { resp.textContent = 'Error: '+e.message; }
+}
+
+async function apiConvDelete(btn) {
+  const sid = document.getElementById('api-conv-del-sid').value.trim() || _sid;
+  const tk = await getToken();
+  const resp = btn.closest('.api-route-body').querySelector('.api-resp');
+  resp.textContent = 'Sending…'; resp.classList.add('visible');
+  try {
+    const r = await fetch('/ai-conversation', {
+      method: 'DELETE',
+      headers: {'Content-Type':'application/json'},
+      body: JSON.stringify({tk, session_id: sid})
+    });
+    resp.textContent = fmtJson(await r.text());
+  } catch(e) { resp.textContent = 'Error: '+e.message; }
+}
+
+// ── ollama health check ───────────────────────────────────────
+async function checkOllama() {
+  const cfg = await (await fetch('/dev/config')).json();
+  const base = cfg.llm_url.replace('/v1/chat/completions','').replace('/api/chat','');
+  try {
+    const r = await fetch('/dev/ollama-check');
+    const d = await r.json();
+    const el = document.getElementById('ollama-badge');
+    if (d.ok) {
+      el.textContent = `Ollama: ${d.models} model${d.models!==1?'s':''}`;
+      el.classList.add('live');
+    } else {
+      el.textContent = 'Ollama: offline';
+    }
+  } catch { document.getElementById('ollama-badge').textContent = 'Ollama: offline'; }
+}
+
+async function checkValkey() {
+    try {
+        const r = await fetch('/dev/valkey-check');
+        const d = await r.json();
+        const el = document.getElementById('valkey-badge');
+        if (d.ok) {
+            el.textContent = `Valkey: ${d.host}:${d.port}`;
+            el.classList.add('live');
+        } else {
+            el.textContent = 'Valkey: offline';
+            el.style.borderColor = 'var(--red)';
+            el.style.color = 'var(--red)';
+        }
+    } catch {
+        document.getElementById('valkey-badge').textContent = 'Valkey: offline';
+    }
+}
+
+// ── stream viewer ─────────────────────────────────────────────
+let _streamSource = null;
+let _streamStartTs = null;
+let _streamFirstTokenTs = null;
+let _streamChunkCount = 0;
+let _streamText = '';
+
+function clearStream() {
+    document.getElementById('stream-viewer').innerHTML =
+        '<span style="color:var(--muted)">Waiting for next search…</span>';
+    document.getElementById('stream-meta').style.display = 'none';
+    document.getElementById('stream-status').textContent = 'Idle';
+    document.getElementById('stream-status').style.color = 'var(--muted)';
+    document.getElementById('sv-chunks').textContent = '0';
+    document.getElementById('sv-tokens').textContent = '0';
+    document.getElementById('sv-elapsed').textContent = '0ms';
+    document.getElementById('sv-first-token').textContent = 'First token: —';
+    document.getElementById('sv-total-time').textContent = 'Total: —';
+    _streamText = '';
+    _streamChunkCount = 0;
+    if (_streamSource) { _streamSource.close(); _streamSource = null; }
+}
+
+async function attachStreamViewer() {
+    // Find the latest job_id from the debug log
+    const r = await fetch('/dev/log');
+    const entries = await r.json();
+    let jobId = null;
+    let model = '—';
+    for (const e of entries) {
+        if (e.path && e.path.includes('/ai-stream') && e.method === 'POST') {
+            try {
+                const resp = JSON.parse(e.resp);
+                if (resp.job_id) {
+                    jobId = resp.job_id;
+                    const req = JSON.parse(e.req);
+                    model = req.model || '—';
+                }
+            } catch {}
+            break;
+        }
+    }
+    if (!jobId) return;
+
+    if (_streamSource) _streamSource.close();
+
+    _streamStartTs = Date.now();
+    _streamFirstTokenTs = null;
+    _streamChunkCount = 0;
+    _streamText = '';
+
+    // Fetch intent from last search
+    let intent = '—';
+    try {
+        const scoresR = await fetch('/dev/last-scores');
+        const scoresD = await scoresR.json();
+        intent = scoresD.intent || '—';
+    } catch {}
+
+    document.getElementById('stream-meta').style.display = 'block';
+    document.getElementById('sv-job-id').textContent = jobId;
+    document.getElementById('sv-model').textContent = model;
+    document.getElementById('sv-intent').textContent = intent;
+    document.getElementById('stream-status').textContent = '● Streaming';
+    document.getElementById('stream-status').style.color = 'var(--green)';
+
+    const viewer = document.getElementById('stream-viewer');
+    viewer.innerHTML = '';
+
+    _streamSource = new EventSource(`/dev/stream-watch?job_id=${jobId}`);
+
+    const elapsedTimer = setInterval(() => {
+        const ms = Date.now() - _streamStartTs;
+        document.getElementById('sv-elapsed').textContent = ms + 'ms';
+    }, 100);
+
+    _streamSource.onmessage = (e) => {
+        if (e.data === '__DONE__') {
+            _streamSource.close();
+            _streamSource = null;
+            clearInterval(elapsedTimer);
+            const total = Date.now() - _streamStartTs;
+            document.getElementById('stream-status').textContent = '✓ Done';
+            document.getElementById('stream-status').style.color = 'var(--green)';
+            document.getElementById('sv-total-time').textContent = `Total: ${total}ms`;
+            return;
+        }
+        if (e.data.startsWith('__ERROR__')) {
+            _streamSource.close();
+            clearInterval(elapsedTimer);
+            document.getElementById('stream-status').textContent = '✗ Error';
+            document.getElementById('stream-status').style.color = 'var(--red)';
+            viewer.innerHTML += `<span style="color:var(--red)">${e.data}</span>`;
+            return;
+        }
+        try {
+            const chunk = JSON.parse(e.data);
+            if (!_streamFirstTokenTs) {
+                _streamFirstTokenTs = Date.now();
+                const ttft = _streamFirstTokenTs - _streamStartTs;
+                document.getElementById('sv-first-token').textContent = `First token: ${ttft}ms`;
+            }
+            _streamChunkCount++;
+            _streamText += chunk;
+            document.getElementById('sv-chunks').textContent = _streamChunkCount;
+            document.getElementById('sv-tokens').textContent =
+                Math.round(_streamText.length / 4);
+
+            const span = document.createElement('span');
+            span.textContent = chunk;
+            span.style.cssText = 'background:rgba(137,180,250,0.15);' +
+                'border-radius:2px;transition:background 0.5s ease;';
+            viewer.appendChild(span);
+            setTimeout(() => span.style.background = 'transparent', 500);
+            viewer.scrollTop = viewer.scrollHeight;
+        } catch {}
+    };
+}
+
+// ── TF-IDF score visualizer ───────────────────────────────────
+async function loadTfidfScores() {
+  let d;
+  try {
+    const r = await fetch('/dev/last-scores');
+    d = await r.json();
+  } catch { return; }
+
+  const panel = document.getElementById('tfidf-panel');
+  const bars  = document.getElementById('tfidf-bars');
+  const sumEl = document.getElementById('tfidf-summary');
+
+  if (!d.scores || !d.scores.length) { panel.style.display = 'none'; return; }
+
+  panel.style.display = 'block';
+  sumEl.textContent = d.summary || '';
+
+  const maxScore = Math.max(...d.scores.map(s => s.score), 0.0001);
+  bars.innerHTML = d.scores.map(s => {
+    const pct    = (s.score / maxScore * 100).toFixed(1);
+    const domain = s.url.replace(/^https?:\\/\\//, '').split('/')[0];
+    const color  = s.fallback ? 'var(--yellow)' : 'var(--accent)';
+    const label  = s.fallback ? domain + ' ⚠' : domain;
+    const meta   = s.chunks ? ` (${s.chunks}ch)` : '';
+    return `<div style="margin-bottom:0.45rem">
+      <div style="display:flex;justify-content:space-between;font-size:0.72rem;margin-bottom:3px">
+        <span style="color:${color};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:68%" title="${s.url}">${label}</span>
+        <span style="color:var(--muted);font-family:monospace">${s.score.toFixed(4)}${meta}</span>
+      </div>
+      <div style="height:5px;background:var(--bg3);border-radius:3px;overflow:hidden">
+        <div style="height:100%;width:${pct}%;background:${color};border-radius:3px;transition:width 0.3s ease"></div>
+      </div>
+    </div>`;
+  }).join('');
+}
+
+// Auto-attach stream viewer when a search completes
+const _origDoSearch = doSearch;
+doSearch = async function() {
+    showTab('stream');
+    clearStream();
+    document.getElementById('tfidf-panel').style.display = 'none';
+    document.getElementById('tfidf-bars').innerHTML = '';
+    document.getElementById('tfidf-summary').textContent = '';
+    document.getElementById('stream-status').textContent = '⏳ Waiting for job…';
+    await _origDoSearch();
+    loadTfidfScores();
+    setTimeout(attachStreamViewer, 500);
+};
+
+// ── init ──────────────────────────────────────────────────────
+loadConfig();
+checkOllama();
+checkValkey();
+setTimeout(checkOllama, 5000);
+</script>
+</body>
+</html>
+"""
+
+# ── token endpoint (dev only) ─────────────────────────────────────────────────
+@app.route('/dev/token')
+def dev_token():
+    ts = str(time.time())
+    sig = hashlib.sha256(f"{ts}{plugin.secret}".encode()).hexdigest()
+    return jsonify({'token': f"{ts}.{sig}"})
+
+# ── ollama health check endpoint ──────────────────────────────────────────────
+@app.route('/dev/valkey-check')
+def dev_valkey_check():
+    try:
+        import valkey as _vk
+        host = os.getenv('VALKEY_HOST', 'localhost')
+        port = int(os.getenv('VALKEY_PORT', 6379))
+        v = _vk.Valkey(host=host, port=port, socket_connect_timeout=2)
+        v.ping()
+        return jsonify({'ok': True, 'host': host, 'port': port})
+    except Exception as e:
+        return jsonify({'ok': False, 'error': str(e)})
+
+@app.route('/dev/ollama-check')
+def dev_ollama_check():
+    try:
+        p = urllib.parse.urlparse(plugin.endpoint_url)
+        base = f"{p.scheme}://{p.netloc}"
+        url = f"{base}/api/tags"
+        req = urllib.request.Request(url, headers={'Authorization': f'Bearer {plugin.api_key}'})
+        with urllib.request.urlopen(req, timeout=3) as r:
+            data = json.loads(r.read())
+        models = len(data.get('models', []))
+        return jsonify({'ok': True, 'models': models})
+    except Exception as e:
+        return jsonify({'ok': False, 'error': str(e)})
+
+# ── entry point ───────────────────────────────────────────────────────────────
+if __name__ == '__main__':
+    print(f"""
+  ✦ AI Answers Dev Server
+  ─────────────────────────────────────────
+  UI:          http://{DEV_HOST}:{DEV_PORT}
+  LLM:         {plugin.endpoint_url}
+  Model:       {plugin.model}
+  Max tokens:  {plugin.max_tokens}
+  Temperature: {plugin.temperature}
+  SearXNG:     {SEARXNG_URL or 'mock results'}
+  ─────────────────────────────────────────
+""")
+    app.run(host=DEV_HOST, port=DEV_PORT, debug=False)
\ No newline at end of file
-- 
2.52.0