From 072d0cfa4e6a81807cc8aa2fca5d1073896609cb Mon Sep 17 00:00:00 2001
From: YurenHao0426 <blackhao0426@gmail.com>
Date: Fri, 13 Feb 2026 23:11:18 +0000
Subject: Add cyan border and debate label to LLMNode in debate mode

Mirrors the amber border styling of council nodes with cyan for debate
nodes, including the icon color and model count subtitle.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/nodes/LLMNode.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/nodes/LLMNode.tsx b/frontend/src/components/nodes/LLMNode.tsx
index adeb076..557c774 100644
--- a/frontend/src/components/nodes/LLMNode.tsx
+++ b/frontend/src/components/nodes/LLMNode.tsx
@@ -104,6 +104,14 @@ const LLMNode = ({ id, data, selected }: NodeProps<NodeData>) => {
               : isDark
                 ? 'bg-gray-800 border-amber-600/60'
                 : 'bg-white border-amber-300'
+            : data.debateMode
+              ? selected
+                ? isDark
+                  ? 'bg-gray-800 border-cyan-400'
+                  : 'bg-white border-cyan-500'
+                : isDark
+                  ? 'bg-gray-800 border-cyan-600/60'
+                  : 'bg-white border-cyan-300'
             : selected
               ? isDark
                 ? 'bg-gray-800 border-blue-400'
@@ -144,6 +152,8 @@ const LLMNode = ({ id, data, selected }: NodeProps<NodeData>) => {
             <Loader2 className="w-4 h-4 animate-spin text-blue-500" />
           ) : data.councilMode ? (
             <Users className={`w-4 h-4 ${isDark ? 'text-amber-400' : 'text-amber-600'}`} />
+          ) : data.debateMode ? (
+            <Users className={`w-4 h-4 ${isDark ? 'text-cyan-400' : 'text-cyan-600'}`} />
           ) : (
             <MessageSquare className={`w-4 h-4 ${
               isDisabled
@@ -164,7 +174,9 @@ const LLMNode = ({ id, data, selected }: NodeProps<NodeData>) => {
           <div className={`text-xs ${isDark ? 'text-gray-400' : 'text-gray-500'}`}>
             {data.councilMode
               ? `Council (${(data.councilModels || []).length})`
-              : data.model}
+              : data.debateMode
+                ? `Debate (${(data.debateModels || []).length})`
+                : data.model}
           </div>
         </div>
       </div>
-- 
cgit v1.2.3