From 9926f9fd1995bb32c2915b55c647f0e849364e1c Mon Sep 17 00:00:00 2001
From: Garrett <gflynn@usc.edu>
Date: Tue, 10 Oct 2023 17:36:37 -0700
Subject: [PATCH 01/14] Push all updates

---
 docs/developer_guide.rst                      |   2 +-
 pyflask/manageNeuroconv/manage_neuroconv.py   |   5 +-
 schemas/json/dandi/global.json                |   2 +-
 src/renderer/assets/css/global.css            |   2 +-
 src/renderer/assets/css/guided.css            |  13 +-
 src/renderer/assets/css/main.css              |  37 +--
 src/renderer/assets/css/section.css           |  10 -
 src/renderer/assets/css/variables.css         |   5 +-
 src/renderer/src/stories/Main.js              |   8 +-
 src/renderer/src/stories/NavigationSidebar.js |   4 +-
 src/renderer/src/stories/Search.js            |   4 +-
 src/renderer/src/stories/Table.js             |   1 -
 .../src/stories/pages/contact-us/Contact.js   |  42 ++-
 .../pages/documentation/Documentation.js      |   2 -
 .../pages/getting-started/GettingStarted.js   |   7 +-
 .../stories/pages/guided-mode/GuidedHome.js   |  95 ++++---
 .../stories/pages/guided-mode/GuidedStart.js  |  49 +++-
 .../stories/pages/guided-mode/ProgressCard.js |  25 +-
 .../pages/guided-mode/data/GuidedMetadata.js  |   9 +-
 .../guided-mode/data/GuidedPathExpansion.js   |  21 +-
 .../pages/guided-mode/setup/GuidedSubjects.js |   2 +-
 .../src/stories/pages/inspect/InspectPage.js  |   4 +-
 .../src/stories/pages/preview/PreviewPage.js  |   2 +-
 .../stories/pages/settings/SettingsPage.js    |  32 ++-
 .../src/stories/pages/tutorial/Tutorial.js    | 257 +++++++++---------
 .../src/stories/pages/uploads/UploadsPage.js  |   2 +-
 .../preview/inspector/InspectorList.js        |   7 +-
 27 files changed, 313 insertions(+), 336 deletions(-)

diff --git a/docs/developer_guide.rst b/docs/developer_guide.rst
index e191ff894..0eae33f35 100644
--- a/docs/developer_guide.rst
+++ b/docs/developer_guide.rst
@@ -75,7 +75,7 @@ This will automatically add the new page to the sidebar. The page itself can be
         constructor(...args) {
             super(...args);
 
-            console.log(this.info.globalState) // This will print the global state that is currently being passed between subpages (i.e. within guided mode)
+            console.log(this.info.globalState) // This will print the global state that is currently being passed between subpages
         }
 
         render() {
diff --git a/pyflask/manageNeuroconv/manage_neuroconv.py b/pyflask/manageNeuroconv/manage_neuroconv.py
index 2045f2d42..9662905f1 100644
--- a/pyflask/manageNeuroconv/manage_neuroconv.py
+++ b/pyflask/manageNeuroconv/manage_neuroconv.py
@@ -342,8 +342,7 @@ def convert_to_nwb(info: dict) -> str:
 
     # Remove symlink placed at the default_output_directory if this will hold real data
     if (
-        not run_stub_test
-        and resolved_output_directory == default_output_directory
+        resolved_output_directory == default_output_directory
         and default_output_directory.is_symlink()
     ):
         default_output_directory.unlink()
@@ -401,7 +400,7 @@ def update_conversion_progress(**kwargs):
     )
 
     # Create a symlink between the fake data and custom data
-    if not run_stub_test and not resolved_output_directory == default_output_directory:
+    if not resolved_output_directory == default_output_directory:
         if default_output_directory.exists():
             # If default default_output_directory is not a symlink, delete all contents and create a symlink there
             if not default_output_directory.is_symlink():
diff --git a/schemas/json/dandi/global.json b/schemas/json/dandi/global.json
index 1680fd34d..e44e06df6 100644
--- a/schemas/json/dandi/global.json
+++ b/schemas/json/dandi/global.json
@@ -14,7 +14,7 @@
                     "description": "From the <a href='https://gui-staging.dandiarchive.org' target='_blank'>staging (testing) server</a>"
                 }
             },
-            "required": ["main_api_key", "staging_api_key"]
+            "required": ["main_api_key"]
         }
     }
 }
diff --git a/src/renderer/assets/css/global.css b/src/renderer/assets/css/global.css
index a238aa68f..bb44ffba5 100755
--- a/src/renderer/assets/css/global.css
+++ b/src/renderer/assets/css/global.css
@@ -10,7 +10,7 @@
 
 /*  Notfy */
 .notyf__toast {
-    max-width: clamp(300px, 40vw, min-content) !important;
+    max-width: 40vw !important;
 }
 
 .notyf__message {
diff --git a/src/renderer/assets/css/guided.css b/src/renderer/assets/css/guided.css
index fef0872e0..33ab62748 100644
--- a/src/renderer/assets/css/guided.css
+++ b/src/renderer/assets/css/guided.css
@@ -27,7 +27,6 @@
     width: 100%;
     height: 100%;
     border-radius: 5px;
-    margin-top: 15px;
 }
 
 .guided--nav-bar-dropdown {
@@ -434,14 +433,6 @@
     margin: 6px;
 }
 
