From c09caa0914a71ef0d26c5a12ad87fe2244b7f594 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Fri, 10 Nov 2023 15:43:02 -0800
Subject: [PATCH 01/40] Updated environment configs to account for SIPS account
 updates. also renamed usage of "staging" to "test".

---
 .env/.env.development |  2 --
 .env/.env.integration |  2 --
 .env/.env.sips-test   | 16 ++++++++++++++++
 .env/.env.staging     |  0
 .env/.env.test        | 16 ++++++++++++++++
 package.json          |  3 ++-
 6 files changed, 34 insertions(+), 5 deletions(-)
 create mode 100644 .env/.env.sips-test
 delete mode 100644 .env/.env.staging
 create mode 100644 .env/.env.test

diff --git a/.env/.env.development b/.env/.env.development
index 8973bba..c21918a 100644
--- a/.env/.env.development
+++ b/.env/.env.development
@@ -13,6 +13,4 @@ VITE_AUTH_APP_APP_VIEWER_GROUP_NAME=Unity_Viewer
 VITE_ADS_URL=http://uads-test-dockstore-deploy-lb-1762603872.us-west-2.elb.amazonaws.com:9998
 
 # SPS
-#VITE_SPS_WPST_ENDPOINT=http://aaed06716800f4ead8e75815506a2999-2059110582.us-west-2.elb.amazonaws.com:5001/   # Direct
-#VITE_SPS_WPST_ENDPOINT=https://1gp9st60gd.execute-api.us-west-2.amazonaws.com/dev/ades-wpst/   # Via API GATEWAY
 VITE_SPS_WPST_ENDPOINT=https://d3vc8w9zcq658.cloudfront.net/ades-wpst/  # Via CloudFront
diff --git a/.env/.env.integration b/.env/.env.integration
index 54c7659..0287534 100644
--- a/.env/.env.integration
+++ b/.env/.env.integration
@@ -13,6 +13,4 @@ VITE_AUTH_APP_APP_VIEWER_GROUP_NAME=Unity_Viewer
 VITE_ADS_URL=http://uads-test-dockstore-deploy-lb-1762603872.us-west-2.elb.amazonaws.com:9998
 
 # SPS
-#VITE_SPS_WPST_ENDPOINT=http://aaed06716800f4ead8e75815506a2999-2059110582.us-west-2.elb.amazonaws.com:5001/   # Direct
-#VITE_SPS_WPST_ENDPOINT=https://1gp9st60gd.execute-api.us-west-2.amazonaws.com/dev/ades-wpst/   # Via API GATEWAY
 VITE_SPS_WPST_ENDPOINT=https://d3vc8w9zcq658.cloudfront.net/ades-wpst/  # Via CloudFront
