Change settings

src/components/CompareChartE.vue

@@ -138,13 +138,20 @@ async function composeBadge(agent, model, color = '#666') {
   canvas.width = S; canvas.height = S;
   const ctx = canvas.getContext('2d');
 
-  // base circle
+  const ring = 3;           // outer colored ring thickness
+  const padImg = 4;         // extra breathing room for the logo
+
+  // base colored circle (ring)
   ctx.fillStyle = color;
   ctx.beginPath(); ctx.arc(R, R, R, 0, Math.PI * 2); ctx.fill();
 
+  // inner white disk
+  ctx.fillStyle = '#fff';
+  ctx.beginPath(); ctx.arc(R, R, R - ring, 0, Math.PI * 2); ctx.fill();
+
   // agent logo (fit into inner circle)
   if (aImg) {
-    drawImageInCircle(ctx, aImg, R, R, R - 1, { mode: 'contain', padding: 6 });
+    drawImageInCircle(ctx, aImg, R, R, R - ring, { mode: 'contain', padding: padImg });
   }
 
   // model puck (bottom-right)