-.guided--main-tab,
-.guided--parent-tab {
-    height: 100%;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-}
-
 .guided--page,
 .guided--panel {
     width: 100%;
@@ -900,9 +891,9 @@ h1.guided--text-sub-step {
     background-color: var(--color-border);
     border: none;
     display: inline-block;
-    cursor: pointer;
     border-radius: 16px;
 }
+
 .guided--capsule.active {
     background-color: var(--color-light-green);
 }
@@ -922,7 +913,6 @@ h1.guided--text-sub-step {
     background-color: #d5eaff;
     border: none;
     display: inline-block;
-    cursor: pointer;
     transform: skewx(-25deg);
 }
 .guided--capsule-sub-page.active {
@@ -1196,7 +1186,6 @@ h1.guided--text-sub-step {
     margin-bottom: 15px;
     border-bottom: 5px solid #b80d49;
     width: 100%;
-    margin-top: -0.5rem !important;
 }
 
 .guided--button-tab-container {
diff --git a/src/renderer/assets/css/main.css b/src/renderer/assets/css/main.css
index e7da66550..b1eb0db0a 100644
--- a/src/renderer/assets/css/main.css
+++ b/src/renderer/assets/css/main.css
@@ -1471,43 +1471,12 @@ details[open] > summary::before {
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.getting-started-overview {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-    height: 100%;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    /* display: grid;
-  grid-template-rows: 68% 14% 15%; */
-}
-
-.getting-started-header {
-    width: auto;
-    height: 18rem;
+.standalone-section {
+    width: 100%;
     display: flex;
     flex-direction: column;
-    justify-content: center;
-    margin: 0 auto;
-    margin-top: 3rem;
     align-items: center;
-    margin-bottom: 0rem;
-}
-
-.front-page_logo {
-    margin-top: 0.5rem;
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    width: 63rem;
-    flex-direction: column;
-    justify-content: center;
-}
-
-.header-text {
-    font-size: 18px;
-    margin-top: 1rem;
-    font-weight: bold;
+    margin-bottom: 20px;
 }
 
 .overview-card-layout {
diff --git a/src/renderer/assets/css/section.css b/src/renderer/assets/css/section.css
index af8b679f0..ce05dcc80 100755
--- a/src/renderer/assets/css/section.css
+++ b/src/renderer/assets/css/section.css
@@ -1,22 +1,12 @@
 /* Section ------------------ */
 
 .section {
-    /* position: absolute; */
-    top: 0;
-    left: 210px;
-    right: 0;
-    bottom: 0;
     height: 100%;
     width: 100%;
     margin-right: 0;
     padding: 0px 50px 50px 50px;
     display: flex;
     flex-direction: column;
-    /* display: grid;
-    grid-template-rows: min-content auto;
-    grid-template-columns: 1fr; */
-    /* padding-top: 7px;
-  padding-left: 30px; */
     box-sizing: border-box;
     overflow-x: hidden;
     overflow-y: auto;
diff --git a/src/renderer/assets/css/variables.css b/src/renderer/assets/css/variables.css
index d38aac2c4..0554f24fc 100755
--- a/src/renderer/assets/css/variables.css
+++ b/src/renderer/assets/css/variables.css
@@ -32,9 +32,8 @@
 .u-category-windows {
     --color-accent: hsl(190, 60%, 36%);
 }
-.u-category-menu {
-    --color-accent: hsl(190, 60%, 36%);
-}
+
+
 .u-category-native-ui {
     --color-accent: hsl(222, 53%, 50%);
 }
diff --git a/src/renderer/src/stories/Main.js b/src/renderer/src/stories/Main.js
index cb416ce10..0efbb1418 100644
--- a/src/renderer/src/stories/Main.js
+++ b/src/renderer/src/stories/Main.js
@@ -139,11 +139,11 @@ export class Main extends LitElement {
             ${headerEl}
             ${capsules
                 ? html`<div style="width: 100%; text-align: center; padding-top: 15px;">${capsuleEl}</div>`
-                : html`<div style="height: 25px;"></div>`}
+                : html`<div style="height: 50px;"></div>`}
             <main id="content" class="js-content" style="overflow: hidden; display: flex;">
-                <section class="section js-section u-category-windows">
+                <section class="section">
                     ${title
-                        ? html`<div style="position: sticky; top: 0; left: 0; background: white; z-index: 1;">
+                        ? html`<div style="position: sticky; top: 0; left: 0; background: white; z-index: 1; margin-bottom: 20px;">
                               <div
                                   style="display: flex; flex: 1 1 0px; justify-content: space-between; align-items: end;"
                               >
@@ -157,7 +157,7 @@ export class Main extends LitElement {
                           </div>`
                         : ""}
 
-                    <div style="padding-top: 10px; height: 100%; width: 100%;">${page}</div>
+                    <div style="height: 100%; width: 100%;">${page}</div>
                 </section>
             </main>
             ${footerEl}
diff --git a/src/renderer/src/stories/NavigationSidebar.js b/src/renderer/src/stories/NavigationSidebar.js
index adccf07bd..091861c72 100644
--- a/src/renderer/src/stories/NavigationSidebar.js
+++ b/src/renderer/src/stories/NavigationSidebar.js
@@ -94,8 +94,8 @@ export class NavigationSidebar extends LitElement {
     render() {
         return html`
             <nav id="guided-nav" class="guided--nav">
-                <h1 class="guided--text-sub-step mb-0 mt-0">Guided Mode</h1>
-
+                <h4>Sections</h4>
+                <hr>
                 <ul id="guided-nav-items" class="guided--container-nav-items">
                     ${Object.entries(this.sections)
                         .map(([sectionName, info]) => {
diff --git a/src/renderer/src/stories/Search.js b/src/renderer/src/stories/Search.js
index 95109ddab..90a8d7b54 100644
--- a/src/renderer/src/stories/Search.js
+++ b/src/renderer/src/stories/Search.js
@@ -21,6 +21,8 @@ export class Search extends LitElement {
                 background: white;
                 border-radius: 5px;
                 width: 100%;
+                height: 100%;
+                overflow: auto;
             }
 
             .header {
@@ -28,6 +30,7 @@ export class Search extends LitElement {
                 background: white;
                 position: sticky;
                 top: 0;
+                z-index: 1;
             }
 
             input {
@@ -45,7 +48,6 @@ export class Search extends LitElement {
                 position: absolute;
                 left: 0;
                 right: 0;
-                z-index: 1;
                 background: white;
             }
 
diff --git a/src/renderer/src/stories/Table.js b/src/renderer/src/stories/Table.js
index 7e6a0d4eb..aa47a6c6e 100644
--- a/src/renderer/src/stories/Table.js
+++ b/src/renderer/src/stories/Table.js
@@ -288,7 +288,6 @@ export class Table extends LitElement {
         let contextMenu = ["row_below", "remove_row"];
         if (this.schema.additionalProperties) contextMenu.push("col_right", "remove_col");
 
-        console.log(this.contextMenu);
         contextMenu = contextMenu.filter((k) => !(this.contextMenu.ignore ?? []).includes(k));
 
         const descriptionEl = this.querySelector("#description");
diff --git a/src/renderer/src/stories/pages/contact-us/Contact.js b/src/renderer/src/stories/pages/contact-us/Contact.js
index 2b9a36464..81ed79312 100644
--- a/src/renderer/src/stories/pages/contact-us/Contact.js
+++ b/src/renderer/src/stories/pages/contact-us/Contact.js
@@ -16,32 +16,30 @@ export class ContactPage extends Page {
 
     render() {
         return html`
-            <section id="contact-us-section" class="section js-section u-category-menu">
-                <div class="documentation_container">
-                    <div class="document_container">
-                        <div class="doc_container">
-                            <div class="dc_con">
-                                <h1 class="doc_header">Contact Us</h1>
-                                <hr class="docu_divide" />
-                                <div class="document-content">
-                                    <div id="contact-us-lottie" class="documentation-lottie_style"></div>
-                                </div>
-                                <div class="docu-content-container">
-                                    <h2 class="document_text">
-                                        If you encounter any issues or have requests for new features, please create a
-                                        new
-                                        <a
-                                            target="_blank"
-                                            href="https://github.com/NeurodataWithoutBorders/nwb-guide/issues/new/choose"
-                                            >ticket on our GitHub page</a
-                                        >.
-                                    </h2>
-                                </div>
+            <div class="documentation_container">
+                <div class="document_container">
+                    <div class="doc_container">
+                        <div class="dc_con">
+                            <h1 class="doc_header">Contact Us</h1>
+                            <hr class="docu_divide" />
+                            <div class="document-content">
+                                <div id="contact-us-lottie" class="documentation-lottie_style"></div>
+                            </div>
+                            <div class="docu-content-container">
+                                <h2 class="document_text">
+                                    If you encounter any issues or have requests for new features, please create a
+                                    new
+                                    <a
+                                        target="_blank"
+                                        href="https://github.com/NeurodataWithoutBorders/nwb-guide/issues/new/choose"
+                                        >ticket on our GitHub page</a
+                                    >.
+                                </h2>
                             </div>
                         </div>
                     </div>
                 </div>
-            </section>
+            </div>
         `;
     }
 }
diff --git a/src/renderer/src/stories/pages/documentation/Documentation.js b/src/renderer/src/stories/pages/documentation/Documentation.js
index 2f7979d09..0c12ec795 100644
--- a/src/renderer/src/stories/pages/documentation/Documentation.js
+++ b/src/renderer/src/stories/pages/documentation/Documentation.js
@@ -17,7 +17,6 @@ export class DocumentationPage extends Page {
 
     render() {
         return html`
-            <section id="documentation-section" class="section js-section u-category-menu">
                 <div class="documentation_container">
                     <div class="document_container">
                         <div class="doc_container">
@@ -86,7 +85,6 @@ export class DocumentationPage extends Page {
                         </div>
                     </div>
                 </div>
-            </section>
         `;
     }
 }
diff --git a/src/renderer/src/stories/pages/getting-started/GettingStarted.js b/src/renderer/src/stories/pages/getting-started/GettingStarted.js
index ae6359fb2..5fbd9128d 100644
--- a/src/renderer/src/stories/pages/getting-started/GettingStarted.js
+++ b/src/renderer/src/stories/pages/getting-started/GettingStarted.js
@@ -23,12 +23,11 @@ export class GettingStartedPage extends Page {
     render() {
         return html`
             <section
-                id="getting_started-section"
-                class="getting-started-overview section js-section u-category-windows is-shown fullShown"
+                class="standalone-section"
             >
-                <p class="header-text">
+                <h3>
                     Your one-stop tool for converting and uploading NWB datasets to the DANDI Archive!<br />
-                </p>
+                </h3>
 
                 <div class="overview-card-layout grid h-auto w-full grid-cols-3 gap-6">
                     <div id="overview-column-1" class="overview-column">
diff --git a/src/renderer/src/stories/pages/guided-mode/GuidedHome.js b/src/renderer/src/stories/pages/guided-mode/GuidedHome.js
index 04f0e90fb..ef98e714d 100644
--- a/src/renderer/src/stories/pages/guided-mode/GuidedHome.js
+++ b/src/renderer/src/stories/pages/guided-mode/GuidedHome.js
@@ -164,7 +164,7 @@ export class GuidedHomePage extends Page {
 
         const guidedSavedProgressFiles = progress.getEntries();
 
-        //render progress resumption cards from progress file array on first page of guided mode
+        //render progress resumption cards from progress file array
         if (guidedSavedProgressFiles.length != 0) {
             datasetCardsRadioButtonsContainer.removeAttribute("hidden");
             const progressFileData = progress.getAll(guidedSavedProgressFiles);
@@ -178,56 +178,61 @@ export class GuidedHomePage extends Page {
 
     render() {
         return html`
-            <div id="guided-home" class="guided--main-tab">
-                <div class="guided--panel">
-                    <h1 class="guided--text-sub-step">Guided Mode</h1>
-                    <p class="guided--help-text" style="margin-bottom: 2rem">
-                        The NWB GUIDE walks users step-by-step through all the requirements for converting their data to
-                        the NWB format and uploading datasets to the DANDI Archive. Each stage of Guided Mode is
-                        designed to conveniently guide users through the conversion process and include all necessary
-                        information such that no prior knowledge of the NWB data standard is required.
-                    </p>
-
-                    <div class="justify-center" id="curate-new-home" style="align-items: center">
-                        <div
-                            class="container--dashed"
-                            id="guided-button-start-new-curate"
-                            style="width: 320px; margin: 5px; width: 28rem; height: 16.5rem"
-                            @click="${() => this.to(1)}"
-                        >
-                            <div id="new-dataset-lottie-container" style="height: 150px; width: 150px"></div>
-                            <h2 class="guided--text-sub-step" style="width: 100%;">Convert a new dataset</h2>
-                        </div>
+
+        <div class="standalone-section">
+
+            <div style="width: 800px;">
+                    <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 5px;">
+                        <h1 style="margin: 0;">Your Conversions</h1>
                     </div>
+                    <hr />
+            </div>
+
+            <p class="guided--help-text" style="margin-bottom: 2rem">
+                The NWB GUIDE walks users step-by-step through all the requirements for converting their data to
+                the NWB format and uploading datasets to the DANDI Archive. Each stage is
+                designed to conveniently guide users through the conversion process and include all necessary
+                information such that no prior knowledge of the NWB data standard is required.
+            </p>
+
+            <div class="justify-center" id="curate-new-home" style="align-items: center">
+                <div
+                    class="container--dashed"
+                    id="guided-button-start-new-curate"
+                    style="margin: 5px;"
+                    @click="${() => this.to(1)}"
+                >
+                    <div id="new-dataset-lottie-container" style="height: 150px; width: 150px"></div>
+                    <h2 class="guided--text-sub-step" style="width: 100%;">Create a new conversion pipeline</h2>
+                </div>
+            </div>
 
-                    <div style="max-width: 800px; width: 100%;">
-                        <div
-                            class="guided--panel"
-                            id="continue-curating-existing"
-                            style="margin-top: 20px; width: 100%"
+            <div style="max-width: 800px; width: 100%;">
+                <div
+                    id="continue-curating-existing"
+                    style="margin-top: 20px; width: 100%"
+                >
+                    <h2 class="guided--text-sub-step" id="guided-continue-curation-header"></h2>
+                    <div
+                        class="guided--radio-button-container guided--button-tab-container"
+                        hidden
+                        id="guided-div-dataset-cards-radio-buttons"
+                        style="justify-content: space-evenly"
+                    >
+                        <button
+                            class="ui button guided--radio-button guided--tab-button"
+                            id="guided-button-view-datasets-in-progress"
+                            data-next-element="guided-div-resume-progress-cards"
+                            style="width: 250px"
                         >
-                            <h2 class="guided--text-sub-step" id="guided-continue-curation-header"></h2>
-                            <div
-                                class="guided--radio-button-container guided--button-tab-container"
-                                hidden
-                                id="guided-div-dataset-cards-radio-buttons"
-                                style="justify-content: space-evenly"
-                            >
-                                <button
-                                    class="ui button guided--radio-button guided--tab-button"
-                                    id="guided-button-view-datasets-in-progress"
-                                    data-next-element="guided-div-resume-progress-cards"
-                                    style="width: 250px"
-                                >
-                                    Existing Conversions
-                                </button>
-                            </div>
-                        </div>
-                        <div class="guided--section" hidden id="guided-div-resume-progress-cards"></div>
-                        <div class="guided--section" hidden id="guided-div-update-uploaded-cards"></div>
+                            Existing Conversions
+                        </button>
                     </div>
                 </div>
+                <div class="guided--section" hidden id="guided-div-resume-progress-cards"></div>
+                <div class="guided--section" hidden id="guided-div-update-uploaded-cards"></div>
             </div>
+        </div>
         `;
     }
 }
diff --git a/src/renderer/src/stories/pages/guided-mode/GuidedStart.js b/src/renderer/src/stories/pages/guided-mode/GuidedStart.js
index f596c2dd7..a7f34675a 100644
--- a/src/renderer/src/stories/pages/guided-mode/GuidedStart.js
+++ b/src/renderer/src/stories/pages/guided-mode/GuidedStart.js
@@ -2,6 +2,7 @@ import { html } from "lit";
 import { Page } from "../Page.js";
 import "./GuidedFooter";
 import { InfoBox } from "../../InfoBox.js";
+import { InspectorListItem } from "../../preview/inspector/InspectorList.js";
 
 export class GuidedStartPage extends Page {
     constructor(...args) {
@@ -47,23 +48,47 @@ export class GuidedStartPage extends Page {
 
     render() {
         return html`
-            <div id="guided-mode-starting-container" class="guided--main-tab" data-parent-tab-name="Dataset Structure">
-                <div class="guided--panel" id="guided-intro-page" style="flex-grow: 1">
+                <div class="guided--panel" style="flex-grow: 1">
                     <div class="title-border">
-                        <h1 class="guided--text-sub-step">Welcome to Guided Mode!</h1>
+                        <h1 class="guided--text-sub-step">Designing a Conversion Pipeline: A Look Ahead</h1>
                     </div>
-                    <div class="guided--section">
-                        <p class="guided--help-text">
-                            Guided Mode is divided into four high-level sections. During the first three sections, you
-                            will be directed to specify the data formats and files to include in your dataset and
-                            provide information about your conversion pipeline. In the final section, NWB GUIDE will
-                            automatically generate a valid NWB file and ask for your review before uploading to DANDI.
-                            Note that none of your local data files will ever be modified or moved.
+                    <div>
+                        <br>
+                        <p>
+                           In the NWB GUIDE, the process of running a conversion pipeline is broken into four high-level sections.
+                        <p>
+                        <h4>1. Project Structure</h4>
+                        <p>
+                            The first section will direct you to specify the high-level structure of your conversion pipeline, including data formats and global metadata.
                         </p>
+                        <h4>2. Data Review</h4>
+                        <p>
+                            The second section will have you provide your source data files and NWB File metadata on a per-subject basis to populate your files.
+                        </p>
+                        ${new InspectorListItem({
+                            message: html`<b>Red boxes are error messages.</b> These will block your conversion progress until resolved.`,
+                            type: 'error'
+                        })}
+                        ${new InspectorListItem({
+                            message: html`<b>Yellow boxes are warnings.</b> Fixing them will align your NWB files with best practices.`,
+                            type: 'warning'
+                        })}
+                        <h4>3. Conversion Preview</h4>
+                        <p>
+                            In the third section, you will preview your conversion before uploading to DANDI.
+                        </p>
+                        <h4>4. Final Review</h4>
+                        <p>
+                            Finally, you will upload your conversion to DANDI and review the resulting dandiset.
+                        </p>
+
+                        <br>
+                        <h4>Additional Resources</h4>
+                        <hr>
                         ${new InfoBox({
-                            header: "Learn more about the conversion process",
+                            header: "Where can I learn more about the conversion process?",
                             content: html`
-                                Although not required to use Guided Mode, you can learn more about the NWB conversion
+                                Although not required to use the GUIDE, you can learn more about the NWB conversion
                                 process in the
                                 <a href="https://neuroconv.readthedocs.io/en/main" target="_blank"
                                     >neuroconv documentation page</a
diff --git a/src/renderer/src/stories/pages/guided-mode/ProgressCard.js b/src/renderer/src/stories/pages/guided-mode/ProgressCard.js
index d66b0e8de..999cffdd5 100644
--- a/src/renderer/src/stories/pages/guided-mode/ProgressCard.js
+++ b/src/renderer/src/stories/pages/guided-mode/ProgressCard.js
@@ -85,41 +85,24 @@ export class ProgressCard extends LitElement {
                             ></i>
                         </h2>
                         <h1 class="guided--text-dataset-card ml-sm-1">${progressFileLastModified}</h1>
-                        ${savedUploadDataProgress
-                            ? html` <span class="badge badge-warning mx-2">Incomplete upload</span> `
-                            : ``}
                     </div>
                 </div>
                 <div class="guided--container-dataset-card-center">
-                    ${this.info["previous-guided-upload-dataset-name"]
-                        ? html`
+                    ${html`
                               <button
                                   class="ui positive button guided--button-footer"
                                   style="
                           background-color: var(--color-light-green) !important;
-                          width: 160px !important;
+                          width: unset !important;
                           margin: 4px;
                           margin-bottom: 15px;
                         "
                                   @click="${(ev) => this.resume(ev.target)}"
                               >
-                                  Edit dataset
+                             Resume Conversion
                               </button>
                           `
-                        : html`
-                              <button
-                                  class="ui positive button guided--button-footer"
-                                  style="
-                          background-color: var(--color-light-green) !important;
-                          width: 160px !important;
-                          margin: 4px;
-                          margin-bottom: 15px;
-                        "
-                                  @click="${(ev) => this.resume(ev.target)}"
-                              >
-                                  ${savedUploadDataProgress ? "Resume upload" : "Continue curating"}
-                              </button>
-                          `}
+                        }
                     <h2
                         class="guided--text-dataset-card"
                         style="width: auto; text-decoration: underline; cursor: pointer;"
diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js
index e265e15d5..b963df245 100644
--- a/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js
+++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js
@@ -203,10 +203,9 @@ export class GuidedMetadataPage extends ManagedPage {
                                 },
                             ],
                             { title: "Running conversion preview" }
-                        ).catch((e) => {
-                            this.notify(e.message, "error");
-                            throw e;
-                        });
+                        ).catch(() => {});
+
+                        if (!results) return;
 
                         const modal = new Modal({
                             header: `Conversion Preview: ${key}`,
@@ -235,6 +234,8 @@ export class GuidedMetadataPage extends ManagedPage {
                                 this.localState.results[subject][session],
                                 this.info.globalState.results[subject][session]
                             );
+
+                            this.notify(`Session ${id} metadata saved!`)
                         };
                         await this.save();
                         this.beforeSave = ogCallback;
diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedPathExpansion.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedPathExpansion.js
index a5478693c..b8b0e9f9f 100644
--- a/src/renderer/src/stories/pages/guided-mode/data/GuidedPathExpansion.js
+++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedPathExpansion.js
@@ -261,14 +261,17 @@ export class GuidedPathExpansionPage extends Page {
             validateOnChange: async (name, parent, parentPath) => {
                 const value = parent[name];
                 if (fs) {
-                    // if (name === 'base_directory') {
-                    //     for (const f of getFiles(value)) {
-                    //         console.log(f);
-                    //       }
-                    //     const res = getFiles(value);
-                    // }
-                    // else
-                    if (name === "format_string_path") {
+                    if (name === 'base_directory') {
+                        // for (const f of getFiles(value)) {
+                        //     console.log(f);
+                        //   }
+                        // const res = getFiles(value);
+
+                        const input = form.getInput([...parentPath, "format_string_path"]);
+                        console.log(input)
+                        input.updateData(input.value)
+                    }
+                    else if (name === "format_string_path") {
                         const base_directory = [...parentPath, "base_directory"].reduce(
                             (acc, key) => acc[key],
                             this.form.resolved
@@ -301,7 +304,7 @@ export class GuidedPathExpansionPage extends Page {
 
                         return [
                             {
-                                message: html` <h4 style="margin-bottom: 0;">Source Files Found</h4>
+                                message: html` <h4 style="margin: 0;">Source Files Found</h4>
                                     <small><i>Inspect the Developer Console to preview the metadata results</i></small>
                                     <small
                                         >${new List({
diff --git a/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js b/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js
index 81217d6e1..2b3f056e3 100644
--- a/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js
+++ b/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js
@@ -29,7 +29,7 @@ export class GuidedSubjectsPage extends Page {
 
     // Only save if the subject structure is valid
     beforeTransition = () => {
-        this.save(); // Save on each transition
+        // this.save(); // Save on each transition (removed to prevent multiple validation notifications)
 
         const { results, subjects } = this.info.globalState;
 
diff --git a/src/renderer/src/stories/pages/inspect/InspectPage.js b/src/renderer/src/stories/pages/inspect/InspectPage.js
index b2889987a..556059f9a 100644
--- a/src/renderer/src/stories/pages/inspect/InspectPage.js
+++ b/src/renderer/src/stories/pages/inspect/InspectPage.js
@@ -72,7 +72,8 @@ export class InspectPage extends Page {
         }
 
         return html`
-            <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 10px;">
+
+            <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 5px;">
                 <h1 style="margin: 0;">NWB Inspector Report</h1>
             </div>
             <p>This page allows you to inspect NWB files using the NWB Inspector.</p>
@@ -83,6 +84,7 @@ export class InspectPage extends Page {
                 <br />
                 ${button}
             </div>
+
         `;
     }
 }
diff --git a/src/renderer/src/stories/pages/preview/PreviewPage.js b/src/renderer/src/stories/pages/preview/PreviewPage.js
index e1893abe0..34f4022ab 100644
--- a/src/renderer/src/stories/pages/preview/PreviewPage.js
+++ b/src/renderer/src/stories/pages/preview/PreviewPage.js
@@ -40,7 +40,7 @@ export class PreviewPage extends Page {
         }
 
         return html`
-            <div style="display: grid; height: 100%; grid-template-rows: min-content min-content 1fr; gap: 10px;">
+            <div style="display: grid; width: 100%; height: 100%; grid-template-rows: min-content min-content 1fr; gap: 10px;">
                 <div>
                     <div style="display: flex; align-items: end; justify-content: space-between;">
                         <h1 style="margin: 0;">Neurosift File Visualization</h1>
diff --git a/src/renderer/src/stories/pages/settings/SettingsPage.js b/src/renderer/src/stories/pages/settings/SettingsPage.js
index 69cef8a23..3c313f0cb 100644
--- a/src/renderer/src/stories/pages/settings/SettingsPage.js
+++ b/src/renderer/src/stories/pages/settings/SettingsPage.js
@@ -33,6 +33,13 @@ export class SettingsPage extends Page {
         super(...args);
     }
 
+    #notification;
+
+    #openNotyf = (opts) => {
+        if (this.#notification) notyf.dismiss(this.#notification)
+        return this.#notification = notyf.open(opts)
+    }
+
     beforeSave = () => {
         const { resolved } = this.form;
         for (let prop in schema.properties) {
@@ -44,7 +51,7 @@ export class SettingsPage extends Page {
         merge(this.form.resolved, global.data);
 
         global.save(); // Save the changes, even if invalid on the form
-        notyf.open({
+        this.#openNotyf({
             type: "success",
             message: "Global settings changes saved",
         });
@@ -56,7 +63,7 @@ export class SettingsPage extends Page {
         const button = new Button({
             label: "Save Changes",
             onClick: async () => {
-                if (!this.unsavedUpdates) return;
+                if (!this.unsavedUpdates) return this.#openNotyf({  type: "success", message: "All changes were already saved" });
                 this.save();
             },
         });
@@ -76,17 +83,18 @@ export class SettingsPage extends Page {
         });
 
         return html`
-            <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 10px;">
-                <h1 style="margin: 0;">NWB GUIDE Settings</h1>
-            </div>
-            <p>This page allows you to set global settings for the NWB GUIDE.</p>
-            <hr />
-
-            <div>
-                ${this.form}
+                <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 5px;">
+                    <h1 style="margin: 0;">NWB GUIDE Settings</h1>
+                </div>
+                <p>This page allows you to set global settings for the NWB GUIDE.</p>
                 <hr />
-                ${button}
-            </div>
+
+                <div>
+                    ${this.form}
+                    <hr />
+                    ${button}
+                </div>
+
         `;
     }
 }
diff --git a/src/renderer/src/stories/pages/tutorial/Tutorial.js b/src/renderer/src/stories/pages/tutorial/Tutorial.js
index f53a317d9..e5b47a3d5 100644
--- a/src/renderer/src/stories/pages/tutorial/Tutorial.js
+++ b/src/renderer/src/stories/pages/tutorial/Tutorial.js
@@ -12,8 +12,7 @@ import { hasEntry, get, save, remove, resume, global } from "../../../progress/i
 
 import { electron } from "../../../electron/index.js";
 
-import restartSVG from "../../assets/restart.svg?raw";
-import folderOpenSVG from "../../assets/folder_open.svg?raw";
+import { InspectorListItem } from "../../preview/inspector/InspectorList";
 
 const { shell } = electron;
 
@@ -39,129 +38,141 @@ export class TutorialPage extends Page {
         form.style.width = "100%";
 
         const entryExists = hasEntry(tutorialPipelineName);
+        const entry = entryExists ? get(tutorialPipelineName) : {};
 
-        return html` <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 10px;">
-                <h1 style="margin: 0;">Tutorial Data Generation</h1>
-
-                <div>
-                    ${entryExists
-                        ? html` <nwb-button
-                                  size="small"
-                                  @click=${() => {
-                                      if (shell) {
-                                          const entry = get(tutorialPipelineName);
-                                          shell.showItemInFolder(entry.project.initialized);
-                                      }
-                                  }}
-                                  >${unsafeSVG(folderOpenSVG)}</nwb-button
-                              >
-
-                              <nwb-button
-                                  size="small"
-                                  @click=${async () => {
-                                      const hasBeenDeleted = await remove(tutorialPipelineName);
-                                      if (hasBeenDeleted) this.requestUpdate();
-                                  }}
-                                  >${unsafeSVG(restartSVG)}</nwb-button
-                              >`
-                        : ""}
+        return html` 
+
+                <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 5px;">
+                    <h1 style="margin: 0;">Tutorial Data Generation</h1>
                 </div>
-            </div>
-            <p>
-                This page allows you to generate a dataset with multiple subjects and sessions so you can practice using
-                NWB GUIDE before converting your own datasets.
-            </p>
-
-            <hr />
-
-            ${hasEntry(tutorialPipelineName)
-                ? html`<div>
-                      Data has been preloaded into the <b>${tutorialPipelineName}</b> pipeline, which can be accessed
-                      via the <a @click=${() => this.to("guided")}>Guided Mode</a> conversion list.
-
-                      <br /><br />
-
-                      <nwb-button
-                          primary
-                          size="small"
-                          @click=${() => {
-                              resume.call(this, tutorialPipelineName);
-                          }}
-                          >Open Conversion Pipeline</nwb-button
-                      >
-                  </div>`
-                : html`
-                      ${new InfoBox({
-                          header: "How to download test data",
-                          content: html`Please refer to the
-                              <a
-                                  href="https://neuroconv.readthedocs.io/en/main/developer_guide/testing_suite.html#testing-on-example-data"
-                                  target="_blank"
-                                  >example data documentation</a
-                              >
-                              on the NeuroConv documentation site to learn how to download this dataset using DataLad.`,
-                      })}
-
-                      <br /><br />
-
-                      ${form}
-
-                      <nwb-button
-                          @click=${async () => {
-                              await form.validate(); // Will throw an error in the callback
-
-                              const { output_directory } = await run("generate_dataset", state, {
-                                  title: "Generating tutorial data",
-                              }).catch((e) => {
-                                  this.notify(e.message, "error");
-                                  throw e;
-                              });
-
-                              this.notify("Tutorial data successfully generated!");
-                              if (shell) shell.showItemInFolder(output_directory);
-
-                              //   Limit the data structures included in the tutorial
-                              const dataStructureResults = {
-                                  PhySorting: {
-                                      base_directory: output_directory,
-                                      format_string_path:
-                                          "{subject_id}/{subject_id}_{session_id}/{subject_id}_{session_id}_phy",
-                                  },
-                                  SpikeGLXRecording: {
-                                      base_directory: output_directory,
-                                      format_string_path:
-                                          "{subject_id}/{subject_id}_{session_id}/{subject_id}_{session_id}_g0/{subject_id}_{session_id}_g0_imec0/{subject_id}_{session_id}_g0_t0.imec0.ap.bin",
-                                  },
-                              };
-
-                              save({
-                                  info: {
-                                      globalState: {
-                                          project: {
-                                              name: tutorialPipelineName,
-                                              initialized: output_directory, // Declare where all the data is here
-                                          },
-
-                                          // provide data for all supported interfaces
-                                          interfaces: Object.keys(dataStructureResults).reduce((acc, key) => {
-                                              acc[key] = `${key}Interface`;
-                                              return acc;
-                                          }, {}),
-
-                                          // Manually fill out the structure of supported data interfaces
-                                          structure: {
-                                              results: dataStructureResults,
-                                              state: true,
-                                          },
-                                      },
-                                  },
-                              });
-
-                              this.requestUpdate(); // Re-render
-                          }}
-                          >Generate Dataset</nwb-button
-                      >
-                  `}`;
+                <p>
+                    This page allows you to generate a dataset with multiple subjects and sessions so you can practice using
+                    NWB GUIDE before converting your own datasets.
+                </p>
+
+                <hr />
+
+                ${hasEntry(tutorialPipelineName)
+                    ? html`<div>
+                        <p>
+                            A dataset has been generated for you at <small><code><a @click=${() => shell?.showItemInFolder(entry.project.initialized)}>${entry.project.initialized}</a></code></small> 
+                            and preloaded into the <b>${tutorialPipelineName}</b> conversion pipeline. 
+                        </p>
+
+                        <p>
+                            Try to fill out as much metadata as you can while going through this tutorial. Be creative!
+                        </p>
+
+                        <p>
+                            Don't worry about providing incorrect information. We'll let you know if something will break the conversion.
+                        </p>
+
+                        <p>
+                            And remember, <b>the more you provide Global Metadata, the less you'll have to specify later.</b>
+                        </p>
+                        
+            
+                        <div>
+                        ${new InspectorListItem({
+                            message: html` <h4 style="margin: 0;">A Final Note on DANDI Upload</h4>
+                            <small>When you reach the Upload page, make sure to provide a Dandiset ID on the <b>DANDI Staging server</b>
+                            — just so we don't overrun the main server with test data.</small>`,
+                            type: 'warning',
+                        })}
+                        </div>
+
+                        <p>Let's get started with your first conversion on the NWB GUIDE!</p>
+
+                        <nwb-button
+                            primary
+                            size="small"
+                            @click=${() => {
+                                resume.call(this, tutorialPipelineName);
+                            }}
+                            >${'page-before-exit' in entry ? 'Resume' : 'Begin'} Conversion</nwb-button>
+
+                        <nwb-button
+                            size="small"
+                            @click=${async () => {
+                                const hasBeenDeleted = await remove(tutorialPipelineName);
+                                if (hasBeenDeleted) this.requestUpdate();
+                            }}
+                        >Delete Pipeline</nwb-button
+                    >
+                    </div>`
+                    : html`
+                        ${new InfoBox({
+                            header: "How to download test data",
+                            content: html`Please refer to the
+                                <a
+                                    href="https://neuroconv.readthedocs.io/en/main/developer_guide/testing_suite.html#testing-on-example-data"
+                                    target="_blank"
+                                    >example data documentation</a
+                                >
+                                on the NeuroConv documentation site to learn how to download this dataset using DataLad.`,
+                        })}
+
+                        <br /><br />
+
+                        ${form}
+
+                        <nwb-button
+                            @click=${async () => {
+                                await form.validate(); // Will throw an error in the callback
+
+                                const { output_directory } = await run("generate_dataset", state, {
+                                    title: "Generating tutorial data",
+                                }).catch((e) => {
+                                    this.notify(e.message, "error");
+                                    throw e;
+                                });
+
+                                this.notify("Tutorial data successfully generated!");
+                                if (shell) shell.showItemInFolder(output_directory);
+
+                                //   Limit the data structures included in the tutorial
+                                const dataStructureResults = {
+                                    PhySorting: {
+                                        base_directory: output_directory,
+                                        format_string_path:
+                                            "{subject_id}/{subject_id}_{session_id}/{subject_id}_{session_id}_phy",
+                                    },
+                                    SpikeGLXRecording: {
+                                        base_directory: output_directory,
+                                        format_string_path:
+                                            "{subject_id}/{subject_id}_{session_id}/{subject_id}_{session_id}_g0/{subject_id}_{session_id}_g0_imec0/{subject_id}_{session_id}_g0_t0.imec0.ap.bin",
+                                    },
+                                };
+
+                                save({
+                                    info: {
+                                        globalState: {
+                                            project: {
+                                                name: tutorialPipelineName,
+                                                initialized: output_directory, // Declare where all the data is here
+                                            },
+
+                                            // provide data for all supported interfaces
+                                            interfaces: Object.keys(dataStructureResults).reduce((acc, key) => {
+                                                acc[key] = `${key}Interface`;
+                                                return acc;
+                                            }, {}),
+
+                                            // Manually fill out the structure of supported data interfaces
+                                            structure: {
+                                                results: dataStructureResults,
+                                                state: true,
+                                            },
+                                        },
+                                    },
+                                });
+
+                                this.requestUpdate(); // Re-render
+                            }}
+                            >Generate Dataset</nwb-button
+                        >
+        `}
+        `;
     }
 }
 
diff --git a/src/renderer/src/stories/pages/uploads/UploadsPage.js b/src/renderer/src/stories/pages/uploads/UploadsPage.js
index d50259348..7039bbb9f 100644
--- a/src/renderer/src/stories/pages/uploads/UploadsPage.js
+++ b/src/renderer/src/stories/pages/uploads/UploadsPage.js
@@ -116,7 +116,7 @@ export class UploadsPage extends Page {
         });
 
         return html`
-            <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 10px;">
+            <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 5px;">
                 <h1 style="margin: 0;">DANDI Uploads</h1>
             </div>
             <p>This page allows you to upload folders with NWB files to the DANDI Archive.</p>
diff --git a/src/renderer/src/stories/preview/inspector/InspectorList.js b/src/renderer/src/stories/preview/inspector/InspectorList.js
index e21802c59..af071b07b 100644
--- a/src/renderer/src/stories/preview/inspector/InspectorList.js
+++ b/src/renderer/src/stories/preview/inspector/InspectorList.js
@@ -72,9 +72,10 @@ export class InspectorListItem extends LitElement {
                 background: WhiteSmoke;
                 border: 1px solid gray;
                 border-radius: 10px;
-                padding: 5px 10px;
                 overflow: hidden;
                 text-wrap: wrap;
+                padding: 25px;
+                margin: 0 0 1em;
             }
 
             #message {
@@ -97,20 +98,16 @@ export class InspectorListItem extends LitElement {
 
             :host([type="error"]) {
                 color: #9d0b0b;
-                padding: 25px;
                 background: #f8d7da;
                 border: 1px solid #f5c2c7;
                 border-radius: 4px;
-                margin: 0 0 1em;
             }
 
             :host([type="warning"]) {
                 color: #856404;
-                padding: 25px;
                 background: #fff3cd;
                 border: 1px solid #ffeeba;
                 border-radius: 4px;
-                margin: 0 0 1em;
             }
         `;
     }

From 44eda9698b19db6fbdb623680e30bad44ff5eb43 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Wed, 11 Oct 2023 00:38:00 +0000
Subject: [PATCH 02/14] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 pyflask/manageNeuroconv/manage_neuroconv.py   |   5 +-
 src/renderer/assets/css/variables.css         |   1 -
 src/renderer/src/stories/Main.js              |   4 +-
 src/renderer/src/stories/NavigationSidebar.js |   2 +-
 .../src/stories/pages/contact-us/Contact.js   |   3 +-
 .../pages/documentation/Documentation.js      |  99 +++----
 .../pages/getting-started/GettingStarted.js   |   8 +-
 .../stories/pages/guided-mode/GuidedHome.js   |  81 +++---
 .../stories/pages/guided-mode/GuidedStart.js  |  10 +-
 .../stories/pages/guided-mode/ProgressCard.js |  17 +-
 .../pages/guided-mode/data/GuidedMetadata.js  |   2 +-
 .../guided-mode/data/GuidedPathExpansion.js   |   9 +-
 .../src/stories/pages/inspect/InspectPage.js  |   2 -
 .../src/stories/pages/preview/PreviewPage.js  |   4 +-
 .../stories/pages/settings/SettingsPage.js    |  30 +-
 .../src/stories/pages/tutorial/Tutorial.js    | 273 +++++++++---------
 16 files changed, 272 insertions(+), 278 deletions(-)

diff --git a/pyflask/manageNeuroconv/manage_neuroconv.py b/pyflask/manageNeuroconv/manage_neuroconv.py
index 9662905f1..e2ebf5b87 100644
--- a/pyflask/manageNeuroconv/manage_neuroconv.py
+++ b/pyflask/manageNeuroconv/manage_neuroconv.py
@@ -341,10 +341,7 @@ def convert_to_nwb(info: dict) -> str:
     resolved_output_path = resolved_output_directory / nwbfile_path
 
     # Remove symlink placed at the default_output_directory if this will hold real data
-    if (
-        resolved_output_directory == default_output_directory
-        and default_output_directory.is_symlink()
-    ):
+    if resolved_output_directory == default_output_directory and default_output_directory.is_symlink():
         default_output_directory.unlink()
 
     resolved_output_path.parent.mkdir(exist_ok=True, parents=True)  # Ensure all parent directories exist
diff --git a/src/renderer/assets/css/variables.css b/src/renderer/assets/css/variables.css
index 0554f24fc..f311607cd 100755
--- a/src/renderer/assets/css/variables.css
+++ b/src/renderer/assets/css/variables.css
@@ -33,7 +33,6 @@
     --color-accent: hsl(190, 60%, 36%);
 }
 
-
 .u-category-native-ui {
     --color-accent: hsl(222, 53%, 50%);
 }
diff --git a/src/renderer/src/stories/Main.js b/src/renderer/src/stories/Main.js
index 0efbb1418..6206228fc 100644
--- a/src/renderer/src/stories/Main.js
+++ b/src/renderer/src/stories/Main.js
@@ -143,7 +143,9 @@ export class Main extends LitElement {
             <main id="content" class="js-content" style="overflow: hidden; display: flex;">
                 <section class="section">
                     ${title
-                        ? html`<div style="position: sticky; top: 0; left: 0; background: white; z-index: 1; margin-bottom: 20px;">
+                        ? html`<div
+                              style="position: sticky; top: 0; left: 0; background: white; z-index: 1; margin-bottom: 20px;"
+                          >
                               <div
                                   style="display: flex; flex: 1 1 0px; justify-content: space-between; align-items: end;"
                               >
diff --git a/src/renderer/src/stories/NavigationSidebar.js b/src/renderer/src/stories/NavigationSidebar.js
index 091861c72..3e5533301 100644
--- a/src/renderer/src/stories/NavigationSidebar.js
+++ b/src/renderer/src/stories/NavigationSidebar.js
@@ -95,7 +95,7 @@ export class NavigationSidebar extends LitElement {
         return html`
             <nav id="guided-nav" class="guided--nav">
                 <h4>Sections</h4>
-                <hr>
+                <hr />
                 <ul id="guided-nav-items" class="guided--container-nav-items">
                     ${Object.entries(this.sections)
                         .map(([sectionName, info]) => {
diff --git a/src/renderer/src/stories/pages/contact-us/Contact.js b/src/renderer/src/stories/pages/contact-us/Contact.js
index 81ed79312..ea57e16bf 100644
--- a/src/renderer/src/stories/pages/contact-us/Contact.js
+++ b/src/renderer/src/stories/pages/contact-us/Contact.js
@@ -27,8 +27,7 @@ export class ContactPage extends Page {
                             </div>
                             <div class="docu-content-container">
                                 <h2 class="document_text">
-                                    If you encounter any issues or have requests for new features, please create a
-                                    new
+                                    If you encounter any issues or have requests for new features, please create a new
                                     <a
                                         target="_blank"
                                         href="https://github.com/NeurodataWithoutBorders/nwb-guide/issues/new/choose"
diff --git a/src/renderer/src/stories/pages/documentation/Documentation.js b/src/renderer/src/stories/pages/documentation/Documentation.js
index 0c12ec795..b952afaf7 100644
--- a/src/renderer/src/stories/pages/documentation/Documentation.js
+++ b/src/renderer/src/stories/pages/documentation/Documentation.js
@@ -17,74 +17,71 @@ export class DocumentationPage extends Page {
 
     render() {
         return html`
-                <div class="documentation_container">
-                    <div class="document_container">
-                        <div class="doc_container">
-                            <div class="dc_con">
-                                <h1 class="doc_header">Documentation</h1>
-                                <hr class="docu_divide" />
-                                <div class="document-content">
-                                    <div id="documentation-lottie" class="documentation-lottie_style"></div>
-                                </div>
-                                <div class="docu-content-container">
-                                    <h2 class="document_text">Documentation for NWB GUIDE is in development.</h2>
-                                    <p>
-                                        Conversion to NWB is powered by
-                                        <a target="_blank" href="https://neuroconv.readthedocs.io/">NeuroConv</a>.
-                                    </p>
-                                    <p>
-                                        Inspection of NWB files is powered by
-                                        <a target="_blank" href="https://nwbinspector.readthedocs.io/">NWB Inspector</a
-                                        >.
-                                    </p>
-                                    <p>
-                                        <a target="_blank" href="https://github.com/flatironinstitute/neurosift"
-                                            >Neurosift</a
-                                        >
-                                        is an interactive data visualization tool created by Jeremy Magland at the
-                                        Flatiron Institute.
-                                    </p>
-                                    <p>
-                                        For help on creating a Dandiset and uploading to DANDI, please see the
-                                        <a target="_blank" href="https://www.dandiarchive.org/handbook/13_upload/"
-                                            >DANDI Documentation</a
-                                        >.
-                                    </p>
-                                    <p>
-                                        To learn more about NWB, please see the
-                                        <a target="_blank" href="https://nwb-overview.readthedocs.io/"
-                                            >NWB Overview Documentation</a
-                                        >.
-                                    </p>
+            <div class="documentation_container">
+                <div class="document_container">
+                    <div class="doc_container">
+                        <div class="dc_con">
+                            <h1 class="doc_header">Documentation</h1>
+                            <hr class="docu_divide" />
+                            <div class="document-content">
+                                <div id="documentation-lottie" class="documentation-lottie_style"></div>
+                            </div>
+                            <div class="docu-content-container">
+                                <h2 class="document_text">Documentation for NWB GUIDE is in development.</h2>
+                                <p>
+                                    Conversion to NWB is powered by
+                                    <a target="_blank" href="https://neuroconv.readthedocs.io/">NeuroConv</a>.
+                                </p>
+                                <p>
+                                    Inspection of NWB files is powered by
+                                    <a target="_blank" href="https://nwbinspector.readthedocs.io/">NWB Inspector</a>.
+                                </p>
+                                <p>
+                                    <a target="_blank" href="https://github.com/flatironinstitute/neurosift"
+                                        >Neurosift</a
+                                    >
+                                    is an interactive data visualization tool created by Jeremy Magland at the Flatiron
+                                    Institute.
+                                </p>
+                                <p>
+                                    For help on creating a Dandiset and uploading to DANDI, please see the
+                                    <a target="_blank" href="https://www.dandiarchive.org/handbook/13_upload/"
+                                        >DANDI Documentation</a
+                                    >.
+                                </p>
+                                <p>
+                                    To learn more about NWB, please see the
+                                    <a target="_blank" href="https://nwb-overview.readthedocs.io/"
+                                        >NWB Overview Documentation</a
+                                    >.
+                                </p>
 
-                                    <p>
-                                        NWB GUIDE is an open-source project developed by CatalystNeuro (Cody Baker,
-                                        Garrett Flynn, Ben Dichter) and Lawrence Berkeley National Laboratory (Ryan Ly,
-                                        Oliver Ruebel) and generously supported by
-                                        <a target="_blank" href="https://www.kavlifoundation.org/"
-                                            >The Kavli Foundation</a
-                                        >.
-                                    </p>
+                                <p>
+                                    NWB GUIDE is an open-source project developed by CatalystNeuro (Cody Baker, Garrett
+                                    Flynn, Ben Dichter) and Lawrence Berkeley National Laboratory (Ryan Ly, Oliver
+                                    Ruebel) and generously supported by
+                                    <a target="_blank" href="https://www.kavlifoundation.org/">The Kavli Foundation</a>.
+                                </p>
 
-                                    <!--
+                                <!--
                                     <div class="button_container_contact">
                                         <button
                                             id="doc-btn"
                                             class="view_doc_button sodaVideo-button"
                                             style="margin-top: 1rem"
                                             @click="${() => {
-                                        window.open("https://neuroconv.readthedocs.io/en/main/");
-                                    }}"
+                                    window.open("https://neuroconv.readthedocs.io/en/main/");
+                                }}"
                                         >
                                             View the NeuroConv Documentation
                                         </button>
                                     </div>
                                     -->
-                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
+            </div>
         `;
     }
 }
diff --git a/src/renderer/src/stories/pages/getting-started/GettingStarted.js b/src/renderer/src/stories/pages/getting-started/GettingStarted.js
index 5fbd9128d..701f9dc00 100644
--- a/src/renderer/src/stories/pages/getting-started/GettingStarted.js
+++ b/src/renderer/src/stories/pages/getting-started/GettingStarted.js
@@ -22,12 +22,8 @@ export class GettingStartedPage extends Page {
 
     render() {
         return html`
-            <section
-                class="standalone-section"
-            >
-                <h3>
-                    Your one-stop tool for converting and uploading NWB datasets to the DANDI Archive!<br />
-                </h3>
+            <section class="standalone-section">
+                <h3>Your one-stop tool for converting and uploading NWB datasets to the DANDI Archive!<br /></h3>
 
                 <div class="overview-card-layout grid h-auto w-full grid-cols-3 gap-6">
                     <div id="overview-column-1" class="overview-column">
diff --git a/src/renderer/src/stories/pages/guided-mode/GuidedHome.js b/src/renderer/src/stories/pages/guided-mode/GuidedHome.js
index ef98e714d..02ec44cb0 100644
--- a/src/renderer/src/stories/pages/guided-mode/GuidedHome.js
+++ b/src/renderer/src/stories/pages/guided-mode/GuidedHome.js
@@ -178,61 +178,56 @@ export class GuidedHomePage extends Page {
 
     render() {
         return html`
-
-        <div class="standalone-section">
-
-            <div style="width: 800px;">
+            <div class="standalone-section">
+                <div style="width: 800px;">
                     <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 5px;">
                         <h1 style="margin: 0;">Your Conversions</h1>
                     </div>
                     <hr />
-            </div>
-
-            <p class="guided--help-text" style="margin-bottom: 2rem">
-                The NWB GUIDE walks users step-by-step through all the requirements for converting their data to
-                the NWB format and uploading datasets to the DANDI Archive. Each stage is
-                designed to conveniently guide users through the conversion process and include all necessary
-                information such that no prior knowledge of the NWB data standard is required.
-            </p>
-
-            <div class="justify-center" id="curate-new-home" style="align-items: center">
-                <div
-                    class="container--dashed"
-                    id="guided-button-start-new-curate"
-                    style="margin: 5px;"
-                    @click="${() => this.to(1)}"
-                >
-                    <div id="new-dataset-lottie-container" style="height: 150px; width: 150px"></div>
-                    <h2 class="guided--text-sub-step" style="width: 100%;">Create a new conversion pipeline</h2>
                 </div>
-            </div>
 
-            <div style="max-width: 800px; width: 100%;">
-                <div
-                    id="continue-curating-existing"
-                    style="margin-top: 20px; width: 100%"
-                >
-                    <h2 class="guided--text-sub-step" id="guided-continue-curation-header"></h2>
+                <p class="guided--help-text" style="margin-bottom: 2rem">
+                    The NWB GUIDE walks users step-by-step through all the requirements for converting their data to the
+                    NWB format and uploading datasets to the DANDI Archive. Each stage is designed to conveniently guide
+                    users through the conversion process and include all necessary information such that no prior
+                    knowledge of the NWB data standard is required.
+                </p>
+
+                <div class="justify-center" id="curate-new-home" style="align-items: center">
                     <div
-                        class="guided--radio-button-container guided--button-tab-container"
-                        hidden
-                        id="guided-div-dataset-cards-radio-buttons"
-                        style="justify-content: space-evenly"
+                        class="container--dashed"
+                        id="guided-button-start-new-curate"
+                        style="margin: 5px;"
+                        @click="${() => this.to(1)}"
                     >
-                        <button
-                            class="ui button guided--radio-button guided--tab-button"
-                            id="guided-button-view-datasets-in-progress"
-                            data-next-element="guided-div-resume-progress-cards"
-                            style="width: 250px"
+                        <div id="new-dataset-lottie-container" style="height: 150px; width: 150px"></div>
+                        <h2 class="guided--text-sub-step" style="width: 100%;">Create a new conversion pipeline</h2>
+                    </div>
+                </div>
+
+                <div style="max-width: 800px; width: 100%;">
+                    <div id="continue-curating-existing" style="margin-top: 20px; width: 100%">
+                        <h2 class="guided--text-sub-step" id="guided-continue-curation-header"></h2>
+                        <div
+                            class="guided--radio-button-container guided--button-tab-container"
+                            hidden
+                            id="guided-div-dataset-cards-radio-buttons"
+                            style="justify-content: space-evenly"
                         >
-                            Existing Conversions
-                        </button>
+                            <button
+                                class="ui button guided--radio-button guided--tab-button"
+                                id="guided-button-view-datasets-in-progress"
+                                data-next-element="guided-div-resume-progress-cards"
+                                style="width: 250px"
+                            >
+                                Existing Conversions
+                            </button>
+                        </div>
                     </div>
+                    <div class="guided--section" hidden id="guided-div-resume-progress-cards"></div>
+                    <div class="guided--section" hidden id="guided-div-update-uploaded-cards"></div>
                 </div>
-                <div class="guided--section" hidden id="guided-div-resume-progress-cards"></div>
-                <div class="guided--section" hidden id="guided-div-update-uploaded-cards"></div>
             </div>
-        </div>
         `;
     }
 }
diff --git a/src/renderer/src/stories/pages/guided-mode/GuidedStart.js b/src/renderer/src/stories/pages/guided-mode/GuidedStart.js
index a7f34675a..75c8054ff 100644
--- a/src/renderer/src/stories/pages/guided-mode/GuidedStart.js
+++ b/src/renderer/src/stories/pages/guided-mode/GuidedStart.js
@@ -66,12 +66,14 @@ export class GuidedStartPage extends Page {
                             The second section will have you provide your source data files and NWB File metadata on a per-subject basis to populate your files.
                         </p>
                         ${new InspectorListItem({
-                            message: html`<b>Red boxes are error messages.</b> These will block your conversion progress until resolved.`,
-                            type: 'error'
+                            message: html`<b>Red boxes are error messages.</b> These will block your conversion progress
+                                until resolved.`,
+                            type: "error",
                         })}
                         ${new InspectorListItem({
-                            message: html`<b>Yellow boxes are warnings.</b> Fixing them will align your NWB files with best practices.`,
-                            type: 'warning'
+                            message: html`<b>Yellow boxes are warnings.</b> Fixing them will align your NWB files with
+                                best practices.`,
+                            type: "warning",
                         })}
                         <h4>3. Conversion Preview</h4>
                         <p>
diff --git a/src/renderer/src/stories/pages/guided-mode/ProgressCard.js b/src/renderer/src/stories/pages/guided-mode/ProgressCard.js
index 999cffdd5..0c5326c2b 100644
--- a/src/renderer/src/stories/pages/guided-mode/ProgressCard.js
+++ b/src/renderer/src/stories/pages/guided-mode/ProgressCard.js
@@ -89,20 +89,19 @@ export class ProgressCard extends LitElement {
                 </div>
                 <div class="guided--container-dataset-card-center">
                     ${html`
-                              <button
-                                  class="ui positive button guided--button-footer"
-                                  style="
+                        <button
+                            class="ui positive button guided--button-footer"
+                            style="
                           background-color: var(--color-light-green) !important;
                           width: unset !important;
                           margin: 4px;
                           margin-bottom: 15px;
                         "
-                                  @click="${(ev) => this.resume(ev.target)}"
-                              >
-                             Resume Conversion
-                              </button>
-                          `
-                        }
+                            @click="${(ev) => this.resume(ev.target)}"
+                        >
+                            Resume Conversion
+                        </button>
+                    `}
                     <h2
                         class="guided--text-dataset-card"
                         style="width: auto; text-decoration: underline; cursor: pointer;"
diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js
index b963df245..e0807f79c 100644
--- a/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js
+++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js
@@ -235,7 +235,7 @@ export class GuidedMetadataPage extends ManagedPage {
                                 this.info.globalState.results[subject][session]
                             );
 
-                            this.notify(`Session ${id} metadata saved!`)
+                            this.notify(`Session ${id} metadata saved!`);
                         };
                         await this.save();
                         this.beforeSave = ogCallback;
diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedPathExpansion.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedPathExpansion.js
index b8b0e9f9f..c1b4e2e72 100644
--- a/src/renderer/src/stories/pages/guided-mode/data/GuidedPathExpansion.js
+++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedPathExpansion.js
@@ -261,17 +261,16 @@ export class GuidedPathExpansionPage extends Page {
             validateOnChange: async (name, parent, parentPath) => {
                 const value = parent[name];
                 if (fs) {
-                    if (name === 'base_directory') {
+                    if (name === "base_directory") {
                         // for (const f of getFiles(value)) {
                         //     console.log(f);
                         //   }
                         // const res = getFiles(value);
 
                         const input = form.getInput([...parentPath, "format_string_path"]);
-                        console.log(input)
-                        input.updateData(input.value)
-                    }
-                    else if (name === "format_string_path") {
+                        console.log(input);
+                        input.updateData(input.value);
+                    } else if (name === "format_string_path") {
                         const base_directory = [...parentPath, "base_directory"].reduce(
                             (acc, key) => acc[key],
                             this.form.resolved
diff --git a/src/renderer/src/stories/pages/inspect/InspectPage.js b/src/renderer/src/stories/pages/inspect/InspectPage.js
index 556059f9a..dbdee36cc 100644
--- a/src/renderer/src/stories/pages/inspect/InspectPage.js
+++ b/src/renderer/src/stories/pages/inspect/InspectPage.js
@@ -72,7 +72,6 @@ export class InspectPage extends Page {
         }
 
         return html`
-
             <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 5px;">
                 <h1 style="margin: 0;">NWB Inspector Report</h1>
             </div>
@@ -84,7 +83,6 @@ export class InspectPage extends Page {
                 <br />
                 ${button}
             </div>
-
         `;
     }
 }
diff --git a/src/renderer/src/stories/pages/preview/PreviewPage.js b/src/renderer/src/stories/pages/preview/PreviewPage.js
index 34f4022ab..04d06a46b 100644
--- a/src/renderer/src/stories/pages/preview/PreviewPage.js
+++ b/src/renderer/src/stories/pages/preview/PreviewPage.js
@@ -40,7 +40,9 @@ export class PreviewPage extends Page {
         }
 
         return html`
-            <div style="display: grid; width: 100%; height: 100%; grid-template-rows: min-content min-content 1fr; gap: 10px;">
+            <div
+                style="display: grid; width: 100%; height: 100%; grid-template-rows: min-content min-content 1fr; gap: 10px;"
+            >
                 <div>
                     <div style="display: flex; align-items: end; justify-content: space-between;">
                         <h1 style="margin: 0;">Neurosift File Visualization</h1>
diff --git a/src/renderer/src/stories/pages/settings/SettingsPage.js b/src/renderer/src/stories/pages/settings/SettingsPage.js
index 3c313f0cb..3aff44476 100644
--- a/src/renderer/src/stories/pages/settings/SettingsPage.js
+++ b/src/renderer/src/stories/pages/settings/SettingsPage.js
@@ -36,9 +36,9 @@ export class SettingsPage extends Page {
     #notification;
 
     #openNotyf = (opts) => {
-        if (this.#notification) notyf.dismiss(this.#notification)
-        return this.#notification = notyf.open(opts)
-    }
+        if (this.#notification) notyf.dismiss(this.#notification);
+        return (this.#notification = notyf.open(opts));
+    };
 
     beforeSave = () => {
         const { resolved } = this.form;
@@ -63,7 +63,8 @@ export class SettingsPage extends Page {
         const button = new Button({
             label: "Save Changes",
             onClick: async () => {
-                if (!this.unsavedUpdates) return this.#openNotyf({  type: "success", message: "All changes were already saved" });
+                if (!this.unsavedUpdates)
+                    return this.#openNotyf({ type: "success", message: "All changes were already saved" });
                 this.save();
             },
         });
@@ -83,18 +84,17 @@ export class SettingsPage extends Page {
         });
 
         return html`
-                <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 5px;">
-                    <h1 style="margin: 0;">NWB GUIDE Settings</h1>
-                </div>
-                <p>This page allows you to set global settings for the NWB GUIDE.</p>
+            <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 5px;">
+                <h1 style="margin: 0;">NWB GUIDE Settings</h1>
+            </div>
+            <p>This page allows you to set global settings for the NWB GUIDE.</p>
+            <hr />
+
+            <div>
+                ${this.form}
                 <hr />
-
-                <div>
-                    ${this.form}
-                    <hr />
-                    ${button}
-                </div>
-
+                ${button}
+            </div>
         `;
     }
 }
diff --git a/src/renderer/src/stories/pages/tutorial/Tutorial.js b/src/renderer/src/stories/pages/tutorial/Tutorial.js
index e5b47a3d5..c4b3066c5 100644
--- a/src/renderer/src/stories/pages/tutorial/Tutorial.js
+++ b/src/renderer/src/stories/pages/tutorial/Tutorial.js
@@ -40,138 +40,147 @@ export class TutorialPage extends Page {
         const entryExists = hasEntry(tutorialPipelineName);
         const entry = entryExists ? get(tutorialPipelineName) : {};
 
-        return html` 
-
-                <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 5px;">
-                    <h1 style="margin: 0;">Tutorial Data Generation</h1>
-                </div>
-                <p>
-                    This page allows you to generate a dataset with multiple subjects and sessions so you can practice using
-                    NWB GUIDE before converting your own datasets.
-                </p>
-
-                <hr />
-
-                ${hasEntry(tutorialPipelineName)
-                    ? html`<div>
-                        <p>
-                            A dataset has been generated for you at <small><code><a @click=${() => shell?.showItemInFolder(entry.project.initialized)}>${entry.project.initialized}</a></code></small> 
-                            and preloaded into the <b>${tutorialPipelineName}</b> conversion pipeline. 
-                        </p>
-
-                        <p>
-                            Try to fill out as much metadata as you can while going through this tutorial. Be creative!
-                        </p>
-
-                        <p>
-                            Don't worry about providing incorrect information. We'll let you know if something will break the conversion.
-                        </p>
-
-                        <p>
-                            And remember, <b>the more you provide Global Metadata, the less you'll have to specify later.</b>
-                        </p>
-                        
-            
-                        <div>
-                        ${new InspectorListItem({
-                            message: html` <h4 style="margin: 0;">A Final Note on DANDI Upload</h4>
-                            <small>When you reach the Upload page, make sure to provide a Dandiset ID on the <b>DANDI Staging server</b>
-                            — just so we don't overrun the main server with test data.</small>`,
-                            type: 'warning',
-                        })}
-                        </div>
-
-                        <p>Let's get started with your first conversion on the NWB GUIDE!</p>
-
-                        <nwb-button
-                            primary
-                            size="small"
-                            @click=${() => {
-                                resume.call(this, tutorialPipelineName);
-                            }}
-                            >${'page-before-exit' in entry ? 'Resume' : 'Begin'} Conversion</nwb-button>
-
-                        <nwb-button
-                            size="small"
-                            @click=${async () => {
-                                const hasBeenDeleted = await remove(tutorialPipelineName);
-                                if (hasBeenDeleted) this.requestUpdate();
-                            }}
-                        >Delete Pipeline</nwb-button
-                    >
-                    </div>`
-                    : html`
-                        ${new InfoBox({
-                            header: "How to download test data",
-                            content: html`Please refer to the
-                                <a
-                                    href="https://neuroconv.readthedocs.io/en/main/developer_guide/testing_suite.html#testing-on-example-data"
-                                    target="_blank"
-                                    >example data documentation</a
-                                >
-                                on the NeuroConv documentation site to learn how to download this dataset using DataLad.`,
-                        })}
-
-                        <br /><br />
-
-                        ${form}
-
-                        <nwb-button
-                            @click=${async () => {
-                                await form.validate(); // Will throw an error in the callback
-
-                                const { output_directory } = await run("generate_dataset", state, {
-                                    title: "Generating tutorial data",
-                                }).catch((e) => {
-                                    this.notify(e.message, "error");
-                                    throw e;
-                                });
-
-                                this.notify("Tutorial data successfully generated!");
-                                if (shell) shell.showItemInFolder(output_directory);
-
-                                //   Limit the data structures included in the tutorial
-                                const dataStructureResults = {
-                                    PhySorting: {
-                                        base_directory: output_directory,
-                                        format_string_path:
-                                            "{subject_id}/{subject_id}_{session_id}/{subject_id}_{session_id}_phy",
-                                    },
-                                    SpikeGLXRecording: {
-                                        base_directory: output_directory,
-                                        format_string_path:
-                                            "{subject_id}/{subject_id}_{session_id}/{subject_id}_{session_id}_g0/{subject_id}_{session_id}_g0_imec0/{subject_id}_{session_id}_g0_t0.imec0.ap.bin",
-                                    },
-                                };
-
-                                save({
-                                    info: {
-                                        globalState: {
-                                            project: {
-                                                name: tutorialPipelineName,
-                                                initialized: output_directory, // Declare where all the data is here
-                                            },
-
-                                            // provide data for all supported interfaces
-                                            interfaces: Object.keys(dataStructureResults).reduce((acc, key) => {
-                                                acc[key] = `${key}Interface`;
-                                                return acc;
-                                            }, {}),
-
-                                            // Manually fill out the structure of supported data interfaces
-                                            structure: {
-                                                results: dataStructureResults,
-                                                state: true,
-                                            },
-                                        },
-                                    },
-                                });
-
-                                this.requestUpdate(); // Re-render
-                            }}
-                            >Generate Dataset</nwb-button
-                        >
-        `}
+        return html`
+            <div style="display: flex; align-items: end; justify-content: space-between; margin-bottom: 5px;">
+                <h1 style="margin: 0;">Tutorial Data Generation</h1>
+            </div>
+            <p>
+                This page allows you to generate a dataset with multiple subjects and sessions so you can practice using
+                NWB GUIDE before converting your own datasets.
+            </p>
+
+            <hr />
+
+            ${hasEntry(tutorialPipelineName)
+                ? html`<div>
+                      <p>
+                          A dataset has been generated for you at
+                          <small
+                              ><code
+                                  ><a @click=${() => shell?.showItemInFolder(entry.project.initialized)}
+                                      >${entry.project.initialized}</a
+                                  ></code
+                              ></small
+                          >
+                          and preloaded into the <b>${tutorialPipelineName}</b> conversion pipeline.
+                      </p>
+
+                      <p>Try to fill out as much metadata as you can while going through this tutorial. Be creative!</p>
+
+                      <p>
+                          Don't worry about providing incorrect information. We'll let you know if something will break
+                          the conversion.
+                      </p>
+
+                      <p>
+                          And remember,
+                          <b>the more you provide Global Metadata, the less you'll have to specify later.</b>
+                      </p>
+
+                      <div>
+                          ${new InspectorListItem({
+                              message: html` <h4 style="margin: 0;">A Final Note on DANDI Upload</h4>
+                                  <small
+                                      >When you reach the Upload page, make sure to provide a Dandiset ID on the
+                                      <b>DANDI Staging server</b> — just so we don't overrun the main server with test
+                                      data.</small
+                                  >`,
+                              type: "warning",
+                          })}
+                      </div>
+
+                      <p>Let's get started with your first conversion on the NWB GUIDE!</p>
+
+                      <nwb-button
+                          primary
+                          size="small"
+                          @click=${() => {
+                              resume.call(this, tutorialPipelineName);
+                          }}
+                          >${"page-before-exit" in entry ? "Resume" : "Begin"} Conversion</nwb-button
+                      >
+
+                      <nwb-button
+                          size="small"
+                          @click=${async () => {
+                              const hasBeenDeleted = await remove(tutorialPipelineName);
+                              if (hasBeenDeleted) this.requestUpdate();
+                          }}
+                          >Delete Pipeline</nwb-button
+                      >
+                  </div>`
+                : html`
+                      ${new InfoBox({
+                          header: "How to download test data",
+                          content: html`Please refer to the
+                              <a
+                                  href="https://neuroconv.readthedocs.io/en/main/developer_guide/testing_suite.html#testing-on-example-data"
+                                  target="_blank"
+                                  >example data documentation</a
+                              >
+                              on the NeuroConv documentation site to learn how to download this dataset using DataLad.`,
+                      })}
+
+                      <br /><br />
+
+                      ${form}
+
+                      <nwb-button
+                          @click=${async () => {
+                              await form.validate(); // Will throw an error in the callback
+
+                              const { output_directory } = await run("generate_dataset", state, {
+                                  title: "Generating tutorial data",
+                              }).catch((e) => {
+                                  this.notify(e.message, "error");
+                                  throw e;
+                              });
+
+                              this.notify("Tutorial data successfully generated!");
+                              if (shell) shell.showItemInFolder(output_directory);
+
+                              //   Limit the data structures included in the tutorial
+                              const dataStructureResults = {
+                                  PhySorting: {
+                                      base_directory: output_directory,
+                                      format_string_path:
+                                          "{subject_id}/{subject_id}_{session_id}/{subject_id}_{session_id}_phy",
+                                  },
+                                  SpikeGLXRecording: {
+                                      base_directory: output_directory,
+                                      format_string_path:
+                                          "{subject_id}/{subject_id}_{session_id}/{subject_id}_{session_id}_g0/{subject_id}_{session_id}_g0_imec0/{subject_id}_{session_id}_g0_t0.imec0.ap.bin",
+                                  },
+                              };
+
+                              save({
+                                  info: {
+                                      globalState: {
+                                          project: {
+                                              name: tutorialPipelineName,
+                                              initialized: output_directory, // Declare where all the data is here
+                                          },
+
+                                          // provide data for all supported interfaces
+                                          interfaces: Object.keys(dataStructureResults).reduce((acc, key) => {
+                                              acc[key] = `${key}Interface`;
+                                              return acc;
+                                          }, {}),
+
+                                          // Manually fill out the structure of supported data interfaces
+                                          structure: {
+                                              results: dataStructureResults,
+                                              state: true,
+                                          },
+                                      },
+                                  },
+                              });
+
+                              this.requestUpdate(); // Re-render
+                          }}
+                          >Generate Dataset</nwb-button
+                      >
+                  `}
         `;
     }
 }

From 4be1d441fa786a58334cad746f9386055b87eedf Mon Sep 17 00:00:00 2001
From: Garrett <gflynn@usc.edu>
Date: Mon, 16 Oct 2023 08:50:32 -0700
Subject: [PATCH 03/14] Fix table issues

---
 src/renderer/src/stories/Table.js             |  6 ++++++
 src/renderer/src/stories/pages/Page.js        |  7 +------
 .../pages/guided-mode/setup/GuidedSubjects.js | 21 ++++++++-----------
 src/renderer/src/validation/index.js          |  2 +-
 4 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/renderer/src/stories/Table.js b/src/renderer/src/stories/Table.js
index aa47a6c6e..b81dae746 100644
--- a/src/renderer/src/stories/Table.js
+++ b/src/renderer/src/stories/Table.js
@@ -239,7 +239,13 @@ export class Table extends LitElement {
 
             const validator = async function (value, callback) {
                 if (!value) {
+
                     if (!ogThis.validateEmptyCells) {
+                        ogThis.#handleValidationResult(
+                            [], // Clear errors
+                            this.row,
+                            this.col
+                        )
                         callback(true); // Allow empty value
                         return true;
                     }
diff --git a/src/renderer/src/stories/pages/Page.js b/src/renderer/src/stories/pages/Page.js
index d9a016d02..82a68ae5d 100644
--- a/src/renderer/src/stories/pages/Page.js
+++ b/src/renderer/src/stories/pages/Page.js
@@ -61,7 +61,6 @@ export class Page extends LitElement {
     };
 
     to = async (transition) => {
-        this.beforeTransition();
 
         // Otherwise note unsaved updates if present
         if (
@@ -72,7 +71,7 @@ export class Page extends LitElement {
         ) {
             if (transition === 1) await this.save(); // Save before a single forward transition
             else {
-                Swal.fire({
+                await Swal.fire({
                     title: "You have unsaved data on this page.",
                     text: "Would you like to save your changes?",
                     icon: "warning",
@@ -82,10 +81,7 @@ export class Page extends LitElement {
                     cancelButtonText: "Ignore Changes",
                 }).then(async (result) => {
                     if (result && result.isConfirmed) await this.save();
-                    this.onTransition(transition);
                 });
-
-                return;
             }
         }
 
@@ -95,7 +91,6 @@ export class Page extends LitElement {
     onTransition = () => {}; // User-defined function
     updatePages = () => {}; // User-defined function
     beforeSave = () => {}; // User-defined function
-    beforeTransition = () => {}; // User-defined function
 
     save = async (overrides, runBeforeSave = true) => {
         if (runBeforeSave) await this.beforeSave();
diff --git a/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js b/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js
index 2b3f056e3..db95b66f7 100644
--- a/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js
+++ b/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js
@@ -16,20 +16,10 @@ export class GuidedSubjectsPage extends Page {
         subtitle: "Enter all metadata known about each experiment subject",
     };
 
+    // Abort save if subject structure is invalid
     beforeSave = () => {
-        this.info.globalState.subjects = merge(this.localState, this.info.globalState.subjects); // Merge the local and global states
-
-        try {
-            this.table.validate();
-        } catch (e) {
-            this.notify(e.message, "error");
-            throw e;
-        }
-    };
 
-    // Only save if the subject structure is valid
-    beforeTransition = () => {
-        // this.save(); // Save on each transition (removed to prevent multiple validation notifications)
+        this.info.globalState.subjects = merge(this.localState, this.info.globalState.subjects); // Merge the local and global states
 
         const { results, subjects } = this.info.globalState;
 
@@ -55,6 +45,13 @@ export class GuidedSubjectsPage extends Page {
 
         // Modify the results object to track new subjects / sessions
         updateResultsFromSubjects(results, subjects, sourceDataObject); // NOTE: This directly mutates the results object
+
+        try {
+            this.table.validate();
+        } catch (e) {
+            this.notify(e.message, "error");
+            throw e;
+        }
     };
 
     footer = {
diff --git a/src/renderer/src/validation/index.js b/src/renderer/src/validation/index.js
index 86d13a7b8..5f7e09e15 100644
--- a/src/renderer/src/validation/index.js
+++ b/src/renderer/src/validation/index.js
@@ -16,7 +16,7 @@ export function validateOnChange(name, parent, path, value) {
 
     const copy = { ...parent }; // Validate on a copy of the parent
     if (arguments.length > 3) copy[name] = value; // Update value on copy
-
+    
     let lastResolved;
     functions = fullPath.reduce((acc, key, i) => {
         if (acc && key in acc) return (lastResolved = acc[key]);

From 519f346e13272fae0e0c601547f096444343533a Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Mon, 16 Oct 2023 15:51:01 +0000
Subject: [PATCH 04/14] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 src/renderer/src/stories/Table.js                              | 3 +--
 src/renderer/src/stories/pages/Page.js                         | 1 -
 .../src/stories/pages/guided-mode/setup/GuidedSubjects.js      | 1 -
 src/renderer/src/validation/index.js                           | 2 +-
 4 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/renderer/src/stories/Table.js b/src/renderer/src/stories/Table.js
index b81dae746..2707b2da2 100644
--- a/src/renderer/src/stories/Table.js
+++ b/src/renderer/src/stories/Table.js
@@ -239,13 +239,12 @@ export class Table extends LitElement {
 
             const validator = async function (value, callback) {
                 if (!value) {
-
                     if (!ogThis.validateEmptyCells) {
                         ogThis.#handleValidationResult(
                             [], // Clear errors
                             this.row,
                             this.col
-                        )
+                        );
                         callback(true); // Allow empty value
                         return true;
                     }
diff --git a/src/renderer/src/stories/pages/Page.js b/src/renderer/src/stories/pages/Page.js
index 82a68ae5d..016764081 100644
--- a/src/renderer/src/stories/pages/Page.js
+++ b/src/renderer/src/stories/pages/Page.js
@@ -61,7 +61,6 @@ export class Page extends LitElement {
     };
 
     to = async (transition) => {
-
         // Otherwise note unsaved updates if present
         if (
             this.unsavedUpdates ||
diff --git a/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js b/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js
index db95b66f7..694cf4719 100644
--- a/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js
+++ b/src/renderer/src/stories/pages/guided-mode/setup/GuidedSubjects.js
@@ -18,7 +18,6 @@ export class GuidedSubjectsPage extends Page {
 
     // Abort save if subject structure is invalid
     beforeSave = () => {
-
         this.info.globalState.subjects = merge(this.localState, this.info.globalState.subjects); // Merge the local and global states
 
         const { results, subjects } = this.info.globalState;
diff --git a/src/renderer/src/validation/index.js b/src/renderer/src/validation/index.js
index 5f7e09e15..86d13a7b8 100644
--- a/src/renderer/src/validation/index.js
+++ b/src/renderer/src/validation/index.js
@@ -16,7 +16,7 @@ export function validateOnChange(name, parent, path, value) {
 
     const copy = { ...parent }; // Validate on a copy of the parent
     if (arguments.length > 3) copy[name] = value; // Update value on copy
-    
+
     let lastResolved;
     functions = fullPath.reduce((acc, key, i) => {
         if (acc && key in acc) return (lastResolved = acc[key]);

From 223951ed50a38084e44e55a4286d0ade50dbcf8e Mon Sep 17 00:00:00 2001
From: Garrett <gflynn@usc.edu>
Date: Mon, 16 Oct 2023 09:02:08 -0700
Subject: [PATCH 05/14] Fix list validation

---
 src/renderer/src/stories/JSONSchemaInput.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/stories/JSONSchemaInput.js b/src/renderer/src/stories/JSONSchemaInput.js
index d20c54ecd..9f08d62ce 100644
--- a/src/renderer/src/stories/JSONSchemaInput.js
+++ b/src/renderer/src/stories/JSONSchemaInput.js
@@ -282,7 +282,7 @@ export class JSONSchemaInput extends LitElement {
                 modal.toggle(false);
             });
 
-            return html` <div>${list} ${addButton}</div> `;
+            return html` <div class="schema-input" @change=${() => validateOnChange && this.#triggerValidation(name, list, path)} >${list} ${addButton}</div> `;
         }
 
         // Basic enumeration of properties on a select element

From e22d8e2152faef2ca2ead2c9442bf501b8ee2371 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Mon, 16 Oct 2023 16:04:21 +0000
Subject: [PATCH 06/14] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 src/renderer/src/stories/JSONSchemaInput.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/stories/JSONSchemaInput.js b/src/renderer/src/stories/JSONSchemaInput.js
index 9f08d62ce..687d528e2 100644
--- a/src/renderer/src/stories/JSONSchemaInput.js
+++ b/src/renderer/src/stories/JSONSchemaInput.js
@@ -282,7 +282,14 @@ export class JSONSchemaInput extends LitElement {
                 modal.toggle(false);
             });
 
-            return html` <div class="schema-input" @change=${() => validateOnChange && this.#triggerValidation(name, list, path)} >${list} ${addButton}</div> `;
+            return html`
+                <div
+                    class="schema-input"
+                    @change=${() => validateOnChange && this.#triggerValidation(name, list, path)}
+                >
+                    ${list} ${addButton}
+                </div>
+            `;
         }
 
         // Basic enumeration of properties on a select element

From 908a0d158567958a487a8bf8454cb08393b8605d Mon Sep 17 00:00:00 2001
From: Garrett <gflynn@usc.edu>
Date: Mon, 16 Oct 2023 12:33:02 -0700
Subject: [PATCH 07/14] Add Neuralynx Recording

---
 guideGlobalMetadata.json                      |   3 +-
 .../generated/BiocamRecordingInterface.json   |   2 +-
 .../BlackrockRecordingInterface.json          |   2 +-
 .../generated/BlackrockSortingInterface.json  |   2 +-
 .../BrukerTiffMultiPlaneImagingInterface.json |   2 +-
 ...BrukerTiffSinglePlaneImagingInterface.json |   2 +-
 .../CellExplorerSortingInterface.json         |   2 +-
 .../generated/IntanRecordingInterface.json    |   2 +-
 .../generated/KiloSortSortingInterface.json   |   2 +-
 .../MicroManagerTiffImagingInterface.json     |   2 +-
 .../generated/MiniscopeImagingInterface.json  |   2 +-
 .../NeuralynxRecordingInterface.json          |  36 +++
 .../generated/NeuroScopeLFPInterface.json     |   2 +-
 .../NeuroScopeRecordingInterface.json         |   2 +-
 .../generated/NeuroScopeSortingInterface.json |   2 +-
 .../OpenEphysRecordingInterface.json          |   2 +-
 .../json/generated/PhySortingInterface.json   |   2 +-
 .../json/generated/SbxImagingInterface.json   |   2 +-
 .../generated/ScanImageImagingInterface.json  |   2 +-
 .../generated/Spike2RecordingInterface.json   |   2 +-
 .../json/generated/SpikeGLXNIDQInterface.json |   2 +-
 .../generated/SpikeGLXRecordingInterface.json |   2 +-
 .../json/generated/TiffImagingInterface.json  |   2 +-
 .../pages/guided-mode/SourceData.stories.js   | 264 +++++++++---------
 24 files changed, 184 insertions(+), 161 deletions(-)
 create mode 100644 schemas/json/generated/NeuralynxRecordingInterface.json

diff --git a/guideGlobalMetadata.json b/guideGlobalMetadata.json
index bfce304a0..e7f1c3d69 100644
--- a/guideGlobalMetadata.json
+++ b/guideGlobalMetadata.json
@@ -20,6 +20,7 @@
         "ScanImageImagingInterface",
         "TiffImagingInterface",
         "MiniscopeImagingInterface",
-        "SbxImagingInterface"
+        "SbxImagingInterface",
+        "NeuralynxRecordingInterface"
     ]
 }
diff --git a/schemas/json/generated/BiocamRecordingInterface.json b/schemas/json/generated/BiocamRecordingInterface.json
index 8d51c7b06..3265fe263 100644
--- a/schemas/json/generated/BiocamRecordingInterface.json
+++ b/schemas/json/generated/BiocamRecordingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/BlackrockRecordingInterface.json b/schemas/json/generated/BlackrockRecordingInterface.json
index 25190ebf2..32de2a224 100644
--- a/schemas/json/generated/BlackrockRecordingInterface.json
+++ b/schemas/json/generated/BlackrockRecordingInterface.json
@@ -35,4 +35,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/BlackrockSortingInterface.json b/schemas/json/generated/BlackrockSortingInterface.json
index 02661e794..1b0b34068 100644
--- a/schemas/json/generated/BlackrockSortingInterface.json
+++ b/schemas/json/generated/BlackrockSortingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json b/schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json
index a4383d177..7ebe1b31e 100644
--- a/schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json
+++ b/schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json b/schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json
index 844834ff9..50cea61c2 100644
--- a/schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json
+++ b/schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/CellExplorerSortingInterface.json b/schemas/json/generated/CellExplorerSortingInterface.json
index c51a65d4e..e2cc689b1 100644
--- a/schemas/json/generated/CellExplorerSortingInterface.json
+++ b/schemas/json/generated/CellExplorerSortingInterface.json
@@ -26,4 +26,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/IntanRecordingInterface.json b/schemas/json/generated/IntanRecordingInterface.json
index 07904ada2..b75b39eda 100644
--- a/schemas/json/generated/IntanRecordingInterface.json
+++ b/schemas/json/generated/IntanRecordingInterface.json
@@ -34,4 +34,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/KiloSortSortingInterface.json b/schemas/json/generated/KiloSortSortingInterface.json
index a31d22b75..5ef66d490 100644
--- a/schemas/json/generated/KiloSortSortingInterface.json
+++ b/schemas/json/generated/KiloSortSortingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/MicroManagerTiffImagingInterface.json b/schemas/json/generated/MicroManagerTiffImagingInterface.json
index fb0cd8876..218c8c281 100644
--- a/schemas/json/generated/MicroManagerTiffImagingInterface.json
+++ b/schemas/json/generated/MicroManagerTiffImagingInterface.json
@@ -27,4 +27,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/MiniscopeImagingInterface.json b/schemas/json/generated/MiniscopeImagingInterface.json
index 33171beb5..d73ea0721 100644
--- a/schemas/json/generated/MiniscopeImagingInterface.json
+++ b/schemas/json/generated/MiniscopeImagingInterface.json
@@ -22,4 +22,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/NeuralynxRecordingInterface.json b/schemas/json/generated/NeuralynxRecordingInterface.json
new file mode 100644
index 000000000..e3c3e98a8
--- /dev/null
+++ b/schemas/json/generated/NeuralynxRecordingInterface.json
@@ -0,0 +1,36 @@
+{
+    "required": [],
+    "properties": {
+        "NeuralynxRecordingInterface": {
+            "required": [
+                "folder_path"
+            ],
+            "properties": {
+                "folder_path": {
+                    "format": "directory",
+                    "type": "string"
+                },
+                "stream_name": {
+                    "type": "string"
+                },
+                "verbose": {
+                    "type": "boolean",
+                    "default": false
+                },
+                "es_key": {
+                    "type": "string",
+                    "default": "ElectricalSeries"
+                }
+            },
+            "type": "object",
+            "additionalProperties": false
+        }
+    },
+    "type": "object",
+    "additionalProperties": false,
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "$id": "source.schema.json",
+    "title": "Source data schema",
+    "description": "Schema for the source data, files and directories",
+    "version": "0.1.0"
+}
\ No newline at end of file
diff --git a/schemas/json/generated/NeuroScopeLFPInterface.json b/schemas/json/generated/NeuroScopeLFPInterface.json
index d42a885ab..3c6224cf0 100644
--- a/schemas/json/generated/NeuroScopeLFPInterface.json
+++ b/schemas/json/generated/NeuroScopeLFPInterface.json
@@ -29,4 +29,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/NeuroScopeRecordingInterface.json b/schemas/json/generated/NeuroScopeRecordingInterface.json
index 3e95a33d0..2077b287a 100644
--- a/schemas/json/generated/NeuroScopeRecordingInterface.json
+++ b/schemas/json/generated/NeuroScopeRecordingInterface.json
@@ -37,4 +37,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/NeuroScopeSortingInterface.json b/schemas/json/generated/NeuroScopeSortingInterface.json
index 680fcbce9..fe3d76fe6 100644
--- a/schemas/json/generated/NeuroScopeSortingInterface.json
+++ b/schemas/json/generated/NeuroScopeSortingInterface.json
@@ -37,4 +37,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/OpenEphysRecordingInterface.json b/schemas/json/generated/OpenEphysRecordingInterface.json
index f6193ea0c..f3affa4d3 100644
--- a/schemas/json/generated/OpenEphysRecordingInterface.json
+++ b/schemas/json/generated/OpenEphysRecordingInterface.json
@@ -33,4 +33,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/PhySortingInterface.json b/schemas/json/generated/PhySortingInterface.json
index edcc2183d..182494ca2 100644
--- a/schemas/json/generated/PhySortingInterface.json
+++ b/schemas/json/generated/PhySortingInterface.json
@@ -29,4 +29,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/SbxImagingInterface.json b/schemas/json/generated/SbxImagingInterface.json
index d02d2c0e7..8b97044b0 100644
--- a/schemas/json/generated/SbxImagingInterface.json
+++ b/schemas/json/generated/SbxImagingInterface.json
@@ -29,4 +29,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/ScanImageImagingInterface.json b/schemas/json/generated/ScanImageImagingInterface.json
index 71b3cb59a..26925e9f5 100644
--- a/schemas/json/generated/ScanImageImagingInterface.json
+++ b/schemas/json/generated/ScanImageImagingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/Spike2RecordingInterface.json b/schemas/json/generated/Spike2RecordingInterface.json
index 81c785ad8..3b143bf75 100644
--- a/schemas/json/generated/Spike2RecordingInterface.json
+++ b/schemas/json/generated/Spike2RecordingInterface.json
@@ -31,4 +31,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/SpikeGLXNIDQInterface.json b/schemas/json/generated/SpikeGLXNIDQInterface.json
index 14ad82eb8..8a38f1387 100644
--- a/schemas/json/generated/SpikeGLXNIDQInterface.json
+++ b/schemas/json/generated/SpikeGLXNIDQInterface.json
@@ -35,4 +35,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/SpikeGLXRecordingInterface.json b/schemas/json/generated/SpikeGLXRecordingInterface.json
index 4b2034df8..603158605 100644
--- a/schemas/json/generated/SpikeGLXRecordingInterface.json
+++ b/schemas/json/generated/SpikeGLXRecordingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/schemas/json/generated/TiffImagingInterface.json b/schemas/json/generated/TiffImagingInterface.json
index 036de528a..0cce7efa6 100644
--- a/schemas/json/generated/TiffImagingInterface.json
+++ b/schemas/json/generated/TiffImagingInterface.json
@@ -31,4 +31,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
+}
\ No newline at end of file
diff --git a/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js b/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js
index 9ac3dd511..0e775f7d2 100644
--- a/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js
+++ b/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js
@@ -1,213 +1,199 @@
 import { globalState, PageTemplate } from "./storyStates";
-import SpikeGLXRecordingInterfaceSchema from "../../../../../../schemas/json/generated/SpikeGLXRecordingInterface.json";
-import SpikeGLXNIDQInterfaceSchema from "../../../../../../schemas/json/generated/SpikeGLXNIDQInterface.json";
-import PhySortingInterfaceSchema from "../../../../../../schemas/json/generated/PhySortingInterface.json";
-import NeuroScopeRecordingInterfaceSchema from "../../../../../../schemas/json/generated/NeuroScopeRecordingInterface.json";
-import NeuroScopeLFPInterfaceSchema from "../../../../../../schemas/json/generated/NeuroScopeLFPInterface.json";
-import NeuroScopeSortingInterfaceSchema from "../../../../../../schemas/json/generated/NeuroScopeSortingInterface.json";
-import BiocamRecordingInterfaceSchema from "../../../../../../schemas/json/generated/BiocamRecordingInterface.json";
-import IntanRecordingInterfaceSchema from "../../../../../../schemas/json/generated/IntanRecordingInterface.json";
-import OpenEphysRecordingInterfaceSchema from "../../../../../../schemas/json/generated/OpenEphysRecordingInterface.json";
-import BlackrockRecordingInterfaceSchema from "../../../../../../schemas/json/generated/BlackrockRecordingInterface.json";
-import BlackrockSortingInterfaceSchema from "../../../../../../schemas/json/generated/BlackrockSortingInterface.json";
-import CellExplorerSortingInterfaceSchema from "../../../../../../schemas/json/generated/CellExplorerSortingInterface.json";
-import KiloSortSortingInterfaceSchema from "../../../../../../schemas/json/generated/KiloSortSortingInterface.json";
-import Spike2RecordingInterfaceSchema from "../../../../../../schemas/json/generated/Spike2RecordingInterface.json";
-import BrukerTiffSinglePlaneImagingInterfaceSchema from "../../../../../../schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json";
-import BrukerTiffMultiPlaneImagingInterfaceSchema from "../../../../../../schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json";
-import MicroManagerTiffImagingInterfaceSchema from "../../../../../../schemas/json/generated/MicroManagerTiffImagingInterface.json";
-import ScanImageImagingInterfaceSchema from "../../../../../../schemas/json/generated/ScanImageImagingInterface.json";
-import TiffImagingInterfaceSchema from "../../../../../../schemas/json/generated/TiffImagingInterface.json";
-import MiniscopeImagingInterfaceSchema from "../../../../../../schemas/json/generated/MiniscopeImagingInterface.json";
-import SbxImagingInterfaceSchema from "../../../../../../schemas/json/generated/SbxImagingInterface.json";
+import SpikeGLXRecordingInterfaceSchema from '../../../../../../schemas/json/generated/SpikeGLXRecordingInterface.json'
+import SpikeGLXNIDQInterfaceSchema from '../../../../../../schemas/json/generated/SpikeGLXNIDQInterface.json'
+import PhySortingInterfaceSchema from '../../../../../../schemas/json/generated/PhySortingInterface.json'
+import NeuroScopeRecordingInterfaceSchema from '../../../../../../schemas/json/generated/NeuroScopeRecordingInterface.json'
+import NeuroScopeLFPInterfaceSchema from '../../../../../../schemas/json/generated/NeuroScopeLFPInterface.json'
+import NeuroScopeSortingInterfaceSchema from '../../../../../../schemas/json/generated/NeuroScopeSortingInterface.json'
+import BiocamRecordingInterfaceSchema from '../../../../../../schemas/json/generated/BiocamRecordingInterface.json'
+import IntanRecordingInterfaceSchema from '../../../../../../schemas/json/generated/IntanRecordingInterface.json'
+import OpenEphysRecordingInterfaceSchema from '../../../../../../schemas/json/generated/OpenEphysRecordingInterface.json'
+import BlackrockRecordingInterfaceSchema from '../../../../../../schemas/json/generated/BlackrockRecordingInterface.json'
+import BlackrockSortingInterfaceSchema from '../../../../../../schemas/json/generated/BlackrockSortingInterface.json'
+import CellExplorerSortingInterfaceSchema from '../../../../../../schemas/json/generated/CellExplorerSortingInterface.json'
+import KiloSortSortingInterfaceSchema from '../../../../../../schemas/json/generated/KiloSortSortingInterface.json'
+import Spike2RecordingInterfaceSchema from '../../../../../../schemas/json/generated/Spike2RecordingInterface.json'
+import BrukerTiffSinglePlaneImagingInterfaceSchema from '../../../../../../schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json'
+import BrukerTiffMultiPlaneImagingInterfaceSchema from '../../../../../../schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json'
+import MicroManagerTiffImagingInterfaceSchema from '../../../../../../schemas/json/generated/MicroManagerTiffImagingInterface.json'
+import ScanImageImagingInterfaceSchema from '../../../../../../schemas/json/generated/ScanImageImagingInterface.json'
+import TiffImagingInterfaceSchema from '../../../../../../schemas/json/generated/TiffImagingInterface.json'
+import MiniscopeImagingInterfaceSchema from '../../../../../../schemas/json/generated/MiniscopeImagingInterface.json'
+import SbxImagingInterfaceSchema from '../../../../../../schemas/json/generated/SbxImagingInterface.json'
+import NeuralynxRecordingInterfaceSchema from '../../../../../../schemas/json/generated/NeuralynxRecordingInterface.json'
 
 export default {
     title: "Pages/Guided Mode/Source Data",
     parameters: {
         chromatic: { disableSnapshot: false },
-    },
+    }
 };
 
-const activePage = "conversion/sourcedata";
-
-const globalStateCopy = JSON.parse(JSON.stringify(globalState));
-globalStateCopy.schema.source_data.properties.SpikeGLXRecordingInterface =
-    SpikeGLXRecordingInterfaceSchema.properties.SpikeGLXRecordingInterface;
-globalStateCopy.schema.source_data.properties.SpikeGLXNIDQInterface =
-    SpikeGLXNIDQInterfaceSchema.properties.SpikeGLXNIDQInterface;
-globalStateCopy.schema.source_data.properties.PhySortingInterface =
-    PhySortingInterfaceSchema.properties.PhySortingInterface;
-globalStateCopy.schema.source_data.properties.NeuroScopeRecordingInterface =
-    NeuroScopeRecordingInterfaceSchema.properties.NeuroScopeRecordingInterface;
-globalStateCopy.schema.source_data.properties.NeuroScopeLFPInterface =
-    NeuroScopeLFPInterfaceSchema.properties.NeuroScopeLFPInterface;
-globalStateCopy.schema.source_data.properties.NeuroScopeSortingInterface =
-    NeuroScopeSortingInterfaceSchema.properties.NeuroScopeSortingInterface;
-globalStateCopy.schema.source_data.properties.BiocamRecordingInterface =
-    BiocamRecordingInterfaceSchema.properties.BiocamRecordingInterface;
-globalStateCopy.schema.source_data.properties.IntanRecordingInterface =
-    IntanRecordingInterfaceSchema.properties.IntanRecordingInterface;
-globalStateCopy.schema.source_data.properties.OpenEphysRecordingInterface =
-    OpenEphysRecordingInterfaceSchema.properties.OpenEphysRecordingInterface;
-globalStateCopy.schema.source_data.properties.BlackrockRecordingInterface =
-    BlackrockRecordingInterfaceSchema.properties.BlackrockRecordingInterface;
-globalStateCopy.schema.source_data.properties.BlackrockSortingInterface =
-    BlackrockSortingInterfaceSchema.properties.BlackrockSortingInterface;
-globalStateCopy.schema.source_data.properties.CellExplorerSortingInterface =
-    CellExplorerSortingInterfaceSchema.properties.CellExplorerSortingInterface;
-globalStateCopy.schema.source_data.properties.KiloSortSortingInterface =
-    KiloSortSortingInterfaceSchema.properties.KiloSortSortingInterface;
-globalStateCopy.schema.source_data.properties.Spike2RecordingInterface =
-    Spike2RecordingInterfaceSchema.properties.Spike2RecordingInterface;
-globalStateCopy.schema.source_data.properties.BrukerTiffSinglePlaneImagingInterface =
-    BrukerTiffSinglePlaneImagingInterfaceSchema.properties.BrukerTiffSinglePlaneImagingInterface;
-globalStateCopy.schema.source_data.properties.BrukerTiffMultiPlaneImagingInterface =
-    BrukerTiffMultiPlaneImagingInterfaceSchema.properties.BrukerTiffMultiPlaneImagingInterface;
-globalStateCopy.schema.source_data.properties.MicroManagerTiffImagingInterface =
-    MicroManagerTiffImagingInterfaceSchema.properties.MicroManagerTiffImagingInterface;
-globalStateCopy.schema.source_data.properties.ScanImageImagingInterface =
-    ScanImageImagingInterfaceSchema.properties.ScanImageImagingInterface;
-globalStateCopy.schema.source_data.properties.TiffImagingInterface =
-    TiffImagingInterfaceSchema.properties.TiffImagingInterface;
-globalStateCopy.schema.source_data.properties.MiniscopeImagingInterface =
-    MiniscopeImagingInterfaceSchema.properties.MiniscopeImagingInterface;
-globalStateCopy.schema.source_data.properties.SbxImagingInterface =
-    SbxImagingInterfaceSchema.properties.SbxImagingInterface;
-
-const results = globalStateCopy.results;
-for (let sub in results) {
-    for (let ses in results[sub])
-        results[sub][ses].source_data = { SpikeGLXNIDQInterface: { file_path: "/dummy/file/path" } };
+const activePage = "conversion/sourcedata"
+
+
+const globalStateCopy = JSON.parse(JSON.stringify(globalState))
+globalStateCopy.schema.source_data.properties.SpikeGLXRecordingInterface = SpikeGLXRecordingInterfaceSchema.properties.SpikeGLXRecordingInterface
+globalStateCopy.schema.source_data.properties.SpikeGLXNIDQInterface = SpikeGLXNIDQInterfaceSchema.properties.SpikeGLXNIDQInterface
+globalStateCopy.schema.source_data.properties.PhySortingInterface = PhySortingInterfaceSchema.properties.PhySortingInterface
+globalStateCopy.schema.source_data.properties.NeuroScopeRecordingInterface = NeuroScopeRecordingInterfaceSchema.properties.NeuroScopeRecordingInterface
+globalStateCopy.schema.source_data.properties.NeuroScopeLFPInterface = NeuroScopeLFPInterfaceSchema.properties.NeuroScopeLFPInterface
+globalStateCopy.schema.source_data.properties.NeuroScopeSortingInterface = NeuroScopeSortingInterfaceSchema.properties.NeuroScopeSortingInterface
+globalStateCopy.schema.source_data.properties.BiocamRecordingInterface = BiocamRecordingInterfaceSchema.properties.BiocamRecordingInterface
+globalStateCopy.schema.source_data.properties.IntanRecordingInterface = IntanRecordingInterfaceSchema.properties.IntanRecordingInterface
+globalStateCopy.schema.source_data.properties.OpenEphysRecordingInterface = OpenEphysRecordingInterfaceSchema.properties.OpenEphysRecordingInterface
+globalStateCopy.schema.source_data.properties.BlackrockRecordingInterface = BlackrockRecordingInterfaceSchema.properties.BlackrockRecordingInterface
+globalStateCopy.schema.source_data.properties.BlackrockSortingInterface = BlackrockSortingInterfaceSchema.properties.BlackrockSortingInterface
+globalStateCopy.schema.source_data.properties.CellExplorerSortingInterface = CellExplorerSortingInterfaceSchema.properties.CellExplorerSortingInterface
+globalStateCopy.schema.source_data.properties.KiloSortSortingInterface = KiloSortSortingInterfaceSchema.properties.KiloSortSortingInterface
+globalStateCopy.schema.source_data.properties.Spike2RecordingInterface = Spike2RecordingInterfaceSchema.properties.Spike2RecordingInterface
+globalStateCopy.schema.source_data.properties.BrukerTiffSinglePlaneImagingInterface = BrukerTiffSinglePlaneImagingInterfaceSchema.properties.BrukerTiffSinglePlaneImagingInterface
+globalStateCopy.schema.source_data.properties.BrukerTiffMultiPlaneImagingInterface = BrukerTiffMultiPlaneImagingInterfaceSchema.properties.BrukerTiffMultiPlaneImagingInterface
+globalStateCopy.schema.source_data.properties.MicroManagerTiffImagingInterface = MicroManagerTiffImagingInterfaceSchema.properties.MicroManagerTiffImagingInterface
+globalStateCopy.schema.source_data.properties.ScanImageImagingInterface = ScanImageImagingInterfaceSchema.properties.ScanImageImagingInterface
+globalStateCopy.schema.source_data.properties.TiffImagingInterface = TiffImagingInterfaceSchema.properties.TiffImagingInterface
+globalStateCopy.schema.source_data.properties.MiniscopeImagingInterface = MiniscopeImagingInterfaceSchema.properties.MiniscopeImagingInterface
+globalStateCopy.schema.source_data.properties.SbxImagingInterface = SbxImagingInterfaceSchema.properties.SbxImagingInterface
+globalStateCopy.schema.source_data.properties.NeuralynxRecordingInterface = NeuralynxRecordingInterfaceSchema.properties.NeuralynxRecordingInterface
+
+const results = globalStateCopy.results
+for (let sub in results){
+    for (let ses in results[sub]) results[sub][ses].source_data = {SpikeGLXNIDQInterface: {file_path: '/dummy/file/path'}}
 }
 
+
 export const All = PageTemplate.bind({});
 All.args = { activePage, globalState: globalStateCopy };
 
 export const SpikeGLXRecordingInterface = PageTemplate.bind({});
-const SpikeGLXRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-SpikeGLXRecordingInterfaceGlobalCopy.interfaces.interface = SpikeGLXRecordingInterface;
-SpikeGLXRecordingInterfaceGlobalCopy.schema.source_data = SpikeGLXRecordingInterfaceSchema;
+const SpikeGLXRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+SpikeGLXRecordingInterfaceGlobalCopy.interfaces.interface = SpikeGLXRecordingInterface
+SpikeGLXRecordingInterfaceGlobalCopy.schema.source_data = SpikeGLXRecordingInterfaceSchema
 SpikeGLXRecordingInterface.args = { activePage, globalState: SpikeGLXRecordingInterfaceGlobalCopy };
 
 export const SpikeGLXNIDQInterface = PageTemplate.bind({});
-const SpikeGLXNIDQInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-SpikeGLXNIDQInterfaceGlobalCopy.interfaces.interface = SpikeGLXNIDQInterface;
-SpikeGLXNIDQInterfaceGlobalCopy.schema.source_data = SpikeGLXNIDQInterfaceSchema;
+const SpikeGLXNIDQInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+SpikeGLXNIDQInterfaceGlobalCopy.interfaces.interface = SpikeGLXNIDQInterface
+SpikeGLXNIDQInterfaceGlobalCopy.schema.source_data = SpikeGLXNIDQInterfaceSchema
 SpikeGLXNIDQInterface.args = { activePage, globalState: SpikeGLXNIDQInterfaceGlobalCopy };
 
 export const PhySortingInterface = PageTemplate.bind({});
-const PhySortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-PhySortingInterfaceGlobalCopy.interfaces.interface = PhySortingInterface;
-PhySortingInterfaceGlobalCopy.schema.source_data = PhySortingInterfaceSchema;
+const PhySortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+PhySortingInterfaceGlobalCopy.interfaces.interface = PhySortingInterface
+PhySortingInterfaceGlobalCopy.schema.source_data = PhySortingInterfaceSchema
 PhySortingInterface.args = { activePage, globalState: PhySortingInterfaceGlobalCopy };
 
 export const NeuroScopeRecordingInterface = PageTemplate.bind({});
-const NeuroScopeRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-NeuroScopeRecordingInterfaceGlobalCopy.interfaces.interface = NeuroScopeRecordingInterface;
-NeuroScopeRecordingInterfaceGlobalCopy.schema.source_data = NeuroScopeRecordingInterfaceSchema;
+const NeuroScopeRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+NeuroScopeRecordingInterfaceGlobalCopy.interfaces.interface = NeuroScopeRecordingInterface
+NeuroScopeRecordingInterfaceGlobalCopy.schema.source_data = NeuroScopeRecordingInterfaceSchema
 NeuroScopeRecordingInterface.args = { activePage, globalState: NeuroScopeRecordingInterfaceGlobalCopy };
 
 export const NeuroScopeLFPInterface = PageTemplate.bind({});
-const NeuroScopeLFPInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-NeuroScopeLFPInterfaceGlobalCopy.interfaces.interface = NeuroScopeLFPInterface;
-NeuroScopeLFPInterfaceGlobalCopy.schema.source_data = NeuroScopeLFPInterfaceSchema;
+const NeuroScopeLFPInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+NeuroScopeLFPInterfaceGlobalCopy.interfaces.interface = NeuroScopeLFPInterface
+NeuroScopeLFPInterfaceGlobalCopy.schema.source_data = NeuroScopeLFPInterfaceSchema
 NeuroScopeLFPInterface.args = { activePage, globalState: NeuroScopeLFPInterfaceGlobalCopy };
 
 export const NeuroScopeSortingInterface = PageTemplate.bind({});
-const NeuroScopeSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-NeuroScopeSortingInterfaceGlobalCopy.interfaces.interface = NeuroScopeSortingInterface;
-NeuroScopeSortingInterfaceGlobalCopy.schema.source_data = NeuroScopeSortingInterfaceSchema;
+const NeuroScopeSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+NeuroScopeSortingInterfaceGlobalCopy.interfaces.interface = NeuroScopeSortingInterface
+NeuroScopeSortingInterfaceGlobalCopy.schema.source_data = NeuroScopeSortingInterfaceSchema
 NeuroScopeSortingInterface.args = { activePage, globalState: NeuroScopeSortingInterfaceGlobalCopy };
 
 export const BiocamRecordingInterface = PageTemplate.bind({});
-const BiocamRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-BiocamRecordingInterfaceGlobalCopy.interfaces.interface = BiocamRecordingInterface;
-BiocamRecordingInterfaceGlobalCopy.schema.source_data = BiocamRecordingInterfaceSchema;
+const BiocamRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+BiocamRecordingInterfaceGlobalCopy.interfaces.interface = BiocamRecordingInterface
+BiocamRecordingInterfaceGlobalCopy.schema.source_data = BiocamRecordingInterfaceSchema
 BiocamRecordingInterface.args = { activePage, globalState: BiocamRecordingInterfaceGlobalCopy };
 
 export const IntanRecordingInterface = PageTemplate.bind({});
-const IntanRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-IntanRecordingInterfaceGlobalCopy.interfaces.interface = IntanRecordingInterface;
-IntanRecordingInterfaceGlobalCopy.schema.source_data = IntanRecordingInterfaceSchema;
+const IntanRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+IntanRecordingInterfaceGlobalCopy.interfaces.interface = IntanRecordingInterface
+IntanRecordingInterfaceGlobalCopy.schema.source_data = IntanRecordingInterfaceSchema
 IntanRecordingInterface.args = { activePage, globalState: IntanRecordingInterfaceGlobalCopy };
 
 export const OpenEphysRecordingInterface = PageTemplate.bind({});
-const OpenEphysRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-OpenEphysRecordingInterfaceGlobalCopy.interfaces.interface = OpenEphysRecordingInterface;
-OpenEphysRecordingInterfaceGlobalCopy.schema.source_data = OpenEphysRecordingInterfaceSchema;
+const OpenEphysRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+OpenEphysRecordingInterfaceGlobalCopy.interfaces.interface = OpenEphysRecordingInterface
+OpenEphysRecordingInterfaceGlobalCopy.schema.source_data = OpenEphysRecordingInterfaceSchema
 OpenEphysRecordingInterface.args = { activePage, globalState: OpenEphysRecordingInterfaceGlobalCopy };
 
 export const BlackrockRecordingInterface = PageTemplate.bind({});
-const BlackrockRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-BlackrockRecordingInterfaceGlobalCopy.interfaces.interface = BlackrockRecordingInterface;
-BlackrockRecordingInterfaceGlobalCopy.schema.source_data = BlackrockRecordingInterfaceSchema;
+const BlackrockRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+BlackrockRecordingInterfaceGlobalCopy.interfaces.interface = BlackrockRecordingInterface
+BlackrockRecordingInterfaceGlobalCopy.schema.source_data = BlackrockRecordingInterfaceSchema
 BlackrockRecordingInterface.args = { activePage, globalState: BlackrockRecordingInterfaceGlobalCopy };
 
 export const BlackrockSortingInterface = PageTemplate.bind({});
-const BlackrockSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-BlackrockSortingInterfaceGlobalCopy.interfaces.interface = BlackrockSortingInterface;
-BlackrockSortingInterfaceGlobalCopy.schema.source_data = BlackrockSortingInterfaceSchema;
+const BlackrockSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+BlackrockSortingInterfaceGlobalCopy.interfaces.interface = BlackrockSortingInterface
+BlackrockSortingInterfaceGlobalCopy.schema.source_data = BlackrockSortingInterfaceSchema
 BlackrockSortingInterface.args = { activePage, globalState: BlackrockSortingInterfaceGlobalCopy };
 
 export const CellExplorerSortingInterface = PageTemplate.bind({});
-const CellExplorerSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-CellExplorerSortingInterfaceGlobalCopy.interfaces.interface = CellExplorerSortingInterface;
-CellExplorerSortingInterfaceGlobalCopy.schema.source_data = CellExplorerSortingInterfaceSchema;
+const CellExplorerSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+CellExplorerSortingInterfaceGlobalCopy.interfaces.interface = CellExplorerSortingInterface
+CellExplorerSortingInterfaceGlobalCopy.schema.source_data = CellExplorerSortingInterfaceSchema
 CellExplorerSortingInterface.args = { activePage, globalState: CellExplorerSortingInterfaceGlobalCopy };
 
 export const KiloSortSortingInterface = PageTemplate.bind({});
-const KiloSortSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-KiloSortSortingInterfaceGlobalCopy.interfaces.interface = KiloSortSortingInterface;
-KiloSortSortingInterfaceGlobalCopy.schema.source_data = KiloSortSortingInterfaceSchema;
+const KiloSortSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+KiloSortSortingInterfaceGlobalCopy.interfaces.interface = KiloSortSortingInterface
+KiloSortSortingInterfaceGlobalCopy.schema.source_data = KiloSortSortingInterfaceSchema
 KiloSortSortingInterface.args = { activePage, globalState: KiloSortSortingInterfaceGlobalCopy };
 
 export const Spike2RecordingInterface = PageTemplate.bind({});
-const Spike2RecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-Spike2RecordingInterfaceGlobalCopy.interfaces.interface = Spike2RecordingInterface;
-Spike2RecordingInterfaceGlobalCopy.schema.source_data = Spike2RecordingInterfaceSchema;
+const Spike2RecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+Spike2RecordingInterfaceGlobalCopy.interfaces.interface = Spike2RecordingInterface
+Spike2RecordingInterfaceGlobalCopy.schema.source_data = Spike2RecordingInterfaceSchema
 Spike2RecordingInterface.args = { activePage, globalState: Spike2RecordingInterfaceGlobalCopy };
 
 export const BrukerTiffSinglePlaneImagingInterface = PageTemplate.bind({});
-const BrukerTiffSinglePlaneImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-BrukerTiffSinglePlaneImagingInterfaceGlobalCopy.interfaces.interface = BrukerTiffSinglePlaneImagingInterface;
-BrukerTiffSinglePlaneImagingInterfaceGlobalCopy.schema.source_data = BrukerTiffSinglePlaneImagingInterfaceSchema;
-BrukerTiffSinglePlaneImagingInterface.args = {
-    activePage,
-    globalState: BrukerTiffSinglePlaneImagingInterfaceGlobalCopy,
-};
+const BrukerTiffSinglePlaneImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+BrukerTiffSinglePlaneImagingInterfaceGlobalCopy.interfaces.interface = BrukerTiffSinglePlaneImagingInterface
+BrukerTiffSinglePlaneImagingInterfaceGlobalCopy.schema.source_data = BrukerTiffSinglePlaneImagingInterfaceSchema
+BrukerTiffSinglePlaneImagingInterface.args = { activePage, globalState: BrukerTiffSinglePlaneImagingInterfaceGlobalCopy };
 
 export const BrukerTiffMultiPlaneImagingInterface = PageTemplate.bind({});
-const BrukerTiffMultiPlaneImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-BrukerTiffMultiPlaneImagingInterfaceGlobalCopy.interfaces.interface = BrukerTiffMultiPlaneImagingInterface;
-BrukerTiffMultiPlaneImagingInterfaceGlobalCopy.schema.source_data = BrukerTiffMultiPlaneImagingInterfaceSchema;
+const BrukerTiffMultiPlaneImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+BrukerTiffMultiPlaneImagingInterfaceGlobalCopy.interfaces.interface = BrukerTiffMultiPlaneImagingInterface
+BrukerTiffMultiPlaneImagingInterfaceGlobalCopy.schema.source_data = BrukerTiffMultiPlaneImagingInterfaceSchema
 BrukerTiffMultiPlaneImagingInterface.args = { activePage, globalState: BrukerTiffMultiPlaneImagingInterfaceGlobalCopy };
 
 export const MicroManagerTiffImagingInterface = PageTemplate.bind({});
-const MicroManagerTiffImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-MicroManagerTiffImagingInterfaceGlobalCopy.interfaces.interface = MicroManagerTiffImagingInterface;
-MicroManagerTiffImagingInterfaceGlobalCopy.schema.source_data = MicroManagerTiffImagingInterfaceSchema;
+const MicroManagerTiffImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+MicroManagerTiffImagingInterfaceGlobalCopy.interfaces.interface = MicroManagerTiffImagingInterface
+MicroManagerTiffImagingInterfaceGlobalCopy.schema.source_data = MicroManagerTiffImagingInterfaceSchema
 MicroManagerTiffImagingInterface.args = { activePage, globalState: MicroManagerTiffImagingInterfaceGlobalCopy };
 
 export const ScanImageImagingInterface = PageTemplate.bind({});
-const ScanImageImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-ScanImageImagingInterfaceGlobalCopy.interfaces.interface = ScanImageImagingInterface;
-ScanImageImagingInterfaceGlobalCopy.schema.source_data = ScanImageImagingInterfaceSchema;
+const ScanImageImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+ScanImageImagingInterfaceGlobalCopy.interfaces.interface = ScanImageImagingInterface
+ScanImageImagingInterfaceGlobalCopy.schema.source_data = ScanImageImagingInterfaceSchema
 ScanImageImagingInterface.args = { activePage, globalState: ScanImageImagingInterfaceGlobalCopy };
 
 export const TiffImagingInterface = PageTemplate.bind({});
-const TiffImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-TiffImagingInterfaceGlobalCopy.interfaces.interface = TiffImagingInterface;
-TiffImagingInterfaceGlobalCopy.schema.source_data = TiffImagingInterfaceSchema;
+const TiffImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+TiffImagingInterfaceGlobalCopy.interfaces.interface = TiffImagingInterface
+TiffImagingInterfaceGlobalCopy.schema.source_data = TiffImagingInterfaceSchema
 TiffImagingInterface.args = { activePage, globalState: TiffImagingInterfaceGlobalCopy };
 
 export const MiniscopeImagingInterface = PageTemplate.bind({});
-const MiniscopeImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-MiniscopeImagingInterfaceGlobalCopy.interfaces.interface = MiniscopeImagingInterface;
-MiniscopeImagingInterfaceGlobalCopy.schema.source_data = MiniscopeImagingInterfaceSchema;
+const MiniscopeImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+MiniscopeImagingInterfaceGlobalCopy.interfaces.interface = MiniscopeImagingInterface
+MiniscopeImagingInterfaceGlobalCopy.schema.source_data = MiniscopeImagingInterfaceSchema
 MiniscopeImagingInterface.args = { activePage, globalState: MiniscopeImagingInterfaceGlobalCopy };
 
 export const SbxImagingInterface = PageTemplate.bind({});
-const SbxImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
-SbxImagingInterfaceGlobalCopy.interfaces.interface = SbxImagingInterface;
-SbxImagingInterfaceGlobalCopy.schema.source_data = SbxImagingInterfaceSchema;
+const SbxImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+SbxImagingInterfaceGlobalCopy.interfaces.interface = SbxImagingInterface
+SbxImagingInterfaceGlobalCopy.schema.source_data = SbxImagingInterfaceSchema
 SbxImagingInterface.args = { activePage, globalState: SbxImagingInterfaceGlobalCopy };
+
+export const NeuralynxRecordingInterface = PageTemplate.bind({});
+const NeuralynxRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+NeuralynxRecordingInterfaceGlobalCopy.interfaces.interface = NeuralynxRecordingInterface
+NeuralynxRecordingInterfaceGlobalCopy.schema.source_data = NeuralynxRecordingInterfaceSchema
+NeuralynxRecordingInterface.args = { activePage, globalState: NeuralynxRecordingInterfaceGlobalCopy };
+

From 743354526de23fbc2e7b704074f0a18daa633df5 Mon Sep 17 00:00:00 2001
From: Garrett <gflynn@usc.edu>
Date: Mon, 16 Oct 2023 12:35:20 -0700
Subject: [PATCH 08/14] Update stories

---
 .../pages/guided-mode/SourceData.stories.js   | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js b/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js
index 0e775f7d2..4d9fc6c6b 100644
--- a/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js
+++ b/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js
@@ -20,6 +20,12 @@ import ScanImageImagingInterfaceSchema from '../../../../../../schemas/json/gene
 import TiffImagingInterfaceSchema from '../../../../../../schemas/json/generated/TiffImagingInterface.json'
 import MiniscopeImagingInterfaceSchema from '../../../../../../schemas/json/generated/MiniscopeImagingInterface.json'
 import SbxImagingInterfaceSchema from '../../../../../../schemas/json/generated/SbxImagingInterface.json'
+import CaimanSegmentationInterfaceSchema from '../../../../../../schemas/json/generated/CaimanSegmentationInterface.json'
+import MCSRawRecordingInterfaceSchema from '../../../../../../schemas/json/generated/MCSRawRecordingInterface.json'
+import MEArecRecordingInterfaceSchema from '../../../../../../schemas/json/generated/MEArecRecordingInterface.json'
+import PlexonRecordingInterfaceSchema from '../../../../../../schemas/json/generated/PlexonRecordingInterface.json'
+import PlexonSortingInterfaceSchema from '../../../../../../schemas/json/generated/PlexonSortingInterface.json'
+import AxonaRecordingInterfaceSchema from '../../../../../../schemas/json/generated/AxonaRecordingInterface.json'
 import NeuralynxRecordingInterfaceSchema from '../../../../../../schemas/json/generated/NeuralynxRecordingInterface.json'
 
 export default {
@@ -54,6 +60,12 @@ globalStateCopy.schema.source_data.properties.ScanImageImagingInterface = ScanIm
 globalStateCopy.schema.source_data.properties.TiffImagingInterface = TiffImagingInterfaceSchema.properties.TiffImagingInterface
 globalStateCopy.schema.source_data.properties.MiniscopeImagingInterface = MiniscopeImagingInterfaceSchema.properties.MiniscopeImagingInterface
 globalStateCopy.schema.source_data.properties.SbxImagingInterface = SbxImagingInterfaceSchema.properties.SbxImagingInterface
+globalStateCopy.schema.source_data.properties.CaimanSegmentationInterface = CaimanSegmentationInterfaceSchema.properties.CaimanSegmentationInterface
+globalStateCopy.schema.source_data.properties.MCSRawRecordingInterface = MCSRawRecordingInterfaceSchema.properties.MCSRawRecordingInterface
+globalStateCopy.schema.source_data.properties.MEArecRecordingInterface = MEArecRecordingInterfaceSchema.properties.MEArecRecordingInterface
+globalStateCopy.schema.source_data.properties.PlexonRecordingInterface = PlexonRecordingInterfaceSchema.properties.PlexonRecordingInterface
+globalStateCopy.schema.source_data.properties.PlexonSortingInterface = PlexonSortingInterfaceSchema.properties.PlexonSortingInterface
+globalStateCopy.schema.source_data.properties.AxonaRecordingInterface = AxonaRecordingInterfaceSchema.properties.AxonaRecordingInterface
 globalStateCopy.schema.source_data.properties.NeuralynxRecordingInterface = NeuralynxRecordingInterfaceSchema.properties.NeuralynxRecordingInterface
 
 const results = globalStateCopy.results
@@ -191,6 +203,42 @@ SbxImagingInterfaceGlobalCopy.interfaces.interface = SbxImagingInterface
 SbxImagingInterfaceGlobalCopy.schema.source_data = SbxImagingInterfaceSchema
 SbxImagingInterface.args = { activePage, globalState: SbxImagingInterfaceGlobalCopy };
 
+export const CaimanSegmentationInterface = PageTemplate.bind({});
+const CaimanSegmentationInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+CaimanSegmentationInterfaceGlobalCopy.interfaces.interface = CaimanSegmentationInterface
+CaimanSegmentationInterfaceGlobalCopy.schema.source_data = CaimanSegmentationInterfaceSchema
+CaimanSegmentationInterface.args = { activePage, globalState: CaimanSegmentationInterfaceGlobalCopy };
+
+export const MCSRawRecordingInterface = PageTemplate.bind({});
+const MCSRawRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+MCSRawRecordingInterfaceGlobalCopy.interfaces.interface = MCSRawRecordingInterface
+MCSRawRecordingInterfaceGlobalCopy.schema.source_data = MCSRawRecordingInterfaceSchema
+MCSRawRecordingInterface.args = { activePage, globalState: MCSRawRecordingInterfaceGlobalCopy };
+
+export const MEArecRecordingInterface = PageTemplate.bind({});
+const MEArecRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+MEArecRecordingInterfaceGlobalCopy.interfaces.interface = MEArecRecordingInterface
+MEArecRecordingInterfaceGlobalCopy.schema.source_data = MEArecRecordingInterfaceSchema
+MEArecRecordingInterface.args = { activePage, globalState: MEArecRecordingInterfaceGlobalCopy };
+
+export const PlexonRecordingInterface = PageTemplate.bind({});
+const PlexonRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+PlexonRecordingInterfaceGlobalCopy.interfaces.interface = PlexonRecordingInterface
+PlexonRecordingInterfaceGlobalCopy.schema.source_data = PlexonRecordingInterfaceSchema
+PlexonRecordingInterface.args = { activePage, globalState: PlexonRecordingInterfaceGlobalCopy };
+
+export const PlexonSortingInterface = PageTemplate.bind({});
+const PlexonSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+PlexonSortingInterfaceGlobalCopy.interfaces.interface = PlexonSortingInterface
+PlexonSortingInterfaceGlobalCopy.schema.source_data = PlexonSortingInterfaceSchema
+PlexonSortingInterface.args = { activePage, globalState: PlexonSortingInterfaceGlobalCopy };
+
+export const AxonaRecordingInterface = PageTemplate.bind({});
+const AxonaRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
+AxonaRecordingInterfaceGlobalCopy.interfaces.interface = AxonaRecordingInterface
+AxonaRecordingInterfaceGlobalCopy.schema.source_data = AxonaRecordingInterfaceSchema
+AxonaRecordingInterface.args = { activePage, globalState: AxonaRecordingInterfaceGlobalCopy };
+
 export const NeuralynxRecordingInterface = PageTemplate.bind({});
 const NeuralynxRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
 NeuralynxRecordingInterfaceGlobalCopy.interfaces.interface = NeuralynxRecordingInterface

From d392d56e37c267e8b9c8dd09de5959e12cdee855 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Mon, 16 Oct 2023 19:35:39 +0000
Subject: [PATCH 09/14] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 .../generated/AxonaRecordingInterface.json    |   2 +-
 .../generated/BiocamRecordingInterface.json   |   2 +-
 .../BlackrockRecordingInterface.json          |   2 +-
 .../generated/BlackrockSortingInterface.json  |   2 +-
 .../BrukerTiffMultiPlaneImagingInterface.json |   2 +-
 ...BrukerTiffSinglePlaneImagingInterface.json |   2 +-
 .../CaimanSegmentationInterface.json          |   2 +-
 .../CellExplorerSortingInterface.json         |   2 +-
 .../generated/IntanRecordingInterface.json    |   2 +-
 .../generated/KiloSortSortingInterface.json   |   2 +-
 .../generated/MCSRawRecordingInterface.json   |   2 +-
 .../generated/MEArecRecordingInterface.json   |   2 +-
 .../MicroManagerTiffImagingInterface.json     |   2 +-
 .../generated/MiniscopeImagingInterface.json  |   2 +-
 .../NeuralynxRecordingInterface.json          |   2 +-
 .../generated/NeuroScopeLFPInterface.json     |   2 +-
 .../NeuroScopeRecordingInterface.json         |   2 +-
 .../generated/NeuroScopeSortingInterface.json |   2 +-
 .../OpenEphysRecordingInterface.json          |   2 +-
 .../json/generated/PhySortingInterface.json   |   2 +-
 .../generated/PlexonRecordingInterface.json   |   2 +-
 .../generated/PlexonSortingInterface.json     |   2 +-
 .../json/generated/SbxImagingInterface.json   |   2 +-
 .../generated/ScanImageImagingInterface.json  |   2 +-
 .../generated/Spike2RecordingInterface.json   |   2 +-
 .../json/generated/SpikeGLXNIDQInterface.json |   2 +-
 .../generated/SpikeGLXRecordingInterface.json |   2 +-
 .../json/generated/TiffImagingInterface.json  |   2 +-
 .../pages/guided-mode/SourceData.stories.js   | 333 ++++++++++--------
 29 files changed, 209 insertions(+), 180 deletions(-)

diff --git a/schemas/json/generated/AxonaRecordingInterface.json b/schemas/json/generated/AxonaRecordingInterface.json
index 8fa5071bd..3459b77b2 100644
--- a/schemas/json/generated/AxonaRecordingInterface.json
+++ b/schemas/json/generated/AxonaRecordingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/BiocamRecordingInterface.json b/schemas/json/generated/BiocamRecordingInterface.json
index 3265fe263..8d51c7b06 100644
--- a/schemas/json/generated/BiocamRecordingInterface.json
+++ b/schemas/json/generated/BiocamRecordingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/BlackrockRecordingInterface.json b/schemas/json/generated/BlackrockRecordingInterface.json
index 32de2a224..25190ebf2 100644
--- a/schemas/json/generated/BlackrockRecordingInterface.json
+++ b/schemas/json/generated/BlackrockRecordingInterface.json
@@ -35,4 +35,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/BlackrockSortingInterface.json b/schemas/json/generated/BlackrockSortingInterface.json
index 1b0b34068..02661e794 100644
--- a/schemas/json/generated/BlackrockSortingInterface.json
+++ b/schemas/json/generated/BlackrockSortingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json b/schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json
index 7ebe1b31e..a4383d177 100644
--- a/schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json
+++ b/schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json b/schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json
index 50cea61c2..844834ff9 100644
--- a/schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json
+++ b/schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/CaimanSegmentationInterface.json b/schemas/json/generated/CaimanSegmentationInterface.json
index 84d9efb5e..db580d9a5 100644
--- a/schemas/json/generated/CaimanSegmentationInterface.json
+++ b/schemas/json/generated/CaimanSegmentationInterface.json
@@ -26,4 +26,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/CellExplorerSortingInterface.json b/schemas/json/generated/CellExplorerSortingInterface.json
index e2cc689b1..c51a65d4e 100644
--- a/schemas/json/generated/CellExplorerSortingInterface.json
+++ b/schemas/json/generated/CellExplorerSortingInterface.json
@@ -26,4 +26,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/IntanRecordingInterface.json b/schemas/json/generated/IntanRecordingInterface.json
index b75b39eda..07904ada2 100644
--- a/schemas/json/generated/IntanRecordingInterface.json
+++ b/schemas/json/generated/IntanRecordingInterface.json
@@ -34,4 +34,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/KiloSortSortingInterface.json b/schemas/json/generated/KiloSortSortingInterface.json
index 5ef66d490..a31d22b75 100644
--- a/schemas/json/generated/KiloSortSortingInterface.json
+++ b/schemas/json/generated/KiloSortSortingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/MCSRawRecordingInterface.json b/schemas/json/generated/MCSRawRecordingInterface.json
index beed45512..872b4e85c 100644
--- a/schemas/json/generated/MCSRawRecordingInterface.json
+++ b/schemas/json/generated/MCSRawRecordingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/MEArecRecordingInterface.json b/schemas/json/generated/MEArecRecordingInterface.json
index 25710cb90..b2a4df011 100644
--- a/schemas/json/generated/MEArecRecordingInterface.json
+++ b/schemas/json/generated/MEArecRecordingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/MicroManagerTiffImagingInterface.json b/schemas/json/generated/MicroManagerTiffImagingInterface.json
index 218c8c281..fb0cd8876 100644
--- a/schemas/json/generated/MicroManagerTiffImagingInterface.json
+++ b/schemas/json/generated/MicroManagerTiffImagingInterface.json
@@ -27,4 +27,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/MiniscopeImagingInterface.json b/schemas/json/generated/MiniscopeImagingInterface.json
index d73ea0721..33171beb5 100644
--- a/schemas/json/generated/MiniscopeImagingInterface.json
+++ b/schemas/json/generated/MiniscopeImagingInterface.json
@@ -22,4 +22,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/NeuralynxRecordingInterface.json b/schemas/json/generated/NeuralynxRecordingInterface.json
index e3c3e98a8..dfd28cada 100644
--- a/schemas/json/generated/NeuralynxRecordingInterface.json
+++ b/schemas/json/generated/NeuralynxRecordingInterface.json
@@ -33,4 +33,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/NeuroScopeLFPInterface.json b/schemas/json/generated/NeuroScopeLFPInterface.json
index 3c6224cf0..d42a885ab 100644
--- a/schemas/json/generated/NeuroScopeLFPInterface.json
+++ b/schemas/json/generated/NeuroScopeLFPInterface.json
@@ -29,4 +29,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/NeuroScopeRecordingInterface.json b/schemas/json/generated/NeuroScopeRecordingInterface.json
index 2077b287a..3e95a33d0 100644
--- a/schemas/json/generated/NeuroScopeRecordingInterface.json
+++ b/schemas/json/generated/NeuroScopeRecordingInterface.json
@@ -37,4 +37,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/NeuroScopeSortingInterface.json b/schemas/json/generated/NeuroScopeSortingInterface.json
index fe3d76fe6..680fcbce9 100644
--- a/schemas/json/generated/NeuroScopeSortingInterface.json
+++ b/schemas/json/generated/NeuroScopeSortingInterface.json
@@ -37,4 +37,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/OpenEphysRecordingInterface.json b/schemas/json/generated/OpenEphysRecordingInterface.json
index f3affa4d3..f6193ea0c 100644
--- a/schemas/json/generated/OpenEphysRecordingInterface.json
+++ b/schemas/json/generated/OpenEphysRecordingInterface.json
@@ -33,4 +33,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/PhySortingInterface.json b/schemas/json/generated/PhySortingInterface.json
index 182494ca2..edcc2183d 100644
--- a/schemas/json/generated/PhySortingInterface.json
+++ b/schemas/json/generated/PhySortingInterface.json
@@ -29,4 +29,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/PlexonRecordingInterface.json b/schemas/json/generated/PlexonRecordingInterface.json
index d4d354185..98fbba824 100644
--- a/schemas/json/generated/PlexonRecordingInterface.json
+++ b/schemas/json/generated/PlexonRecordingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/PlexonSortingInterface.json b/schemas/json/generated/PlexonSortingInterface.json
index 2828fde2d..7d7963c40 100644
--- a/schemas/json/generated/PlexonSortingInterface.json
+++ b/schemas/json/generated/PlexonSortingInterface.json
@@ -26,4 +26,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/SbxImagingInterface.json b/schemas/json/generated/SbxImagingInterface.json
index 8b97044b0..d02d2c0e7 100644
--- a/schemas/json/generated/SbxImagingInterface.json
+++ b/schemas/json/generated/SbxImagingInterface.json
@@ -29,4 +29,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/ScanImageImagingInterface.json b/schemas/json/generated/ScanImageImagingInterface.json
index 26925e9f5..71b3cb59a 100644
--- a/schemas/json/generated/ScanImageImagingInterface.json
+++ b/schemas/json/generated/ScanImageImagingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/Spike2RecordingInterface.json b/schemas/json/generated/Spike2RecordingInterface.json
index 3b143bf75..81c785ad8 100644
--- a/schemas/json/generated/Spike2RecordingInterface.json
+++ b/schemas/json/generated/Spike2RecordingInterface.json
@@ -31,4 +31,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/SpikeGLXNIDQInterface.json b/schemas/json/generated/SpikeGLXNIDQInterface.json
index 8a38f1387..14ad82eb8 100644
--- a/schemas/json/generated/SpikeGLXNIDQInterface.json
+++ b/schemas/json/generated/SpikeGLXNIDQInterface.json
@@ -35,4 +35,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/SpikeGLXRecordingInterface.json b/schemas/json/generated/SpikeGLXRecordingInterface.json
index 603158605..4b2034df8 100644
--- a/schemas/json/generated/SpikeGLXRecordingInterface.json
+++ b/schemas/json/generated/SpikeGLXRecordingInterface.json
@@ -30,4 +30,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/schemas/json/generated/TiffImagingInterface.json b/schemas/json/generated/TiffImagingInterface.json
index 0cce7efa6..036de528a 100644
--- a/schemas/json/generated/TiffImagingInterface.json
+++ b/schemas/json/generated/TiffImagingInterface.json
@@ -31,4 +31,4 @@
     "title": "Source data schema",
     "description": "Schema for the source data, files and directories",
     "version": "0.1.0"
-}
\ No newline at end of file
+}
diff --git a/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js b/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js
index 4d9fc6c6b..002750aa9 100644
--- a/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js
+++ b/src/renderer/src/stories/pages/guided-mode/SourceData.stories.js
@@ -1,247 +1,276 @@
 import { globalState, PageTemplate } from "./storyStates";
-import SpikeGLXRecordingInterfaceSchema from '../../../../../../schemas/json/generated/SpikeGLXRecordingInterface.json'
-import SpikeGLXNIDQInterfaceSchema from '../../../../../../schemas/json/generated/SpikeGLXNIDQInterface.json'
-import PhySortingInterfaceSchema from '../../../../../../schemas/json/generated/PhySortingInterface.json'
-import NeuroScopeRecordingInterfaceSchema from '../../../../../../schemas/json/generated/NeuroScopeRecordingInterface.json'
-import NeuroScopeLFPInterfaceSchema from '../../../../../../schemas/json/generated/NeuroScopeLFPInterface.json'
-import NeuroScopeSortingInterfaceSchema from '../../../../../../schemas/json/generated/NeuroScopeSortingInterface.json'
-import BiocamRecordingInterfaceSchema from '../../../../../../schemas/json/generated/BiocamRecordingInterface.json'
-import IntanRecordingInterfaceSchema from '../../../../../../schemas/json/generated/IntanRecordingInterface.json'
-import OpenEphysRecordingInterfaceSchema from '../../../../../../schemas/json/generated/OpenEphysRecordingInterface.json'
-import BlackrockRecordingInterfaceSchema from '../../../../../../schemas/json/generated/BlackrockRecordingInterface.json'
-import BlackrockSortingInterfaceSchema from '../../../../../../schemas/json/generated/BlackrockSortingInterface.json'
-import CellExplorerSortingInterfaceSchema from '../../../../../../schemas/json/generated/CellExplorerSortingInterface.json'
-import KiloSortSortingInterfaceSchema from '../../../../../../schemas/json/generated/KiloSortSortingInterface.json'
-import Spike2RecordingInterfaceSchema from '../../../../../../schemas/json/generated/Spike2RecordingInterface.json'
-import BrukerTiffSinglePlaneImagingInterfaceSchema from '../../../../../../schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json'
-import BrukerTiffMultiPlaneImagingInterfaceSchema from '../../../../../../schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json'
-import MicroManagerTiffImagingInterfaceSchema from '../../../../../../schemas/json/generated/MicroManagerTiffImagingInterface.json'
-import ScanImageImagingInterfaceSchema from '../../../../../../schemas/json/generated/ScanImageImagingInterface.json'
-import TiffImagingInterfaceSchema from '../../../../../../schemas/json/generated/TiffImagingInterface.json'
-import MiniscopeImagingInterfaceSchema from '../../../../../../schemas/json/generated/MiniscopeImagingInterface.json'
-import SbxImagingInterfaceSchema from '../../../../../../schemas/json/generated/SbxImagingInterface.json'
-import CaimanSegmentationInterfaceSchema from '../../../../../../schemas/json/generated/CaimanSegmentationInterface.json'
-import MCSRawRecordingInterfaceSchema from '../../../../../../schemas/json/generated/MCSRawRecordingInterface.json'
-import MEArecRecordingInterfaceSchema from '../../../../../../schemas/json/generated/MEArecRecordingInterface.json'
-import PlexonRecordingInterfaceSchema from '../../../../../../schemas/json/generated/PlexonRecordingInterface.json'
-import PlexonSortingInterfaceSchema from '../../../../../../schemas/json/generated/PlexonSortingInterface.json'
-import AxonaRecordingInterfaceSchema from '../../../../../../schemas/json/generated/AxonaRecordingInterface.json'
-import NeuralynxRecordingInterfaceSchema from '../../../../../../schemas/json/generated/NeuralynxRecordingInterface.json'
+import SpikeGLXRecordingInterfaceSchema from "../../../../../../schemas/json/generated/SpikeGLXRecordingInterface.json";
+import SpikeGLXNIDQInterfaceSchema from "../../../../../../schemas/json/generated/SpikeGLXNIDQInterface.json";
+import PhySortingInterfaceSchema from "../../../../../../schemas/json/generated/PhySortingInterface.json";
+import NeuroScopeRecordingInterfaceSchema from "../../../../../../schemas/json/generated/NeuroScopeRecordingInterface.json";
+import NeuroScopeLFPInterfaceSchema from "../../../../../../schemas/json/generated/NeuroScopeLFPInterface.json";
+import NeuroScopeSortingInterfaceSchema from "../../../../../../schemas/json/generated/NeuroScopeSortingInterface.json";
+import BiocamRecordingInterfaceSchema from "../../../../../../schemas/json/generated/BiocamRecordingInterface.json";
+import IntanRecordingInterfaceSchema from "../../../../../../schemas/json/generated/IntanRecordingInterface.json";
+import OpenEphysRecordingInterfaceSchema from "../../../../../../schemas/json/generated/OpenEphysRecordingInterface.json";
+import BlackrockRecordingInterfaceSchema from "../../../../../../schemas/json/generated/BlackrockRecordingInterface.json";
+import BlackrockSortingInterfaceSchema from "../../../../../../schemas/json/generated/BlackrockSortingInterface.json";
+import CellExplorerSortingInterfaceSchema from "../../../../../../schemas/json/generated/CellExplorerSortingInterface.json";
+import KiloSortSortingInterfaceSchema from "../../../../../../schemas/json/generated/KiloSortSortingInterface.json";
+import Spike2RecordingInterfaceSchema from "../../../../../../schemas/json/generated/Spike2RecordingInterface.json";
+import BrukerTiffSinglePlaneImagingInterfaceSchema from "../../../../../../schemas/json/generated/BrukerTiffSinglePlaneImagingInterface.json";
+import BrukerTiffMultiPlaneImagingInterfaceSchema from "../../../../../../schemas/json/generated/BrukerTiffMultiPlaneImagingInterface.json";
+import MicroManagerTiffImagingInterfaceSchema from "../../../../../../schemas/json/generated/MicroManagerTiffImagingInterface.json";
+import ScanImageImagingInterfaceSchema from "../../../../../../schemas/json/generated/ScanImageImagingInterface.json";
+import TiffImagingInterfaceSchema from "../../../../../../schemas/json/generated/TiffImagingInterface.json";
+import MiniscopeImagingInterfaceSchema from "../../../../../../schemas/json/generated/MiniscopeImagingInterface.json";
+import SbxImagingInterfaceSchema from "../../../../../../schemas/json/generated/SbxImagingInterface.json";
+import CaimanSegmentationInterfaceSchema from "../../../../../../schemas/json/generated/CaimanSegmentationInterface.json";
+import MCSRawRecordingInterfaceSchema from "../../../../../../schemas/json/generated/MCSRawRecordingInterface.json";
+import MEArecRecordingInterfaceSchema from "../../../../../../schemas/json/generated/MEArecRecordingInterface.json";
+import PlexonRecordingInterfaceSchema from "../../../../../../schemas/json/generated/PlexonRecordingInterface.json";
+import PlexonSortingInterfaceSchema from "../../../../../../schemas/json/generated/PlexonSortingInterface.json";
+import AxonaRecordingInterfaceSchema from "../../../../../../schemas/json/generated/AxonaRecordingInterface.json";
+import NeuralynxRecordingInterfaceSchema from "../../../../../../schemas/json/generated/NeuralynxRecordingInterface.json";
 
 export default {
     title: "Pages/Guided Mode/Source Data",
     parameters: {
         chromatic: { disableSnapshot: false },
-    }
+    },
 };
 
-const activePage = "conversion/sourcedata"
-
-
-const globalStateCopy = JSON.parse(JSON.stringify(globalState))
-globalStateCopy.schema.source_data.properties.SpikeGLXRecordingInterface = SpikeGLXRecordingInterfaceSchema.properties.SpikeGLXRecordingInterface
-globalStateCopy.schema.source_data.properties.SpikeGLXNIDQInterface = SpikeGLXNIDQInterfaceSchema.properties.SpikeGLXNIDQInterface
-globalStateCopy.schema.source_data.properties.PhySortingInterface = PhySortingInterfaceSchema.properties.PhySortingInterface
-globalStateCopy.schema.source_data.properties.NeuroScopeRecordingInterface = NeuroScopeRecordingInterfaceSchema.properties.NeuroScopeRecordingInterface
-globalStateCopy.schema.source_data.properties.NeuroScopeLFPInterface = NeuroScopeLFPInterfaceSchema.properties.NeuroScopeLFPInterface
-globalStateCopy.schema.source_data.properties.NeuroScopeSortingInterface = NeuroScopeSortingInterfaceSchema.properties.NeuroScopeSortingInterface
-globalStateCopy.schema.source_data.properties.BiocamRecordingInterface = BiocamRecordingInterfaceSchema.properties.BiocamRecordingInterface
-globalStateCopy.schema.source_data.properties.IntanRecordingInterface = IntanRecordingInterfaceSchema.properties.IntanRecordingInterface
-globalStateCopy.schema.source_data.properties.OpenEphysRecordingInterface = OpenEphysRecordingInterfaceSchema.properties.OpenEphysRecordingInterface
-globalStateCopy.schema.source_data.properties.BlackrockRecordingInterface = BlackrockRecordingInterfaceSchema.properties.BlackrockRecordingInterface
-globalStateCopy.schema.source_data.properties.BlackrockSortingInterface = BlackrockSortingInterfaceSchema.properties.BlackrockSortingInterface
-globalStateCopy.schema.source_data.properties.CellExplorerSortingInterface = CellExplorerSortingInterfaceSchema.properties.CellExplorerSortingInterface
-globalStateCopy.schema.source_data.properties.KiloSortSortingInterface = KiloSortSortingInterfaceSchema.properties.KiloSortSortingInterface
-globalStateCopy.schema.source_data.properties.Spike2RecordingInterface = Spike2RecordingInterfaceSchema.properties.Spike2RecordingInterface
-globalStateCopy.schema.source_data.properties.BrukerTiffSinglePlaneImagingInterface = BrukerTiffSinglePlaneImagingInterfaceSchema.properties.BrukerTiffSinglePlaneImagingInterface
-globalStateCopy.schema.source_data.properties.BrukerTiffMultiPlaneImagingInterface = BrukerTiffMultiPlaneImagingInterfaceSchema.properties.BrukerTiffMultiPlaneImagingInterface
-globalStateCopy.schema.source_data.properties.MicroManagerTiffImagingInterface = MicroManagerTiffImagingInterfaceSchema.properties.MicroManagerTiffImagingInterface
-globalStateCopy.schema.source_data.properties.ScanImageImagingInterface = ScanImageImagingInterfaceSchema.properties.ScanImageImagingInterface
-globalStateCopy.schema.source_data.properties.TiffImagingInterface = TiffImagingInterfaceSchema.properties.TiffImagingInterface
-globalStateCopy.schema.source_data.properties.MiniscopeImagingInterface = MiniscopeImagingInterfaceSchema.properties.MiniscopeImagingInterface
-globalStateCopy.schema.source_data.properties.SbxImagingInterface = SbxImagingInterfaceSchema.properties.SbxImagingInterface
-globalStateCopy.schema.source_data.properties.CaimanSegmentationInterface = CaimanSegmentationInterfaceSchema.properties.CaimanSegmentationInterface
-globalStateCopy.schema.source_data.properties.MCSRawRecordingInterface = MCSRawRecordingInterfaceSchema.properties.MCSRawRecordingInterface
-globalStateCopy.schema.source_data.properties.MEArecRecordingInterface = MEArecRecordingInterfaceSchema.properties.MEArecRecordingInterface
-globalStateCopy.schema.source_data.properties.PlexonRecordingInterface = PlexonRecordingInterfaceSchema.properties.PlexonRecordingInterface
-globalStateCopy.schema.source_data.properties.PlexonSortingInterface = PlexonSortingInterfaceSchema.properties.PlexonSortingInterface
-globalStateCopy.schema.source_data.properties.AxonaRecordingInterface = AxonaRecordingInterfaceSchema.properties.AxonaRecordingInterface
-globalStateCopy.schema.source_data.properties.NeuralynxRecordingInterface = NeuralynxRecordingInterfaceSchema.properties.NeuralynxRecordingInterface
-
-const results = globalStateCopy.results
-for (let sub in results){
-    for (let ses in results[sub]) results[sub][ses].source_data = {SpikeGLXNIDQInterface: {file_path: '/dummy/file/path'}}
+const activePage = "conversion/sourcedata";
+
+const globalStateCopy = JSON.parse(JSON.stringify(globalState));
+globalStateCopy.schema.source_data.properties.SpikeGLXRecordingInterface =
+    SpikeGLXRecordingInterfaceSchema.properties.SpikeGLXRecordingInterface;
+globalStateCopy.schema.source_data.properties.SpikeGLXNIDQInterface =
+    SpikeGLXNIDQInterfaceSchema.properties.SpikeGLXNIDQInterface;
+globalStateCopy.schema.source_data.properties.PhySortingInterface =
+    PhySortingInterfaceSchema.properties.PhySortingInterface;
+globalStateCopy.schema.source_data.properties.NeuroScopeRecordingInterface =
+    NeuroScopeRecordingInterfaceSchema.properties.NeuroScopeRecordingInterface;
+globalStateCopy.schema.source_data.properties.NeuroScopeLFPInterface =
+    NeuroScopeLFPInterfaceSchema.properties.NeuroScopeLFPInterface;
+globalStateCopy.schema.source_data.properties.NeuroScopeSortingInterface =
+    NeuroScopeSortingInterfaceSchema.properties.NeuroScopeSortingInterface;
+globalStateCopy.schema.source_data.properties.BiocamRecordingInterface =
+    BiocamRecordingInterfaceSchema.properties.BiocamRecordingInterface;
+globalStateCopy.schema.source_data.properties.IntanRecordingInterface =
+    IntanRecordingInterfaceSchema.properties.IntanRecordingInterface;
+globalStateCopy.schema.source_data.properties.OpenEphysRecordingInterface =
+    OpenEphysRecordingInterfaceSchema.properties.OpenEphysRecordingInterface;
+globalStateCopy.schema.source_data.properties.BlackrockRecordingInterface =
+    BlackrockRecordingInterfaceSchema.properties.BlackrockRecordingInterface;
+globalStateCopy.schema.source_data.properties.BlackrockSortingInterface =
+    BlackrockSortingInterfaceSchema.properties.BlackrockSortingInterface;
+globalStateCopy.schema.source_data.properties.CellExplorerSortingInterface =
+    CellExplorerSortingInterfaceSchema.properties.CellExplorerSortingInterface;
+globalStateCopy.schema.source_data.properties.KiloSortSortingInterface =
+    KiloSortSortingInterfaceSchema.properties.KiloSortSortingInterface;
+globalStateCopy.schema.source_data.properties.Spike2RecordingInterface =
+    Spike2RecordingInterfaceSchema.properties.Spike2RecordingInterface;
+globalStateCopy.schema.source_data.properties.BrukerTiffSinglePlaneImagingInterface =
+    BrukerTiffSinglePlaneImagingInterfaceSchema.properties.BrukerTiffSinglePlaneImagingInterface;
+globalStateCopy.schema.source_data.properties.BrukerTiffMultiPlaneImagingInterface =
+    BrukerTiffMultiPlaneImagingInterfaceSchema.properties.BrukerTiffMultiPlaneImagingInterface;
+globalStateCopy.schema.source_data.properties.MicroManagerTiffImagingInterface =
+    MicroManagerTiffImagingInterfaceSchema.properties.MicroManagerTiffImagingInterface;
+globalStateCopy.schema.source_data.properties.ScanImageImagingInterface =
+    ScanImageImagingInterfaceSchema.properties.ScanImageImagingInterface;
+globalStateCopy.schema.source_data.properties.TiffImagingInterface =
+    TiffImagingInterfaceSchema.properties.TiffImagingInterface;
+globalStateCopy.schema.source_data.properties.MiniscopeImagingInterface =
+    MiniscopeImagingInterfaceSchema.properties.MiniscopeImagingInterface;
+globalStateCopy.schema.source_data.properties.SbxImagingInterface =
+    SbxImagingInterfaceSchema.properties.SbxImagingInterface;
+globalStateCopy.schema.source_data.properties.CaimanSegmentationInterface =
+    CaimanSegmentationInterfaceSchema.properties.CaimanSegmentationInterface;
+globalStateCopy.schema.source_data.properties.MCSRawRecordingInterface =
+    MCSRawRecordingInterfaceSchema.properties.MCSRawRecordingInterface;
+globalStateCopy.schema.source_data.properties.MEArecRecordingInterface =
+    MEArecRecordingInterfaceSchema.properties.MEArecRecordingInterface;
+globalStateCopy.schema.source_data.properties.PlexonRecordingInterface =
+    PlexonRecordingInterfaceSchema.properties.PlexonRecordingInterface;
+globalStateCopy.schema.source_data.properties.PlexonSortingInterface =
+    PlexonSortingInterfaceSchema.properties.PlexonSortingInterface;
+globalStateCopy.schema.source_data.properties.AxonaRecordingInterface =
+    AxonaRecordingInterfaceSchema.properties.AxonaRecordingInterface;
+globalStateCopy.schema.source_data.properties.NeuralynxRecordingInterface =
+    NeuralynxRecordingInterfaceSchema.properties.NeuralynxRecordingInterface;
+
+const results = globalStateCopy.results;
+for (let sub in results) {
+    for (let ses in results[sub])
+        results[sub][ses].source_data = { SpikeGLXNIDQInterface: { file_path: "/dummy/file/path" } };
 }
 
-
 export const All = PageTemplate.bind({});
 All.args = { activePage, globalState: globalStateCopy };
 
 export const SpikeGLXRecordingInterface = PageTemplate.bind({});
-const SpikeGLXRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-SpikeGLXRecordingInterfaceGlobalCopy.interfaces.interface = SpikeGLXRecordingInterface
-SpikeGLXRecordingInterfaceGlobalCopy.schema.source_data = SpikeGLXRecordingInterfaceSchema
+const SpikeGLXRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+SpikeGLXRecordingInterfaceGlobalCopy.interfaces.interface = SpikeGLXRecordingInterface;
+SpikeGLXRecordingInterfaceGlobalCopy.schema.source_data = SpikeGLXRecordingInterfaceSchema;
 SpikeGLXRecordingInterface.args = { activePage, globalState: SpikeGLXRecordingInterfaceGlobalCopy };
 
 export const SpikeGLXNIDQInterface = PageTemplate.bind({});
-const SpikeGLXNIDQInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-SpikeGLXNIDQInterfaceGlobalCopy.interfaces.interface = SpikeGLXNIDQInterface
-SpikeGLXNIDQInterfaceGlobalCopy.schema.source_data = SpikeGLXNIDQInterfaceSchema
+const SpikeGLXNIDQInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+SpikeGLXNIDQInterfaceGlobalCopy.interfaces.interface = SpikeGLXNIDQInterface;
+SpikeGLXNIDQInterfaceGlobalCopy.schema.source_data = SpikeGLXNIDQInterfaceSchema;
 SpikeGLXNIDQInterface.args = { activePage, globalState: SpikeGLXNIDQInterfaceGlobalCopy };
 
 export const PhySortingInterface = PageTemplate.bind({});
-const PhySortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-PhySortingInterfaceGlobalCopy.interfaces.interface = PhySortingInterface
-PhySortingInterfaceGlobalCopy.schema.source_data = PhySortingInterfaceSchema
+const PhySortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+PhySortingInterfaceGlobalCopy.interfaces.interface = PhySortingInterface;
+PhySortingInterfaceGlobalCopy.schema.source_data = PhySortingInterfaceSchema;
 PhySortingInterface.args = { activePage, globalState: PhySortingInterfaceGlobalCopy };
 
 export const NeuroScopeRecordingInterface = PageTemplate.bind({});
-const NeuroScopeRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-NeuroScopeRecordingInterfaceGlobalCopy.interfaces.interface = NeuroScopeRecordingInterface
-NeuroScopeRecordingInterfaceGlobalCopy.schema.source_data = NeuroScopeRecordingInterfaceSchema
+const NeuroScopeRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+NeuroScopeRecordingInterfaceGlobalCopy.interfaces.interface = NeuroScopeRecordingInterface;
+NeuroScopeRecordingInterfaceGlobalCopy.schema.source_data = NeuroScopeRecordingInterfaceSchema;
 NeuroScopeRecordingInterface.args = { activePage, globalState: NeuroScopeRecordingInterfaceGlobalCopy };
 
 export const NeuroScopeLFPInterface = PageTemplate.bind({});
-const NeuroScopeLFPInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-NeuroScopeLFPInterfaceGlobalCopy.interfaces.interface = NeuroScopeLFPInterface
-NeuroScopeLFPInterfaceGlobalCopy.schema.source_data = NeuroScopeLFPInterfaceSchema
+const NeuroScopeLFPInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+NeuroScopeLFPInterfaceGlobalCopy.interfaces.interface = NeuroScopeLFPInterface;
+NeuroScopeLFPInterfaceGlobalCopy.schema.source_data = NeuroScopeLFPInterfaceSchema;
 NeuroScopeLFPInterface.args = { activePage, globalState: NeuroScopeLFPInterfaceGlobalCopy };
 
 export const NeuroScopeSortingInterface = PageTemplate.bind({});
-const NeuroScopeSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-NeuroScopeSortingInterfaceGlobalCopy.interfaces.interface = NeuroScopeSortingInterface
-NeuroScopeSortingInterfaceGlobalCopy.schema.source_data = NeuroScopeSortingInterfaceSchema
+const NeuroScopeSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+NeuroScopeSortingInterfaceGlobalCopy.interfaces.interface = NeuroScopeSortingInterface;
+NeuroScopeSortingInterfaceGlobalCopy.schema.source_data = NeuroScopeSortingInterfaceSchema;
 NeuroScopeSortingInterface.args = { activePage, globalState: NeuroScopeSortingInterfaceGlobalCopy };
 
 export const BiocamRecordingInterface = PageTemplate.bind({});
-const BiocamRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-BiocamRecordingInterfaceGlobalCopy.interfaces.interface = BiocamRecordingInterface
-BiocamRecordingInterfaceGlobalCopy.schema.source_data = BiocamRecordingInterfaceSchema
+const BiocamRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+BiocamRecordingInterfaceGlobalCopy.interfaces.interface = BiocamRecordingInterface;
+BiocamRecordingInterfaceGlobalCopy.schema.source_data = BiocamRecordingInterfaceSchema;
 BiocamRecordingInterface.args = { activePage, globalState: BiocamRecordingInterfaceGlobalCopy };
 
 export const IntanRecordingInterface = PageTemplate.bind({});
-const IntanRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-IntanRecordingInterfaceGlobalCopy.interfaces.interface = IntanRecordingInterface
-IntanRecordingInterfaceGlobalCopy.schema.source_data = IntanRecordingInterfaceSchema
+const IntanRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+IntanRecordingInterfaceGlobalCopy.interfaces.interface = IntanRecordingInterface;
+IntanRecordingInterfaceGlobalCopy.schema.source_data = IntanRecordingInterfaceSchema;
 IntanRecordingInterface.args = { activePage, globalState: IntanRecordingInterfaceGlobalCopy };
 
 export const OpenEphysRecordingInterface = PageTemplate.bind({});
-const OpenEphysRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-OpenEphysRecordingInterfaceGlobalCopy.interfaces.interface = OpenEphysRecordingInterface
-OpenEphysRecordingInterfaceGlobalCopy.schema.source_data = OpenEphysRecordingInterfaceSchema
+const OpenEphysRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+OpenEphysRecordingInterfaceGlobalCopy.interfaces.interface = OpenEphysRecordingInterface;
+OpenEphysRecordingInterfaceGlobalCopy.schema.source_data = OpenEphysRecordingInterfaceSchema;
 OpenEphysRecordingInterface.args = { activePage, globalState: OpenEphysRecordingInterfaceGlobalCopy };
 
 export const BlackrockRecordingInterface = PageTemplate.bind({});
-const BlackrockRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-BlackrockRecordingInterfaceGlobalCopy.interfaces.interface = BlackrockRecordingInterface
-BlackrockRecordingInterfaceGlobalCopy.schema.source_data = BlackrockRecordingInterfaceSchema
+const BlackrockRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+BlackrockRecordingInterfaceGlobalCopy.interfaces.interface = BlackrockRecordingInterface;
+BlackrockRecordingInterfaceGlobalCopy.schema.source_data = BlackrockRecordingInterfaceSchema;
 BlackrockRecordingInterface.args = { activePage, globalState: BlackrockRecordingInterfaceGlobalCopy };
 
 export const BlackrockSortingInterface = PageTemplate.bind({});
-const BlackrockSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-BlackrockSortingInterfaceGlobalCopy.interfaces.interface = BlackrockSortingInterface
-BlackrockSortingInterfaceGlobalCopy.schema.source_data = BlackrockSortingInterfaceSchema
+const BlackrockSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+BlackrockSortingInterfaceGlobalCopy.interfaces.interface = BlackrockSortingInterface;
+BlackrockSortingInterfaceGlobalCopy.schema.source_data = BlackrockSortingInterfaceSchema;
 BlackrockSortingInterface.args = { activePage, globalState: BlackrockSortingInterfaceGlobalCopy };
 
 export const CellExplorerSortingInterface = PageTemplate.bind({});
-const CellExplorerSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-CellExplorerSortingInterfaceGlobalCopy.interfaces.interface = CellExplorerSortingInterface
-CellExplorerSortingInterfaceGlobalCopy.schema.source_data = CellExplorerSortingInterfaceSchema
+const CellExplorerSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+CellExplorerSortingInterfaceGlobalCopy.interfaces.interface = CellExplorerSortingInterface;
+CellExplorerSortingInterfaceGlobalCopy.schema.source_data = CellExplorerSortingInterfaceSchema;
 CellExplorerSortingInterface.args = { activePage, globalState: CellExplorerSortingInterfaceGlobalCopy };
 
 export const KiloSortSortingInterface = PageTemplate.bind({});
-const KiloSortSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-KiloSortSortingInterfaceGlobalCopy.interfaces.interface = KiloSortSortingInterface
-KiloSortSortingInterfaceGlobalCopy.schema.source_data = KiloSortSortingInterfaceSchema
+const KiloSortSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+KiloSortSortingInterfaceGlobalCopy.interfaces.interface = KiloSortSortingInterface;
+KiloSortSortingInterfaceGlobalCopy.schema.source_data = KiloSortSortingInterfaceSchema;
 KiloSortSortingInterface.args = { activePage, globalState: KiloSortSortingInterfaceGlobalCopy };
 
 export const Spike2RecordingInterface = PageTemplate.bind({});
-const Spike2RecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-Spike2RecordingInterfaceGlobalCopy.interfaces.interface = Spike2RecordingInterface
-Spike2RecordingInterfaceGlobalCopy.schema.source_data = Spike2RecordingInterfaceSchema
+const Spike2RecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+Spike2RecordingInterfaceGlobalCopy.interfaces.interface = Spike2RecordingInterface;
+Spike2RecordingInterfaceGlobalCopy.schema.source_data = Spike2RecordingInterfaceSchema;
 Spike2RecordingInterface.args = { activePage, globalState: Spike2RecordingInterfaceGlobalCopy };
 
 export const BrukerTiffSinglePlaneImagingInterface = PageTemplate.bind({});
-const BrukerTiffSinglePlaneImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-BrukerTiffSinglePlaneImagingInterfaceGlobalCopy.interfaces.interface = BrukerTiffSinglePlaneImagingInterface
-BrukerTiffSinglePlaneImagingInterfaceGlobalCopy.schema.source_data = BrukerTiffSinglePlaneImagingInterfaceSchema
-BrukerTiffSinglePlaneImagingInterface.args = { activePage, globalState: BrukerTiffSinglePlaneImagingInterfaceGlobalCopy };
+const BrukerTiffSinglePlaneImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+BrukerTiffSinglePlaneImagingInterfaceGlobalCopy.interfaces.interface = BrukerTiffSinglePlaneImagingInterface;
+BrukerTiffSinglePlaneImagingInterfaceGlobalCopy.schema.source_data = BrukerTiffSinglePlaneImagingInterfaceSchema;
+BrukerTiffSinglePlaneImagingInterface.args = {
+    activePage,
+    globalState: BrukerTiffSinglePlaneImagingInterfaceGlobalCopy,
+};
 
 export const BrukerTiffMultiPlaneImagingInterface = PageTemplate.bind({});
-const BrukerTiffMultiPlaneImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-BrukerTiffMultiPlaneImagingInterfaceGlobalCopy.interfaces.interface = BrukerTiffMultiPlaneImagingInterface
-BrukerTiffMultiPlaneImagingInterfaceGlobalCopy.schema.source_data = BrukerTiffMultiPlaneImagingInterfaceSchema
+const BrukerTiffMultiPlaneImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+BrukerTiffMultiPlaneImagingInterfaceGlobalCopy.interfaces.interface = BrukerTiffMultiPlaneImagingInterface;
+BrukerTiffMultiPlaneImagingInterfaceGlobalCopy.schema.source_data = BrukerTiffMultiPlaneImagingInterfaceSchema;
 BrukerTiffMultiPlaneImagingInterface.args = { activePage, globalState: BrukerTiffMultiPlaneImagingInterfaceGlobalCopy };
 
 export const MicroManagerTiffImagingInterface = PageTemplate.bind({});
-const MicroManagerTiffImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-MicroManagerTiffImagingInterfaceGlobalCopy.interfaces.interface = MicroManagerTiffImagingInterface
-MicroManagerTiffImagingInterfaceGlobalCopy.schema.source_data = MicroManagerTiffImagingInterfaceSchema
+const MicroManagerTiffImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+MicroManagerTiffImagingInterfaceGlobalCopy.interfaces.interface = MicroManagerTiffImagingInterface;
+MicroManagerTiffImagingInterfaceGlobalCopy.schema.source_data = MicroManagerTiffImagingInterfaceSchema;
 MicroManagerTiffImagingInterface.args = { activePage, globalState: MicroManagerTiffImagingInterfaceGlobalCopy };
 
 export const ScanImageImagingInterface = PageTemplate.bind({});
-const ScanImageImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-ScanImageImagingInterfaceGlobalCopy.interfaces.interface = ScanImageImagingInterface
-ScanImageImagingInterfaceGlobalCopy.schema.source_data = ScanImageImagingInterfaceSchema
+const ScanImageImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+ScanImageImagingInterfaceGlobalCopy.interfaces.interface = ScanImageImagingInterface;
+ScanImageImagingInterfaceGlobalCopy.schema.source_data = ScanImageImagingInterfaceSchema;
 ScanImageImagingInterface.args = { activePage, globalState: ScanImageImagingInterfaceGlobalCopy };
 
 export const TiffImagingInterface = PageTemplate.bind({});
-const TiffImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-TiffImagingInterfaceGlobalCopy.interfaces.interface = TiffImagingInterface
-TiffImagingInterfaceGlobalCopy.schema.source_data = TiffImagingInterfaceSchema
+const TiffImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+TiffImagingInterfaceGlobalCopy.interfaces.interface = TiffImagingInterface;
+TiffImagingInterfaceGlobalCopy.schema.source_data = TiffImagingInterfaceSchema;
 TiffImagingInterface.args = { activePage, globalState: TiffImagingInterfaceGlobalCopy };
 
 export const MiniscopeImagingInterface = PageTemplate.bind({});
-const MiniscopeImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-MiniscopeImagingInterfaceGlobalCopy.interfaces.interface = MiniscopeImagingInterface
-MiniscopeImagingInterfaceGlobalCopy.schema.source_data = MiniscopeImagingInterfaceSchema
+const MiniscopeImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+MiniscopeImagingInterfaceGlobalCopy.interfaces.interface = MiniscopeImagingInterface;
+MiniscopeImagingInterfaceGlobalCopy.schema.source_data = MiniscopeImagingInterfaceSchema;
 MiniscopeImagingInterface.args = { activePage, globalState: MiniscopeImagingInterfaceGlobalCopy };
 
 export const SbxImagingInterface = PageTemplate.bind({});
-const SbxImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-SbxImagingInterfaceGlobalCopy.interfaces.interface = SbxImagingInterface
-SbxImagingInterfaceGlobalCopy.schema.source_data = SbxImagingInterfaceSchema
+const SbxImagingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+SbxImagingInterfaceGlobalCopy.interfaces.interface = SbxImagingInterface;
+SbxImagingInterfaceGlobalCopy.schema.source_data = SbxImagingInterfaceSchema;
 SbxImagingInterface.args = { activePage, globalState: SbxImagingInterfaceGlobalCopy };
 
 export const CaimanSegmentationInterface = PageTemplate.bind({});
-const CaimanSegmentationInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-CaimanSegmentationInterfaceGlobalCopy.interfaces.interface = CaimanSegmentationInterface
-CaimanSegmentationInterfaceGlobalCopy.schema.source_data = CaimanSegmentationInterfaceSchema
+const CaimanSegmentationInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+CaimanSegmentationInterfaceGlobalCopy.interfaces.interface = CaimanSegmentationInterface;
+CaimanSegmentationInterfaceGlobalCopy.schema.source_data = CaimanSegmentationInterfaceSchema;
 CaimanSegmentationInterface.args = { activePage, globalState: CaimanSegmentationInterfaceGlobalCopy };
 
 export const MCSRawRecordingInterface = PageTemplate.bind({});
-const MCSRawRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-MCSRawRecordingInterfaceGlobalCopy.interfaces.interface = MCSRawRecordingInterface
-MCSRawRecordingInterfaceGlobalCopy.schema.source_data = MCSRawRecordingInterfaceSchema
+const MCSRawRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+MCSRawRecordingInterfaceGlobalCopy.interfaces.interface = MCSRawRecordingInterface;
+MCSRawRecordingInterfaceGlobalCopy.schema.source_data = MCSRawRecordingInterfaceSchema;
 MCSRawRecordingInterface.args = { activePage, globalState: MCSRawRecordingInterfaceGlobalCopy };
 
 export const MEArecRecordingInterface = PageTemplate.bind({});
-const MEArecRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-MEArecRecordingInterfaceGlobalCopy.interfaces.interface = MEArecRecordingInterface
-MEArecRecordingInterfaceGlobalCopy.schema.source_data = MEArecRecordingInterfaceSchema
+const MEArecRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+MEArecRecordingInterfaceGlobalCopy.interfaces.interface = MEArecRecordingInterface;
+MEArecRecordingInterfaceGlobalCopy.schema.source_data = MEArecRecordingInterfaceSchema;
 MEArecRecordingInterface.args = { activePage, globalState: MEArecRecordingInterfaceGlobalCopy };
 
 export const PlexonRecordingInterface = PageTemplate.bind({});
-const PlexonRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-PlexonRecordingInterfaceGlobalCopy.interfaces.interface = PlexonRecordingInterface
-PlexonRecordingInterfaceGlobalCopy.schema.source_data = PlexonRecordingInterfaceSchema
+const PlexonRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+PlexonRecordingInterfaceGlobalCopy.interfaces.interface = PlexonRecordingInterface;
+PlexonRecordingInterfaceGlobalCopy.schema.source_data = PlexonRecordingInterfaceSchema;
 PlexonRecordingInterface.args = { activePage, globalState: PlexonRecordingInterfaceGlobalCopy };
 
 export const PlexonSortingInterface = PageTemplate.bind({});
-const PlexonSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-PlexonSortingInterfaceGlobalCopy.interfaces.interface = PlexonSortingInterface
-PlexonSortingInterfaceGlobalCopy.schema.source_data = PlexonSortingInterfaceSchema
+const PlexonSortingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+PlexonSortingInterfaceGlobalCopy.interfaces.interface = PlexonSortingInterface;
+PlexonSortingInterfaceGlobalCopy.schema.source_data = PlexonSortingInterfaceSchema;
 PlexonSortingInterface.args = { activePage, globalState: PlexonSortingInterfaceGlobalCopy };
 
 export const AxonaRecordingInterface = PageTemplate.bind({});
-const AxonaRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-AxonaRecordingInterfaceGlobalCopy.interfaces.interface = AxonaRecordingInterface
-AxonaRecordingInterfaceGlobalCopy.schema.source_data = AxonaRecordingInterfaceSchema
+const AxonaRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+AxonaRecordingInterfaceGlobalCopy.interfaces.interface = AxonaRecordingInterface;
+AxonaRecordingInterfaceGlobalCopy.schema.source_data = AxonaRecordingInterfaceSchema;
 AxonaRecordingInterface.args = { activePage, globalState: AxonaRecordingInterfaceGlobalCopy };
 
 export const NeuralynxRecordingInterface = PageTemplate.bind({});
-const NeuralynxRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState))
-NeuralynxRecordingInterfaceGlobalCopy.interfaces.interface = NeuralynxRecordingInterface
-NeuralynxRecordingInterfaceGlobalCopy.schema.source_data = NeuralynxRecordingInterfaceSchema
+const NeuralynxRecordingInterfaceGlobalCopy = JSON.parse(JSON.stringify(globalState));
+NeuralynxRecordingInterfaceGlobalCopy.interfaces.interface = NeuralynxRecordingInterface;
+NeuralynxRecordingInterfaceGlobalCopy.schema.source_data = NeuralynxRecordingInterfaceSchema;
 NeuralynxRecordingInterface.args = { activePage, globalState: NeuralynxRecordingInterfaceGlobalCopy };
-

From fb4738a193a35b0e050372087303047dab1d8636 Mon Sep 17 00:00:00 2001
From: Garrett <gflynn@usc.edu>
Date: Mon, 16 Oct 2023 14:56:56 -0700
Subject: [PATCH 10/14] Allow clicking on capsules

---
 src/renderer/assets/css/guided.css                  |  1 +
 src/renderer/src/stories/Main.js                    | 13 +++++++++----
 .../src/stories/pages/guided-mode/GuidedCapsules.js |  6 ++++--
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/renderer/assets/css/guided.css b/src/renderer/assets/css/guided.css
index 33ab62748..9aed292f1 100644
--- a/src/renderer/assets/css/guided.css
+++ b/src/renderer/assets/css/guided.css
@@ -892,6 +892,7 @@ h1.guided--text-sub-step {
     border: none;
     display: inline-block;
     border-radius: 16px;
+    cursor: pointer;
 }
 
 .guided--capsule.active {
diff --git a/src/renderer/src/stories/Main.js b/src/renderer/src/stories/Main.js
index 8fa0f8089..28e6b9c6e 100644
--- a/src/renderer/src/stories/Main.js
+++ b/src/renderer/src/stories/Main.js
@@ -104,11 +104,17 @@ export class Main extends LitElement {
             if (section) {
                 if (capsules === true || !("capsules" in page)) {
                     let pages = Object.values(section.pages);
-                    if (pages.length > 1)
-                        capsules = {
+                    const pageIds = Object.keys(section.pages)
+                    if (pages.length > 1) {
+                        const capsulesProps = {
                             n: pages.length,
                             selected: pages.map((o) => o.pageLabel).indexOf(page.info.label),
                         };
+
+
+                        capsules = new GuidedCapsules(capsulesProps)
+                        capsules.onClick = (i) => this.toRender.page.to(pageIds[i])
+                    }
                 }
 
                 if (header === true || !("header" in page) || !("sections" in page.header)) {
@@ -123,7 +129,6 @@ export class Main extends LitElement {
 
         const headerEl = header ? new GuidedHeader(header) : html`<div></div>`; // Render for grid
 
-        const capsuleEl = capsules ? new GuidedCapsules(capsules) : "";
         const footerEl = footer ? new GuidedFooter(footer) : html`<div></div>`; // Render for grid
 
         const title = header?.title ?? page.info?.title;
@@ -137,7 +142,7 @@ export class Main extends LitElement {
         return html`
             ${headerEl}
             ${capsules
-                ? html`<div style="width: 100%; text-align: center; padding-top: 15px;">${capsuleEl}</div>`
+                ? html`<div style="width: 100%; text-align: center; padding-top: 15px;">${capsules}</div>`
                 : html`<div style="height: 50px;"></div>`}
             <main id="content" class="js-content" style="overflow: hidden; display: flex;">
                 <section class="section">
diff --git a/src/renderer/src/stories/pages/guided-mode/GuidedCapsules.js b/src/renderer/src/stories/pages/guided-mode/GuidedCapsules.js
index e573dcfb2..ad9da9225 100644
--- a/src/renderer/src/stories/pages/guided-mode/GuidedCapsules.js
+++ b/src/renderer/src/stories/pages/guided-mode/GuidedCapsules.js
@@ -26,15 +26,17 @@ export class GuidedCapsules extends LitElement {
         return this;
     }
 
+    onClick = () => {}
+
     render() {
         if (!this.n) return html``;
 
         return html`
-            <div class="guided--capsule-container">
+            <div class="guided--capsule-container" >
                 <div class="guided--capsule-container-branch">
                     ${Array.from(
                         { length: this.n },
-                        (_, i) => html`<div class="guided--capsule ${i === this.selected ? `active` : ""}"></div>`
+                        (_, i) => html`<div @click=${() => this.onClick(i)} class="guided--capsule ${i === this.selected ? `active` : ""}"></div>`
                     )}
                 </div>
             </div>

From 67d1c9aab948d457f49f3f609f5cf8a1c6ec90ff Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Mon, 16 Oct 2023 21:57:28 +0000
Subject: [PATCH 11/14] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 src/renderer/src/stories/Main.js                       |  7 +++----
 .../src/stories/pages/guided-mode/GuidedCapsules.js    | 10 +++++++---
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/stories/Main.js b/src/renderer/src/stories/Main.js
index 28e6b9c6e..7ad3d4968 100644
--- a/src/renderer/src/stories/Main.js
+++ b/src/renderer/src/stories/Main.js
@@ -104,16 +104,15 @@ export class Main extends LitElement {
             if (section) {
                 if (capsules === true || !("capsules" in page)) {
                     let pages = Object.values(section.pages);
-                    const pageIds = Object.keys(section.pages)
+                    const pageIds = Object.keys(section.pages);
                     if (pages.length > 1) {
                         const capsulesProps = {
                             n: pages.length,
                             selected: pages.map((o) => o.pageLabel).indexOf(page.info.label),
                         };
 
-
-                        capsules = new GuidedCapsules(capsulesProps)
-                        capsules.onClick = (i) => this.toRender.page.to(pageIds[i])
+                        capsules = new GuidedCapsules(capsulesProps);
+                        capsules.onClick = (i) => this.toRender.page.to(pageIds[i]);
                     }
                 }
 
diff --git a/src/renderer/src/stories/pages/guided-mode/GuidedCapsules.js b/src/renderer/src/stories/pages/guided-mode/GuidedCapsules.js
index ad9da9225..c28be5f82 100644
--- a/src/renderer/src/stories/pages/guided-mode/GuidedCapsules.js
+++ b/src/renderer/src/stories/pages/guided-mode/GuidedCapsules.js
@@ -26,17 +26,21 @@ export class GuidedCapsules extends LitElement {
         return this;
     }
 
-    onClick = () => {}
+    onClick = () => {};
 
     render() {
         if (!this.n) return html``;
 
         return html`
-            <div class="guided--capsule-container" >
+            <div class="guided--capsule-container">
                 <div class="guided--capsule-container-branch">
                     ${Array.from(
                         { length: this.n },
-                        (_, i) => html`<div @click=${() => this.onClick(i)} class="guided--capsule ${i === this.selected ? `active` : ""}"></div>`
+                        (_, i) =>
+                            html`<div
+                                @click=${() => this.onClick(i)}
+                                class="guided--capsule ${i === this.selected ? `active` : ""}"
+                            ></div>`
                     )}
                 </div>
             </div>

From dfeae3cdde4549fa888ab7113ec48e4b1a95994e Mon Sep 17 00:00:00 2001
From: Garrett <gflynn@usc.edu>
Date: Mon, 16 Oct 2023 15:04:21 -0700
Subject: [PATCH 12/14] Use direct check for file vs directory rather than a
 heuristic

---
 src/renderer/src/stories/FileSystemSelector.js              | 6 ++----
 .../src/stories/pages/guided-mode/data/GuidedSourceData.js  | 6 +-----
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/renderer/src/stories/FileSystemSelector.js b/src/renderer/src/stories/FileSystemSelector.js
index 5bdc10c9d..fc94871fe 100644
--- a/src/renderer/src/stories/FileSystemSelector.js
+++ b/src/renderer/src/stories/FileSystemSelector.js
@@ -1,6 +1,6 @@
 import { LitElement, css, html } from "lit";
 
-import { remote } from "../electron/index";
+import { fs, remote } from "../electron/index";
 const { dialog } = remote;
 
 function getObjectTypeReferenceString(type, multiple, { nested, native } = {}) {
@@ -126,7 +126,7 @@ export class FilesystemSelector extends LitElement {
     };
 
     #checkType = (value) => {
-        const isLikelyFile = value.split(".").length !== 1;
+        const isLikelyFile = fs ? fs.lstatSync(value).isFile() : value.split(".").length;
         if ((this.type === "directory" && isLikelyFile) || (this.type === "file" && !isLikelyFile))
             this.#onThrow("Incorrect filesystem object", `Please provide a <b>${this.type}</b> instead.`);
     };
@@ -150,8 +150,6 @@ export class FilesystemSelector extends LitElement {
 
         if (this.multiple && !Array.isArray(resolvedValue)) resolvedValue = [];
 
-        console.log(resolvedValue);
-
         this.value = resolvedValue;
         this.onSelect(this.value);
         const event = new Event("change"); // Create a new change event
diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js
index 615ade642..8f32a65a7 100644
--- a/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js
+++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js
@@ -108,13 +108,9 @@ export class GuidedSourceDataPage extends ManagedPage {
 
         const schema = this.info.globalState.schema.source_data;
         delete schema.description;
-
-        console.log("Schema", schema);
-
+        
         const schemaResolved = getSourceDataSchema(schema);
 
-        console.log("Schema", schemaResolved);
-
         const form = new JSONSchemaForm({
             identifier: instanceId,
             mode: "accordion",

From 706de93745882bd14ea627dbd217935f8750ea25 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Mon, 16 Oct 2023 22:04:40 +0000
Subject: [PATCH 13/14] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 .../src/stories/pages/guided-mode/data/GuidedSourceData.js      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js
index 8f32a65a7..40454e18d 100644
--- a/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js
+++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js
@@ -108,7 +108,7 @@ export class GuidedSourceDataPage extends ManagedPage {
 
         const schema = this.info.globalState.schema.source_data;
         delete schema.description;
-        
+
         const schemaResolved = getSourceDataSchema(schema);
 
         const form = new JSONSchemaForm({

From b2db7cf653a3c919e9e71bfd3e635867eb4d1096 Mon Sep 17 00:00:00 2001
From: Garrett <gflynn@usc.edu>
Date: Mon, 16 Oct 2023 16:42:42 -0700
Subject: [PATCH 14/14] Update List.ts

---
 src/renderer/src/stories/List.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/renderer/src/stories/List.ts b/src/renderer/src/stories/List.ts
index 7ffb24b26..d6e92b37e 100644
--- a/src/renderer/src/stories/List.ts
+++ b/src/renderer/src/stories/List.ts
@@ -28,6 +28,7 @@ export class List extends LitElement {
 
       #empty {
         padding: 20px 10px;
+        margin-left: -40px;
         color: gray;
       }