Few tweaks

backend/models/schemas.py

@@ -117,7 +117,8 @@ class CompareRequest(BaseModel):
     model_b: EmbeddingModel
     strategy_b: Strategy
 
-    retrieval_mode: RetrievalMode = RetrievalMode.DENSE
+    retrieval_mode_a: RetrievalMode = RetrievalMode.DENSE
+    retrieval_mode_b: RetrievalMode = RetrievalMode.DENSE
     use_hyde: bool = False
     use_reranking: bool = False
     metadata: Optional[Dict[str, Any]] = None

backend/routers/retrieval_router.py

@@ -85,7 +85,7 @@ async def compare(request: CompareRequest):
             retrieval_text,
             request.strategy_a,
             limit,
-            request.retrieval_mode,
+            request.retrieval_mode_a,
             request.search_text,
             request.metadata,
         ),
@@ -94,7 +94,7 @@ async def compare(request: CompareRequest):
             retrieval_text,
             request.strategy_b,
             limit,
-            request.retrieval_mode,
+            request.retrieval_mode_b,
             request.search_text,
             request.metadata,
         ),

frontend/app.js

@@ -1457,7 +1457,8 @@ const domArena = {
   modelB: document.getElementById("arena-model-b"),
   strategyB: document.getElementById("arena-strategy-b"),
   resultsB: document.getElementById("arena-results-b"),
-  retrievalMode: document.getElementById("arena-retrieval-mode"),
+  retrievalModeA: document.getElementById("arena-retrieval-mode-a"),
+  retrievalModeB: document.getElementById("arena-retrieval-mode-b"),
 };
 
 if (domArena.btnOpen) {
@@ -1522,7 +1523,8 @@ if (domArena.btnFight) {
           strategy_a: domArena.strategyA.value,
           model_b: domArena.modelB.value,
           strategy_b: domArena.strategyB.value,
-          retrieval_mode: domArena.retrievalMode ? domArena.retrievalMode.value : "dense",
+          retrieval_mode_a: domArena.retrievalModeA ? domArena.retrievalModeA.value : "dense",
+          retrieval_mode_b: domArena.retrievalModeB ? domArena.retrievalModeB.value : "dense",
           use_hyde: useHyde,
           use_reranking: useReranking,
           metadata: whereClause,
@@ -1558,7 +1560,7 @@ if (domArena.btnFight) {
               ${getRankShiftBadgeHtml(chunk.original_rank, i + 1)}
             </span>
             <span class="dist-badge">
-              ${formatScoreHtml(chunk.score, chunk.original_score, domArena.retrievalMode ? domArena.retrievalMode.value : "dense", useReranking)}
+              ${formatScoreHtml(chunk.score, chunk.original_score, domArena.retrievalModeA ? domArena.retrievalModeA.value : "dense", useReranking)}
             </span>
           </div>
           <div class="query-result-text">${chunk.text_highlighted || escapeHtml(chunk.text)}</div>
@@ -1581,7 +1583,7 @@ if (domArena.btnFight) {
               ${getRankShiftBadgeHtml(chunk.original_rank, i + 1)}
             </span>
             <span class="dist-badge">
-              ${formatScoreHtml(chunk.score, chunk.original_score, domArena.retrievalMode ? domArena.retrievalMode.value : "dense", useReranking)}
+              ${formatScoreHtml(chunk.score, chunk.original_score, domArena.retrievalModeB ? domArena.retrievalModeB.value : "dense", useReranking)}
             </span>
           </div>
           <div class="query-result-text">${chunk.text_highlighted || escapeHtml(chunk.text)}</div>

frontend/index.html

@@ -332,11 +332,6 @@
           </div>
           
           <div class="arena-query-bar">
-            <select id="arena-retrieval-mode" class="select-input" style="width: 110px; flex-shrink: 0;">
-              <option value="dense" selected>Dense</option>
-              <option value="sparse">Sparse</option>
-              <option value="hybrid">Hybrid</option>
-            </select>
             <input type="text" id="arena-query-input" placeholder="Type a query to compare configurations (e.g., 'What is Clark Kent's weakness?')..." />
             <button class="btn-run" id="btn-arena-fight" style="width: 150px; flex-shrink: 0;">🔥 FIGHT!</button>
           </div>
@@ -373,6 +368,11 @@
                 <div class="arena-col-header">
                   <h3>Corner A</h3>
                   <div class="arena-config-row">
+                    <select id="arena-retrieval-mode-a" class="select-input">
+                      <option value="dense" selected>Dense</option>
+                      <option value="sparse">Sparse</option>
+                      <option value="hybrid">Hybrid</option>
+                    </select>
                     <select id="arena-model-a" class="select-input">
                       <option value="nomic-embed-text">Nomic Embed</option>
                       <option value="EmbeddingGemma">Gemma Embed</option>
@@ -383,6 +383,7 @@
                       <option value="sentence">Sentence</option>
                       <option value="recursive">Recursive</option>
                       <option value="semantic">Semantic</option>
+                      <option value="parent_child">Parent/Child</option>
                     </select>
                   </div>
                 </div>
@@ -396,6 +397,11 @@
                 <div class="arena-col-header" style="border-bottom-color: var(--info-color);">
                   <h3>Corner B</h3>
                   <div class="arena-config-row">
+                    <select id="arena-retrieval-mode-b" class="select-input">
+                      <option value="dense" selected>Dense</option>
+                      <option value="sparse">Sparse</option>
+                      <option value="hybrid">Hybrid</option>
+                    </select>
                     <select id="arena-model-b" class="select-input">
                       <option value="nomic-embed-text">Nomic Embed</option>
                       <option value="EmbeddingGemma">Gemma Embed</option>
@@ -406,6 +412,7 @@
                       <option value="sentence">Sentence</option>
                       <option value="recursive">Recursive</option>
                       <option value="semantic">Semantic</option>
+                      <option value="parent_child">Parent/Child</option>
                     </select>
                   </div>
                 </div>