UI reorder test

app.py

@@ -780,15 +780,6 @@ def LinPEWFformat_prompt(current_prompt, prev_messages):
 #-----------------------------------------------------------------------------------------------------------------------------------
 
 with gr.Blocks() as demo:
-    gr.HTML("""<div style="width: 100%; text-align: center">Main ideas for this space is (June 2024) (Custom component planning?):</div>
-    <div style="display: flex; justify-content: center; margin-bottom: 20px; align-items: center;">
-        <div style="width: 20%; text-align: center">We can generate almost any media data and more </div>
-        <div style="width: 20%; text-align: center">A program exist around data </div>
-        <div style="width: 20%; text-align: center">Time moves in a straight so all considerations are flattend by the nature of time </div>
-        <div style="width: 20%; text-align: center">llms good at short questions </div>
-        <div style="width: 20%; text-align: center">HF + Gradio allows for api use so this my prototype tool for tool use test</div>
-    </div>""")
-
     with gr.Accordion("Config and Asset Assistance - Click to open", open=False):
         with gr.Accordion("Guidance / Themes to consider before you attempt config (Currently Qwen 0.5B)", open=False):
             gr.HTML("Copy paste any old config to llm and ask to remix is the easiest <br>To bake 'Moral of the story' in you have to be very deliberate")
@@ -1007,56 +998,65 @@ Creating more diverse paths through the game""")
                 </div>""")
 
 
-    with gr.Accordion("Temporary Asset Management Assist - click to open", open=False):
-        gr.HTML("Make Files and Text ideas for the field and paste <br>When Space is restarted it will clear - zip export and import will be added later")
-        with gr.Accordion("Upload Files for config"):
-            gr.Markdown("# Media Saver and Explorer (refresh file list to be resolved - for now upload all files and reload the space - they persist as long as the space creator doesnt reset/update the space - will add manual clear options later)")
-            with gr.Tab("Upload Files"):
-                file_input = gr.File(label="Choose File to Upload")
-                save_output = gr.Textbox(label="Upload Status")
-
-            with gr.Tab("File Explorer"):
-                
-                file_explorer = gr.FileExplorer(
-                    root_dir=SAVE_DIR,
-                    glob="*.*",
-                    file_count="single",
-                    height=300,
-                    label="Select a file to view"
-                )
-                with gr.Row():
-                    refresh_button = gr.Button("Refresh", scale=1)
-                    view_button = gr.Button("View File")
-                image_output = gr.Image(label="Image Output", type="pil")
-                audio_output = gr.Audio(label="Audio Output")
-                video_output = gr.Video(label="Video Output")
-                error_output = gr.Textbox(label="Error")
-
-            file_input.upload(
-                save_file,
-                inputs=file_input,
-                outputs=[save_output, file_explorer, file_input]
-            )
-
-            view_button.click(
-                view_file,
-                inputs=file_explorer,
-                outputs=[image_output, audio_output, video_output, error_output]
-            )
-
-            refresh_button.click(
-                refresh_file_explorer,
-                outputs=file_explorer
-            )
-
-            with gr.Tab("Batch add files to config"):
-                gr.HTML("Placeholder for Config parser to allow dropdowns for the media parts of the config inserted to make assigning media quick")
-                gr.HTML("Placeholder for Config parser to allow for current zerospace creation and placement into the config (LLM can give list of media but still have to figure out workflow from there)")
-
-            gr.HTML("Placeholder for clearing uploaded assets (public space and temporary persistence = sharing and space problems)")    
+        
     
     with gr.Row():
         with gr.Column(scale=1):
+            gr.HTML("""<div style="width: 100%; text-align: center">Main ideas for this space is (June 2024) (Custom component planning?):</div>
+            <div style="display: flex; justify-content: center; margin-bottom: 20px; align-items: center;">
+                <div style="width: 20%; text-align: center">We can generate almost any media data and more </div>
+                <div style="width: 20%; text-align: center">A program exist around data </div>
+                <div style="width: 20%; text-align: center">Time moves in a straight so all considerations are flattend by the nature of time </div>
+                <div style="width: 20%; text-align: center">llms good at short questions </div>
+                <div style="width: 20%; text-align: center">HF + Gradio allows for api use so this my prototype tool for tool use test</div>
+            </div>""")
+            with gr.Accordion("Temporary Asset Management Assist - click to open", open=False):
+                gr.HTML("Make Files and Text ideas for the field and paste <br>When Space is restarted it will clear - zip export and import will be added later")
+                with gr.Accordion("Upload Files for config"):
+                    gr.Markdown("# Media Saver and Explorer (refresh file list to be resolved - for now upload all files and reload the space - they persist as long as the space creator doesnt reset/update the space - will add manual clear options later)")
+                    with gr.Tab("Upload Files"):
+                        file_input = gr.File(label="Choose File to Upload")
+                        save_output = gr.Textbox(label="Upload Status")
+
+                    with gr.Tab("File Explorer"):
+                        
+                        file_explorer = gr.FileExplorer(
+                            root_dir=SAVE_DIR,
+                            glob="*.*",
+                            file_count="single",
+                            height=300,
+                            label="Select a file to view"
+                        )
+                        with gr.Row():
+                            refresh_button = gr.Button("Refresh", scale=1)
+                            view_button = gr.Button("View File")
+                        image_output = gr.Image(label="Image Output", type="pil")
+                        audio_output = gr.Audio(label="Audio Output")
+                        video_output = gr.Video(label="Video Output")
+                        error_output = gr.Textbox(label="Error")
+
+                    file_input.upload(
+                        save_file,
+                        inputs=file_input,
+                        outputs=[save_output, file_explorer, file_input]
+                    )
+
+                    view_button.click(
+                        view_file,
+                        inputs=file_explorer,
+                        outputs=[image_output, audio_output, video_output, error_output]
+                    )
+
+                    refresh_button.click(
+                        refresh_file_explorer,
+                        outputs=file_explorer
+                    )
+
+                    with gr.Tab("Batch add files to config"):
+                        gr.HTML("Placeholder for Config parser to allow dropdowns for the media parts of the config inserted to make assigning media quick")
+                        gr.HTML("Placeholder for Config parser to allow for current zerospace creation and placement into the config (LLM can give list of media but still have to figure out workflow from there)")
+
+                    gr.HTML("Placeholder for clearing uploaded assets (public space and temporary persistence = sharing and space problems)")
             with gr.Accordion("My Previous Quick Config Attempts", open=False):
                 for experimetal_config_name, experimetal_config in ExampleGameConfigs.items():
                     with gr.Tab(experimetal_config_name):