Fix debate elimination display and preserve original debater role numbers

- Add elimination cards (orange themed) in Timeline showing who was convinced and by whom
- Add "N eliminated" badge in round headers
- Preserve original debater numbers after elimination by passing original_indices through debate_round()

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

2 files changed, 26 insertions, 1 deletions

diff --git a/backend/app/services/debate.py b/backend/app/services/debate.py
index 7ae25f3..086dde1 100644
--- a/backend/app/services/debate.py
+++ b/backend/app/services/debate.py
@@ -176,6 +176,8 @@ async def debate_round(
     tools_per_model: Optional[List[Optional[List[Dict[str, Any]]]]] = None,
     openrouter_api_key: Optional[str] = None,
     images: Optional[List[Dict[str, Any]]] = None,
+    original_indices: Optional[List[int]] = None,
+    original_total: Optional[int] = None,
 ) -> AsyncGenerator[Dict[str, Any], None]:
     """
     Query debate models for one round.
@@ -188,10 +190,12 @@ async def debate_round(
         idx: int, config: LLMConfig,
         current_round_so_far: Optional[List[Dict[str, Any]]] = None,
     ) -> Dict[str, Any]:
+        mi = original_indices[idx] if original_indices else idx
+        tm = original_total if original_total else len(configs)
         prompt = build_debate_prompt(
             user_prompt, debate_history, config.model_name,
             round_num, debate_format, custom_prompt,
-            model_index=idx, total_models=len(configs),
+            model_index=mi, total_models=tm,
             current_round_so_far=current_round_so_far,
         )
         atts = attachments_per_model[idx] if attachments_per_model else None
@@ -439,6 +443,8 @@ async def debate_event_stream(
             tools_per_model=active_tools,
             openrouter_api_key=openrouter_api_key,
             images=images,
+            original_indices=active_indices,
+            original_total=len(member_configs),
         ):
             round_responses.append(result)
             yield _sse_event({
diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index 474a969..7aed93c 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -3081,6 +3081,13 @@ const Sidebar: React.FC<SidebarProps> = ({ isOpen, onToggle, onInteract }) => {
                             >
                               <span>Round {round.round} ({round.responses.length} responses)</span>
                               <div className="flex items-center gap-2">
+                                {round.eliminated && round.eliminated.length > 0 && (
+                                  <span className={`px-1.5 py-0.5 rounded text-[10px] ${
+                                    isDark ? 'bg-orange-900/50 text-orange-300' : 'bg-orange-100 text-orange-700'
+                                  }`}>
+                                    {round.eliminated.length} eliminated
+                                  </span>
+                                )}
                                 {round.judgeDecision && (
                                   <span className={`px-1.5 py-0.5 rounded text-[10px] ${
                                     round.judgeDecision.continue
@@ -3118,6 +3125,18 @@ const Sidebar: React.FC<SidebarProps> = ({ isOpen, onToggle, onInteract }) => {
                                     </div>
                                   </div>
                                 ))}
+                                {round.eliminated && round.eliminated.length > 0 && (
+                                  <div className="space-y-1">
+                                    {round.eliminated.map((elim, ei) => (
+                                      <div key={ei} className={`rounded border p-2 text-xs ${isDark ? 'border-orange-800/50 bg-orange-900/20 text-orange-200' : 'border-orange-200 bg-orange-50 text-orange-800'}`}>
+                                        <div className="font-semibold mb-1">
+                                          {elim.model} was convinced{elim.convincedBy && <> by <span className="text-orange-400">{elim.convincedBy}</span></>}
+                                        </div>
+                                        <div className="whitespace-pre-wrap">{elim.reasoning}</div>
+                                      </div>
+                                    ))}
+                                  </div>
+                                )}
                                 {round.judgeDecision && (
                                   <div className={`rounded border p-2 text-xs ${isDark ? 'border-amber-800/50 bg-amber-900/20 text-amber-200' : 'border-amber-200 bg-amber-50 text-amber-800'}`}>
                                     <div className="font-semibold mb-1">Judge Decision</div>