Tabs instead of Accordion

app.py

@@ -732,7 +732,7 @@ def save_file(file):
         shutil.copy2(file.name, dest_path)
 
         # Return success message and updated FileExplorer
-        return f"File saved as {SAVE_DIR}{new_filename}", gr.update(value=SAVE_DIR), gr.update(value=None)
+        return f"File saved as {SAVE_DIR}/{new_filename}", gr.update(value=SAVE_DIR), gr.update(value=None)
     except Exception as e:
         return f"Error saving file: {str(e)}", gr.update(value=SAVE_DIR), gr.update()
 
@@ -785,7 +785,7 @@ with gr.Blocks() as demo:
         with gr.Accordion("Leaveraging Huggingface chat"):
             gr.HTML("https://huggingface.co/chat -  Huggingface chat supports - State Management (Threads), Image Generation and editing, Websearch, Document parsing (PDF?), Assistants and larger models than zero gpu can support in July 2024 (Unquantised 30B and above)")
             gr.HTML("Existing Assistants to use and planning custom assistants placeholder")
-        with gr.Accordion("Main problem to solve - Concept combination / integration and non-linear progression planning"):
+        with gr.Tab("Main problem to solve - Concept combination / integration and non-linear progression planning"):
             gr.HTML("The story and the gameplay dont have to occur at the same time - eg. ")
             gr.Markdown("## Prompts / Mermaid diagrams to be made from the ideas for workflow")
             with gr.Tab("Using Time as a proxy for all conepts?"):
@@ -808,7 +808,7 @@ with gr.Blocks() as demo:
                 with gr.Accordion("Mermaid Structures - click to open", open=False):
                     for key, item in examplemermaidconceptblendingstrutures.items():
                         gr.Code(item, label=key)
-        with gr.Accordion("Guidance / Themes to consider before you attempt config (Currently Qwen 0.5B)", open=False):
+        with gr.Tab("Guidance / Themes to consider before you attempt config (Currently Qwen 0.5B)"):
             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")
             gr.HTML("UI can be media and all items can have media")
             with gr.Accordion("Old Ideas to merge", open=False):
@@ -887,7 +887,7 @@ with gr.Blocks() as demo:
             with gr.Tab("Themes and Topics"):
                 gr.HTML("https://en.wikipedia.org/wiki/History#Periods")
 
-        with gr.Accordion("New Config Proto Assist - Trying to abstract the process into one worflow is beyond me so multiple paths to goal (config) is the aim now", open=False):
+        with gr.Tab("New Config Proto Assist - Trying to abstract the process into one worflow is beyond me so multiple paths to goal (config) is the aim now"):
             with gr.Tab("Linear - Player List to Empty Config with Edit support"):
                 with gr.Accordion("Can copy in the Test Example State Machine tab - only linear path for now", open=False):
                     gr.Markdown("# Story and Timeline Generator")
@@ -980,7 +980,7 @@ with gr.Blocks() as demo:
                 gr.HTML("Placeholder for analysing multiple stories for their network structures and creating general rules for a strucutre generator based of named entity recognition and bias to locations or people - The extreme long way")
 
 
-        with gr.Accordion("Existing Config Crafting Progression - click to open", open=False):
+        with gr.Tab("Existing Config Crafting Progression - click to open"):
             with gr.Accordion("Test for config to gradio components order - ignore for now", open=False ):
                     gr.HTML("Placeholder for changing the render below to the one above for new config but with the ability to upload files aka the media field should be file uploader / dropdowns for all files that have been uploaded")
                     gr.Markdown("Asset Generation")