\n inference ${online ? html`\\u00B7 online learning on prompt` : \"\"}\n

setPrompt(e.target.value)}\n        onKeyDown=${(e: any) => { if (e.key === \"Enter\" && !e.shiftKey) { e.preventDefault(); generate(); } }}\n        placeholder=\"type a prompt\\u2026\"\n        style=${{ flex: 1, height: 36, background: \"#0a0a12\", border: \"1px solid #1a1a2e\", color: \"#c9d1d9\", padding: 6, borderRadius: 4, fontSize: 11, resize: \"vertical\", outline: \"none\" }}/>\n      <button class=\"btn\" onClick=${generate} disabled=${!prompt}\n        style=${{ color: prompt ? \"#63b3ed\" : \"#333\" }}>generate</button>\n    </div>\n    ${perChar.length > 0 && html`<div>\n      <div style=${{ fontSize: 9, color: \"#888\", marginBottom: 4 }}>\n        prompt: <span style=${{ color: \"#f59e0b\", fontWeight: 600 }}>${avgBPB.toFixed(2)}</span> bpb\n      </div>\n      <div style=${{ fontSize: 13, lineHeight: 1.7, wordBreak: \"break-all\", marginBottom: 4, fontFamily: \"'JetBrains Mono',monospace\" }}>\n        ${perChar.map((ch: any, i: number) => {\n          const s = Math.min(ch.loss / 5.5, 1);\n          const bg = s > .7 ? \"rgba(239,68,68,\" + (s * .3) + \")\" : s > .3 ? \"rgba(245,158,11,\" + (s * .3) + \")\" : \"rgba(74,222,128,\" + (.15 + .2 * (1 - s)) + \")\";\n          return html`<span key=${i} title=${ch.loss.toFixed(2) + \"b p=\" + (ch.p * 100).toFixed(1) + \"%\"} style=${{ background: bg, color: s > .7 ? \"#fca5a5\" : s > .3 ? \"#fcd34d\" : \"#bbf7d0\" }}>${ch.ch}</span>`;\n        })}\n      </div>\n    </div>`}\n    ${generated && html`<div style=${{ marginTop: 4 }}>\n      <span class=\"sm up\" style=${{ marginRight: 4 }}>completion \\u2192</span>\n      <span style=${{ fontSize: 13, color: \"#63b3ed\", fontFamily: \"'JetBrains Mono',monospace\" }}>${generated}</span>\n    </div>`}\n  </div>`;\n}\n","deleted","label",[179,160],"ui","permalink","https://www.val.town/x/c15r/microgpt/code/ui/inference.ts","extension","actionData","errors"]
</article></body></html>