diff options
| author | YurenHao0426 <blackhao0426@gmail.com> | 2026-02-13 23:11:18 +0000 |
|---|---|---|
| committer | YurenHao0426 <blackhao0426@gmail.com> | 2026-02-13 23:11:18 +0000 |
| commit | 072d0cfa4e6a81807cc8aa2fca5d1073896609cb (patch) | |
| tree | b0d164a34bf325d6bbd3811e8f92e1ef01aec4f1 /frontend | |
| parent | cb59ecf3ac3b38ba883fc74bf810ae9e82e2a469 (diff) | |
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>
Diffstat (limited to 'frontend')
| -rw-r--r-- | frontend/src/components/nodes/LLMNode.tsx | 14 |
1 files changed, 13 insertions, 1 deletions
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> |