Optimize agent-deck web for phone view

[moonray]

I've set up agent-deck to run with cloudflared so I can securely access it whenever I'm AFK.
It would be great if we could optimize the UI, width, and aspect ratio of the terminal in the web ui for any device it's viewed on so it's easy to "code on the go" :)

This is probably not going to be simple, because the terminal window on desktop is going to be a different aspect ratio than a phone.

[moonray]

I've been using this and noticed some major issues for phone use:

• there is no ESC key on mobile keyboards
• there is no TAB key on mobile keyboards
• down, up, left right are also used a lot in opencode
• ctrl + x, ctrl + p, ctrl + [key] are often user in opencode as well
• shift enter is another oft used key combo that doesn't come with phone keyboards

Proposal: Add virtual keys for ESC and TAB (and possibly some others?) when touchscreen / mobile detected.

Another big issue is scrollability of the terminal contents using a finger; it's currently not possible, and depending on your terminal window size (dictated by your source machine), and your browser window size, you won't see the bottom of the terminal where the prompt is, or the last output is displayed; and since you can't scroll using a finger inside the terminal instance, there is no way to see it.

Aside from that, it's functionally great being able to access my coding session through my phone, from anywhere.