Change settings

src/components/CompareChartE.vue

@@ -26,24 +26,17 @@ const ASSET_CUTOFF = {
   // ETH: '2025-08-15',
 };
 
-// Stable palette per agent (tweak as you like)
-const AGENT_PALETTE = [
-  '#6D4CFE', // indigo
-  '#FF6B6B', // coral
-  '#10B981', // emerald
-  '#F59E0B', // amber
-  '#06B6D4', // cyan
-  '#A855F7', // violet
-  '#64748B', // slate
-  '#E11D48', // rose
-  '#0EA5E9', // sky
-  '#84CC16', // lime
-]
+const AGENT_COLOR_MAP = {
+  HedgeFundAgent: '#6D4CFE',
+  DeepFundAgent: '#FF6B6B',
+  TradeAgent: '#10B981',
+  InvestorAgent: '#F59E0B'
+}
 
 // pick color by agent name + index (from agentColorIndex map)
 function getAgentColor(agent, idx = 0) {
   // keep simple + deterministic
-  return AGENT_PALETTE[idx % AGENT_PALETTE.length]
+  return AGENT_COLOR_MAP[agent] || '#999'
 }
 
 function drawImageInCircle(ctx, img, cx, cy, radius, { mode = 'contain', padding = 0 } = {}) {