UI Overhaul

[jeremyfowers]

Goals:

• Much easier to film for demo videos
• Overall cleaner look, and fits better on smaller screens

High-level ideas:

1. Much better responsive design, should scale down to phone screen dimensions (see figure 1)
2. Converge LLM Output and GAME LIBRARY into a single UI element, rather than having an empty GAME LIBRARY during game gen (see Figure 2)
3. Make the prompt area taller, less wide, use bigger font, etc. to make it easier to film and read (see Figure 3).

Prereq: should probably implement #34 first.

Figure 1. Broken responsive design. Figure 2. Wasted space during game gen. Figure 3. Awkwardly long and short prompt box.

Thoughts/suggestions @vgodsoe?

[vgodsoe]

This seems like great updates that would really improve the UI.
I think you covered this in bullet 2 above, but it would be great if you could play games while the next game is being generated. Something for the user to do while they wait for the next game. :)

[jeremyfowers]

I think you covered this in bullet 2 above, but it would be great if you could play games while the next game is being generated. Something for the user to do while they wait for the next game. :)

I wasn't planning on enabling this because it would make the app much more complex. Would need to handle these multi-thread/multi-process problems:

• What happens if the current game crashes while the LLM is busy generating a new game? (normally we would attempt LLM debugging)
• What happens to the current game when the LLM is done generating the next game?

Too much scope to take on right now!