Merge pull request 'burn: show boosted rates and click power in building/action UI' (#62) from burn/20260410-2215-boosted-rates-click-power into main

Merge PR #62: burn: show boosted rates and click power

index.html

@@ -130,6 +130,7 @@ body{background:var(--bg);color:var(--text);font-family:'SF Mono','Cascadia Code
 <div class="panel" id="action-panel" role="region" aria-label="Actions">
 <h2>ACTIONS</h2>
 <div class="action-btn-group"><button class="main-btn" onclick="writeCode()" aria-label="Write code, generates code resource">WRITE CODE</button></div>
+<div id="click-power-display" role="status" style="text-align:center;font-size:10px;color:#4a9eff;margin-top:4px"></div>
 <div id="combo-display" role="status" aria-live="polite" style="text-align:center;font-size:10px;color:var(--dim);height:14px;margin-bottom:4px;transition:all 0.2s"></div>
 <div id="debuffs" style="display:none;margin-top:8px"></div>
 <div class="action-btn-group">

js/engine.js

@@ -918,7 +918,13 @@ function renderBuildings() {
             if (qty > 1) costStr = `x${qty}: ${costStr}`;
         }
 
-        const rateStr = def.rates ? Object.entries(def.rates).map(([r, v]) => `+${v}/${r}/s`).join(', ') : '';
+        // Show boosted rates instead of raw base rates
+        const boostMap = { code: G.codeBoost, compute: G.computeBoost, knowledge: G.knowledgeBoost, user: G.userBoost, impact: G.impactBoost, rescues: G.impactBoost };
+        const rateStr = def.rates ? Object.entries(def.rates).map(([r, v]) => {
+            const boost = boostMap[r] || 1;
+            const boosted = v * boost;
+            return boost !== 1 ? `+${fmt(boosted)}/${r}/s` : `+${v}/${r}/s`;
+        }).join(', ') : '';
 
         html += `<button class="build-btn ${afford ? 'can-buy' : ''}" onclick="buyBuilding('${def.id}')" title="${def.edu}" aria-label="Buy ${def.name}, cost ${costStr}">`;
         html += `<span class="b-name">${def.name}</span>`;

js/render.js

@@ -12,6 +12,17 @@ function render() {
     renderSprint();
     renderPulse();
     renderStrategy();
+    renderClickPower();
+}
+
+function renderClickPower() {
+    const el = document.getElementById('click-power-display');
+    if (!el) return;
+    const power = getClickPower();
+    el.textContent = `Click power: ${fmt(power)} code`;
+    // Also update the button's aria-label for accessibility
+    const btn = document.querySelector('.main-btn');
+    if (btn) btn.setAttribute('aria-label', `Write code, generates ${fmt(power)} code per click`);
 }
 
 function renderStrategy() {