\ No newline at end of file
diff --git a/.env/.env.sips-test b/.env/.env.sips-test
new file mode 100644
index 0000000..513be1c
--- /dev/null
+++ b/.env/.env.sips-test
@@ -0,0 +1,16 @@
+# GENERAL
+VITE_ADMIN_EMAIL=anil.natha@jpl.nasa.gov
+
+# Auth
+VITE_AUTH_OAUTH_CLIENT_ID=SET_IN_INTEGRATION_DOT_LOCAL_FILE
+VITE_AUTH_OAUTH_REDIRECT_URI=https://dxebrgu0bc9w7.cloudfront.net/unity-sips-test/dashboard
+VITE_AUTH_OAUTH_LOGOUT_ENDPOINT=https://unitysds-test.auth.us-west-2.amazoncognito.com/logout
+VITE_AUTH_OAUTH_PROVIDER_URL=https://unitysds-test.auth.us-west-2.amazoncognito.com/oauth2
+VITE_AUTH_APP_ADMIN_GROUP_NAME=Unity_Admin
+VITE_AUTH_APP_APP_VIEWER_GROUP_NAME=Unity_Viewer
+
+# ADS
+VITE_ADS_URL=http://uads-test-dockstore-deploy-lb-1762603872.us-west-2.elb.amazonaws.com:9998
+
+# SPS
+VITE_SPS_WPST_ENDPOINT=https://dxebrgu0bc9w7.cloudfront.net/unity-sips-test/ades-wpst/
\ No newline at end of file
diff --git a/.env/.env.staging b/.env/.env.staging
deleted file mode 100644
index e69de29..0000000
diff --git a/.env/.env.test b/.env/.env.test
new file mode 100644
index 0000000..0f052bc
--- /dev/null
+++ b/.env/.env.test
@@ -0,0 +1,16 @@
+# GENERAL
+VITE_ADMIN_EMAIL=anil.natha@jpl.nasa.gov
+
+# Auth
+VITE_AUTH_OAUTH_CLIENT_ID=SET_IN_INTEGRATION_DOT_LOCAL_FILE
+VITE_AUTH_OAUTH_REDIRECT_URI=https://dxebrgu0bc9w7.cloudfront.net/dashboard
+VITE_AUTH_OAUTH_LOGOUT_ENDPOINT=https://unitysds-test.auth.us-west-2.amazoncognito.com/logout
+VITE_AUTH_OAUTH_PROVIDER_URL=https://unitysds-test.auth.us-west-2.amazoncognito.com/oauth2
+VITE_AUTH_APP_ADMIN_GROUP_NAME=Unity_Admin
+VITE_AUTH_APP_APP_VIEWER_GROUP_NAME=Unity_Viewer
+
+# ADS
+VITE_ADS_URL=http://uads-test-dockstore-deploy-lb-1762603872.us-west-2.elb.amazonaws.com:9998
+
+# SPS
+VITE_SPS_WPST_ENDPOINT=https://dxebrgu0bc9w7.cloudfront.net/ades-wpst/  # Via CloudFront
\ No newline at end of file
diff --git a/package.json b/package.json
index 56d5991..dffd017 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,8 @@
   "scripts": {
     "dev": "vite",
     "build-integration": "tsc && vite build --mode integration --base=/dashboard/",
-    "build-staging": "tsc && vite build --mode staging --base=/dashboard/",
+    "build-test": "tsc && vite build --mode test --base=/dashboard/",
+    "build-sips-test": "tsc && vite build --mode sips-test --base=/unity-sips-test/dashboard/",
     "build-prod": "tsc && vite build --mode production",
     "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"

From 2e4b03873e13f6812d81973c2015ea3c20b29255 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 13 Nov 2023 10:42:44 -0800
Subject: [PATCH 02/40] Renamed panel sizing auto save ID for job monitoring UI
 so it's unique, will avoid collision with future UIs.

---
 src/routes/jobs/monitoring/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/jobs/monitoring/index.tsx b/src/routes/jobs/monitoring/index.tsx
index 83cdb46..b7b8a2c 100644
--- a/src/routes/jobs/monitoring/index.tsx
+++ b/src/routes/jobs/monitoring/index.tsx
@@ -152,7 +152,6 @@ function JobMonitoring() {
             title={ !jobid_param ? "Job Monitoring" : "Job Monitoring — " + jobid_param }
             description={ !jobid_param ? "Job Monitoring" : "Job Monitoring — " + jobid_param }
          />
-         <PanelGroup autoSaveId="conditional" direction="horizontal">
             <Panel order={1} className='mainView'>
                <>
                   <h1>Job Monitoring</h1>
@@ -173,6 +172,7 @@ function JobMonitoring() {
                      </div>
                   </div>
                </>
+         <PanelGroup autoSaveId="job-monitoring-ui" direction="horizontal">
             </Panel>
             {
                selectedJob && (

From c40a935d77b346d510c636918943a9d10e989c38 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 13 Nov 2023 10:44:39 -0800
Subject: [PATCH 03/40] Updated scrolling behavior on job monitoring and new
 job submission form UIs. Now the navbar remains fixed, and the UIs scroll
 independently.

---
 src/index.css                        | 13 +++++++---
 src/routes/jobs/monitoring/index.tsx | 38 +++++++++++++---------------
 src/routes/jobs/new/index.tsx        |  2 +-
 3 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/src/index.css b/src/index.css
index ff89127..deffccd 100644
--- a/src/index.css
+++ b/src/index.css
@@ -12,23 +12,30 @@
 
 body {
   margin: 0;
-  display: flex;
   min-width: 320px;
   min-height: 100vh;
 }
 
+.viewWrapper {
+  display: flex;
+  flex-direction: column;
+}
+
 .view {
+  height: calc(100vh - 48px);
   padding: 0px;
   background-color: #F1F2F3;
-  height: 100%;
+  flex-grow: 1;
 }
 
 .mainView {
+  height: 100%;
   padding: 20px;
 }
 
 .detailView {
-  width: 200px;
+  height: 100%;
+  min-width: 250px;
   background-color: var(--unity-white);
   padding: 8px;
 }
\ No newline at end of file
diff --git a/src/routes/jobs/monitoring/index.tsx b/src/routes/jobs/monitoring/index.tsx
index b7b8a2c..f53752a 100644
--- a/src/routes/jobs/monitoring/index.tsx
+++ b/src/routes/jobs/monitoring/index.tsx
@@ -152,33 +152,29 @@ function JobMonitoring() {
             title={ !jobid_param ? "Job Monitoring" : "Job Monitoring — " + jobid_param }
             description={ !jobid_param ? "Job Monitoring" : "Job Monitoring — " + jobid_param }
          />
-            <Panel order={1} className='mainView'>
-               <>
-                  <h1>Job Monitoring</h1>
-                  <Button onClick={() => navigate("/jobs/new")}>Run New Job or Batch</Button>
-                  <div style={{ width: '100%', height: '100%' }}>
-                     <div className="ag-theme-stellar data-grid-container">
-                        <AgGridReact
-                           rowData={rowData} // Row Data for Rows
-                           columnDefs={columnDefs} // Column Defs for Columns
-                           defaultColDef={defaultColDef} // Default Column Properties
-                           animateRows={true} // Optional - set to 'true' to have rows animate when sorted
-                           rowSelection='multiple' // Options - allows click selection of rows 
-                           onCellClicked={cellClickedListener} // Optional - registering for Grid Event
-                           paginationPageSize={20}
-                           pagination={true}
-                           onGridReady={onGridReady}
-                        />
-                     </div>
-                  </div>
-               </>
          <PanelGroup autoSaveId="job-monitoring-ui" direction="horizontal">
+            <Panel order={1} className='mainView' style={{overflow: "auto"}}>
+               <h1>Job Monitoring</h1>
+               <Button onClick={() => navigate("/jobs/new")}>Run New Job or Batch</Button>
+               <div className="ag-theme-stellar data-grid-container">
+                  <AgGridReact
+                     rowData={rowData} // Row Data for Rows
+                     columnDefs={columnDefs} // Column Defs for Columns
+                     defaultColDef={defaultColDef} // Default Column Properties
+                     animateRows={true} // Optional - set to 'true' to have rows animate when sorted
+                     rowSelection='multiple' // Options - allows click selection of rows 
+                     onCellClicked={cellClickedListener} // Optional - registering for Grid Event
+                     paginationPageSize={20}
+                     pagination={true}
+                     onGridReady={onGridReady}
+                  />
+               </div>
             </Panel>
             {
                selectedJob && (
                   <>
                      <PanelResizeHandle style={{ backgroundColor: "#969696", display: 'flex', padding: 3}} />
-                     <Panel order={2} defaultSize={20} maxSize={40} className='detailView'>
+                     <Panel order={2} defaultSize={20} maxSize={40} className="detailView" style={{overflow: "auto"}}>
                         <div style={{ display: 'flex'}}>
                            <div className="st-typography-header st-typography-bold" style={{flexGrow:1}}>Job Details</div>
                            <div>
diff --git a/src/routes/jobs/new/index.tsx b/src/routes/jobs/new/index.tsx
index ac3e190..6780656 100644
--- a/src/routes/jobs/new/index.tsx
+++ b/src/routes/jobs/new/index.tsx
@@ -170,7 +170,7 @@ function NewJob() {
             title="Create New Job"
             description="Create a new Job"
          />
-         <div className="mainView">
+         <div className="mainView" style={{overflow: "auto"}}>
             <h1>Create New Job</h1>
             <form onSubmit={handleSubmit}>
 

From cad2c3fae206801d7dbdb9a57c477385029fd75b Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 13 Nov 2023 11:34:13 -0800
Subject: [PATCH 04/40] Updated CSS class names to follow proper CSS naming
 conventions.

---
 src/Root.tsx                         | 4 ++--
 src/index.css                        | 4 ++--
 src/routes/home/index.tsx            | 2 +-
 src/routes/jobs/monitoring/index.tsx | 4 ++--
 src/routes/jobs/new/index.tsx        | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/Root.tsx b/src/Root.tsx
index 0ce8f18..b63c472 100644
--- a/src/Root.tsx
+++ b/src/Root.tsx
@@ -13,7 +13,7 @@ import Config from "./Config";
 
 function Root() {
    return (
-      <>
+      <div className="viewWrapper">
          <Navbar />
          <div className="view">
             <Routes>
@@ -24,7 +24,7 @@ function Root() {
                <Route path="*" element={<Home />} />
             </Routes>
          </div>
-      </>
+      </div>
    )
 }
 
diff --git a/src/index.css b/src/index.css
index deffccd..222ad97 100644
--- a/src/index.css
+++ b/src/index.css
@@ -28,12 +28,12 @@ body {
   flex-grow: 1;
 }
 
-.mainView {
+.main-view {
   height: 100%;
   padding: 20px;
 }
 
-.detailView {
+.detail-view {
   height: 100%;
   min-width: 250px;
   background-color: var(--unity-white);
diff --git a/src/routes/home/index.tsx b/src/routes/home/index.tsx
index c8ad148..94bf86d 100644
--- a/src/routes/home/index.tsx
+++ b/src/routes/home/index.tsx
@@ -8,7 +8,7 @@ function Home() {
             title="Home"
             description="Home"
          />
-         <div className="mainView">
+         <div className="main-view">
             <h1>Home</h1>
          </div>
       </>
diff --git a/src/routes/jobs/monitoring/index.tsx b/src/routes/jobs/monitoring/index.tsx
index f53752a..8c94542 100644
--- a/src/routes/jobs/monitoring/index.tsx
+++ b/src/routes/jobs/monitoring/index.tsx
@@ -153,7 +153,7 @@ function JobMonitoring() {
             description={ !jobid_param ? "Job Monitoring" : "Job Monitoring — " + jobid_param }
          />
          <PanelGroup autoSaveId="job-monitoring-ui" direction="horizontal">
-            <Panel order={1} className='mainView' style={{overflow: "auto"}}>
+            <Panel order={1} className='main-view' style={{overflow: "auto"}}>
                <h1>Job Monitoring</h1>
                <Button onClick={() => navigate("/jobs/new")}>Run New Job or Batch</Button>
                <div className="ag-theme-stellar data-grid-container">
@@ -174,7 +174,7 @@ function JobMonitoring() {
                selectedJob && (
                   <>
                      <PanelResizeHandle style={{ backgroundColor: "#969696", display: 'flex', padding: 3}} />
-                     <Panel order={2} defaultSize={20} maxSize={40} className="detailView" style={{overflow: "auto"}}>
+                     <Panel order={2} defaultSize={20} maxSize={40} className="detail-view" style={{overflow: "auto"}}>
                         <div style={{ display: 'flex'}}>
                            <div className="st-typography-header st-typography-bold" style={{flexGrow:1}}>Job Details</div>
                            <div>
diff --git a/src/routes/jobs/new/index.tsx b/src/routes/jobs/new/index.tsx
index 6780656..5d68645 100644
--- a/src/routes/jobs/new/index.tsx
+++ b/src/routes/jobs/new/index.tsx
@@ -170,7 +170,7 @@ function NewJob() {
             title="Create New Job"
             description="Create a new Job"
          />
-         <div className="mainView" style={{overflow: "auto"}}>
+         <div className="main-view" style={{overflow: "auto"}}>
             <h1>Create New Job</h1>
             <form onSubmit={handleSubmit}>
 

From ad4977ba044d57177cc5ef61890ec3011111b489 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 13 Nov 2023 11:34:28 -0800
Subject: [PATCH 05/40] Fixed scrolling behavior on web view component.

---
 src/components/WebView/index.css | 6 ++++++
 src/components/WebView/index.tsx | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/WebView/index.css b/src/components/WebView/index.css
index 9a6f6eb..7444f24 100644
--- a/src/components/WebView/index.css
+++ b/src/components/WebView/index.css
@@ -1,4 +1,10 @@
 .unity-webview { 
    width: 100%;
    height: 100%;
+   overflow: auto;
+}
+
+.unity-webview iframe {
+   width: 100%;
+   height: 100%;
 }
\ No newline at end of file
diff --git a/src/components/WebView/index.tsx b/src/components/WebView/index.tsx
index 10cd5b4..0137694 100644
--- a/src/components/WebView/index.tsx
+++ b/src/components/WebView/index.tsx
@@ -9,8 +9,8 @@ export default function WebView(props:WebViewProps) {
    const url = props.url;
 
    return (
-      <>
-         <iframe title="Dockstore" src={url} className='unity-webview' />
-      </>
+      <div className='unity-webview'>
+         <iframe title="Dockstore" src={{url}} />
+      </div>
    )
 }
\ No newline at end of file

From 01fc1cdee0980f66384a9d189f86a205dd26d8f3 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 13 Nov 2023 11:54:55 -0800
Subject: [PATCH 06/40] Fix webview variable reference.

---
 src/components/WebView/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WebView/index.tsx b/src/components/WebView/index.tsx
index 0137694..76cb863 100644
--- a/src/components/WebView/index.tsx
+++ b/src/components/WebView/index.tsx
@@ -10,7 +10,7 @@ export default function WebView(props:WebViewProps) {
 
    return (
       <div className='unity-webview'>
-         <iframe title="Dockstore" src={{url}} />
+         <iframe title="Dockstore" src={url} />
       </div>
    )
 }
\ No newline at end of file

From e89fb35de341215f025ddb39f69a365fbef3a19e Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 13 Nov 2023 11:58:04 -0800
Subject: [PATCH 07/40] Updated CHANGELOG

---
 CHANGELOG.md | 4 ++++
 package.json | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 747976c..4eec99e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.3.0] - 2023-11-13
+
+- Updated environment configurations to account for SIPS-TEST deployments
+
 ## [0.2.0] - 2023-10-02
 
 - Updated Job Monitoring Dashboard, data is fetched from WPS-T Endpoint
diff --git a/package.json b/package.json
index dffd017..761bce5 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "unity-ui",
   "private": true,
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

From 7877fcd4f95473db5a930171eb271c34a6f06c2c Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 13 Nov 2023 11:59:59 -0800
Subject: [PATCH 08/40] Updated Changelog.

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4eec99e..0c81792 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [0.3.0] - 2023-11-13
 
 - Updated environment configurations to account for SIPS-TEST deployments
+- Updated scrolling behavior for all UIs so they can be scrolled independtly from the navbar. And in the case of the Job Monitoring UI, the detail view scrolls independently from the main view.
 
 ## [0.2.0] - 2023-10-02
 

From 4dde83ddf34f6ac4c4daf25dc583d1245114ebdc Mon Sep 17 00:00:00 2001
From: Rob Tapella <rtapella@jpl.nasa.gov>
Date: Mon, 13 Nov 2023 16:13:02 -0800
Subject: [PATCH 09/40] Update CHANGELOG.md

fixed typo
---
 CHANGELOG.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0c81792..4324bcb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,7 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [0.3.0] - 2023-11-13
 
 - Updated environment configurations to account for SIPS-TEST deployments
-- Updated scrolling behavior for all UIs so they can be scrolled independtly from the navbar. And in the case of the Job Monitoring UI, the detail view scrolls independently from the main view.
+- Updated scrolling behavior for all UIs so they can be scrolled independently from the navbar. And in the case of the Job Monitoring UI, the detail view scrolls independently from the main view.
 
 ## [0.2.0] - 2023-10-02
 
@@ -34,4 +34,4 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Integration of React Stellar Navbar component [#73](https://github.com/unity-sds/unity-project-management/issues/73)
 - Developed Jobs Monitoring Dashboard — currently loads static data - [#1](https://github.com/unity-sds/unity-jobs-ui/issues/1), [#4],(https://github.com/unity-sds/unity-jobs-ui/issues/4)[#12], (https://github.com/unity-sds/unity-jobs-ui/issues/12)
 - Jobs Detail view [#72](https://github.com/unity-sds/unity-jobs-ui/issues/18)
-- Integration of generic web view for loading third-party user interfaces
\ No newline at end of file
+- Integration of generic web view for loading third-party user interfaces

From f3126d8e29f542eab97ac27709d50a07ebe432df Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 5 Dec 2023 13:21:10 -0800
Subject: [PATCH 10/40] Fixed navbar brand logo link for tablet breakpoint.

---
 src/components/Navbar/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index 4ce92fe..4625067 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -93,6 +93,7 @@ export default function Navbar() {
                min={800}
             >
                <NavbarBrand
+                  link="/"
                   logo={<img src={UnityLogo} alt="Unity Logo" style={{ height: '24px', width: '24px' }}/>}
                   title="Unity"
                   version={uiVersion}

From b08ef64c93d48cf79030e1ceec91c12c9b5e474d Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Fri, 8 Dec 2023 16:06:58 -0800
Subject: [PATCH 11/40] Restructured forms to accommodate L1A and L1B job
 forms. the /jobs/new endpoint now lists the available applications a job can
 be executed against, with endpoints for each application job execution form
 (e.g /jobs/new/chirp-rebinning).

---
 src/Root.tsx                                  |   6 +
 src/routes/jobs/monitoring/index.css          |   8 +
 src/routes/jobs/monitoring/index.tsx          |   4 +-
 src/routes/jobs/new/chirp-rebinning/index.css |   0
 src/routes/jobs/new/chirp-rebinning/index.tsx | 276 ++++++++++++++++++
 src/routes/jobs/new/index.css                 |  23 +-
 src/routes/jobs/new/index.tsx                 | 250 +---------------
 src/routes/jobs/new/l1a/index.css             |   0
 src/routes/jobs/new/l1a/index.tsx             | 263 +++++++++++++++++
 src/routes/jobs/new/l1b/index.css             |   0
 src/routes/jobs/new/l1b/index.tsx             | 263 +++++++++++++++++
 11 files changed, 852 insertions(+), 241 deletions(-)
 create mode 100644 src/routes/jobs/new/chirp-rebinning/index.css
 create mode 100644 src/routes/jobs/new/chirp-rebinning/index.tsx
 create mode 100644 src/routes/jobs/new/l1a/index.css
 create mode 100644 src/routes/jobs/new/l1a/index.tsx
 create mode 100644 src/routes/jobs/new/l1b/index.css
 create mode 100644 src/routes/jobs/new/l1b/index.tsx

diff --git a/src/Root.tsx b/src/Root.tsx
index b63c472..a7fd644 100644
--- a/src/Root.tsx
+++ b/src/Root.tsx
@@ -6,6 +6,9 @@ import {
 import Home from "./routes/home"
 import JobMonitoring from "./routes/jobs/monitoring";
 import NewJob from "./routes/jobs/new";
+import NewJobChirpRebinning from "./routes/jobs/new/chirp-rebinning";
+import NewJobL1A from "./routes/jobs/new/l1a";
+import NewJobL1B from "./routes/jobs/new/l1b";
 import Navbar from "./components/Navbar"
 import WebView from "./components/WebView";
 
@@ -21,6 +24,9 @@ function Root() {
                <Route path="/jobs/monitoring" element={<JobMonitoring />} />
                <Route path="/jobs/monitoring/:jobid_param" element={<JobMonitoring />} />
                <Route path="/jobs/new" element={<NewJob />} />
+               <Route path="/jobs/new/chirp-rebinning" element={<NewJobChirpRebinning />} />
+               <Route path="/jobs/new/l1a" element={<NewJobL1A />} />
+               <Route path="/jobs/new/l1b" element={<NewJobL1B />} />
                <Route path="*" element={<Home />} />
             </Routes>
          </div>
diff --git a/src/routes/jobs/monitoring/index.css b/src/routes/jobs/monitoring/index.css
index c037947..88af009 100644
--- a/src/routes/jobs/monitoring/index.css
+++ b/src/routes/jobs/monitoring/index.css
@@ -8,4 +8,12 @@
 .job-detail-item {
    padding-bottom: 8px;
    word-wrap: break-word;
+}
+
+.button-bar button {
+   margin-right: 10px;
+}
+
+.button-bar button:last-child {
+   margin-right: 0px;
 }
\ No newline at end of file
diff --git a/src/routes/jobs/monitoring/index.tsx b/src/routes/jobs/monitoring/index.tsx
index 8c94542..1d4c311 100644
--- a/src/routes/jobs/monitoring/index.tsx
+++ b/src/routes/jobs/monitoring/index.tsx
@@ -155,7 +155,9 @@ function JobMonitoring() {
          <PanelGroup autoSaveId="job-monitoring-ui" direction="horizontal">
             <Panel order={1} className='main-view' style={{overflow: "auto"}}>
                <h1>Job Monitoring</h1>
-               <Button onClick={() => navigate("/jobs/new")}>Run New Job or Batch</Button>
+               <div className='button-bar'>
+                  <Button onClick={() => navigate("/jobs/new")}>Run New Job</Button>
+               </div>
                <div className="ag-theme-stellar data-grid-container">
                   <AgGridReact
                      rowData={rowData} // Row Data for Rows
diff --git a/src/routes/jobs/new/chirp-rebinning/index.css b/src/routes/jobs/new/chirp-rebinning/index.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/jobs/new/chirp-rebinning/index.tsx b/src/routes/jobs/new/chirp-rebinning/index.tsx
new file mode 100644
index 0000000..6f614e7
--- /dev/null
+++ b/src/routes/jobs/new/chirp-rebinning/index.tsx
@@ -0,0 +1,276 @@
+import { useState } from "react";
+import { Link } from "react-router-dom";
+import { Button, TextField } from "@nasa-jpl/react-stellar";
+import { DocumentMeta } from "../../../../components/DocumentMeta/DocumentMeta";
+import Config from "../../../../Config";
+import { getTokens } from "../../../../AuthenticationWrapper";
+
+import "./index.css"
+
+/*const JOB_FORM_PAGE_LOAD_STATE = {
+   input_processing_labels: "label1, label2",
+   input_cmr_collection_name: "C2011289787-GES_DISC",
+   input_cmr_search_start_time: "2016-08-22T00:10:00Z",
+   input_cmr_search_stop_time: "2016-08-22T01:10:00Z",
+   input_cmr_edl_user: "cmr_user",
+   input_cmr_edl_pass: "cmr_pass",
+   output_collection_id: "urn:nasa:unity:uds_local_test:DEV1:CHRP_16_DAY_REBIN___1",
+   output_data_bucket: "uds-test-cumulus-sps",
+   input_daac_collection_shortname: "CHIRP_L1B",
+   input_daac_collection_sns: "arn:://SNS-arn"
+}*/
+
+const JOB_FORM_PAGE_LOAD_STATE = {
+   input_processing_labels: "",
+   input_cmr_collection_name: "",
+   input_cmr_search_start_time: "",
+   input_cmr_search_stop_time: "",
+   input_cmr_edl_user: "cmr_user",
+   input_cmr_edl_pass: "cmr_pass",
+   output_collection_id: "",
+   output_data_bucket: "",
+   input_daac_collection_shortname: "CHIRP_L1B",
+   input_daac_collection_sns: "arn:://SNS-arn"
+}
+
+const JOB_FORM_INITIAL_STATE = {
+   input_processing_labels: "",
+   input_cmr_collection_name: "",
+   input_cmr_search_start_time: "",
+   input_cmr_search_stop_time: "",
+   input_cmr_edl_user: "cmr_user",
+   input_cmr_edl_pass: "cmr_pass",
+   output_collection_id: "",
+   output_data_bucket: "",
+   input_daac_collection_shortname: "CHIRP_L1B",
+   input_daac_collection_sns: "arn:://SNS-arn"
+}
+
+function NewJobChirpRebinning() {
+
+   const processEndpoint = Config['sps']['endpoint'] + 'processes';
+   const process:{ id:string, title:string, version:string} = {
+      id: "chirp",
+      title: "Chirp Rebinning Workflow",
+      version: "develop"
+   }
+   const [form, setForm] = useState(JOB_FORM_PAGE_LOAD_STATE);
+   const [newJobId, setNewJobID] = useState<string>();
+   const [submittingJob, setSubmittingJob] = useState(false);
+   const tokens = getTokens();
+   const meta:{ [key: string]: string} = {
+      "description": "Create New Chirp Rebinning Job",
+      "title": "Create New Chirp Rebinning Job",
+   }
+
+   const handleChange = (e:Event & { target: HTMLInputElement}) => {
+      setForm({
+        ...form,
+        [e.target.id]: e.target.value,
+      });
+   };
+
+   const handleReset = () => {
+      setForm(JOB_FORM_INITIAL_STATE);
+   }
+
+   const setStopDate = () => {
+
+      const endDate = addDays(new Date(form.input_cmr_search_start_time), 16);
+      
+      const year = endDate.toLocaleString("default", { year: "numeric" });
+      const month = endDate.toLocaleString("default", { month: "2-digit" });
+      const day = endDate.toLocaleString("default", { day: "2-digit" });
+      const formattedEndDate = year + "-" + month + "-" + day;
+
+      setForm({
+         ...form,
+         ["input_cmr_search_stop_time"]: formattedEndDate
+      })
+
+   }
+
+   const addDays = function(date:Date, days:number) {
+      date.setDate(date.getDate() + days);
+      return date;
+    }
+
+   const handleSubmit = async (e:React.FormEvent<HTMLFormElement>) => {
+
+      e.preventDefault();
+      setSubmittingJob(true);
+
+      const data =  {
+         "mode": "async",
+         "response": "document",
+         "inputs": [
+            {
+               "id": "input_processing_labels",
+               "data": form.input_processing_labels.split(",")
+            },
+            {
+               "id": "input_cmr_collection_name",
+               "data": form.input_cmr_collection_name
+            },
+            {
+               "id": "input_cmr_search_start_time",
+               "data": form.input_cmr_search_start_time
+            },
+            {
+               "id": "input_cmr_search_stop_time",
+               "data": form.input_cmr_search_stop_time
+            },
+            {
+               "id": "input_cmr_edl_user",
+               "data": form.input_cmr_edl_user
+            },
+            {
+               "id": "input_cmr_edl_pass",
+               "data": form.input_cmr_edl_pass
+            },
+            {
+               "id": "output_collection_id",
+               "data": form.output_collection_id
+            },
+            {
+               "id": "output_data_bucket",
+               "data": form.output_data_bucket
+            },
+            {
+               "id": "input_daac_collection_shortname",
+               "data": form.input_daac_collection_shortname
+           },
+           {
+               "id": "input_daac_collection_sns",
+               "data": form.input_daac_collection_sns
+           }
+         ],
+         "outputs": [
+            {
+               "id": "output",
+               "transmissionMode": "reference"
+            }
+         ]
+      }
+
+      await fetch(
+         processEndpoint + "/" + process.id + ":" + process.version + "/jobs",
+         {
+            method: "POST",
+            headers: {
+               "Authorization": "Bearer " + tokens.accessToken,
+               "Content-Type": "application/json",
+             },
+            body: JSON.stringify(data)
+         }
+      ).then( (response:Response) => {
+
+         
+         if( response.ok ) {
+            const jobID:string | undefined = response.headers.get("Location")?.replace("http://127.0.0.1:5000/processes/" + process.id.toString() + ":" + process.version.toString() + "/jobs/","")
+            setNewJobID(jobID);
+            setSubmittingJob(false);
+         }
+
+      }).catch( (error:Error) => {
+         console.debug("Error", error.message);
+         setSubmittingJob(false);
+      })
+
+      handleReset()
+
+   }
+
+   return (
+      <>
+         <DocumentMeta
+            title={meta["title"]}
+            description={meta["description"]}
+         />
+         <div className="main-view" style={{overflow: "auto"}}>
+            <h1>{meta["title"]}</h1>
+            <Link to="/jobs/new">Back to application selection</Link>
+            <form className="job-form" onSubmit={handleSubmit}>
+               <h2>Job Parameters</h2>
+               { newJobId && 
+                  <>
+                     <div>Your job request was submitted successfully!</div>
+                     <div>Your Job ID is <Link to={`/jobs/monitoring/${newJobId}`}>{newJobId}</Link></div>
+                     <br />
+                  </> 
+               }
+               <TextField
+                  id="input_processing_labels"
+                  label="Execution Labels"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  helperText="Comma delimited set of labels"
+                  value={form.input_processing_labels}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="input_cmr_collection_name"
+                  label="CMR Collection Concept ID"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.input_cmr_collection_name}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="input_cmr_search_start_time"
+                  label="CMR Data Search Start Time"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.input_cmr_search_start_time}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="input_cmr_search_stop_time"
+                  label="CMR Data Search Stop Time"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.input_cmr_search_stop_time}
+                  onChange={handleChange}
+               />
+               <Button variant="secondary" onClick={setStopDate}>Set to Start + 16 days</Button>
+               <br /><br />
+
+               <TextField
+                  id="output_collection_id"
+                  label="Output Unity Collection"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.output_collection_id}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="output_data_bucket"
+                  label="Output Data"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.output_data_bucket}
+                  onChange={handleChange}
+               />
+
+               <div style={{display: "flex", gap: "8px"}}>
+                  <Button type="submit" disabled={submittingJob}>Submit New Job</Button>
+                  <Button variant="secondary" type="reset" onClick={handleReset}>Reset</Button>
+               </div>
+
+            </form>
+         </div>
+      </>
+   )
+}
+
+export default NewJobChirpRebinning;
\ No newline at end of file
diff --git a/src/routes/jobs/new/index.css b/src/routes/jobs/new/index.css
index 4b2130a..4230d12 100644
--- a/src/routes/jobs/new/index.css
+++ b/src/routes/jobs/new/index.css
@@ -1,5 +1,26 @@
-form {
+.app-list-container {
    width: 600px;
    background-color: white;
    padding: 24px;
+}
+
+.app-list {
+   list-style-type: none;
+   padding: 0px;
+   margin: 0px;
+}
+
+.app-list li {
+   margin-bottom: 20px;
+}
+
+.app-list li:last-child {
+   margin-bottom: 0px;
+}
+
+.job-form {
+   background-color: white;
+   margin-top: 24px;
+   padding: 4px 24px 24px 24px;
+   width: 600px;
 }
\ No newline at end of file
diff --git a/src/routes/jobs/new/index.tsx b/src/routes/jobs/new/index.tsx
index 5d68645..0a69e77 100644
--- a/src/routes/jobs/new/index.tsx
+++ b/src/routes/jobs/new/index.tsx
@@ -1,169 +1,13 @@
-import { useState } from "react";
-import { Link } from "react-router-dom";
-import { Button, TextField } from "@nasa-jpl/react-stellar";
+import { useNavigate } from "react-router-dom";
+import { Button } from "@nasa-jpl/react-stellar";
 import { DocumentMeta } from "../../../components/DocumentMeta/DocumentMeta";
-import Config from "../../../Config";
-import { getTokens } from '../../../AuthenticationWrapper';
 
 import "./index.css"
 
-const JOB_FORM_PAGE_LOAD_STATE = {
-   input_processing_labels: "label1, label2",
-   input_cmr_collection_name: "C2011289787-GES_DISC",
-   input_cmr_search_start_time: "2016-08-22T00:10:00Z",
-   input_cmr_search_stop_time: "2016-08-22T01:10:00Z",
-   input_cmr_edl_user: "cmr_user",
-   input_cmr_edl_pass: "cmr_pass",
-   output_collection_id: "urn:nasa:unity:uds_local_test:DEV1:CHRP_16_DAY_REBIN___1",
-   output_data_bucket: "uds-test-cumulus-sps",
-   input_daac_collection_shortname: "CHIRP_L1B",
-   input_daac_collection_sns: "arn:://SNS-arn"
-}
-
-const JOB_FORM_INITIAL_STATE = {
-   input_processing_labels: "",
-   input_cmr_collection_name: "",
-   input_cmr_search_start_time: "",
-   input_cmr_search_stop_time: "",
-   input_cmr_edl_user: "cmr_user",
-   input_cmr_edl_pass: "cmr_pass",
-   output_collection_id: "",
-   output_data_bucket: "",
-   input_daac_collection_shortname: "CHIRP_L1B",
-   input_daac_collection_sns: "arn:://SNS-arn"
-}
-
 function NewJob() {
 
-   const processEndpoint = Config['sps']['endpoint'] + 'processes';
-   const process:{ id:string, title:string, version:string} = {
-      id: "chirp",
-      title: "Chirp Rebinning Workflow",
-      version: "develop"
-   }
-   const [form, setForm] = useState(JOB_FORM_PAGE_LOAD_STATE);
-   const [newJobId, setNewJobID] = useState<string>();
-   const [submittingJob, setSubmittingJob] = useState(false);
-   const tokens = getTokens();
-
-   const handleChange = (e:Event & { target: HTMLInputElement}) => {
-      setForm({
-        ...form,
-        [e.target.id]: e.target.value,
-      });
-   };
-
-   const handleReset = () => {
-      setForm(JOB_FORM_INITIAL_STATE);
-   }
-
-   const setStopDate = () => {
-
-      const endDate = addDays(new Date(form.input_cmr_search_start_time), 16);
-      
-      const year = endDate.toLocaleString("default", { year: "numeric" });
-      const month = endDate.toLocaleString("default", { month: "2-digit" });
-      const day = endDate.toLocaleString("default", { day: "2-digit" });
-      const formattedEndDate = year + "-" + month + "-" + day;
-
-      setForm({
-         ...form,
-         ["input_cmr_search_stop_time"]: formattedEndDate
-      })
-
-   }
-
-   const addDays = function(date:Date, days:number) {
-      date.setDate(date.getDate() + days);
-      return date;
-    }
-
-   const handleSubmit = async (e:React.FormEvent<HTMLFormElement>) => {
-
-      e.preventDefault();
-      setSubmittingJob(true);
-
-      const data =  {
-         "mode": "async",
-         "response": "document",
-         "inputs": [
-            {
-               "id": "input_processing_labels",
-               "data": form.input_processing_labels.split(",")
-            },
-            {
-               "id": "input_cmr_collection_name",
-               "data": form.input_cmr_collection_name
-            },
-            {
-               "id": "input_cmr_search_start_time",
-               "data": form.input_cmr_search_start_time
-            },
-            {
-               "id": "input_cmr_search_stop_time",
-               "data": form.input_cmr_search_stop_time
-            },
-            {
-               "id": "input_cmr_edl_user",
-               "data": form.input_cmr_edl_user
-            },
-            {
-               "id": "input_cmr_edl_pass",
-               "data": form.input_cmr_edl_pass
-            },
-            {
-               "id": "output_collection_id",
-               "data": form.output_collection_id
-            },
-            {
-               "id": "output_data_bucket",
-               "data": form.output_data_bucket
-            },
-            {
-               "id": "input_daac_collection_shortname",
-               "data": form.input_daac_collection_shortname
-           },
-           {
-               "id": "input_daac_collection_sns",
-               "data": form.input_daac_collection_sns
-           }
-         ],
-         "outputs": [
-            {
-               "id": "output",
-               "transmissionMode": "reference"
-            }
-         ]
-      }
-
-      await fetch(
-         processEndpoint + "/" + process.id + ":" + process.version + "/jobs",
-         {
-            method: "POST",
-            headers: {
-               "Authorization": "Bearer " + tokens.accessToken,
-               "Content-Type": "application/json",
-             },
-            body: JSON.stringify(data)
-         }
-      ).then( (response:Response) => {
-
-         
-         if( response.ok ) {
-            const jobID:string | undefined = response.headers.get("Location")?.replace("http://127.0.0.1:5000/processes/" + process.id.toString() + ":" + process.version.toString() + "/jobs/","")
-            setNewJobID(jobID);
-            setSubmittingJob(false);
-         }
-
-      }).catch( (error:Error) => {
-         console.debug("Error", error.message);
-         setSubmittingJob(false);
-      })
-
-      handleReset()
-
-   }
-
+   const navigate = useNavigate();
+   
    return (
       <>
          <DocumentMeta
@@ -172,85 +16,13 @@ function NewJob() {
          />
          <div className="main-view" style={{overflow: "auto"}}>
             <h1>Create New Job</h1>
-            <form onSubmit={handleSubmit}>
-
-               <h2>{process.title}</h2>
-               { newJobId && 
-                  <>
-                     <div>Your job request was submitted successfully!</div>
-                     <div>Your Job ID is <Link to={`/jobs/monitoring/${newJobId}`}>{newJobId}</Link></div>
-                     <br />
-                  </> 
-               }
-               <TextField
-                  id="input_processing_labels"
-                  label="Execution Labels"
-                  labelPosition="top"
-                  placeholder=""
-                  type="string"
-                  helperText="Comma delimited set of labels"
-                  value={form.input_processing_labels}
-                  onChange={handleChange}
-               />
-
-               <TextField
-                  id="input_cmr_collection_name"
-                  label="CMR Collection Concept ID"
-                  labelPosition="top"
-                  placeholder=""
-                  type="string"
-                  value={form.input_cmr_collection_name}
-                  onChange={handleChange}
-               />
-
-               <TextField
-                  id="input_cmr_search_start_time"
-                  label="CMR Data Search Start Time"
-                  labelPosition="top"
-                  placeholder=""
-                  type="string"
-                  value={form.input_cmr_search_start_time}
-                  onChange={handleChange}
-               />
-
-               <TextField
-                  id="input_cmr_search_stop_time"
-                  label="CMR Data Search Stop Time"
-                  labelPosition="top"
-                  placeholder=""
-                  type="string"
-                  value={form.input_cmr_search_stop_time}
-                  onChange={handleChange}
-               />
-               <Button variant="secondary" onClick={setStopDate}>Set to Start + 16 days</Button>
-               <br /><br />
-
-               <TextField
-                  id="output_collection_id"
-                  label="Output Unity Collection"
-                  labelPosition="top"
-                  placeholder=""
-                  type="string"
-                  value={form.output_collection_id}
-                  onChange={handleChange}
-               />
-
-               <TextField
-                  id="output_data_bucket"
-                  label="Output Data"
-                  labelPosition="top"
-                  placeholder=""
-                  type="string"
-                  value={form.output_data_bucket}
-                  onChange={handleChange}
-               />
-
-               <div style={{display: "flex", gap: "8px"}}>
-                  <Button type="submit" disabled={submittingJob}>Submit New Job</Button>
-                  <Button variant="secondary" type="reset" onClick={handleReset}>Reset</Button>
-               </div>
-
-            </form>
+            <div className='app-list-container'>
+               <ul className="app-list">
+                  <li><Button onClick={() => navigate("/jobs/new/chirp-rebinning")}>Run New Chirp Rebinning Job</Button></li>
+                  <li><Button onClick={() => navigate("/jobs/new/l1a")}>Run New L1A Job</Button></li>
+                  <li><Button onClick={() => navigate("/jobs/new/l1b")}>Run New L1B Job</Button></li>
+               </ul>
+            </div>
          </div>
       </>
    )
diff --git a/src/routes/jobs/new/l1a/index.css b/src/routes/jobs/new/l1a/index.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/jobs/new/l1a/index.tsx b/src/routes/jobs/new/l1a/index.tsx
new file mode 100644
index 0000000..edfb606
--- /dev/null
+++ b/src/routes/jobs/new/l1a/index.tsx
@@ -0,0 +1,263 @@
+import { useState } from "react";
+import { Link } from "react-router-dom";
+import { Button, TextField } from "@nasa-jpl/react-stellar";
+import { DocumentMeta } from "../../../../components/DocumentMeta/DocumentMeta";
+import Config from "../../../../Config";
+import { getTokens } from "../../../../AuthenticationWrapper";
+
+import "./index.css"
+
+const JOB_FORM_PAGE_LOAD_STATE = {
+   input_processing_labels: "",
+   input_cmr_collection_name: "",
+   input_cmr_search_start_time: "",
+   input_cmr_search_stop_time: "",
+   input_cmr_edl_user: "cmr_user",
+   input_cmr_edl_pass: "cmr_pass",
+   output_collection_id: "",
+   output_data_bucket: "",
+   input_daac_collection_shortname: "CHIRP_L1B",
+   input_daac_collection_sns: "arn:://SNS-arn"
+}
+
+const JOB_FORM_INITIAL_STATE = {
+   input_processing_labels: "",
+   input_cmr_collection_name: "",
+   input_cmr_search_start_time: "",
+   input_cmr_search_stop_time: "",
+   input_cmr_edl_user: "cmr_user",
+   input_cmr_edl_pass: "cmr_pass",
+   output_collection_id: "",
+   output_data_bucket: "",
+   input_daac_collection_shortname: "CHIRP_L1B",
+   input_daac_collection_sns: "arn:://SNS-arn"
+}
+
+function NewJobL1A() {
+
+   const processEndpoint = Config['sps']['endpoint'] + 'processes';
+   const process:{ id:string, title:string, version:string} = {
+      id: "chirp",
+      title: "L1A Job",
+      version: "develop"
+   }
+   const [form, setForm] = useState(JOB_FORM_PAGE_LOAD_STATE);
+   const [newJobId, setNewJobID] = useState<string>();
+   const [submittingJob, setSubmittingJob] = useState(false);
+   const tokens = getTokens();
+   const meta:{ [key: string]: string} = {
+      "description": "Create New L1A Job",
+      "title": "Create New L1A Job",
+   }
+
+   const handleChange = (e:Event & { target: HTMLInputElement}) => {
+      setForm({
+        ...form,
+        [e.target.id]: e.target.value,
+      });
+   };
+
+   const handleReset = () => {
+      setForm(JOB_FORM_INITIAL_STATE);
+   }
+
+   const setStopDate = () => {
+
+      const endDate = addDays(new Date(form.input_cmr_search_start_time), 16);
+      
+      const year = endDate.toLocaleString("default", { year: "numeric" });
+      const month = endDate.toLocaleString("default", { month: "2-digit" });
+      const day = endDate.toLocaleString("default", { day: "2-digit" });
+      const formattedEndDate = year + "-" + month + "-" + day;
+
+      setForm({
+         ...form,
+         ["input_cmr_search_stop_time"]: formattedEndDate
+      })
+
+   }
+
+   const addDays = function(date:Date, days:number) {
+      date.setDate(date.getDate() + days);
+      return date;
+    }
+
+   const handleSubmit = async (e:React.FormEvent<HTMLFormElement>) => {
+
+      e.preventDefault();
+      setSubmittingJob(true);
+
+      const data =  {
+         "mode": "async",
+         "response": "document",
+         "inputs": [
+            {
+               "id": "input_processing_labels",
+               "data": form.input_processing_labels.split(",")
+            },
+            {
+               "id": "input_cmr_collection_name",
+               "data": form.input_cmr_collection_name
+            },
+            {
+               "id": "input_cmr_search_start_time",
+               "data": form.input_cmr_search_start_time
+            },
+            {
+               "id": "input_cmr_search_stop_time",
+               "data": form.input_cmr_search_stop_time
+            },
+            {
+               "id": "input_cmr_edl_user",
+               "data": form.input_cmr_edl_user
+            },
+            {
+               "id": "input_cmr_edl_pass",
+               "data": form.input_cmr_edl_pass
+            },
+            {
+               "id": "output_collection_id",
+               "data": form.output_collection_id
+            },
+            {
+               "id": "output_data_bucket",
+               "data": form.output_data_bucket
+            },
+            {
+               "id": "input_daac_collection_shortname",
+               "data": form.input_daac_collection_shortname
+           },
+           {
+               "id": "input_daac_collection_sns",
+               "data": form.input_daac_collection_sns
+           }
+         ],
+         "outputs": [
+            {
+               "id": "output",
+               "transmissionMode": "reference"
+            }
+         ]
+      }
+
+      await fetch(
+         processEndpoint + "/" + process.id + ":" + process.version + "/jobs",
+         {
+            method: "POST",
+            headers: {
+               "Authorization": "Bearer " + tokens.accessToken,
+               "Content-Type": "application/json",
+             },
+            body: JSON.stringify(data)
+         }
+      ).then( (response:Response) => {
+
+         
+         if( response.ok ) {
+            const jobID:string | undefined = response.headers.get("Location")?.replace("http://127.0.0.1:5000/processes/" + process.id.toString() + ":" + process.version.toString() + "/jobs/","")
+            setNewJobID(jobID);
+            setSubmittingJob(false);
+         }
+
+      }).catch( (error:Error) => {
+         console.debug("Error", error.message);
+         setSubmittingJob(false);
+      })
+
+      handleReset()
+
+   }
+
+   return (
+      <>
+         <DocumentMeta
+            title={meta["title"]}
+            description={meta["description"]}
+         />
+         <div className="main-view" style={{overflow: "auto"}}>
+            <h1>{meta["title"]}</h1>
+            <Link to="/jobs/new">Back to application selection</Link>
+            <form className="job-form" onSubmit={handleSubmit}>
+               <h2>Job Parameters</h2>
+               { newJobId && 
+                  <>
+                     <div>Your job request was submitted successfully!</div>
+                     <div>Your Job ID is <Link to={`/jobs/monitoring/${newJobId}`}>{newJobId}</Link></div>
+                     <br />
+                  </> 
+               }
+               <TextField
+                  id="input_processing_labels"
+                  label="Execution Labels"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  helperText="Comma delimited set of labels"
+                  value={form.input_processing_labels}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="input_cmr_collection_name"
+                  label="CMR Collection Concept ID"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.input_cmr_collection_name}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="input_cmr_search_start_time"
+                  label="CMR Data Search Start Time"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.input_cmr_search_start_time}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="input_cmr_search_stop_time"
+                  label="CMR Data Search Stop Time"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.input_cmr_search_stop_time}
+                  onChange={handleChange}
+               />
+               <Button variant="secondary" onClick={setStopDate}>Set to Start + 16 days</Button>
+               <br /><br />
+
+               <TextField
+                  id="output_collection_id"
+                  label="Output Unity Collection"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.output_collection_id}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="output_data_bucket"
+                  label="Output Data"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.output_data_bucket}
+                  onChange={handleChange}
+               />
+
+               <div style={{display: "flex", gap: "8px"}}>
+                  <Button type="submit" disabled={submittingJob}>Submit New Job</Button>
+                  <Button variant="secondary" type="reset" onClick={handleReset}>Reset</Button>
+               </div>
+
+            </form>
+         </div>
+      </>
+   )
+}
+
+export default NewJobL1A;
\ No newline at end of file
diff --git a/src/routes/jobs/new/l1b/index.css b/src/routes/jobs/new/l1b/index.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/jobs/new/l1b/index.tsx b/src/routes/jobs/new/l1b/index.tsx
new file mode 100644
index 0000000..39ea483
--- /dev/null
+++ b/src/routes/jobs/new/l1b/index.tsx
@@ -0,0 +1,263 @@
+import { useState } from "react";
+import { Link } from "react-router-dom";
+import { Button, TextField } from "@nasa-jpl/react-stellar";
+import { DocumentMeta } from "../../../../components/DocumentMeta/DocumentMeta";
+import Config from "../../../../Config";
+import { getTokens } from "../../../../AuthenticationWrapper";
+
+import "./index.css"
+
+const JOB_FORM_PAGE_LOAD_STATE = {
+   input_processing_labels: "",
+   input_cmr_collection_name: "",
+   input_cmr_search_start_time: "",
+   input_cmr_search_stop_time: "",
+   input_cmr_edl_user: "cmr_user",
+   input_cmr_edl_pass: "cmr_pass",
+   output_collection_id: "",
+   output_data_bucket: "",
+   input_daac_collection_shortname: "CHIRP_L1B",
+   input_daac_collection_sns: "arn:://SNS-arn"
+}
+
+const JOB_FORM_INITIAL_STATE = {
+   input_processing_labels: "",
+   input_cmr_collection_name: "",
+   input_cmr_search_start_time: "",
+   input_cmr_search_stop_time: "",
+   input_cmr_edl_user: "cmr_user",
+   input_cmr_edl_pass: "cmr_pass",
+   output_collection_id: "",
+   output_data_bucket: "",
+   input_daac_collection_shortname: "CHIRP_L1B",
+   input_daac_collection_sns: "arn:://SNS-arn"
+}
+
+function NewJobL1B() {
+
+   const processEndpoint = Config['sps']['endpoint'] + 'processes';
+   const process:{ id:string, title:string, version:string} = {
+      id: "chirp",
+      title: "L1B Job",
+      version: "develop"
+   }
+   const [form, setForm] = useState(JOB_FORM_PAGE_LOAD_STATE);
+   const [newJobId, setNewJobID] = useState<string>();
+   const [submittingJob, setSubmittingJob] = useState(false);
+   const tokens = getTokens();
+   const meta:{ [key: string]: string} = {
+      "description": "Create New L1B Job",
+      "title": "Create New L1B Job",
+   }
+
+   const handleChange = (e:Event & { target: HTMLInputElement}) => {
+      setForm({
+        ...form,
+        [e.target.id]: e.target.value,
+      });
+   };
+
+   const handleReset = () => {
+      setForm(JOB_FORM_INITIAL_STATE);
+   }
+
+   const setStopDate = () => {
+
+      const endDate = addDays(new Date(form.input_cmr_search_start_time), 16);
+      
+      const year = endDate.toLocaleString("default", { year: "numeric" });
+      const month = endDate.toLocaleString("default", { month: "2-digit" });
+      const day = endDate.toLocaleString("default", { day: "2-digit" });
+      const formattedEndDate = year + "-" + month + "-" + day;
+
+      setForm({
+         ...form,
+         ["input_cmr_search_stop_time"]: formattedEndDate
+      })
+
+   }
+
+   const addDays = function(date:Date, days:number) {
+      date.setDate(date.getDate() + days);
+      return date;
+    }
+
+   const handleSubmit = async (e:React.FormEvent<HTMLFormElement>) => {
+
+      e.preventDefault();
+      setSubmittingJob(true);
+
+      const data =  {
+         "mode": "async",
+         "response": "document",
+         "inputs": [
+            {
+               "id": "input_processing_labels",
+               "data": form.input_processing_labels.split(",")
+            },
+            {
+               "id": "input_cmr_collection_name",
+               "data": form.input_cmr_collection_name
+            },
+            {
+               "id": "input_cmr_search_start_time",
+               "data": form.input_cmr_search_start_time
+            },
+            {
+               "id": "input_cmr_search_stop_time",
+               "data": form.input_cmr_search_stop_time
+            },
+            {
+               "id": "input_cmr_edl_user",
+               "data": form.input_cmr_edl_user
+            },
+            {
+               "id": "input_cmr_edl_pass",
+               "data": form.input_cmr_edl_pass
+            },
+            {
+               "id": "output_collection_id",
+               "data": form.output_collection_id
+            },
+            {
+               "id": "output_data_bucket",
+               "data": form.output_data_bucket
+            },
+            {
+               "id": "input_daac_collection_shortname",
+               "data": form.input_daac_collection_shortname
+           },
+           {
+               "id": "input_daac_collection_sns",
+               "data": form.input_daac_collection_sns
+           }
+         ],
+         "outputs": [
+            {
+               "id": "output",
+               "transmissionMode": "reference"
+            }
+         ]
+      }
+
+      await fetch(
+         processEndpoint + "/" + process.id + ":" + process.version + "/jobs",
+         {
+            method: "POST",
+            headers: {
+               "Authorization": "Bearer " + tokens.accessToken,
+               "Content-Type": "application/json",
+             },
+            body: JSON.stringify(data)
+         }
+      ).then( (response:Response) => {
+
+         
+         if( response.ok ) {
+            const jobID:string | undefined = response.headers.get("Location")?.replace("http://127.0.0.1:5000/processes/" + process.id.toString() + ":" + process.version.toString() + "/jobs/","")
+            setNewJobID(jobID);
+            setSubmittingJob(false);
+         }
+
+      }).catch( (error:Error) => {
+         console.debug("Error", error.message);
+         setSubmittingJob(false);
+      })
+
+      handleReset()
+
+   }
+
+   return (
+      <>
+         <DocumentMeta
+            title={meta["title"]}
+            description={meta["description"]}
+         />
+         <div className="main-view" style={{overflow: "auto"}}>
+            <h1>{meta["title"]}</h1>
+            <Link to="/jobs/new">Back to application selection</Link>
+            <form className="job-form" onSubmit={handleSubmit}>
+               <h2>Job Parameters</h2>
+               { newJobId && 
+                  <>
+                     <div>Your job request was submitted successfully!</div>
+                     <div>Your Job ID is <Link to={`/jobs/monitoring/${newJobId}`}>{newJobId}</Link></div>
+                     <br />
+                  </> 
+               }
+               <TextField
+                  id="input_processing_labels"
+                  label="Execution Labels"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  helperText="Comma delimited set of labels"
+                  value={form.input_processing_labels}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="input_cmr_collection_name"
+                  label="CMR Collection Concept ID"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.input_cmr_collection_name}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="input_cmr_search_start_time"
+                  label="CMR Data Search Start Time"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.input_cmr_search_start_time}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="input_cmr_search_stop_time"
+                  label="CMR Data Search Stop Time"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.input_cmr_search_stop_time}
+                  onChange={handleChange}
+               />
+               <Button variant="secondary" onClick={setStopDate}>Set to Start + 16 days</Button>
+               <br /><br />
+
+               <TextField
+                  id="output_collection_id"
+                  label="Output Unity Collection"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.output_collection_id}
+                  onChange={handleChange}
+               />
+
+               <TextField
+                  id="output_data_bucket"
+                  label="Output Data"
+                  labelPosition="top"
+                  placeholder=""
+                  type="string"
+                  value={form.output_data_bucket}
+                  onChange={handleChange}
+               />
+
+               <div style={{display: "flex", gap: "8px"}}>
+                  <Button type="submit" disabled={submittingJob}>Submit New Job</Button>
+                  <Button variant="secondary" type="reset" onClick={handleReset}>Reset</Button>
+               </div>
+
+            </form>
+         </div>
+      </>
+   )
+}
+
+export default NewJobL1B;
\ No newline at end of file

From 25aa8cdbba9eb7ae14d994615025a83e847c1468 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 11 Dec 2023 12:14:33 -0800
Subject: [PATCH 12/40] Added "BackLink" component to handle navigation back to
 a given page. Link style incorporates a left pointing chevron icon.

---
 src/components/BackLink/index.tsx             | 18 ++++++++++++++++++
 src/routes/jobs/new/chirp-rebinning/index.tsx |  3 ++-
 src/routes/jobs/new/l1a/index.tsx             |  3 ++-
 src/routes/jobs/new/l1b/index.tsx             |  3 ++-
 4 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 src/components/BackLink/index.tsx

diff --git a/src/components/BackLink/index.tsx b/src/components/BackLink/index.tsx
new file mode 100644
index 0000000..ba2853f
--- /dev/null
+++ b/src/components/BackLink/index.tsx
@@ -0,0 +1,18 @@
+import { Link } from "react-router-dom";
+import ChevronLeft from "@nasa-jpl/stellar/icons/chevron_left.svg";
+
+type BackLinkProps = {
+   label:string;
+   path:string;
+};
+
+export const BackLink = (props:BackLinkProps) => {
+
+   let {label, path} = props;
+
+   return(
+      <>
+         <Link to={path}><img src={ChevronLeft} alt={label} style={{ height: '12px', width: '12px' }}/>{label}</Link>
+      </>
+   )
+}
\ No newline at end of file
diff --git a/src/routes/jobs/new/chirp-rebinning/index.tsx b/src/routes/jobs/new/chirp-rebinning/index.tsx
index 6f614e7..c3fff66 100644
--- a/src/routes/jobs/new/chirp-rebinning/index.tsx
+++ b/src/routes/jobs/new/chirp-rebinning/index.tsx
@@ -4,6 +4,7 @@ import { Button, TextField } from "@nasa-jpl/react-stellar";
 import { DocumentMeta } from "../../../../components/DocumentMeta/DocumentMeta";
 import Config from "../../../../Config";
 import { getTokens } from "../../../../AuthenticationWrapper";
+import { BackLink } from "../../../../components/BackLink";
 
 import "./index.css"
 
@@ -189,7 +190,7 @@ function NewJobChirpRebinning() {
          />
          <div className="main-view" style={{overflow: "auto"}}>
             <h1>{meta["title"]}</h1>
-            <Link to="/jobs/new">Back to application selection</Link>
+            <BackLink label="Back to application selection" path={'/jobs/new'} />
             <form className="job-form" onSubmit={handleSubmit}>
                <h2>Job Parameters</h2>
                { newJobId && 
diff --git a/src/routes/jobs/new/l1a/index.tsx b/src/routes/jobs/new/l1a/index.tsx
index edfb606..2e9a682 100644
--- a/src/routes/jobs/new/l1a/index.tsx
+++ b/src/routes/jobs/new/l1a/index.tsx
@@ -4,6 +4,7 @@ import { Button, TextField } from "@nasa-jpl/react-stellar";
 import { DocumentMeta } from "../../../../components/DocumentMeta/DocumentMeta";
 import Config from "../../../../Config";
 import { getTokens } from "../../../../AuthenticationWrapper";
+import { BackLink } from "../../../../components/BackLink";
 
 import "./index.css"
 
@@ -176,7 +177,7 @@ function NewJobL1A() {
          />
          <div className="main-view" style={{overflow: "auto"}}>
             <h1>{meta["title"]}</h1>
-            <Link to="/jobs/new">Back to application selection</Link>
+            <BackLink label="Back to application selection" path={'/jobs/new'} />
             <form className="job-form" onSubmit={handleSubmit}>
                <h2>Job Parameters</h2>
                { newJobId && 
diff --git a/src/routes/jobs/new/l1b/index.tsx b/src/routes/jobs/new/l1b/index.tsx
index 39ea483..2cf97dc 100644
--- a/src/routes/jobs/new/l1b/index.tsx
+++ b/src/routes/jobs/new/l1b/index.tsx
@@ -4,6 +4,7 @@ import { Button, TextField } from "@nasa-jpl/react-stellar";
 import { DocumentMeta } from "../../../../components/DocumentMeta/DocumentMeta";
 import Config from "../../../../Config";
 import { getTokens } from "../../../../AuthenticationWrapper";
+import { BackLink } from "../../../../components/BackLink";
 
 import "./index.css"
 
@@ -176,7 +177,7 @@ function NewJobL1B() {
          />
          <div className="main-view" style={{overflow: "auto"}}>
             <h1>{meta["title"]}</h1>
-            <Link to="/jobs/new">Back to application selection</Link>
+            <BackLink label="Back to application selection" path={'/jobs/new'} />
             <form className="job-form" onSubmit={handleSubmit}>
                <h2>Job Parameters</h2>
                { newJobId && 

From ffca83cfd734a1d3b39dc23aa39faf2b91d64e51 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 12 Dec 2023 09:40:32 -0800
Subject: [PATCH 13/40] Added a NoutFound route for improved route error
 handling.

---
 src/Root.tsx                          |  4 +++-
 src/routes/errors/not-found/index.tsx | 19 +++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/errors/not-found/index.tsx

diff --git a/src/Root.tsx b/src/Root.tsx
index a7fd644..cc081f7 100644
--- a/src/Root.tsx
+++ b/src/Root.tsx
@@ -14,6 +14,7 @@ import WebView from "./components/WebView";
 
 import Config from "./Config";
 
+import NotFound from "./routes/errors/not-found";
 function Root() {
    return (
       <div className="viewWrapper">
@@ -27,7 +28,8 @@ function Root() {
                <Route path="/jobs/new/chirp-rebinning" element={<NewJobChirpRebinning />} />
                <Route path="/jobs/new/l1a" element={<NewJobL1A />} />
                <Route path="/jobs/new/l1b" element={<NewJobL1B />} />
-               <Route path="*" element={<Home />} />
+               <Route path="/" element={<Home />} />
+               <Route path="*" element={<NotFound />} />
             </Routes>
          </div>
       </div>
diff --git a/src/routes/errors/not-found/index.tsx b/src/routes/errors/not-found/index.tsx
new file mode 100644
index 0000000..3dc3830
--- /dev/null
+++ b/src/routes/errors/not-found/index.tsx
@@ -0,0 +1,19 @@
+import { DocumentMeta } from "../../../components/DocumentMeta/DocumentMeta"
+
+function NotFound() {
+
+   return (
+      <>
+         <DocumentMeta
+            title="Not Found"
+            description="Not Found"
+         />
+         <div className="main-view">
+            <h1>Not Found</h1>
+            The requested resource cannot be found
+         </div>
+      </>
+   )
+}
+
+export default NotFound
\ No newline at end of file

From 224b6a880996d348ef047f95a3dda41501bdf519 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 12 Dec 2023 09:42:10 -0800
Subject: [PATCH 14/40] Added process utility to easily facilitate updating
 routes and job forms.

---
 src/Root.tsx                                  | 24 +++++++---
 .../new/{chirp-rebinning => chirp}/index.css  |  0
 .../new/{chirp-rebinning => chirp}/index.tsx  | 16 +++----
 src/routes/jobs/new/index.tsx                 | 16 +++++--
 src/routes/jobs/new/l1a/index.tsx             | 16 +++----
 src/routes/jobs/new/l1b/index.tsx             | 16 +++----
 src/types/process.d.tsx                       |  5 ++
 src/utils/processes.tsx                       | 48 +++++++++++++++++++
 8 files changed, 107 insertions(+), 34 deletions(-)
 rename src/routes/jobs/new/{chirp-rebinning => chirp}/index.css (100%)
 rename src/routes/jobs/new/{chirp-rebinning => chirp}/index.tsx (96%)
 create mode 100644 src/types/process.d.tsx
 create mode 100644 src/utils/processes.tsx

diff --git a/src/Root.tsx b/src/Root.tsx
index cc081f7..e5c4887 100644
--- a/src/Root.tsx
+++ b/src/Root.tsx
@@ -6,16 +6,19 @@ import {
 import Home from "./routes/home"
 import JobMonitoring from "./routes/jobs/monitoring";
 import NewJob from "./routes/jobs/new";
-import NewJobChirpRebinning from "./routes/jobs/new/chirp-rebinning";
-import NewJobL1A from "./routes/jobs/new/l1a";
-import NewJobL1B from "./routes/jobs/new/l1b";
+
 import Navbar from "./components/Navbar"
 import WebView from "./components/WebView";
 
 import Config from "./Config";
 
+import { getProcesses, getProcessRoute } from "./utils/processes";
 import NotFound from "./routes/errors/not-found";
+
 function Root() {
+
+   const processes = getProcesses();
+
    return (
       <div className="viewWrapper">
          <Navbar />
@@ -25,9 +28,18 @@ function Root() {
                <Route path="/jobs/monitoring" element={<JobMonitoring />} />
                <Route path="/jobs/monitoring/:jobid_param" element={<JobMonitoring />} />
                <Route path="/jobs/new" element={<NewJob />} />
-               <Route path="/jobs/new/chirp-rebinning" element={<NewJobChirpRebinning />} />
-               <Route path="/jobs/new/l1a" element={<NewJobL1A />} />
-               <Route path="/jobs/new/l1b" element={<NewJobL1B />} />
+
+               {
+                  /* Add routes for job execution forms */
+                  processes.map( (item) => {
+                     let path = "/jobs/new/" + item['id'];
+                     let route:JSX.Element | null = getProcessRoute(item['id']);
+                     return (
+                        <Route path={path} element={ (route) ? route : <NotFound />} key={"route_" + item['id']}/>
+                     )
+                  })
+               }
+
                <Route path="/" element={<Home />} />
                <Route path="*" element={<NotFound />} />
             </Routes>
diff --git a/src/routes/jobs/new/chirp-rebinning/index.css b/src/routes/jobs/new/chirp/index.css
similarity index 100%
rename from src/routes/jobs/new/chirp-rebinning/index.css
rename to src/routes/jobs/new/chirp/index.css
diff --git a/src/routes/jobs/new/chirp-rebinning/index.tsx b/src/routes/jobs/new/chirp/index.tsx
similarity index 96%
rename from src/routes/jobs/new/chirp-rebinning/index.tsx
rename to src/routes/jobs/new/chirp/index.tsx
index c3fff66..8fcec75 100644
--- a/src/routes/jobs/new/chirp-rebinning/index.tsx
+++ b/src/routes/jobs/new/chirp/index.tsx
@@ -47,21 +47,21 @@ const JOB_FORM_INITIAL_STATE = {
    input_daac_collection_sns: "arn:://SNS-arn"
 }
 
-function NewJobChirpRebinning() {
+type NewJobChirpRebinningProps = {
+   process:Process
+};
+
+function NewJobChirpRebinning(props:NewJobChirpRebinningProps) {
 
    const processEndpoint = Config['sps']['endpoint'] + 'processes';
-   const process:{ id:string, title:string, version:string} = {
-      id: "chirp",
-      title: "Chirp Rebinning Workflow",
-      version: "develop"
-   }
+   const {process} = props;
    const [form, setForm] = useState(JOB_FORM_PAGE_LOAD_STATE);
    const [newJobId, setNewJobID] = useState<string>();
    const [submittingJob, setSubmittingJob] = useState(false);
    const tokens = getTokens();
    const meta:{ [key: string]: string} = {
-      "description": "Create New Chirp Rebinning Job",
-      "title": "Create New Chirp Rebinning Job",
+      "description": "Create New " + process.title + " Job",
+      "title": "Create New " + process.title + " Job",
    }
 
    const handleChange = (e:Event & { target: HTMLInputElement}) => {
diff --git a/src/routes/jobs/new/index.tsx b/src/routes/jobs/new/index.tsx
index 0a69e77..0dd7c71 100644
--- a/src/routes/jobs/new/index.tsx
+++ b/src/routes/jobs/new/index.tsx
@@ -1,13 +1,16 @@
 import { useNavigate } from "react-router-dom";
 import { Button } from "@nasa-jpl/react-stellar";
 import { DocumentMeta } from "../../../components/DocumentMeta/DocumentMeta";
+import { getProcesses } from "../../../utils/processes";
 
 import "./index.css"
 
 function NewJob() {
 
    const navigate = useNavigate();
-   
+
+   const processes = getProcesses();
+
    return (
       <>
          <DocumentMeta
@@ -18,9 +21,14 @@ function NewJob() {
             <h1>Create New Job</h1>
             <div className='app-list-container'>
                <ul className="app-list">
-                  <li><Button onClick={() => navigate("/jobs/new/chirp-rebinning")}>Run New Chirp Rebinning Job</Button></li>
-                  <li><Button onClick={() => navigate("/jobs/new/l1a")}>Run New L1A Job</Button></li>
-                  <li><Button onClick={() => navigate("/jobs/new/l1b")}>Run New L1B Job</Button></li>
+                  {
+                     processes.map( (item) => {
+                        const path = "/jobs/new/" + item['id'];
+                        return (
+                           <li key={"job_button_" + item['id']}><Button onClick={() => navigate(path)}>Run New {item['title']} Job</Button></li>
+                        )
+                     })
+                  }
                </ul>
             </div>
          </div>
diff --git a/src/routes/jobs/new/l1a/index.tsx b/src/routes/jobs/new/l1a/index.tsx
index 2e9a682..7ceca61 100644
--- a/src/routes/jobs/new/l1a/index.tsx
+++ b/src/routes/jobs/new/l1a/index.tsx
@@ -34,21 +34,21 @@ const JOB_FORM_INITIAL_STATE = {
    input_daac_collection_sns: "arn:://SNS-arn"
 }
 
-function NewJobL1A() {
+type NewJobL1AProps = {
+   process:Process
+};
+
+function NewJobL1A(props:NewJobL1AProps) {
 
    const processEndpoint = Config['sps']['endpoint'] + 'processes';
-   const process:{ id:string, title:string, version:string} = {
-      id: "chirp",
-      title: "L1A Job",
-      version: "develop"
-   }
+   const {process} = props;
    const [form, setForm] = useState(JOB_FORM_PAGE_LOAD_STATE);
    const [newJobId, setNewJobID] = useState<string>();
    const [submittingJob, setSubmittingJob] = useState(false);
    const tokens = getTokens();
    const meta:{ [key: string]: string} = {
-      "description": "Create New L1A Job",
-      "title": "Create New L1A Job",
+      "description": "Create New " + process.title + " Job",
+      "title": "Create New " + process.title + " Job",
    }
 
    const handleChange = (e:Event & { target: HTMLInputElement}) => {
diff --git a/src/routes/jobs/new/l1b/index.tsx b/src/routes/jobs/new/l1b/index.tsx
index 2cf97dc..7ae0824 100644
--- a/src/routes/jobs/new/l1b/index.tsx
+++ b/src/routes/jobs/new/l1b/index.tsx
@@ -34,21 +34,21 @@ const JOB_FORM_INITIAL_STATE = {
    input_daac_collection_sns: "arn:://SNS-arn"
 }
 
-function NewJobL1B() {
+type NewJobL1BProps = {
+   process:Process
+};
+
+function NewJobL1B(props:NewJobL1BProps) {
 
    const processEndpoint = Config['sps']['endpoint'] + 'processes';
-   const process:{ id:string, title:string, version:string} = {
-      id: "chirp",
-      title: "L1B Job",
-      version: "develop"
-   }
+   const {process} = props;
    const [form, setForm] = useState(JOB_FORM_PAGE_LOAD_STATE);
    const [newJobId, setNewJobID] = useState<string>();
    const [submittingJob, setSubmittingJob] = useState(false);
    const tokens = getTokens();
    const meta:{ [key: string]: string} = {
-      "description": "Create New L1B Job",
-      "title": "Create New L1B Job",
+      "description": "Create New " + process.title + " Job",
+      "title": "Create New " + process.title + " Job",
    }
 
    const handleChange = (e:Event & { target: HTMLInputElement}) => {
diff --git a/src/types/process.d.tsx b/src/types/process.d.tsx
new file mode 100644
index 0000000..d84dde3
--- /dev/null
+++ b/src/types/process.d.tsx
@@ -0,0 +1,5 @@
+interface Process {
+   id:string;
+   title:string;
+   version:string;
+};
\ No newline at end of file
diff --git a/src/utils/processes.tsx b/src/utils/processes.tsx
new file mode 100644
index 0000000..5399365
--- /dev/null
+++ b/src/utils/processes.tsx
@@ -0,0 +1,48 @@
+import NewJobChirpRebinning from "../routes/jobs/new/chirp";
+import NewJobL1A from "../routes/jobs/new/l1a";
+import NewJobL1B from "../routes/jobs/new/l1b";
+
+const getProcesses = ():Process[] => {
+   return (
+      [
+         {
+            id: "chirp",
+            title: "CHIRP Rebinning",
+            version: "develop",
+         },
+         {
+            id: "l1a",
+            title: "l1a_pge_cwl",
+            version: "develop",
+         },
+         {
+            id: "l1b",
+            title: "l1b_pge_cwl",
+            version: "develop",
+         },
+      ]
+   )
+};
+
+const getProcess = (processID:string):Process => {
+   const processes:Process[] = getProcesses();
+   const index = processes.findIndex( process => process.id === processID );
+   return processes[index];
+};
+
+
+const getProcessRoute = (processID:string):JSX.Element | null => {
+
+   const process:Process = getProcess(processID)
+   const processRoutes:{ [key: string]: JSX.Element} = {
+      "chirp": <NewJobChirpRebinning process={process}/>,
+      "l1a": <NewJobL1A process={process}/>,
+      "l1b": <NewJobL1B process={process}/>,
+   }
+
+   return (
+      (process) ? processRoutes[processID] : null
+   )
+};
+
+export { getProcesses, getProcess, getProcessRoute };
\ No newline at end of file

From eb814a0d24b0ef3b5b6954406825dfc539a6fb45 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 12 Dec 2023 09:42:21 -0800
Subject: [PATCH 15/40] Fixed linting errors.

---
 src/components/BackLink/index.tsx            | 2 +-
 src/components/DocumentMeta/DocumentMeta.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/BackLink/index.tsx b/src/components/BackLink/index.tsx
index ba2853f..791b544 100644
--- a/src/components/BackLink/index.tsx
+++ b/src/components/BackLink/index.tsx
@@ -8,7 +8,7 @@ type BackLinkProps = {
 
 export const BackLink = (props:BackLinkProps) => {
 
-   let {label, path} = props;
+   const {label, path} = props;
 
    return(
       <>
diff --git a/src/components/DocumentMeta/DocumentMeta.tsx b/src/components/DocumentMeta/DocumentMeta.tsx
index 7e7d4bb..3be67a9 100644
--- a/src/components/DocumentMeta/DocumentMeta.tsx
+++ b/src/components/DocumentMeta/DocumentMeta.tsx
@@ -7,7 +7,7 @@ export type DocumentMetaProps = {
 
 export const DocumentMeta = (props:DocumentMetaProps) => {
 
-  let {title, description} = props;
+  const {title, description} = props;
 
   return (
     <Helmet>

From e575c5b82c8841b1b7369abc255af48e53e04a8c Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 12 Dec 2023 12:09:01 -0800
Subject: [PATCH 16/40] Fixed error reported by linter.

---
 src/Root.tsx            | 4 ++--
 src/types/process.d.tsx | 2 +-
 src/utils/processes.tsx | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/Root.tsx b/src/Root.tsx
index e5c4887..b534c06 100644
--- a/src/Root.tsx
+++ b/src/Root.tsx
@@ -32,8 +32,8 @@ function Root() {
                {
                   /* Add routes for job execution forms */
                   processes.map( (item) => {
-                     let path = "/jobs/new/" + item['id'];
-                     let route:JSX.Element | null = getProcessRoute(item['id']);
+                     const path = "/jobs/new/" + item['id'];
+                     const route:JSX.Element | null = getProcessRoute(item['id']);
                      return (
                         <Route path={path} element={ (route) ? route : <NotFound />} key={"route_" + item['id']}/>
                      )
diff --git a/src/types/process.d.tsx b/src/types/process.d.tsx
index d84dde3..a68f27a 100644
--- a/src/types/process.d.tsx
+++ b/src/types/process.d.tsx
@@ -2,4 +2,4 @@ interface Process {
    id:string;
    title:string;
    version:string;
-};
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/src/utils/processes.tsx b/src/utils/processes.tsx
index 5399365..6ccad44 100644
--- a/src/utils/processes.tsx
+++ b/src/utils/processes.tsx
@@ -38,11 +38,12 @@ const getProcessRoute = (processID:string):JSX.Element | null => {
       "chirp": <NewJobChirpRebinning process={process}/>,
       "l1a": <NewJobL1A process={process}/>,
       "l1b": <NewJobL1B process={process}/>,
-   }
+   }  
 
    return (
       (process) ? processRoutes[processID] : null
    )
+
 };
 
 export { getProcesses, getProcess, getProcessRoute };
\ No newline at end of file

From 94c12bafaf9ba5507d5cc7f376bea47c3ea83c05 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 12 Dec 2023 16:40:31 -0800
Subject: [PATCH 17/40] Removed unused css files.

---
 src/routes/jobs/new/chirp/index.css | 0
 src/routes/jobs/new/chirp/index.tsx | 2 --
 src/routes/jobs/new/l1a/index.css   | 0
 src/routes/jobs/new/l1a/index.tsx   | 2 --
 src/routes/jobs/new/l1b/index.css   | 0
 src/routes/jobs/new/l1b/index.tsx   | 2 --
 6 files changed, 6 deletions(-)
 delete mode 100644 src/routes/jobs/new/chirp/index.css
 delete mode 100644 src/routes/jobs/new/l1a/index.css
 delete mode 100644 src/routes/jobs/new/l1b/index.css

diff --git a/src/routes/jobs/new/chirp/index.css b/src/routes/jobs/new/chirp/index.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/routes/jobs/new/chirp/index.tsx b/src/routes/jobs/new/chirp/index.tsx
index 8fcec75..976051c 100644
--- a/src/routes/jobs/new/chirp/index.tsx
+++ b/src/routes/jobs/new/chirp/index.tsx
@@ -6,8 +6,6 @@ import Config from "../../../../Config";
 import { getTokens } from "../../../../AuthenticationWrapper";
 import { BackLink } from "../../../../components/BackLink";
 
-import "./index.css"
-
 /*const JOB_FORM_PAGE_LOAD_STATE = {
    input_processing_labels: "label1, label2",
    input_cmr_collection_name: "C2011289787-GES_DISC",
diff --git a/src/routes/jobs/new/l1a/index.css b/src/routes/jobs/new/l1a/index.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/routes/jobs/new/l1a/index.tsx b/src/routes/jobs/new/l1a/index.tsx
index 7ceca61..4ee0ed2 100644
--- a/src/routes/jobs/new/l1a/index.tsx
+++ b/src/routes/jobs/new/l1a/index.tsx
@@ -6,8 +6,6 @@ import Config from "../../../../Config";
 import { getTokens } from "../../../../AuthenticationWrapper";
 import { BackLink } from "../../../../components/BackLink";
 
-import "./index.css"
-
 const JOB_FORM_PAGE_LOAD_STATE = {
    input_processing_labels: "",
    input_cmr_collection_name: "",
diff --git a/src/routes/jobs/new/l1b/index.css b/src/routes/jobs/new/l1b/index.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/routes/jobs/new/l1b/index.tsx b/src/routes/jobs/new/l1b/index.tsx
index 7ae0824..51b9889 100644
--- a/src/routes/jobs/new/l1b/index.tsx
+++ b/src/routes/jobs/new/l1b/index.tsx
@@ -6,8 +6,6 @@ import Config from "../../../../Config";
 import { getTokens } from "../../../../AuthenticationWrapper";
 import { BackLink } from "../../../../components/BackLink";
 
-import "./index.css"
-
 const JOB_FORM_PAGE_LOAD_STATE = {
    input_processing_labels: "",
    input_cmr_collection_name: "",

From ca4d42883145ec3a2603dbd313abd3e457d55ad7 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 12 Dec 2023 16:53:46 -0800
Subject: [PATCH 18/40] Updated L1B form fields.

---
 src/routes/jobs/new/l1b/index.tsx | 121 ++++++------------------------
 1 file changed, 21 insertions(+), 100 deletions(-)

diff --git a/src/routes/jobs/new/l1b/index.tsx b/src/routes/jobs/new/l1b/index.tsx
index 51b9889..2c68a88 100644
--- a/src/routes/jobs/new/l1b/index.tsx
+++ b/src/routes/jobs/new/l1b/index.tsx
@@ -7,29 +7,17 @@ import { getTokens } from "../../../../AuthenticationWrapper";
 import { BackLink } from "../../../../components/BackLink";
 
 const JOB_FORM_PAGE_LOAD_STATE = {
-   input_processing_labels: "",
-   input_cmr_collection_name: "",
-   input_cmr_search_start_time: "",
-   input_cmr_search_stop_time: "",
-   input_cmr_edl_user: "cmr_user",
-   input_cmr_edl_pass: "cmr_pass",
+   input_collection_id: "",
+   start_datetime: "",
+   stop_datetime: "",
    output_collection_id: "",
-   output_data_bucket: "",
-   input_daac_collection_shortname: "CHIRP_L1B",
-   input_daac_collection_sns: "arn:://SNS-arn"
 }
 
 const JOB_FORM_INITIAL_STATE = {
-   input_processing_labels: "",
-   input_cmr_collection_name: "",
-   input_cmr_search_start_time: "",
-   input_cmr_search_stop_time: "",
-   input_cmr_edl_user: "cmr_user",
-   input_cmr_edl_pass: "cmr_pass",
+   input_collection_id: "",
+   start_datetime: "",
+   stop_datetime: "",
    output_collection_id: "",
-   output_data_bucket: "",
-   input_daac_collection_shortname: "CHIRP_L1B",
-   input_daac_collection_sns: "arn:://SNS-arn"
 }
 
 type NewJobL1BProps = {
@@ -60,27 +48,6 @@ function NewJobL1B(props:NewJobL1BProps) {
       setForm(JOB_FORM_INITIAL_STATE);
    }
 
-   const setStopDate = () => {
-
-      const endDate = addDays(new Date(form.input_cmr_search_start_time), 16);
-      
-      const year = endDate.toLocaleString("default", { year: "numeric" });
-      const month = endDate.toLocaleString("default", { month: "2-digit" });
-      const day = endDate.toLocaleString("default", { day: "2-digit" });
-      const formattedEndDate = year + "-" + month + "-" + day;
-
-      setForm({
-         ...form,
-         ["input_cmr_search_stop_time"]: formattedEndDate
-      })
-
-   }
-
-   const addDays = function(date:Date, days:number) {
-      date.setDate(date.getDate() + days);
-      return date;
-    }
-
    const handleSubmit = async (e:React.FormEvent<HTMLFormElement>) => {
 
       e.preventDefault();
@@ -91,45 +58,21 @@ function NewJobL1B(props:NewJobL1BProps) {
          "response": "document",
          "inputs": [
             {
-               "id": "input_processing_labels",
-               "data": form.input_processing_labels.split(",")
+               "id": "input_collection_id",
+               "data": form.input_collection_id
             },
             {
-               "id": "input_cmr_collection_name",
-               "data": form.input_cmr_collection_name
+               "id": "start_datetime",
+               "data": form.start_datetime
             },
             {
-               "id": "input_cmr_search_start_time",
-               "data": form.input_cmr_search_start_time
-            },
-            {
-               "id": "input_cmr_search_stop_time",
-               "data": form.input_cmr_search_stop_time
-            },
-            {
-               "id": "input_cmr_edl_user",
-               "data": form.input_cmr_edl_user
-            },
-            {
-               "id": "input_cmr_edl_pass",
-               "data": form.input_cmr_edl_pass
+               "id": "stop_datetime",
+               "data": form.stop_datetime
             },
             {
                "id": "output_collection_id",
                "data": form.output_collection_id
             },
-            {
-               "id": "output_data_bucket",
-               "data": form.output_data_bucket
-            },
-            {
-               "id": "input_daac_collection_shortname",
-               "data": form.input_daac_collection_shortname
-           },
-           {
-               "id": "input_daac_collection_sns",
-               "data": form.input_daac_collection_sns
-           }
          ],
          "outputs": [
             {
@@ -185,48 +128,36 @@ function NewJobL1B(props:NewJobL1BProps) {
                      <br />
                   </> 
                }
-               <TextField
-                  id="input_processing_labels"
-                  label="Execution Labels"
-                  labelPosition="top"
-                  placeholder=""
-                  type="string"
-                  helperText="Comma delimited set of labels"
-                  value={form.input_processing_labels}
-                  onChange={handleChange}
-               />
 
                <TextField
-                  id="input_cmr_collection_name"
-                  label="CMR Collection Concept ID"
+                  id="input_collection_id"
+                  label="Collection ID"
                   labelPosition="top"
                   placeholder=""
                   type="string"
-                  value={form.input_cmr_collection_name}
+                  value={form.input_collection_id}
                   onChange={handleChange}
                />
 
                <TextField
-                  id="input_cmr_search_start_time"
-                  label="CMR Data Search Start Time"
+                  id="start_datetime"
+                  label="Start Date and Time"
                   labelPosition="top"
                   placeholder=""
                   type="string"
-                  value={form.input_cmr_search_start_time}
+                  value={form.start_datetime}
                   onChange={handleChange}
                />
 
                <TextField
-                  id="input_cmr_search_stop_time"
-                  label="CMR Data Search Stop Time"
+                  id="stop_datetime"
+                  label="Stop Date and Time"
                   labelPosition="top"
                   placeholder=""
                   type="string"
-                  value={form.input_cmr_search_stop_time}
+                  value={form.stop_datetime}
                   onChange={handleChange}
                />
-               <Button variant="secondary" onClick={setStopDate}>Set to Start + 16 days</Button>
-               <br /><br />
 
                <TextField
                   id="output_collection_id"
@@ -238,16 +169,6 @@ function NewJobL1B(props:NewJobL1BProps) {
                   onChange={handleChange}
                />
 
-               <TextField
-                  id="output_data_bucket"
-                  label="Output Data"
-                  labelPosition="top"
-                  placeholder=""
-                  type="string"
-                  value={form.output_data_bucket}
-                  onChange={handleChange}
-               />
-
                <div style={{display: "flex", gap: "8px"}}>
                   <Button type="submit" disabled={submittingJob}>Submit New Job</Button>
                   <Button variant="secondary" type="reset" onClick={handleReset}>Reset</Button>

From daa23a5d961033880ca72df4b4c22831f35d8bc0 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 12 Dec 2023 20:24:57 -0800
Subject: [PATCH 19/40] Updated L1B forms.

---
 src/routes/jobs/new/l1a/index.tsx | 128 ++++++++++--------------------
 1 file changed, 41 insertions(+), 87 deletions(-)

diff --git a/src/routes/jobs/new/l1a/index.tsx b/src/routes/jobs/new/l1a/index.tsx
index 4ee0ed2..0967ca9 100644
--- a/src/routes/jobs/new/l1a/index.tsx
+++ b/src/routes/jobs/new/l1a/index.tsx
@@ -7,29 +7,21 @@ import { getTokens } from "../../../../AuthenticationWrapper";
 import { BackLink } from "../../../../components/BackLink";
 
 const JOB_FORM_PAGE_LOAD_STATE = {
-   input_processing_labels: "",
-   input_cmr_collection_name: "",
-   input_cmr_search_start_time: "",
-   input_cmr_search_stop_time: "",
-   input_cmr_edl_user: "cmr_user",
-   input_cmr_edl_pass: "cmr_pass",
+   input_ephatt_collection_id: "",
+   input_science_collection_id: "",
    output_collection_id: "",
-   output_data_bucket: "",
-   input_daac_collection_shortname: "CHIRP_L1B",
-   input_daac_collection_sns: "arn:://SNS-arn"
+   static_dir: "",
+   start_datetime: "",
+   stop_datetime: "",
 }
 
 const JOB_FORM_INITIAL_STATE = {
-   input_processing_labels: "",
-   input_cmr_collection_name: "",
-   input_cmr_search_start_time: "",
-   input_cmr_search_stop_time: "",
-   input_cmr_edl_user: "cmr_user",
-   input_cmr_edl_pass: "cmr_pass",
+   input_ephatt_collection_id: "",
+   input_science_collection_id: "",
    output_collection_id: "",
-   output_data_bucket: "",
-   input_daac_collection_shortname: "CHIRP_L1B",
-   input_daac_collection_sns: "arn:://SNS-arn"
+   static_dir: "",
+   start_datetime: "",
+   stop_datetime: "",
 }
 
 type NewJobL1AProps = {
@@ -60,27 +52,6 @@ function NewJobL1A(props:NewJobL1AProps) {
       setForm(JOB_FORM_INITIAL_STATE);
    }
 
-   const setStopDate = () => {
-
-      const endDate = addDays(new Date(form.input_cmr_search_start_time), 16);
-      
-      const year = endDate.toLocaleString("default", { year: "numeric" });
-      const month = endDate.toLocaleString("default", { month: "2-digit" });
-      const day = endDate.toLocaleString("default", { day: "2-digit" });
-      const formattedEndDate = year + "-" + month + "-" + day;
-
-      setForm({
-         ...form,
-         ["input_cmr_search_stop_time"]: formattedEndDate
-      })
-
-   }
-
-   const addDays = function(date:Date, days:number) {
-      date.setDate(date.getDate() + days);
-      return date;
-    }
-
    const handleSubmit = async (e:React.FormEvent<HTMLFormElement>) => {
 
       e.preventDefault();
@@ -91,45 +62,29 @@ function NewJobL1A(props:NewJobL1AProps) {
          "response": "document",
          "inputs": [
             {
-               "id": "input_processing_labels",
-               "data": form.input_processing_labels.split(",")
-            },
-            {
-               "id": "input_cmr_collection_name",
-               "data": form.input_cmr_collection_name
-            },
-            {
-               "id": "input_cmr_search_start_time",
-               "data": form.input_cmr_search_start_time
+               "id": "input_ephatt_collection_id",
+               "data": form.input_ephatt_collection_id
             },
             {
-               "id": "input_cmr_search_stop_time",
-               "data": form.input_cmr_search_stop_time
+               "id": "input_science_collection_id",
+               "data": form.input_science_collection_id
             },
             {
-               "id": "input_cmr_edl_user",
-               "data": form.input_cmr_edl_user
+               "id": "output_collection_id",
+               "data": form.output_collection_id
             },
             {
-               "id": "input_cmr_edl_pass",
-               "data": form.input_cmr_edl_pass
+               "id": "static_dir",
+               "data": form.static_dir
             },
             {
-               "id": "output_collection_id",
-               "data": form.output_collection_id
+               "id": "start_datetime",
+               "data": form.start_datetime
             },
             {
-               "id": "output_data_bucket",
-               "data": form.output_data_bucket
+               "id": "stop_datetime",
+               "data": form.stop_datetime
             },
-            {
-               "id": "input_daac_collection_shortname",
-               "data": form.input_daac_collection_shortname
-           },
-           {
-               "id": "input_daac_collection_sns",
-               "data": form.input_daac_collection_sns
-           }
          ],
          "outputs": [
             {
@@ -186,68 +141,67 @@ function NewJobL1A(props:NewJobL1AProps) {
                   </> 
                }
                <TextField
-                  id="input_processing_labels"
-                  label="Execution Labels"
+                  id="input_ephatt_collection_id"
+                  label="Eph Att Collection ID"
                   labelPosition="top"
                   placeholder=""
                   type="string"
-                  helperText="Comma delimited set of labels"
-                  value={form.input_processing_labels}
+                  value={form.input_ephatt_collection_id}
                   onChange={handleChange}
                />
 
                <TextField
-                  id="input_cmr_collection_name"
-                  label="CMR Collection Concept ID"
+                  id="input_science_collection_id"
+                  label="Science Collection ID"
                   labelPosition="top"
                   placeholder=""
                   type="string"
-                  value={form.input_cmr_collection_name}
+                  value={form.input_science_collection_id}
                   onChange={handleChange}
                />
 
                <TextField
-                  id="input_cmr_search_start_time"
-                  label="CMR Data Search Start Time"
+                  id="output_collection_id"
+                  label="Output Unity Collection"
                   labelPosition="top"
                   placeholder=""
                   type="string"
-                  value={form.input_cmr_search_start_time}
+                  value={form.output_collection_id}
                   onChange={handleChange}
                />
 
                <TextField
-                  id="input_cmr_search_stop_time"
+                  id="static_dir"
                   label="CMR Data Search Stop Time"
                   labelPosition="top"
                   placeholder=""
                   type="string"
-                  value={form.input_cmr_search_stop_time}
+                  value={form.static_dir}
                   onChange={handleChange}
                />
-               <Button variant="secondary" onClick={setStopDate}>Set to Start + 16 days</Button>
-               <br /><br />
 
                <TextField
-                  id="output_collection_id"
-                  label="Output Unity Collection"
+                  id="start_datetime"
+                  label="Start Date and Time"
                   labelPosition="top"
                   placeholder=""
                   type="string"
-                  value={form.output_collection_id}
+                  value={form.start_datetime}
                   onChange={handleChange}
                />
 
                <TextField
-                  id="output_data_bucket"
-                  label="Output Data"
+                  id="stop_datetime"
+                  label="Stop Date and Time"
                   labelPosition="top"
                   placeholder=""
                   type="string"
-                  value={form.output_data_bucket}
+                  value={form.stop_datetime}
                   onChange={handleChange}
                />
 
+               <input aria-label="Date and time" type="datetime-local" />
+
                <div style={{display: "flex", gap: "8px"}}>
                   <Button type="submit" disabled={submittingJob}>Submit New Job</Button>
                   <Button variant="secondary" type="reset" onClick={handleReset}>Reset</Button>

From b1bedf8ae716bdc824b6123fe8577166b1ee35fb Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 12 Dec 2023 20:28:49 -0800
Subject: [PATCH 20/40] Updated CHANGELOG.

---
 CHANGELOG.md | 3 +++
 package.json | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4324bcb..c998e3d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,9 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.3.1] - 2023-12-12
+- Fixed link associated with logo on mobile platforms
+
 ## [0.3.0] - 2023-11-13
 
 - Updated environment configurations to account for SIPS-TEST deployments
diff --git a/package.json b/package.json
index 761bce5..4e80167 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "unity-ui",
   "private": true,
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

From 6e0f3b564650149c8e240416df8c2bacd355f1b0 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Wed, 13 Dec 2023 08:46:55 -0800
Subject: [PATCH 21/40] Updated changelog.

---
 CHANGELOG.md | 6 ++++++
 package.json | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c998e3d..005c37e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.4.0] - 2023-12-13
+- Updated /job/new endpoint so it lists the applications for which jobs may be executed.
+- Moved chirp rebinning job form to /jobs/new/chirp
+- Added job submission forms for L1A and L1B PGEs
+- Added process utility to help facilitate changes listed above.
+
 ## [0.3.1] - 2023-12-12
 - Fixed link associated with logo on mobile platforms
 
diff --git a/package.json b/package.json
index 4e80167..5cf02d5 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "unity-ui",
   "private": true,
-  "version": "0.3.1",
+  "version": "0.4.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

From 795bfa84f41bc080580b215a762656a7e758ecea Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Wed, 13 Dec 2023 15:56:31 -0800
Subject: [PATCH 22/40] Removed extraneous input field.

---
 src/routes/jobs/new/l1a/index.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/routes/jobs/new/l1a/index.tsx b/src/routes/jobs/new/l1a/index.tsx
index 0967ca9..204ce28 100644
--- a/src/routes/jobs/new/l1a/index.tsx
+++ b/src/routes/jobs/new/l1a/index.tsx
@@ -200,8 +200,6 @@ function NewJobL1A(props:NewJobL1AProps) {
                   onChange={handleChange}
                />
 
-               <input aria-label="Date and time" type="datetime-local" />
-
                <div style={{display: "flex", gap: "8px"}}>
                   <Button type="submit" disabled={submittingJob}>Submit New Job</Button>
                   <Button variant="secondary" type="reset" onClick={handleReset}>Reset</Button>

From bbd2330419310d71a44503ceb53d6a5cf674729b Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 11 Mar 2024 10:19:02 -0700
Subject: [PATCH 23/40] Added CSS styling for navbar to match Figma designs.

---
 src/css/app.css           |  2 +-
 src/css/unity-stellar.css | 73 +++++++++++++++++++++++++++++++++++++--
 2 files changed, 72 insertions(+), 3 deletions(-)

diff --git a/src/css/app.css b/src/css/app.css
index f234d0c..a0cec27 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -1,9 +1,9 @@
 /* @import './stellar.css'; */
 @import "@nasa-jpl/react-stellar/dist/esm/stellar.css";
-@import "unity-stellar.css";
 @import 'ag-grid-community/styles/ag-grid.min.css'; /* Core grid CSS, always needed */
 @import 'ag-grid-community/styles/ag-theme-alpine.min.css'; /* Optional grid theme CSS */
 @import 'ag-grid-stellar.css';
+@import "unity-stellar.css";
 
 #root {
    display: flex;
diff --git a/src/css/unity-stellar.css b/src/css/unity-stellar.css
index e42bd6e..cc3e4dd 100644
--- a/src/css/unity-stellar.css
+++ b/src/css/unity-stellar.css
@@ -8,8 +8,43 @@
 
 /* Menu */
 
-.st-react-menu-label {
-   text-transform: uppercase;
+.st-react-menu-content {
+  background: var(--st-gray-80);
+  border: 0;
+  padding: 0;
+}
+
+.st-react-menu-content .st-react-menu-label {
+  font-size: 1em;
+  font-weight: 700;
+  color: var(--st-gray-10);
+  text-transform: uppercase;
+  padding: 10px 16px;
+  word-wrap: break-word;
+}
+
+.st-react-menu-content .st-react-menu-item {
+  background-color: var(--st-gray-70);
+  border-radius: 0;
+  color: var(--st-gray-10);
+  font-weight: 400;
+  letter-spacing: 0.48px;
+  line-height: 1em;
+  padding: 10px 16px;
+  word-wrap: break-word;
+}
+
+.st-react-menu-content .st-react-menu-item:hover, .st-react-menu-content .st-react-menu-item:hover a {
+  background: var(--st-primary-20);
+  font-weight: 700;
+  color: var(--st-black);
+  cursor: pointer;
+}
+
+.st-react-menu-content .st-react-menu-item > a {
+  color: var(--st-gray-10);
+  text-decoration: none;
+  word-wrap: break-word;
 }
 
 /* Navbar */
@@ -40,4 +75,38 @@
 
 .st-react-navbar.st-react-navbar--mobile .st-button:hover.icon {
    color: var(--st-button-tertiary-color);
+}
+
+.st-react-navbar-mobile-menu {
+  background: var(--st-gray-80);
+  border: 0;
+  padding: 0;
+}
+
+.st-react-navbar-mobile-menu .st-react-menu-label {
+  font-size: 1em;
+  font-weight: 700;
+  color: var(--st-gray-10);
+  text-transform: uppercase;
+  padding: 10px 16px;
+  word-wrap: break-word;
+}
+
+.st-react-navbar-mobile-menu .st-react-navbar-link {
+  background-color: var(--st-gray-70);
+  border-radius: 0;
+  color: var(--st-gray-10);
+  font-weight: 400;
+  letter-spacing: 0.48px;
+  line-height: 1em;
+  padding: 10px 16px;
+  text-decoration: none;
+  word-wrap: break-word;
+}
+
+.st-react-navbar-mobile-menu .st-react-navbar-link:hover {
+  background: var(--st-primary-20);
+  font-weight: 700;
+  color: var(--st-black);
+  cursor: pointer;
 }
\ No newline at end of file

From cca55570b3e7581ac679b292ddd25b6748b404b3 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 11 Mar 2024 10:23:14 -0700
Subject: [PATCH 24/40] Updated Changelog to reflect navbar updates and bumped
 version number.

---
 CHANGELOG.md | 3 +++
 package.json | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 005c37e..8a8d98f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,9 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.5.0] (unreleased)
+- Updated Navbar CSS styling to match Figma designs [#5](https://github.com/unity-sds/unity-ui/issues/5)
+
 ## [0.4.0] - 2023-12-13
 - Updated /job/new endpoint so it lists the applications for which jobs may be executed.
 - Moved chirp rebinning job form to /jobs/new/chirp
diff --git a/package.json b/package.json
index 5cf02d5..c392082 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "unity-ui",
   "private": true,
-  "version": "0.4.0",
+  "version": "0.5.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

From 4786ea7d6ca5ef7fc223ec26a3f450d61ea5c22c Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 18 Mar 2024 08:49:21 -0700
Subject: [PATCH 25/40] Fixed border styling of menu.

---
 src/css/unity-stellar.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/css/unity-stellar.css b/src/css/unity-stellar.css
index cc3e4dd..1868610 100644
--- a/src/css/unity-stellar.css
+++ b/src/css/unity-stellar.css
@@ -10,10 +10,17 @@
 
 .st-react-menu-content {
   background: var(--st-gray-80);
-  border: 0;
+  border: 1px solid var(--st-white);
+  border-radius: 0;
   padding: 0;
 }
 
+.st-react-menu-content .st-react-menu-arrow {
+  fill: var(--st-white);
+  stroke: var(--st-white);
+  filter: none;
+}
+
 .st-react-menu-content .st-react-menu-label {
   font-size: 1em;
   font-weight: 700;

From 1363eba8930abf153c20a520d3741f66bfc72ef0 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 19 Mar 2024 16:11:31 -0700
Subject: [PATCH 26/40] Fixed border styling between menu items.

---
 src/css/unity-stellar.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/css/unity-stellar.css b/src/css/unity-stellar.css
index 1868610..c41b446 100644
--- a/src/css/unity-stellar.css
+++ b/src/css/unity-stellar.css
@@ -38,6 +38,7 @@
   letter-spacing: 0.48px;
   line-height: 1em;
   padding: 10px 16px;
+  margin-bottom: 1px;
   word-wrap: break-word;
 }
 

From 2a0ddb80ed533952cc64bb18564f70d75a517f15 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 19 Mar 2024 16:11:45 -0700
Subject: [PATCH 27/40] Fixed letter spacing on menu headers.

---
 src/css/unity-stellar.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/css/unity-stellar.css b/src/css/unity-stellar.css
index c41b446..3461984 100644
--- a/src/css/unity-stellar.css
+++ b/src/css/unity-stellar.css
@@ -35,7 +35,7 @@
   border-radius: 0;
   color: var(--st-gray-10);
   font-weight: 400;
-  letter-spacing: 0.48px;
+  letter-spacing: 0.60px;
   line-height: 1em;
   padding: 10px 16px;
   margin-bottom: 1px;

From f21e0d2139a6795ec60631c2ab4f608c009ec108 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Tue, 19 Mar 2024 16:12:03 -0700
Subject: [PATCH 28/40] Cleaned up ordering of CSS properties.

---
 src/css/unity-stellar.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/css/unity-stellar.css b/src/css/unity-stellar.css
index 3461984..9f02c9c 100644
--- a/src/css/unity-stellar.css
+++ b/src/css/unity-stellar.css
@@ -17,16 +17,17 @@
 
 .st-react-menu-content .st-react-menu-arrow {
   fill: var(--st-white);
-  stroke: var(--st-white);
   filter: none;
+  stroke: var(--st-white);
 }
 
 .st-react-menu-content .st-react-menu-label {
+  color: var(--st-gray-10);
   font-size: 1em;
   font-weight: 700;
-  color: var(--st-gray-10);
-  text-transform: uppercase;
+  letter-spacing: 0.48;
   padding: 10px 16px;
+  text-transform: uppercase;
   word-wrap: break-word;
 }
 
@@ -37,8 +38,8 @@
   font-weight: 400;
   letter-spacing: 0.60px;
   line-height: 1em;
-  padding: 10px 16px;
   margin-bottom: 1px;
+  padding: 16px 16px;
   word-wrap: break-word;
 }
 

From ce8d643e57428c8bacd3cb5547320a4ca018deb0 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 1 Apr 2024 11:33:16 -0700
Subject: [PATCH 29/40] Test docker build by updating event in docker build
 workflow to match against feature branches temporarily.

---
 .dockerignore                      |  5 ++++
 .github/workflows/docker-build.yml | 30 +++++++++++++++++++
 Dockerfile                         | 48 ++++++++++++++++++++++++++++++
 3 files changed, 83 insertions(+)
 create mode 100644 .dockerignore
 create mode 100644 .github/workflows/docker-build.yml
 create mode 100644 Dockerfile

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..6933098
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,5 @@
+.git
+*/.git
+node_modules
+*/node_modules
+npm-debug.log
\ No newline at end of file
diff --git a/.github/workflows/docker-build.yml b/.github/workflows/docker-build.yml
new file mode 100644
index 0000000..b156435
--- /dev/null
+++ b/.github/workflows/docker-build.yml
@@ -0,0 +1,30 @@
+name: Docker Build and Push
+
+on:
+  push:
+    branches:
+      - main  # or any other branch you want to trigger the workflow
+      - "features/*"
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v3
+
+      - name: Log in to Docker Registry
+        uses: docker/login-action@v1
+        with:
+          registry: ghcr.io  # replace with your registry if different
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and Push "Latest" Docker image
+        id: build-and-push-latest
+        uses: docker/build-push-action@v2
+        with:
+          context: .
+          file: ./Dockerfile
+          push: true
+          tags: ghcr.io/${{ github.repository }}/unity-ui-application:latest  # replace with your image name and tag
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..e099d9f
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,48 @@
+############################################################
+############################################################
+# Code Building Stage
+
+FROM node:lts-hydrogen as builder
+
+# Add git
+RUN apt-get update
+
+# Create app directory
+WORKDIR /usr/src/app
+
+# Copy source to workdir
+COPY . .
+
+# Install dependencies
+RUN npm clean-install
+
+# Build distribution
+RUN npm run build-integration
+
+
+############################################################
+############################################################
+# Build Image Stage
+
+FROM ubuntu:18.04
+LABEL version="0.0.1"
+
+RUN apt-get update \
+      && apt-get install -y apache2 \
+      && rm -rf /var/lib/apt/lists/* \
+      && apt-get clean
+
+# Create app directory and copy distribution code from builder stage
+WORKDIR /var/www/unity-ui
+COPY --from=builder /usr/src/app/dist ./
+
+# Configure apache2
+COPY ./etc/apache2/sites-available/unity-ui.conf /etc/apache2/sites-available/
+RUN echo "ServerName localhost" >> /etc/apache2/apache2.conf
+RUN a2dissite 000-default.conf
+RUN a2ensite unity-ui.conf
+
+EXPOSE 80
+
+# Default command to run container
+CMD ["/usr/sbin/apachectl", "-D", "FOREGROUND", "-k", "start"]
\ No newline at end of file

From 0aef358460728b63eb7a4d9676f3c94804a59785 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 1 Apr 2024 11:36:51 -0700
Subject: [PATCH 30/40] Added missing apache conf file.

---
 etc/apache2/sites-available/unity-ui.conf | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 etc/apache2/sites-available/unity-ui.conf

diff --git a/etc/apache2/sites-available/unity-ui.conf b/etc/apache2/sites-available/unity-ui.conf
new file mode 100644
index 0000000..3b8321a
--- /dev/null
+++ b/etc/apache2/sites-available/unity-ui.conf
@@ -0,0 +1,15 @@
+<VirtualHost *:80>
+
+    ServerName localhost
+    DocumentRoot /var/www/unity-ui/
+    ErrorLog ${APACHE_LOG_DIR}/error.log
+    CustomLog ${APACHE_LOG_DIR}/access.log combined
+
+    <Directory /var/www/unity-ui/>
+       Options -Indexes
+       AllowOverride All
+       Order allow,deny
+       allow from all
+    </Directory>
+
+</VirtualHost>

From eae37b946d3c494454525ed9791bd658e8b26e58 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 1 Apr 2024 11:48:42 -0700
Subject: [PATCH 31/40] Updated action versions to resolve warnings being
 reported by GitHub Action runner.

---
 .github/workflows/docker-build.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/docker-build.yml b/.github/workflows/docker-build.yml
index b156435..e8c9aa0 100644
--- a/.github/workflows/docker-build.yml
+++ b/.github/workflows/docker-build.yml
@@ -11,10 +11,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Log in to Docker Registry
-        uses: docker/login-action@v1
+        uses: docker/login-action@v3
         with:
           registry: ghcr.io  # replace with your registry if different
           username: ${{ github.actor }}
@@ -22,7 +22,7 @@ jobs:
 
       - name: Build and Push "Latest" Docker image
         id: build-and-push-latest
-        uses: docker/build-push-action@v2
+        uses: docker/build-push-action@v5
         with:
           context: .
           file: ./Dockerfile

From 6cd17bb670dbd61f2f9f9908cb9ee4fc95e781c0 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Fri, 12 Apr 2024 15:03:21 -0700
Subject: [PATCH 32/40] Modified application tooling to allow for stateless
 production builds. Environment variables will be set by AWS ECS and at
 container startup they will be injected into the application using a sequence
 of scripts integrated in the Dockerfile. This can be tested locally by using
 a .env.docker.local file in the .env folder and then building and running the
 docker image locally. This setup will allow the continued normal development
 using the npm run dev command. Stateful build information has been removed
 from the package.json as well as the corresponding .env files that are no
 longer necessary.

---
 .dockerignore                     |  6 ++++-
 .env/.env                         | 18 ++++++++++++-
 .env/.env.development             | 16 -----------
 .env/.env.integration             | 16 -----------
 .env/.env.production              |  0
 .env/.env.sips-test               | 16 -----------
 .env/.env.test                    | 16 -----------
 .gitignore                        |  2 ++
 Dockerfile                        | 22 +++++++++++-----
 Makefile                          | 44 +++++++++++++++++++++++++++++++
 entrypoint.d/docker-entrypoint.sh | 10 +++++++
 entrypoint.d/env.sh               | 12 +++++++++
 package.json                      |  7 ++---
 src/Config.tsx                    |  5 ++++
 14 files changed, 112 insertions(+), 78 deletions(-)
 delete mode 100644 .env/.env.development
 delete mode 100644 .env/.env.integration
 delete mode 100644 .env/.env.production
 delete mode 100644 .env/.env.sips-test
 delete mode 100644 .env/.env.test
 create mode 100644 Makefile
 create mode 100644 entrypoint.d/docker-entrypoint.sh
 create mode 100644 entrypoint.d/env.sh

diff --git a/.dockerignore b/.dockerignore
index 6933098..4e73393 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -2,4 +2,8 @@
 */.git
 node_modules
 */node_modules
-npm-debug.log
\ No newline at end of file
+npm-debug.log
+dist
+.swc
+.env
+!.env/.env
\ No newline at end of file
diff --git a/.env/.env b/.env/.env
index 8c530a5..abab4a8 100644
--- a/.env/.env
+++ b/.env/.env
@@ -1 +1,17 @@
-VITE_UNITY_UI_VERSION=${npm_package_version}
\ No newline at end of file
+# GENERAL
+VITE_UNITY_UI_VERSION=${npm_package_version}
+VITE_ADMIN_EMAIL=ENV_UNITY_UI_ADMIN_EMAIL
+
+# Auth
+VITE_AUTH_OAUTH_CLIENT_ID=ENV_UNITY_UI_AUTH_OAUTH_CLIENT_ID
+VITE_AUTH_OAUTH_REDIRECT_URI=ENV_UNITY_UI_AUTH_OAUTH_REDIRECT_URI
+VITE_AUTH_OAUTH_LOGOUT_ENDPOINT=ENV_UNITY_UI_AUTH_OAUTH_LOGOUT_ENDPOINT
+VITE_AUTH_OAUTH_PROVIDER_URL=ENV_UNITY_UI_AUTH_OAUTH_PROVIDER_URL
+VITE_AUTH_APP_ADMIN_GROUP_NAME=ENV_UNITY_UI_AUTH_APP_ADMIN_GROUP_NAME
+VITE_AUTH_APP_APP_VIEWER_GROUP_NAME=ENV_UNITY_UI_AUTH_APP_APP_VIEWER_GROUP_NAME
+
+# ADS
+VITE_ADS_URL=ENV_UNITY_UI_ADS_URL
+
+# SPS
+VITE_SPS_WPST_ENDPOINT=ENV_UNITY_UI_SPS_WPST_ENDPOINT
\ No newline at end of file
diff --git a/.env/.env.development b/.env/.env.development
deleted file mode 100644
index c21918a..0000000
--- a/.env/.env.development
+++ /dev/null
@@ -1,16 +0,0 @@
-# GENERAL
-VITE_ADMIN_EMAIL=anil.natha@jpl.nasa.gov
-
-# Auth
-VITE_AUTH_OAUTH_CLIENT_ID=SET_IN_DEVELOPMENT_DOT_LOCAL_FILE
-VITE_AUTH_OAUTH_REDIRECT_URI=http://localhost:8080
-VITE_AUTH_OAUTH_LOGOUT_ENDPOINT=https://unitysds.auth.us-west-2.amazoncognito.com/logout
-VITE_AUTH_OAUTH_PROVIDER_URL=https://unitysds.auth.us-west-2.amazoncognito.com/oauth2
-VITE_AUTH_APP_ADMIN_GROUP_NAME=Unity_Admin
-VITE_AUTH_APP_APP_VIEWER_GROUP_NAME=Unity_Viewer
-
-# ADS
-VITE_ADS_URL=http://uads-test-dockstore-deploy-lb-1762603872.us-west-2.elb.amazonaws.com:9998
-
-# SPS
-VITE_SPS_WPST_ENDPOINT=https://d3vc8w9zcq658.cloudfront.net/ades-wpst/  # Via CloudFront
diff --git a/.env/.env.integration b/.env/.env.integration
deleted file mode 100644
index 0287534..0000000
--- a/.env/.env.integration
+++ /dev/null
@@ -1,16 +0,0 @@
-# GENERAL
-VITE_ADMIN_EMAIL=anil.natha@jpl.nasa.gov
-
-# Auth
-VITE_AUTH_OAUTH_CLIENT_ID=SET_IN_INTEGRATION_DOT_LOCAL_FILE
-VITE_AUTH_OAUTH_REDIRECT_URI=https://d3vc8w9zcq658.cloudfront.net/dashboard
-VITE_AUTH_OAUTH_LOGOUT_ENDPOINT=https://unitysds.auth.us-west-2.amazoncognito.com/logout
-VITE_AUTH_OAUTH_PROVIDER_URL=https://unitysds.auth.us-west-2.amazoncognito.com/oauth2
-VITE_AUTH_APP_ADMIN_GROUP_NAME=Unity_Admin
-VITE_AUTH_APP_APP_VIEWER_GROUP_NAME=Unity_Viewer
-
-# ADS
-VITE_ADS_URL=http://uads-test-dockstore-deploy-lb-1762603872.us-west-2.elb.amazonaws.com:9998
-
-# SPS
-VITE_SPS_WPST_ENDPOINT=https://d3vc8w9zcq658.cloudfront.net/ades-wpst/  # Via CloudFront
\ No newline at end of file
diff --git a/.env/.env.production b/.env/.env.production
deleted file mode 100644
index e69de29..0000000
diff --git a/.env/.env.sips-test b/.env/.env.sips-test
deleted file mode 100644
index 513be1c..0000000
--- a/.env/.env.sips-test
+++ /dev/null
@@ -1,16 +0,0 @@
-# GENERAL
-VITE_ADMIN_EMAIL=anil.natha@jpl.nasa.gov
-
-# Auth
-VITE_AUTH_OAUTH_CLIENT_ID=SET_IN_INTEGRATION_DOT_LOCAL_FILE
-VITE_AUTH_OAUTH_REDIRECT_URI=https://dxebrgu0bc9w7.cloudfront.net/unity-sips-test/dashboard
-VITE_AUTH_OAUTH_LOGOUT_ENDPOINT=https://unitysds-test.auth.us-west-2.amazoncognito.com/logout
-VITE_AUTH_OAUTH_PROVIDER_URL=https://unitysds-test.auth.us-west-2.amazoncognito.com/oauth2
-VITE_AUTH_APP_ADMIN_GROUP_NAME=Unity_Admin
-VITE_AUTH_APP_APP_VIEWER_GROUP_NAME=Unity_Viewer
-
-# ADS
-VITE_ADS_URL=http://uads-test-dockstore-deploy-lb-1762603872.us-west-2.elb.amazonaws.com:9998
-
-# SPS
-VITE_SPS_WPST_ENDPOINT=https://dxebrgu0bc9w7.cloudfront.net/unity-sips-test/ades-wpst/
\ No newline at end of file
diff --git a/.env/.env.test b/.env/.env.test
deleted file mode 100644
index 0f052bc..0000000
--- a/.env/.env.test
+++ /dev/null
@@ -1,16 +0,0 @@
-# GENERAL
-VITE_ADMIN_EMAIL=anil.natha@jpl.nasa.gov
-
-# Auth
-VITE_AUTH_OAUTH_CLIENT_ID=SET_IN_INTEGRATION_DOT_LOCAL_FILE
-VITE_AUTH_OAUTH_REDIRECT_URI=https://dxebrgu0bc9w7.cloudfront.net/dashboard
-VITE_AUTH_OAUTH_LOGOUT_ENDPOINT=https://unitysds-test.auth.us-west-2.amazoncognito.com/logout
-VITE_AUTH_OAUTH_PROVIDER_URL=https://unitysds-test.auth.us-west-2.amazoncognito.com/oauth2
-VITE_AUTH_APP_ADMIN_GROUP_NAME=Unity_Admin
-VITE_AUTH_APP_APP_VIEWER_GROUP_NAME=Unity_Viewer
-
-# ADS
-VITE_ADS_URL=http://uads-test-dockstore-deploy-lb-1762603872.us-west-2.elb.amazonaws.com:9998
-
-# SPS
-VITE_SPS_WPST_ENDPOINT=https://dxebrgu0bc9w7.cloudfront.net/ades-wpst/  # Via CloudFront
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 7a01d61..56779d4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,6 +10,8 @@ yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
+.env
+!.env/.env
 
 node_modules
 dist
diff --git a/Dockerfile b/Dockerfile
index e099d9f..c2c60f6 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -4,7 +4,6 @@
 
 FROM node:lts-hydrogen as builder
 
-# Add git
 RUN apt-get update
 
 # Create app directory
@@ -17,15 +16,17 @@ COPY . .
 RUN npm clean-install
 
 # Build distribution
-RUN npm run build-integration
-
+RUN npm run build
 
 ############################################################
 ############################################################
 # Build Image Stage
 
 FROM ubuntu:18.04
-LABEL version="0.0.1"
+LABEL version="0.1.0"
+
+ENV UNITY_WWW_ROOT=/var/www/unity-ui
+ENV ENTRYPOINT_FOLDER=/entrypoint.d
 
 RUN apt-get update \
       && apt-get install -y apache2 \
@@ -33,7 +34,7 @@ RUN apt-get update \
       && apt-get clean
 
 # Create app directory and copy distribution code from builder stage
-WORKDIR /var/www/unity-ui
+WORKDIR ${UNITY_WWW_ROOT}
 COPY --from=builder /usr/src/app/dist ./
 
 # Configure apache2
@@ -42,7 +43,14 @@ RUN echo "ServerName localhost" >> /etc/apache2/apache2.conf
 RUN a2dissite 000-default.conf
 RUN a2ensite unity-ui.conf
 
+# Copy and set up files needed for container startup
+COPY ./entrypoint.d/* ${ENTRYPOINT_FOLDER}/
+RUN chmod 777 -R ${ENTRYPOINT_FOLDER}/* && chmod +x -R ${ENTRYPOINT_FOLDER}/*
+
 EXPOSE 80
 
-# Default command to run container
-CMD ["/usr/sbin/apachectl", "-D", "FOREGROUND", "-k", "start"]
\ No newline at end of file
+# Default process to run on container startup
+ENTRYPOINT ["/entrypoint.d/docker-entrypoint.sh"]
+
+# Default options to pass to apache when starting container in docker-entrypoint.sh
+CMD ["-k", "start"]
\ No newline at end of file
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..08037ae
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,44 @@
+export IMAGE_NAME = unity-ui
+export CONTAINER_NAME = unity-ui
+export RUN_OPTIONS = 
+
+build-no-cache: RUN_OPTIONS = "--no-cache"
+build-no-cache: build
+
+build:
+	docker buildx build --progress=plain $(RUN_OPTIONS) -t ${IMAGE_NAME} -f Dockerfile .
+
+destroy-container:
+	docker container rm ${CONTAINER_NAME}
+
+destroy-image:
+	docker image rm ${IMAGE_NAME}
+
+kill:
+	docker kill ${CONTAINER_NAME}
+
+run:
+	docker run --env-file=./.env/.env.docker.local -t -i --rm -p 8080:80 --name ${CONTAINER_NAME} ${IMAGE_NAME} 
+
+start:
+	docker start ${CONTAINER_NAME}
+
+stop:
+	docker stop ${CONTAINER_NAME}
+
+# ----------------------------------------------------------------------------
+# Self-Documented Makefile
+# ref: http://marmelab.com/blog/2016/02/29/auto-documented-makefile.html
+# ----------------------------------------------------------------------------
+help:						## (DEFAULT) This help information
+	@echo ====================================================================
+	@grep -E '^## .*$$'  \
+		$(MAKEFILE_LIST)  \
+		| awk 'BEGIN { FS="## " }; {printf "\033[33m%-24s\033[0m \n", $$2}'
+	@echo
+	@grep -E '^[0-9a-zA-Z_-]+:.*?## .*$$'  \
+		$(MAKEFILE_LIST)  \
+		| awk 'BEGIN { FS=":.*?## " }; {printf "\033[36m%-24s\033[0m %s\n", $$1, $$2}'  \
+#		 | sort
+.PHONY: help
+.DEFAULT_GOAL := help
\ No newline at end of file
diff --git a/entrypoint.d/docker-entrypoint.sh b/entrypoint.d/docker-entrypoint.sh
new file mode 100644
index 0000000..e023d95
--- /dev/null
+++ b/entrypoint.d/docker-entrypoint.sh
@@ -0,0 +1,10 @@
+#!/usr/bin/env bash
+#set -x; : "$0" "$@"  # Use for debugging
+
+# Inject Environment Variables for React App
+source ${ENTRYPOINT_FOLDER}/env.sh
+
+rm -f /var/run/apache2/apache2.pid
+
+# Run the main container process (from the Dockerfile CMD)
+exec /usr/sbin/apachectl -D FOREGROUND "$@"
\ No newline at end of file
diff --git a/entrypoint.d/env.sh b/entrypoint.d/env.sh
new file mode 100644
index 0000000..56b7236
--- /dev/null
+++ b/entrypoint.d/env.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+for i in $(env | grep ENV_UNITY_UI_)
+do
+    key=$(echo $i | cut -d '=' -f 1)
+    value=$(echo $i | cut -d '=' -f 2-)
+    echo $key=$value
+    # sed All files
+    # find $UNITY_WWW_ROOT -type f -exec sed -i "s|${key}|${value}|g" '{}' +
+
+    # sed .js only
+    find $UNITY_WWW_ROOT -type f \( -name '*.js' \) -exec sed -i "s|${key}|${value}|g" '{}' +
+done
diff --git a/package.json b/package.json
index 5cf02d5..5c5d56c 100644
--- a/package.json
+++ b/package.json
@@ -1,14 +1,11 @@
 {
   "name": "unity-ui",
   "private": true,
-  "version": "0.4.0",
+  "version": "0.5.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build-integration": "tsc && vite build --mode integration --base=/dashboard/",
-    "build-test": "tsc && vite build --mode test --base=/dashboard/",
-    "build-sips-test": "tsc && vite build --mode sips-test --base=/unity-sips-test/dashboard/",
-    "build-prod": "tsc && vite build --mode production",
+    "build": "tsc && vite build",
     "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
diff --git a/src/Config.tsx b/src/Config.tsx
index 1ef0e62..8121da6 100644
--- a/src/Config.tsx
+++ b/src/Config.tsx
@@ -24,4 +24,9 @@ const Config = {
 
 }
 
+if( import.meta.env.DEV ) {
+  // Output Configuration on every call to help with debugging only in DEV mode
+  console.log(Config)
+}
+
 export default Config;
\ No newline at end of file

From 7e178a5ba4417d219db69dc9841a605ab6ff3356 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Fri, 12 Apr 2024 15:24:23 -0700
Subject: [PATCH 33/40] Modified gitignore for .env.docker.example.

---
 .env/.env.docker.example | 16 ++++++++++++++++
 .gitignore               |  1 +
 2 files changed, 17 insertions(+)
 create mode 100644 .env/.env.docker.example

diff --git a/.env/.env.docker.example b/.env/.env.docker.example
new file mode 100644
index 0000000..05c8091
--- /dev/null
+++ b/.env/.env.docker.example
@@ -0,0 +1,16 @@
+# GENERAL
+ENV_UNITY_UI_ADMIN_EMAIL=REPLACE_WITH_ADMIN_EMAIL
+
+# Auth
+ENV_UNITY_UI_AUTH_OAUTH_CLIENT_ID=REPLACE_WITH_COGNITO_USER_POOL_CLIENT_ID
+ENV_UNITY_UI_AUTH_OAUTH_REDIRECT_URI=REPLACE_WITH_URL_OF_APPLICATION_WITH_PORT_IF_NEEDED
+ENV_UNITY_UI_AUTH_OAUTH_LOGOUT_ENDPOINT=REPLACE_WITH_COGNITO_DOMAIN/logout
+ENV_UNITY_UI_AUTH_OAUTH_PROVIDER_URL=REPLACE_WITH_COGNITO_DOMAIN/oauth2
+ENV_UNITY_UI_AUTH_APP_ADMIN_GROUP_NAME=REPLACE_WITH_USER_POOL_ADMIN_GROUP_NAME
+ENV_UNITY_UI_AUTH_APP_APP_VIEWER_GROUP_NAME=REPLACE_WITH_USER_PROOL_VIEWER_GROUP_NAME
+
+# ADS
+ENV_UNITY_UI_ADS_URL=REPLACE_WITH_ADS_URL
+
+# SPS
+ENV_UNITY_UI_SPS_WPST_ENDPOINT=REPLACE_WITH_ADES_WPST_URL
diff --git a/.gitignore b/.gitignore
index 56779d4..4a315ee 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,6 +12,7 @@ pnpm-debug.log*
 lerna-debug.log*
 .env
 !.env/.env
+!.env/.env.docker.example
 
 node_modules
 dist

From d45d126810f1cc0904986475f6a8c5fd24347079 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Fri, 12 Apr 2024 16:02:56 -0700
Subject: [PATCH 34/40] Updated Changelog.

---
 CHANGELOG.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 005c37e..156d3d9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.5.0] - Unreleased
+- Added CI/CD workflow to build application as a docker image.
+- Updated application build configuration. Stateful information has been removed from project configuration. Instead we now allow environment variables to be supplied to the container at startup which in turn get injected into the Unity UI Codebase. This is in support of moving to dynamic configuration of the application via Unity Marketplace.
+
 ## [0.4.0] - 2023-12-13
 - Updated /job/new endpoint so it lists the applications for which jobs may be executed.
 - Moved chirp rebinning job form to /jobs/new/chirp

From fd4a2cadccd47575af8c2e1ae339d44bd22d48a8 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Fri, 12 Apr 2024 16:03:48 -0700
Subject: [PATCH 35/40] Updated changelog

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 156d3d9..d3268cd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,7 +5,7 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [0.5.0] - Unreleased
+## [0.5.0] (unreleased)
 - Added CI/CD workflow to build application as a docker image.
 - Updated application build configuration. Stateful information has been removed from project configuration. Instead we now allow environment variables to be supplied to the container at startup which in turn get injected into the Unity UI Codebase. This is in support of moving to dynamic configuration of the application via Unity Marketplace.
 

From 2ff627034c5742992fafc03b20d391b6e276deca Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Fri, 12 Apr 2024 16:16:10 -0700
Subject: [PATCH 36/40] Modified comment in docker-entrypoint.sh

---
 entrypoint.d/docker-entrypoint.sh | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/entrypoint.d/docker-entrypoint.sh b/entrypoint.d/docker-entrypoint.sh
index e023d95..5896ae2 100644
--- a/entrypoint.d/docker-entrypoint.sh
+++ b/entrypoint.d/docker-entrypoint.sh
@@ -6,5 +6,6 @@ source ${ENTRYPOINT_FOLDER}/env.sh
 
 rm -f /var/run/apache2/apache2.pid
 
-# Run the main container process (from the Dockerfile CMD)
+# Run the main container process
+# (Arguments for Apache supplied from the Dockerfile CMD)
 exec /usr/sbin/apachectl -D FOREGROUND "$@"
\ No newline at end of file

From 5539d00377a4736ba35628eb2a0ca1e6ffc0c0fa Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Fri, 12 Apr 2024 16:18:10 -0700
Subject: [PATCH 37/40] Fixed Makefile reference to .env.docker.local

---
 Makefile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Makefile b/Makefile
index 08037ae..58742f5 100644
--- a/Makefile
+++ b/Makefile
@@ -18,7 +18,7 @@ kill:
 	docker kill ${CONTAINER_NAME}
 
 run:
-	docker run --env-file=./.env/.env.docker.local -t -i --rm -p 8080:80 --name ${CONTAINER_NAME} ${IMAGE_NAME} 
+	docker run --env-file=./.env/.env.docker -t -i --rm -p 8080:80 --name ${CONTAINER_NAME} ${IMAGE_NAME} 
 
 start:
 	docker start ${CONTAINER_NAME}

From 0c437e915754bea58f2e0176ecc3d34cad711734 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Fri, 12 Apr 2024 17:16:20 -0700
Subject: [PATCH 38/40] Stubbed in placeholder env for DS stac browser url.

---
 .env/.env                | 3 +++
 .env/.env.docker.example | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/.env/.env b/.env/.env
index abab4a8..51ef250 100644
--- a/.env/.env
+++ b/.env/.env
@@ -13,5 +13,8 @@ VITE_AUTH_APP_APP_VIEWER_GROUP_NAME=ENV_UNITY_UI_AUTH_APP_APP_VIEWER_GROUP_NAME
 # ADS
 VITE_ADS_URL=ENV_UNITY_UI_ADS_URL
 
+# DS
+VITE_STAC_BROWSER_URL=ENV_UNITY_UI_STAC_BROWSER_URL
+
 # SPS
 VITE_SPS_WPST_ENDPOINT=ENV_UNITY_UI_SPS_WPST_ENDPOINT
\ No newline at end of file
diff --git a/.env/.env.docker.example b/.env/.env.docker.example
index 05c8091..202c636 100644
--- a/.env/.env.docker.example
+++ b/.env/.env.docker.example
@@ -12,5 +12,8 @@ ENV_UNITY_UI_AUTH_APP_APP_VIEWER_GROUP_NAME=REPLACE_WITH_USER_PROOL_VIEWER_GROUP
 # ADS
 ENV_UNITY_UI_ADS_URL=REPLACE_WITH_ADS_URL
 
+# DS
+VITE_STAC_BROWSER_URL=REPLACE_WITH_STAC_BROWSER_URL
+
 # SPS
 ENV_UNITY_UI_SPS_WPST_ENDPOINT=REPLACE_WITH_ADES_WPST_URL

From 5ef4b6c3c05e3eb3a62897002ba262da0e2b1eba Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Fri, 12 Apr 2024 17:57:01 -0700
Subject: [PATCH 39/40] Updated a CHANGELOG issue reference.

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1ab0ab7..48d98f5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,7 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [0.5.0] (unreleased)
 - Updated Navbar CSS styling to match Figma designs [#5](https://github.com/unity-sds/unity-ui/issues/5)
 - Added CI/CD workflow to build application as a docker image. [#21](https://github.com/unity-sds/unity-ui/issues/21)
-- Updated application build configuration. Stateful information has been removed from project configuration. Instead we now allow environment variables to be supplied to the container at startup which in turn get injected into the Unity UI Codebase. This is in support of moving to dynamic configuration of the application via Unity Marketplace. Related to [#21](https://github.com/unity-sds/unity-ui/issues/21)
+- Updated application build configuration. Stateful information has been removed from project configuration. Instead we now allow environment variables to be supplied to the container at startup which in turn get injected into the Unity UI Codebase. This is in support of moving to dynamic configuration of the application via Unity Marketplace. Related to [#3](https://github.com/unity-sds/unity-sds-portal/issues/3)
 
 ## [0.4.0] - 2023-12-13
 - Updated /job/new endpoint so it lists the applications for which jobs may be executed.

From c38b6ec0a390e935d44abf17858f8051e6349bfd Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 15 Apr 2024 16:51:35 -0700
Subject: [PATCH 40/40] Updated Release Date for 0.5.0.

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 48d98f5..4cb2746 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,7 +5,7 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [0.5.0] (unreleased)
+## [0.5.0] 2024-04-15
 - Updated Navbar CSS styling to match Figma designs [#5](https://github.com/unity-sds/unity-ui/issues/5)
 - Added CI/CD workflow to build application as a docker image. [#21](https://github.com/unity-sds/unity-ui/issues/21)
 - Updated application build configuration. Stateful information has been removed from project configuration. Instead we now allow environment variables to be supplied to the container at startup which in turn get injected into the Unity UI Codebase. This is in support of moving to dynamic configuration of the application via Unity Marketplace. Related to [#3](https://github.com/unity-sds/unity-sds-portal/issues/3)