minecraft

 on('ui.render',{component:'Pane'},($,e,next)=>{
  if(e.requestId!==PANE)return next(e)
  const ui=$.ui.resolve(e),{Box,Text,Button}=ui
  const columns=Math.max(20,Math.min(e.props.bodyColumns-2,100))
  const rows=Math.max(4,Math.min(e.props.scroll.bodyRows-8,30))
  const button=(key:string,label:string)=>Button({key,label,hotkey:key,plain:true,onPress:()=>action(key)})
  const line=(children:RenderChildren[])=>Box({flexDirection:'row',gap:1,children})
  const target=game.target()
  const view=e.surface==='terminal'
   ? $.ui.resolve(e).Raster({key:'world',columns,rows,cells:frame(game,columns,rows)})
   : 'Svg' in ui?ui.Svg({source:svgFrame(game,Math.min(columns,80),Math.min(rows,24)),width:columns,height:rows,alt:'Minecraft voxel world'}):Text({children:'Open /minecraft in the Claude Code terminal to play.'})
  return Box({flexDirection:'column',children:[
   Text({color:'#b8d4a0',children:`Minecraft   ${Math.floor(game.x)}, ${Math.floor(game.y)}, ${Math.floor(game.z)}   ${target&&target.id!==8?names[target.id]:'Explore'}`}),
   view,
   line(Array.from({length:7},(_,i)=>Button({key:`slot-${i+1}`,hotkey:String(i+1),label:`${i+1===game.selected?'[':''}${shortNames[i+1]}${game.inventory[i+1]}${i+1===game.selected?']':''}`,plain:true,onPress:()=>action(String(i+1))}))),
   line([button('w','Fwd'),button('a','Left'),button('s','Back'),button('d','Right'),button('j','Jump')]),
   line([button('q','Turn L'),button('e','Turn R'),button('r','Look up'),button('c','Look down')]),
   line([button('f','Mine'),button('g','Place'),Button({key:'save',hotkey:'v',label:'Save',plain:true,onPress:()=>{void persist().then(()=>{game.message='World saved';redraw()}).catch(()=>{game.message='Save failed. Press v to retry';redraw()})}})]),
   Text({dimColor:true,children:game.message}),
   Text({dimColor:true,children:'Click the pane for keys. Esc returns to Claude. Autosave on.'})
  ]})
 })