From 13659fd41403e91330ee662789b5649bb52ab53b Mon Sep 17 00:00:00 2001
From: Patrick Plate <pplate@fedora.fritz.box>
Date: Sat, 4 Apr 2026 19:27:24 +0200
Subject: [PATCH] fix(bigmind): add background-image inline style to
 achievement card ach-image divs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The .ach-image div had correct CSS dimensions (64x64) and background-size:cover
but was missing the inline style="background-image: url(...)" — so the div
rendered as an empty circle. Fixed by extracting img_url variable and applying
it as style attribute in the f-string. All 39 achievement PNGs now load.

303/303 tests passing.
---
 mcp/bigmind/bigmind/web_render.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/mcp/bigmind/bigmind/web_render.py b/mcp/bigmind/bigmind/web_render.py
index a1273a0..d812e97 100644
--- a/mcp/bigmind/bigmind/web_render.py
+++ b/mcp/bigmind/bigmind/web_render.py
@@ -33,7 +33,8 @@ def _render_achievements(achievements: list) -> str:
 
         if a.get("image"):
             tier = a["id"].rsplit("_", 1)[-1]
-            visual_html = f'<div class="ach-image tier-{tier}">{lock_overlay}</div>'
+            img_url = _esc(a["image"])
+            visual_html = f'<div class="ach-image tier-{tier}" style="background-image: url({img_url});">{lock_overlay}</div>'
         else:
             visual_html = f'<div class="ach-icon">{a["icon"]}{lock_overlay}</div>'