restructure

app.py

@@ -144,7 +144,7 @@ If I find an efficient way, the shaders might run in real time and be interactiv
  - [x] use embedded Shadertoy for reference/attribution (done, but some errors)
  - [] working render implementation on CPU only space (use the browser for WebGPU?)
  - [~] generate variations of return statements [ShaderEval task1](https://huggingface.co/spaces/Vipitis/ShaderEval) (missing all of the generation parameters)
- - [] generation history stating which function and orig/generated returns. (use State ??).
+ - [] generation history stating which function and orig/generated returns. (use State ??). do it as comments in the code?
  - [] generate whole functions
  - [] generate whole shaders (via prompts?)
 """
@@ -247,15 +247,17 @@ with gr.Blocks() as site:
     run_button = gr.Button("generate a alternate return statement for one function", label="generate code")
     render_button = gr.Button("render frame0 (can carsh the sapce on invalid shadercode)",label="render frame")
     time_slider = gr.Slider(minimum=0, maximum=10, value=0, label="time (update on release, also used to pick other functions as a bodge)", step=0.02)
-    #output = gr.Textbox(label="Output")
-    rendered_frame = gr.Image(shape=(512, 420), label=f"rendered frame preview")
-    # info_md = gr.Markdown(value="code_source", label="source URL for this shader", interactive=False)
-    source_embed = gr.HTML('<iframe width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/WsBcWV?gui=true&t=0&paused=true&muted=true" allowfullscreen></iframe>', label="How this shader originally renders")
-    sample_code = gr.Code(label="Current Code (will update changes you generate)", language=None, readonly=True, lines=20)
+    with gr.Row():
+        with gr.Column():
+            source_embed = gr.HTML('<iframe width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/WsBcWV?gui=true&t=0&paused=true&muted=true" allowfullscreen></iframe>', label="How this shader originally renders")
+            rendered_frame = gr.Image(shape=(512, 420), label=f"rendered frame preview")
+        sample_code = gr.Code(label="Current Code (will update changes you generate)", language=None, readonly=True, lines=20)
+    
     sample_pass = gr.State(value={})
     pipe = gr.State(value=PIPE)
     # hist_state = gr.State(Value={})
     # history_table = gr.JSON()
+    
     model_cp.submit(fn=_make_pipeline, inputs=[model_cp], outputs=[pipe])
     sample_idx.release(fn=grab_sample, inputs=[sample_idx], outputs=[sample_pass, sample_code, source_embed])
     run_button.click(fn=alter_return, inputs=[sample_code, time_slider, pipe], outputs=[sample_code])