Change settings

src/components/CompareChartE.vue

@@ -40,6 +40,12 @@ const AGENT_LOGOS = {
   'DeepFundAgent': new URL('../assets/images/agents_images/deepfund.png', import.meta.url).href,
   'TradeAgent': new URL('../assets/images/agents_images/trade.png', import.meta.url).href,
   'InvestorAgent': new URL('../assets/images/agents_images/investor.png', import.meta.url).href,
+  'BTC': new URL('../assets/images/assets_images/BTC.png', import.meta.url).href,
+  'ETH': new URL('../assets/images/assets_images/ETH.png', import.meta.url).href,
+  'MSFT': new URL('../assets/images/assets_images/MSFT.png', import.meta.url).href,
+  'BMRN': new URL('../assets/images/assets_images/BMRN.png', import.meta.url).href,
+  'MRNA': new URL('../assets/images/assets_images/MRNA.png', import.meta.url).href,
+  'TSLA': new URL('../assets/images/assets_images/TSLA.png', import.meta.url).href,
   // 'InvestorAgent': new URL('../assets/images/agents_images/investor.png', import.meta.url).href,
 };
 const MODEL_LOGOS = {
@@ -71,7 +77,7 @@ async function composeBadge(agent, model, color = '#666') {
   const mImg = await loadImg(MODEL_LOGOS[model]);
 
   // uniform canvas
-  const S = 28;                   // badge size (px)
+  const S = 50;                   // badge size (px)
   const R = S / 2;
   const canvas = document.createElement('canvas');
   canvas.width = S; canvas.height = S;
@@ -202,7 +208,7 @@ export default defineComponent({
             type: 'scatter',
             data: [ last ],
             symbol: badgeUrl ? `image://${badgeUrl}` : 'circle',
-            symbolSize: 28,
+            symbolSize: 50,
             z: 20,
             tooltip: { show: false },
             label: {
@@ -244,14 +250,13 @@ export default defineComponent({
         })
         const lastBH = bhPoints[bhPoints.length - 1]
         if (lastBH && Number.isFinite(lastBH[1])) {
-          const baseColor = getStrategyColor('', true, 0);
-          const badgeUrl = new URL(`../assets/images/assets_images/${asset}.png`, import.meta.url).href;
+          const badgeUrl = await composeBadge(asset, null, '#fff');  // ← NEW
           series.push({
             name: `${asset} · Buy&Hold •badge`,
             type: 'scatter',
             data: [ lastBH ],
             symbol: badgeUrl ? `image://${badgeUrl}` : 'circle',
-            symbolSize: 28,
+            symbolSize: 50,
             z: 19,
             tooltip: { show: false },
             label: {