From 0545b54daf779a1c6ecbbd66a84e992fc73de8b9 Mon Sep 17 00:00:00 2001
From: John Wu <76966357+jwu-fisker@users.noreply.github.com>
Date: Mon, 9 Aug 2021 08:54:48 -0700
Subject: [PATCH]  CEC-377 Create multi-file updates (#71)

* Replace Deploy Package with Deploy Manifest page
Stub new controls for package files

* Add Release notes and ECU FIles to Create Manifest

* Add Release notes and ECU FIles to Create Manifest

* Oops

* Replace multi release notes with single url

* Implement multiple file uploads and progress

* Update snapshots

* Unused import

* Move file to end of form
Update progress layout
---
 package-lock.json                             |   32 +-
 package.json                                  |    6 +-
 src/components/App/App.test.js                |   52 +-
 .../App/__snapshots__/App.test.js.snap        | 2698 ++++++-----------
 src/components/Contexts/ManifestsContext.jsx  |  145 +
 src/components/Controls/SubList/index.jsx     |   45 +
 src/components/Controls/SubListItem/index.jsx |   58 +
 src/components/Layouts/SideMenu.jsx           |   11 +-
 .../__snapshots__/SideMenu.test.jsx.snap      |   26 +-
 src/components/Manifest/Create/index.jsx      |  253 ++
 src/components/Manifest/Deploy/index.jsx      |    2 +-
 .../Manifest/ECUFilesList/index.jsx           |   37 +
 src/components/Manifest/List/index.jsx        |    6 +-
 .../Manifest/ReleaseNotesList/index.jsx       |   28 +
 src/components/Routes/SiteRoutes.jsx          |   33 +-
 .../Create/__snapshots__/Create.test.js.snap  |   16 +-
 src/components/useStyles.jsx                  |    6 +-
 src/services/manifests.js                     |    7 +
 src/services/uploadFile.js                    |   15 +-
 19 files changed, 1533 insertions(+), 1943 deletions(-)
 create mode 100644 src/components/Controls/SubList/index.jsx
 create mode 100644 src/components/Controls/SubListItem/index.jsx
 create mode 100644 src/components/Manifest/Create/index.jsx
 create mode 100644 src/components/Manifest/ECUFilesList/index.jsx
 create mode 100644 src/components/Manifest/ReleaseNotesList/index.jsx

diff --git a/package-lock.json b/package-lock.json
index 1e72216..831b543 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1275,9 +1275,9 @@
       "integrity": "sha512-ij4wRiunFfaJxjB0BdrYHIH8FxBJpOwNPhhAcunlmPdXudL1WQV1qoP9un6JsEBAgQH+7UXyyjh0g7jTxXK6tg=="
     },
     "@datadog/browser-core": {
-      "version": "2.17.0",
-      "resolved": "https://registry.npmjs.org/@datadog/browser-core/-/browser-core-2.17.0.tgz",
-      "integrity": "sha512-jGIiVIzxdfQ+FnuFY+tC/j4gBFmK74xW/NIVqHIdN/hbGqA0oXOYs3Qof39ILLhXM5+zxa44RYFY6r/9JaxMIg==",
+      "version": "2.18.0",
+      "resolved": "https://registry.npmjs.org/@datadog/browser-core/-/browser-core-2.18.0.tgz",
+      "integrity": "sha512-1RvxLK8TiuAaDrwkrlOg7wM+7FilJtNbC30h5BxoGChWEBB7QsgeYGnliQ60byZUCzhbvARVzHHNZTxUiP+fPQ==",
       "requires": {
         "tslib": "^1.10.0"
       },
@@ -1290,11 +1290,11 @@
       }
     },
     "@datadog/browser-logs": {
-      "version": "2.17.0",
-      "resolved": "https://registry.npmjs.org/@datadog/browser-logs/-/browser-logs-2.17.0.tgz",
-      "integrity": "sha512-2S6ryflc28EErDJ+SgWo2OdkvWQ5KA5uqzzvbcnEBeFQpAV5ukAIfElHLiQrwSF4J6NkfLFA3tLt6KPGZE5F2w==",
+      "version": "2.18.0",
+      "resolved": "https://registry.npmjs.org/@datadog/browser-logs/-/browser-logs-2.18.0.tgz",
+      "integrity": "sha512-bDT5YkPNHGZmjADXtsVtwSyL+/J7MA4k2mBcHzutXK7/tKrIRiKH6ygHiBRryNHfD7/Q79tZqJzi32kSZy3AAA==",
       "requires": {
-        "@datadog/browser-core": "2.17.0",
+        "@datadog/browser-core": "2.18.0",
         "tslib": "^1.10.0"
       },
       "dependencies": {
@@ -1776,9 +1776,9 @@
       }
     },
     "@material-ui/core": {
-      "version": "4.12.1",
-      "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.12.1.tgz",
-      "integrity": "sha512-C6hYsjkWCTfBx9FaqxhCZCITBagh7fyCKFtHyvO3tTOcBw6NJaktdhNZ2n82jQdQdgfFvg6OOxi7OOzsAdAcBQ==",
+      "version": "4.12.3",
+      "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.12.3.tgz",
+      "integrity": "sha512-sdpgI/PL56QVsEJldwEe4FFaFTLUqN+rd7sSZiRCdx2E/C7z5yK0y/khAWVBH24tXwto7I1hCzNWfJGZIYJKnw==",
       "requires": {
         "@babel/runtime": "^7.4.4",
         "@material-ui/styles": "^4.11.4",
@@ -2305,9 +2305,9 @@
       "integrity": "sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug=="
     },
     "@types/react": {
-      "version": "17.0.14",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.14.tgz",
-      "integrity": "sha512-0WwKHUbWuQWOce61UexYuWTGuGY/8JvtUe/dtQ6lR4sZ3UiylHotJeWpf3ArP9+DSGUoLY3wbU59VyMrJps5VQ==",
+      "version": "17.0.15",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.15.tgz",
+      "integrity": "sha512-uTKHDK9STXFHLaKv6IMnwp52fm0hwU+N89w/p9grdUqcFA6WuqDyPhaWopbNyE1k/VhgzmHl8pu1L4wITtmlLw==",
       "requires": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -12164,9 +12164,9 @@
       "integrity": "sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA=="
     },
     "react-leaflet": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/react-leaflet/-/react-leaflet-3.2.0.tgz",
-      "integrity": "sha512-eHVqoRGjW8T9GxLt7jyTKP3BDQ7XQ5AD+tc/zkbaABn1dbmREDy8GojNcYjZQa3QFLQoOLQMcUC1PTtzytZpUA==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/react-leaflet/-/react-leaflet-3.2.1.tgz",
+      "integrity": "sha512-3iS1fpOO+uaRpbuq68Euw9kgaoM9oIGBiDfeFtVb/C9PWBQvXdrv1n946Z8GrbQEhrT+hM9ND6NLLF9fGxTGRw==",
       "requires": {
         "@react-leaflet/core": "^1.1.0"
       }
diff --git a/package.json b/package.json
index 470e9c4..ba5ef47 100644
--- a/package.json
+++ b/package.json
@@ -3,9 +3,9 @@
   "version": "0.1.1",
   "private": true,
   "dependencies": {
-    "@datadog/browser-logs": "^2.17.0",
+    "@datadog/browser-logs": "^2.18.0",
     "@datadog/browser-rum": "^2.17.0",
-    "@material-ui/core": "^4.12.1",
+    "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.7",
@@ -16,7 +16,7 @@
     "material-ui-dropzone": "^3.5.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-leaflet": "^3.2.0",
+    "react-leaflet": "^3.2.1",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
     "web-vitals": "^0.2.4"
diff --git a/src/components/App/App.test.js b/src/components/App/App.test.js
index e3931ff..346cb4a 100644
--- a/src/components/App/App.test.js
+++ b/src/components/App/App.test.js
@@ -64,18 +64,10 @@ describe("App", () => {
     await check("/home", "span.MuiButton-label", "Sign In");
   });
 
-  it("Route /package-upload unauthenticated", async () => {
-    await check("/package-upload", "span.MuiButton-label", "Sign In");
-  });
-
   it("Route /vehicle-add unauthenticated", async () => {
     await check("/vehicle-add", "span.MuiButton-label", "Sign In");
   });
 
-  it("Route /updates unauthenticated", async () => {
-    await check("/updates", "span.MuiButton-label", "Sign In");
-  });
-
   it("Route /carupdate-deploy unauthenticated", async () => {
     await check("/carupdate-deploy/1", "span.MuiButton-label", "Sign In");
   });
@@ -100,16 +92,20 @@ describe("App", () => {
     await check("/dashboard", "span.MuiButton-label", "Sign In");
   });
 
-  it("Route /manifests unauthenticated", async () => {
-    await check("/manifests", "span.MuiButton-label", "Sign In");
+  it("Route /packages unauthenticated", async () => {
+    await check("/packages", "span.MuiButton-label", "Sign In");
   });
 
-  it("Route /manifest-status unauthenticated", async () => {
-    await check("/manifest-status/1", "span.MuiButton-label", "Sign In");
+  it("Route /package-status unauthenticated", async () => {
+    await check("/package-status/1", "span.MuiButton-label", "Sign In");
   });
 
-  it("Route /manifest-deploy unauthenticated", async () => {
-    await check("/manifest-deploy/1", "span.MuiButton-label", "Sign In");
+  it("Route /package-deploy unauthenticated", async () => {
+    await check("/package-deploy/1", "span.MuiButton-label", "Sign In");
+  });
+
+  it("Route /package-create unauthenticated", async () => {
+    await check("/package-create", "span.MuiButton-label", "Sign In");
   });
 
   it("Route / authenticated", async () => {
@@ -122,21 +118,11 @@ describe("App", () => {
     await sleepAndCheck("/home", "h1", "Welcome John!");
   });
 
-  it("Route /package-upload authenticated", async () => {
-    setToken(TEST_AUTH_OBJECT);
-    await check("/package-upload", "h6", "Create Update Package");
-  });
-
   it("Route /vehicle-add authenticated", async () => {
     setToken(TEST_AUTH_OBJECT);
     await check("/vehicle-add", "h6", "Add Vehicle");
   });
 
-  it("Route /updates authenticated", async () => {
-    setToken(TEST_AUTH_OBJECT);
-    await check("/updates", "h6", "Deploy Packages");
-  });
-
   it("Route /carupdate-status authenticated", async () => {
     setToken(TEST_AUTH_OBJECT);
     await check("/carupdate-status/1", "h6", "Package Package 1.0");
@@ -176,18 +162,24 @@ describe("App", () => {
     await check("/dashboard", "h6", "Dashboard");
   });
 
-  it("Route /manifests authenticated", async () => {
+  it("Route /packages authenticated", async () => {
     setToken(TEST_AUTH_OBJECT);
-    await check("/manifests", "h6", "Deploy Manifest");
+    await check("/packages", "h6", "Deploy Packages");
   });
 
-  it("Route /manifest-status authenticated", async () => {
+  it("Route /package-status authenticated", async () => {
     setToken(TEST_AUTH_OBJECT);
-    await check("/manifest-status/1", "h6", "Manifest Test Manifest 1.0");
+    await check("/package-status/1", "h6", "Manifest Test Manifest 1.0");
   });
 
-  it("Route /manifest-deploy authenticated", async () => {
+  it("Route /package-deploy authenticated", async () => {
     setToken(TEST_AUTH_OBJECT);
-    await check("/manifest-deploy/1", "h6", "Deploy Test Manifest 1.0");
+    await check("/package-deploy/1", "h6", "Deploy Test Manifest 1.0");
   });
+
+  it("Route /package-create authenticated", async () => {
+    setToken(TEST_AUTH_OBJECT);
+    await check("/package-create", "h6", "Create Package");
+  });
+
 });
diff --git a/src/components/App/__snapshots__/App.test.js.snap b/src/components/App/__snapshots__/App.test.js.snap
index 180e523..7ee5a7c 100644
--- a/src/components/App/__snapshots__/App.test.js.snap
+++ b/src/components/App/__snapshots__/App.test.js.snap
@@ -6,10 +6,10 @@ exports[`App Route / authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-546"
+      class="makeStyles-root-521"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-547 makeStyles-appBarShift-548 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-522 makeStyles-appBarShift-523 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -20,7 +20,7 @@ exports[`App Route / authenticated 1`] = `
             Home
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-556 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-531 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -36,17 +36,17 @@ exports[`App Route / authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-551"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-526"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-552 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-527 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-553"
+            class="makeStyles-drawerHeader-528"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-562"
+              class="makeStyles-logo-537"
               src="fisker-badge.svg"
             />
           </div>
@@ -104,7 +104,7 @@ exports[`App Route / authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -126,7 +126,7 @@ exports[`App Route / authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -144,28 +144,6 @@ exports[`App Route / authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -236,19 +214,19 @@ exports[`App Route / authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-554 makeStyles-contentShift-555"
+        class="makeStyles-content-529 makeStyles-contentShift-530"
       >
         <div
-          class="makeStyles-drawerHeader-553"
+          class="makeStyles-drawerHeader-528"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-535"
+            class="makeStyles-paper-510"
           >
             <h1
-              class="MuiTypography-root makeStyles-homePageTitle-566 MuiTypography-h5"
+              class="MuiTypography-root makeStyles-homePageTitle-541 MuiTypography-h5"
             >
               Welcome John!
             </h1>
@@ -450,10 +428,10 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-980"
+      class="makeStyles-root-884"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-981 makeStyles-appBarShift-982 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-885 makeStyles-appBarShift-886 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -464,7 +442,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
             Deploy Package 1.0
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-990 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-894 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -480,17 +458,17 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-985"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-889"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-986 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-890 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-987"
+            class="makeStyles-drawerHeader-891"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-996"
+              class="makeStyles-logo-900"
               src="fisker-badge.svg"
             />
           </div>
@@ -548,7 +526,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -570,7 +548,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -588,28 +566,6 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -680,10 +636,10 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-988 makeStyles-contentShift-989"
+        class="makeStyles-content-892 makeStyles-contentShift-893"
       >
         <div
-          class="makeStyles-drawerHeader-987"
+          class="makeStyles-drawerHeader-891"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -695,11 +651,11 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
               data-testid="mocked-updatesprovider"
             >
               <div
-                class="makeStyles-paper-969"
+                class="makeStyles-paper-873"
               >
                 <form
                   action="{onSubmit}"
-                  class="makeStyles-form-971"
+                  class="makeStyles-form-875"
                   novalidate=""
                 >
                   <p
@@ -711,13 +667,13 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                     Description
                   </p>
                   <div
-                    class="MuiGrid-root makeStyles-root-980 MuiGrid-container MuiGrid-spacing-xs-2"
+                    class="MuiGrid-root makeStyles-root-884 MuiGrid-container MuiGrid-spacing-xs-2"
                   >
                     <div
                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-10"
                     >
                       <div
-                        class="MuiFormControl-root makeStyles-margin-993 makeStyles-textField-994"
+                        class="MuiFormControl-root makeStyles-margin-897 makeStyles-textField-898"
                       >
                         <label
                           class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -767,7 +723,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                         </div>
                       </div>
                       <div
-                        class="makeStyles-labelInline-975"
+                        class="makeStyles-labelInline-879"
                       >
                         0 Selected
                       </div>
@@ -777,7 +733,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                       style="text-align: right;"
                     >
                       <button
-                        class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-973 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
+                        class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-877 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
                         disabled=""
                         tabindex="-1"
                         type="submit"
@@ -791,7 +747,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                     </div>
                   </div>
                   <div
-                    class="makeStyles-paper-969"
+                    class="makeStyles-paper-873"
                     style="height: 700px; width: 100%;"
                   >
                     <table
@@ -809,14 +765,14 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                           >
                             <span
                               aria-disabled="false"
-                              class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1005 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                              class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-910 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                             >
                               <span
                                 class="MuiIconButton-label"
                               >
                                 <input
                                   aria-label="select all desserts"
-                                  class="PrivateSwitchBase-input-1008"
+                                  class="PrivateSwitchBase-input-913"
                                   data-indeterminate="false"
                                   type="checkbox"
                                   value=""
@@ -850,7 +806,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                             >
                               VIN
                               <span
-                                class="makeStyles-hiddenSortSpan-992"
+                                class="makeStyles-hiddenSortSpan-896"
                               >
                                 sorted ascending
                               </span>
@@ -1130,10 +1086,10 @@ exports[`App Route /carupdate-deploy unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-204"
+      class="makeStyles-root-131"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-205 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-132 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1144,21 +1100,21 @@ exports[`App Route /carupdate-deploy unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-212"
+        class="makeStyles-content-139"
       >
         <div
-          class="makeStyles-drawerHeader-211"
+          class="makeStyles-drawerHeader-138"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-193"
+            class="makeStyles-paper-120"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-196 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-123 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -1185,10 +1141,10 @@ exports[`App Route /carupdate-status authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-744"
+      class="makeStyles-root-642"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-745 makeStyles-appBarShift-746 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-643 makeStyles-appBarShift-644 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1199,7 +1155,7 @@ exports[`App Route /carupdate-status authenticated 1`] = `
             Package Package 1.0
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-754 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-652 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -1215,17 +1171,17 @@ exports[`App Route /carupdate-status authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-749"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-647"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-750 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-648 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-751"
+            class="makeStyles-drawerHeader-649"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-760"
+              class="makeStyles-logo-658"
               src="fisker-badge.svg"
             />
           </div>
@@ -1283,7 +1239,7 @@ exports[`App Route /carupdate-status authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -1305,7 +1261,7 @@ exports[`App Route /carupdate-status authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -1323,28 +1279,6 @@ exports[`App Route /carupdate-status authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -1415,10 +1349,10 @@ exports[`App Route /carupdate-status authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-752 makeStyles-contentShift-753"
+        class="makeStyles-content-650 makeStyles-contentShift-651"
       >
         <div
-          class="makeStyles-drawerHeader-751"
+          class="makeStyles-drawerHeader-649"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -1427,7 +1361,7 @@ exports[`App Route /carupdate-status authenticated 1`] = `
             data-testid="mocked-updatesprovider"
           >
             <div
-              class="makeStyles-paper-733"
+              class="makeStyles-paper-631"
               style="height: 700px; width: 100%;"
             >
               <table
@@ -1615,10 +1549,10 @@ exports[`App Route /carupdate-status unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-242"
+      class="makeStyles-root-170"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-243 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-171 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1629,21 +1563,21 @@ exports[`App Route /carupdate-status unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-250"
+        class="makeStyles-content-178"
       >
         <div
-          class="makeStyles-drawerHeader-249"
+          class="makeStyles-drawerHeader-177"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-231"
+            class="makeStyles-paper-159"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-234 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-162 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -1670,10 +1604,10 @@ exports[`App Route /dashboard authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-1022"
+      class="makeStyles-root-927"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1023 makeStyles-appBarShift-1024 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-928 makeStyles-appBarShift-929 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1684,7 +1618,7 @@ exports[`App Route /dashboard authenticated 1`] = `
             Dashboard
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1032 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-937 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -1700,17 +1634,17 @@ exports[`App Route /dashboard authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1027"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-932"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1028 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-933 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-1029"
+            class="makeStyles-drawerHeader-934"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-1038"
+              class="makeStyles-logo-943"
               src="fisker-badge.svg"
             />
           </div>
@@ -1768,7 +1702,7 @@ exports[`App Route /dashboard authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -1790,7 +1724,7 @@ exports[`App Route /dashboard authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -1808,28 +1742,6 @@ exports[`App Route /dashboard authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -1900,25 +1812,25 @@ exports[`App Route /dashboard authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-1030 makeStyles-contentShift-1031"
+        class="makeStyles-content-935 makeStyles-contentShift-936"
       >
         <div
-          class="makeStyles-drawerHeader-1029"
+          class="makeStyles-drawerHeader-934"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-1011"
+            class="makeStyles-paper-916"
           >
             <div
-              class="MuiGrid-root makeStyles-root-1022 MuiGrid-container MuiGrid-spacing-xs-2"
+              class="MuiGrid-root makeStyles-root-927 MuiGrid-container MuiGrid-spacing-xs-2"
             >
               <div
                 class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
               >
                 <div
-                  class="makeStyles-embeddedWrapper-1040"
+                  class="makeStyles-embeddedWrapper-945"
                 >
                   <iframe
                     frameborder="0"
@@ -1932,7 +1844,7 @@ exports[`App Route /dashboard authenticated 1`] = `
                 class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
               >
                 <div
-                  class="makeStyles-embeddedWrapper-1040"
+                  class="makeStyles-embeddedWrapper-945"
                 >
                   <iframe
                     frameborder="0"
@@ -1987,10 +1899,10 @@ exports[`App Route /dashboard unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-394"
+      class="makeStyles-root-326"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-395 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-327 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2001,21 +1913,21 @@ exports[`App Route /dashboard unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-402"
+        class="makeStyles-content-334"
       >
         <div
-          class="makeStyles-drawerHeader-401"
+          class="makeStyles-drawerHeader-333"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-383"
+            class="makeStyles-paper-315"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-386 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-318 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -2042,10 +1954,10 @@ exports[`App Route /home authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-584"
+      class="makeStyles-root-560"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-585 makeStyles-appBarShift-586 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-561 makeStyles-appBarShift-562 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2056,7 +1968,7 @@ exports[`App Route /home authenticated 1`] = `
             Home
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-594 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-570 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -2072,17 +1984,17 @@ exports[`App Route /home authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-589"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-565"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-590 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-566 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-591"
+            class="makeStyles-drawerHeader-567"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-600"
+              class="makeStyles-logo-576"
               src="fisker-badge.svg"
             />
           </div>
@@ -2140,7 +2052,7 @@ exports[`App Route /home authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -2162,7 +2074,7 @@ exports[`App Route /home authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -2180,28 +2092,6 @@ exports[`App Route /home authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -2272,19 +2162,19 @@ exports[`App Route /home authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-592 makeStyles-contentShift-593"
+        class="makeStyles-content-568 makeStyles-contentShift-569"
       >
         <div
-          class="makeStyles-drawerHeader-591"
+          class="makeStyles-drawerHeader-567"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-573"
+            class="makeStyles-paper-549"
           >
             <h1
-              class="MuiTypography-root makeStyles-homePageTitle-604 MuiTypography-h5"
+              class="MuiTypography-root makeStyles-homePageTitle-580 MuiTypography-h5"
             >
               Welcome John!
             </h1>
@@ -2431,10 +2321,10 @@ exports[`App Route /home unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-52"
+      class="makeStyles-root-53"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-53 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-54 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2445,21 +2335,21 @@ exports[`App Route /home unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-60"
+        class="makeStyles-content-61"
       >
         <div
-          class="makeStyles-drawerHeader-59"
+          class="makeStyles-drawerHeader-60"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-41"
+            class="makeStyles-paper-42"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-44 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-45 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -2480,16 +2370,16 @@ exports[`App Route /home unauthenticated 1`] = `
 </div>
 `;
 
-exports[`App Route /manifest-deploy authenticated 1`] = `
+exports[`App Route /package-create authenticated 1`] = `
 <div>
   <div
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-1136"
+      class="makeStyles-root-1087"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1137 makeStyles-appBarShift-1138 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1088 makeStyles-appBarShift-1089 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2497,10 +2387,10 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
           <h6
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
           >
-            Deploy Test Manifest 1.0
+            Create Package
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1146 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1097 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -2516,17 +2406,17 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1141"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1092"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1142 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1093 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-1143"
+            class="makeStyles-drawerHeader-1094"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-1152"
+              class="makeStyles-logo-1103"
               src="fisker-badge.svg"
             />
           </div>
@@ -2584,7 +2474,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -2606,7 +2496,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -2624,28 +2514,6 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -2716,10 +2584,593 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-1144 makeStyles-contentShift-1145"
+        class="makeStyles-content-1095 makeStyles-contentShift-1096"
       >
         <div
-          class="makeStyles-drawerHeader-1143"
+          class="makeStyles-drawerHeader-1094"
+        />
+        <main
+          class="MuiContainer-root MuiContainer-maxWidthLg"
+        >
+          <div
+            data-testid="mocked-manifestsprovider"
+          >
+            <div
+              class="makeStyles-paper-1076"
+            >
+              <form
+                action="{onSubmit}"
+                class="makeStyles-form-1078"
+                novalidate=""
+              >
+                <div
+                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
+                >
+                  <label
+                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
+                    data-shrink="false"
+                    for="packagename"
+                    id="packagename-label"
+                  >
+                    Package name
+                    <span
+                      aria-hidden="true"
+                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
+                    >
+                       
+                      *
+                    </span>
+                  </label>
+                  <div
+                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
+                  >
+                    <input
+                      aria-invalid="false"
+                      class="MuiInputBase-input MuiOutlinedInput-input"
+                      id="packagename"
+                      maxlength="255"
+                      name="packagename"
+                      required=""
+                      type="text"
+                      value=""
+                    />
+                    <fieldset
+                      aria-hidden="true"
+                      class="PrivateNotchedOutline-root-1113 MuiOutlinedInput-notchedOutline"
+                    >
+                      <legend
+                        class="PrivateNotchedOutline-legendLabelled-1115"
+                      >
+                        <span>
+                          Package name
+                           *
+                        </span>
+                      </legend>
+                    </fieldset>
+                  </div>
+                </div>
+                <div
+                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
+                >
+                  <label
+                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
+                    data-shrink="false"
+                    for="version"
+                    id="version-label"
+                  >
+                    Version
+                    <span
+                      aria-hidden="true"
+                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
+                    >
+                       
+                      *
+                    </span>
+                  </label>
+                  <div
+                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
+                  >
+                    <input
+                      aria-invalid="false"
+                      class="MuiInputBase-input MuiOutlinedInput-input"
+                      id="version"
+                      maxlength="255"
+                      name="version"
+                      required=""
+                      type="text"
+                      value=""
+                    />
+                    <fieldset
+                      aria-hidden="true"
+                      class="PrivateNotchedOutline-root-1113 MuiOutlinedInput-notchedOutline"
+                    >
+                      <legend
+                        class="PrivateNotchedOutline-legendLabelled-1115"
+                      >
+                        <span>
+                          Version
+                           *
+                        </span>
+                      </legend>
+                    </fieldset>
+                  </div>
+                </div>
+                <div
+                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
+                >
+                  <label
+                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
+                    data-shrink="false"
+                    for="description"
+                    id="description-label"
+                  >
+                    Description
+                    <span
+                      aria-hidden="true"
+                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
+                    >
+                       
+                      *
+                    </span>
+                  </label>
+                  <div
+                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline MuiOutlinedInput-multiline"
+                  >
+                    <textarea
+                      aria-invalid="false"
+                      class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline MuiOutlinedInput-inputMultiline"
+                      id="description"
+                      maxlength="5120"
+                      name="description"
+                      placeholder="Package description"
+                      required=""
+                      rows="4"
+                    />
+                    <fieldset
+                      aria-hidden="true"
+                      class="PrivateNotchedOutline-root-1113 MuiOutlinedInput-notchedOutline"
+                    >
+                      <legend
+                        class="PrivateNotchedOutline-legendLabelled-1115"
+                      >
+                        <span>
+                          Description
+                           *
+                        </span>
+                      </legend>
+                    </fieldset>
+                  </div>
+                </div>
+                <div
+                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
+                >
+                  <label
+                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
+                    data-shrink="false"
+                    for="releasenotes"
+                    id="releasenotes-label"
+                  >
+                    Release Notes URL
+                    <span
+                      aria-hidden="true"
+                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
+                    >
+                       
+                      *
+                    </span>
+                  </label>
+                  <div
+                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
+                  >
+                    <input
+                      aria-invalid="false"
+                      class="MuiInputBase-input MuiOutlinedInput-input"
+                      id="releasenotes"
+                      maxlength="1024"
+                      name="releasenotes"
+                      placeholder="Release Notes URL"
+                      required=""
+                      type="text"
+                      value=""
+                    />
+                    <fieldset
+                      aria-hidden="true"
+                      class="PrivateNotchedOutline-root-1113 MuiOutlinedInput-notchedOutline"
+                    >
+                      <legend
+                        class="PrivateNotchedOutline-legendLabelled-1115"
+                      >
+                        <span>
+                          Release Notes URL
+                           *
+                        </span>
+                      </legend>
+                    </fieldset>
+                  </div>
+                </div>
+                <h6
+                  class="MuiTypography-root MuiTypography-h6"
+                >
+                  ECU Files
+                </h6>
+                <table
+                  class="MuiTable-root"
+                >
+                  <thead
+                    class="MuiTableHead-root"
+                  >
+                    <tr
+                      class="MuiTableRow-root MuiTableRow-head"
+                    >
+                      <th
+                        class="MuiTableCell-root MuiTableCell-head"
+                        scope="col"
+                      >
+                        ID
+                      </th>
+                      <th
+                        class="MuiTableCell-root MuiTableCell-head"
+                        scope="col"
+                      >
+                        ECU
+                      </th>
+                      <th
+                        class="MuiTableCell-root MuiTableCell-head"
+                        scope="col"
+                      >
+                        Part Number
+                      </th>
+                      <th
+                        class="MuiTableCell-root MuiTableCell-head"
+                        scope="col"
+                      >
+                        Version
+                      </th>
+                      <th
+                        class="MuiTableCell-root MuiTableCell-head"
+                        scope="col"
+                      >
+                        File
+                      </th>
+                      <th
+                        class="MuiTableCell-root MuiTableCell-head"
+                        scope="col"
+                      />
+                    </tr>
+                  </thead>
+                  <tbody
+                    class="MuiTableBody-root"
+                  />
+                </table>
+                <div
+                  class="MuiDropzoneArea-root"
+                  tabindex="0"
+                >
+                  <input
+                    accept=""
+                    autocomplete="off"
+                    multiple=""
+                    style="display: none;"
+                    tabindex="-1"
+                    type="file"
+                  />
+                  <div
+                    class="MuiDropzoneArea-textContainer"
+                  >
+                    <p
+                      class="MuiTypography-root MuiDropzoneArea-text MuiTypography-h5"
+                    >
+                      Add Files
+                    </p>
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root MuiDropzoneArea-icon"
+                      focusable="false"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"
+                      />
+                    </svg>
+                  </div>
+                </div>
+                <button
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-1079 MuiButton-containedPrimary MuiButton-fullWidth"
+                  tabindex="0"
+                  type="submit"
+                >
+                  <span
+                    class="MuiButton-label"
+                  >
+                    "Submit"
+                  </span>
+                  <span
+                    class="MuiTouchRipple-root"
+                  />
+                </button>
+              </form>
+            </div>
+          </div>
+        </main>
+      </main>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`App Route /package-create unauthenticated 1`] = `
+<div>
+  <div
+    data-testid="mocked-userprovider"
+  >
+    <div
+      class="makeStyles-root-482"
+    >
+      <header
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-483 mui-00000fixed MuiPaper-elevation4"
+      >
+        <div
+          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
+        >
+          <h6
+            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
+          />
+        </div>
+      </header>
+      <main
+        class="makeStyles-content-490"
+      >
+        <div
+          class="makeStyles-drawerHeader-489"
+        />
+        <main
+          class="MuiContainer-root MuiContainer-maxWidthLg"
+        >
+          <div
+            class="makeStyles-paper-471"
+            style="justify-content: center;"
+          >
+            <a
+              aria-disabled="false"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-474 MuiButton-containedPrimary"
+              href="https://cognito.com/authorize?redirect=https://example.com/callback"
+              tabindex="0"
+            >
+              <span
+                class="MuiButton-label"
+              >
+                Sign In
+              </span>
+              <span
+                class="MuiTouchRipple-root"
+              />
+            </a>
+          </div>
+        </main>
+      </main>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`App Route /package-deploy authenticated 1`] = `
+<div>
+  <div
+    data-testid="mocked-userprovider"
+  >
+    <div
+      class="makeStyles-root-1044"
+    >
+      <header
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1045 makeStyles-appBarShift-1046 mui-00000fixed MuiPaper-elevation4"
+      >
+        <div
+          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
+        >
+          <h6
+            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
+          >
+            Deploy Test Manifest 1.0
+          </h6>
+          <button
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1054 MuiButton-colorInherit"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiButton-label"
+            >
+              Sign Out
+            </span>
+            <span
+              class="MuiTouchRipple-root"
+            />
+          </button>
+        </div>
+      </header>
+      <div
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1049"
+      >
+        <div
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1050 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+        >
+          <div
+            class="makeStyles-drawerHeader-1051"
+          >
+            <img
+              alt="Fisker Admin Portal"
+              class="makeStyles-logo-1060"
+              src="fisker-badge.svg"
+            />
+          </div>
+          <hr
+            class="MuiDivider-root"
+          />
+          <ul
+            class="MuiList-root MuiList-padding"
+          >
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/home"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Home
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/dashboard"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Dashboard
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/packages"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Deploy Packages
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/package-create"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Create Package
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/vehicles"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    View Vehicles
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/vehicle-add"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Add Vehicle
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/vehicles-command"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Send Command
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <main
+        class="makeStyles-content-1052 makeStyles-contentShift-1053"
+      >
+        <div
+          class="makeStyles-drawerHeader-1051"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -2734,11 +3185,11 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                 data-testid="mocked-carupdatesprovider"
               >
                 <div
-                  class="makeStyles-paper-1125"
+                  class="makeStyles-paper-1033"
                 >
                   <form
                     action="{onSubmit}"
-                    class="makeStyles-form-1127"
+                    class="makeStyles-form-1035"
                     novalidate=""
                   >
                     <p
@@ -2749,13 +3200,13 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                       .
                     </p>
                     <div
-                      class="MuiGrid-root makeStyles-root-1136 MuiGrid-container MuiGrid-spacing-xs-2"
+                      class="MuiGrid-root makeStyles-root-1044 MuiGrid-container MuiGrid-spacing-xs-2"
                     >
                       <div
                         class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-10"
                       >
                         <div
-                          class="MuiFormControl-root makeStyles-margin-1149 makeStyles-textField-1150"
+                          class="MuiFormControl-root makeStyles-margin-1057 makeStyles-textField-1058"
                         >
                           <label
                             class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -2805,7 +3256,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                           </div>
                         </div>
                         <div
-                          class="makeStyles-labelInline-1131"
+                          class="makeStyles-labelInline-1039"
                         >
                           0 Selected
                         </div>
@@ -2815,7 +3266,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                         style="text-align: right;"
                       >
                         <button
-                          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-1129 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
+                          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-1037 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
                           disabled=""
                           tabindex="-1"
                           type="submit"
@@ -2829,7 +3280,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                       </div>
                     </div>
                     <div
-                      class="makeStyles-paper-1125"
+                      class="makeStyles-paper-1033"
                       style="height: 700px; width: 100%;"
                     >
                       <table
@@ -2847,14 +3298,14 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                             >
                               <span
                                 aria-disabled="false"
-                                class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1161 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                                class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1070 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                               >
                                 <span
                                   class="MuiIconButton-label"
                                 >
                                   <input
                                     aria-label="select all desserts"
-                                    class="PrivateSwitchBase-input-1164"
+                                    class="PrivateSwitchBase-input-1073"
                                     data-indeterminate="false"
                                     type="checkbox"
                                     value=""
@@ -2888,7 +3339,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                               >
                                 VIN
                                 <span
-                                  class="makeStyles-hiddenSortSpan-1148"
+                                  class="makeStyles-hiddenSortSpan-1056"
                                 >
                                   sorted ascending
                                 </span>
@@ -3163,16 +3614,16 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
 </div>
 `;
 
-exports[`App Route /manifest-deploy unauthenticated 1`] = `
+exports[`App Route /package-deploy unauthenticated 1`] = `
 <div>
   <div
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-508"
+      class="makeStyles-root-443"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-509 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-444 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3183,21 +3634,21 @@ exports[`App Route /manifest-deploy unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-516"
+        class="makeStyles-content-451"
       >
         <div
-          class="makeStyles-drawerHeader-515"
+          class="makeStyles-drawerHeader-450"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-497"
+            class="makeStyles-paper-432"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-500 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-435 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -3218,16 +3669,16 @@ exports[`App Route /manifest-deploy unauthenticated 1`] = `
 </div>
 `;
 
-exports[`App Route /manifest-status authenticated 1`] = `
+exports[`App Route /package-status authenticated 1`] = `
 <div>
   <div
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-1098"
+      class="makeStyles-root-1005"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1099 makeStyles-appBarShift-1100 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1006 makeStyles-appBarShift-1007 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3238,7 +3689,7 @@ exports[`App Route /manifest-status authenticated 1`] = `
             Manifest Test Manifest 1.0
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1108 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1015 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -3254,17 +3705,17 @@ exports[`App Route /manifest-status authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1103"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1010"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1104 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1011 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-1105"
+            class="makeStyles-drawerHeader-1012"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-1114"
+              class="makeStyles-logo-1021"
               src="fisker-badge.svg"
             />
           </div>
@@ -3322,7 +3773,7 @@ exports[`App Route /manifest-status authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -3344,7 +3795,7 @@ exports[`App Route /manifest-status authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -3362,28 +3813,6 @@ exports[`App Route /manifest-status authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -3454,10 +3883,10 @@ exports[`App Route /manifest-status authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-1106 makeStyles-contentShift-1107"
+        class="makeStyles-content-1013 makeStyles-contentShift-1014"
       >
         <div
-          class="makeStyles-drawerHeader-1105"
+          class="makeStyles-drawerHeader-1012"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -3469,7 +3898,7 @@ exports[`App Route /manifest-status authenticated 1`] = `
               data-testid="mocked-carupdatesprovider"
             >
               <div
-                class="makeStyles-paper-1087"
+                class="makeStyles-paper-994"
                 style="height: 700px; width: 100%;"
               >
                 <table
@@ -3686,16 +4115,16 @@ exports[`App Route /manifest-status authenticated 1`] = `
 </div>
 `;
 
-exports[`App Route /manifest-status unauthenticated 1`] = `
+exports[`App Route /package-status unauthenticated 1`] = `
 <div>
   <div
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-470"
+      class="makeStyles-root-404"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-471 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-405 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3706,21 +4135,21 @@ exports[`App Route /manifest-status unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-478"
+        class="makeStyles-content-412"
       >
         <div
-          class="makeStyles-drawerHeader-477"
+          class="makeStyles-drawerHeader-411"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-459"
+            class="makeStyles-paper-393"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-462 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-396 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -3741,16 +4170,16 @@ exports[`App Route /manifest-status unauthenticated 1`] = `
 </div>
 `;
 
-exports[`App Route /manifests authenticated 1`] = `
+exports[`App Route /packages authenticated 1`] = `
 <div>
   <div
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-1060"
+      class="makeStyles-root-966"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1061 makeStyles-appBarShift-1062 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-967 makeStyles-appBarShift-968 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3758,10 +4187,10 @@ exports[`App Route /manifests authenticated 1`] = `
           <h6
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
           >
-            Deploy Manifest
+            Deploy Packages
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1070 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-976 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -3777,17 +4206,17 @@ exports[`App Route /manifests authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1065"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-971"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1066 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-972 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-1067"
+            class="makeStyles-drawerHeader-973"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-1076"
+              class="makeStyles-logo-982"
               src="fisker-badge.svg"
             />
           </div>
@@ -3845,7 +4274,7 @@ exports[`App Route /manifests authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -3867,7 +4296,7 @@ exports[`App Route /manifests authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -3885,28 +4314,6 @@ exports[`App Route /manifests authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -3977,10 +4384,10 @@ exports[`App Route /manifests authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-1068 makeStyles-contentShift-1069"
+        class="makeStyles-content-974 makeStyles-contentShift-975"
       >
         <div
-          class="makeStyles-drawerHeader-1067"
+          class="makeStyles-drawerHeader-973"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -3989,14 +4396,14 @@ exports[`App Route /manifests authenticated 1`] = `
             data-testid="mocked-manifestsprovider"
           >
             <div
-              class="makeStyles-paper-1049"
+              class="makeStyles-paper-955"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-1075 MuiToolbar-gutters"
+                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-981 MuiToolbar-gutters"
               >
                 <div
-                  class="MuiFormControl-root makeStyles-margin-1073 makeStyles-textField-1074"
+                  class="MuiFormControl-root makeStyles-margin-979 makeStyles-textField-980"
                 >
                   <label
                     class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -4068,7 +4475,7 @@ exports[`App Route /manifests authenticated 1`] = `
                       >
                         ID
                         <span
-                          class="makeStyles-hiddenSortSpan-1072"
+                          class="makeStyles-hiddenSortSpan-978"
                         >
                           sorted ascending
                         </span>
@@ -4220,7 +4627,7 @@ exports[`App Route /manifests authenticated 1`] = `
                     >
                       <a
                         class=""
-                        href="/manifest-status/1"
+                        href="/package-status/1"
                         style="margin: 5px;"
                         title="Status \\"Test Manifest 1.0\\""
                       >
@@ -4238,7 +4645,7 @@ exports[`App Route /manifests authenticated 1`] = `
                       </a>
                       <a
                         class=""
-                        href="/manifest-deploy/1"
+                        href="/package-deploy/1"
                         style="margin: 5px;"
                         title="Deploy \\"Test Manifest 1.0\\""
                       >
@@ -4256,7 +4663,7 @@ exports[`App Route /manifests authenticated 1`] = `
                       </a>
                       <a
                         class=""
-                        href="/manifests"
+                        href="/packages"
                         title="Delete \\"Test Manifest 1.0\\""
                       >
                         <svg
@@ -4409,16 +4816,16 @@ exports[`App Route /manifests authenticated 1`] = `
 </div>
 `;
 
-exports[`App Route /manifests unauthenticated 1`] = `
+exports[`App Route /packages unauthenticated 1`] = `
 <div>
   <div
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-432"
+      class="makeStyles-root-365"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-433 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-366 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -4429,571 +4836,21 @@ exports[`App Route /manifests unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-440"
+        class="makeStyles-content-373"
       >
         <div
-          class="makeStyles-drawerHeader-439"
+          class="makeStyles-drawerHeader-372"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-421"
+            class="makeStyles-paper-354"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-424 MuiButton-containedPrimary"
-              href="https://cognito.com/authorize?redirect=https://example.com/callback"
-              tabindex="0"
-            >
-              <span
-                class="MuiButton-label"
-              >
-                Sign In
-              </span>
-              <span
-                class="MuiTouchRipple-root"
-              />
-            </a>
-          </div>
-        </main>
-      </main>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`App Route /package-upload authenticated 1`] = `
-<div>
-  <div
-    data-testid="mocked-userprovider"
-  >
-    <div
-      class="makeStyles-root-622"
-    >
-      <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-623 makeStyles-appBarShift-624 mui-00000fixed MuiPaper-elevation4"
-      >
-        <div
-          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
-        >
-          <h6
-            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
-          >
-            Create Update Package
-          </h6>
-          <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-632 MuiButton-colorInherit"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label"
-            >
-              Sign Out
-            </span>
-            <span
-              class="MuiTouchRipple-root"
-            />
-          </button>
-        </div>
-      </header>
-      <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-627"
-      >
-        <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-628 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
-        >
-          <div
-            class="makeStyles-drawerHeader-629"
-          >
-            <img
-              alt="Fisker Admin Portal"
-              class="makeStyles-logo-638"
-              src="fisker-badge.svg"
-            />
-          </div>
-          <hr
-            class="MuiDivider-root"
-          />
-          <ul
-            class="MuiList-root MuiList-padding"
-          >
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/home"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Home
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/dashboard"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Dashboard
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Packages
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Create Package
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/vehicles"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    View Vehicles
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/vehicle-add"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Add Vehicle
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/vehicles-command"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Send Command
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <main
-        class="makeStyles-content-630 makeStyles-contentShift-631"
-      >
-        <div
-          class="makeStyles-drawerHeader-629"
-        />
-        <main
-          class="MuiContainer-root MuiContainer-maxWidthLg"
-        >
-          <div
-            data-testid="mocked-fileuploadprovider"
-          >
-            <div
-              class="makeStyles-paper-611"
-            >
-              <form
-                action="{onSubmit}"
-                class="makeStyles-form-613"
-                novalidate=""
-              >
-                <div
-                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
-                >
-                  <label
-                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
-                    data-shrink="false"
-                    for="packagename"
-                    id="packagename-label"
-                  >
-                    Package name
-                    <span
-                      aria-hidden="true"
-                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
-                    >
-                       
-                      *
-                    </span>
-                  </label>
-                  <div
-                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
-                  >
-                    <input
-                      aria-invalid="false"
-                      class="MuiInputBase-input MuiOutlinedInput-input"
-                      id="packagename"
-                      maxlength="255"
-                      name="packagename"
-                      required=""
-                      type="text"
-                      value=""
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-647 MuiOutlinedInput-notchedOutline"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legendLabelled-649"
-                      >
-                        <span>
-                          Package name
-                           *
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-                <div
-                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
-                >
-                  <label
-                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
-                    data-shrink="false"
-                    for="version"
-                    id="version-label"
-                  >
-                    Version
-                    <span
-                      aria-hidden="true"
-                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
-                    >
-                       
-                      *
-                    </span>
-                  </label>
-                  <div
-                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
-                  >
-                    <input
-                      aria-invalid="false"
-                      class="MuiInputBase-input MuiOutlinedInput-input"
-                      id="version"
-                      maxlength="255"
-                      name="version"
-                      required=""
-                      type="text"
-                      value=""
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-647 MuiOutlinedInput-notchedOutline"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legendLabelled-649"
-                      >
-                        <span>
-                          Version
-                           *
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-                <div
-                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
-                >
-                  <label
-                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
-                    data-shrink="false"
-                    for="description"
-                    id="description-label"
-                  >
-                    Description
-                    <span
-                      aria-hidden="true"
-                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
-                    >
-                       
-                      *
-                    </span>
-                  </label>
-                  <div
-                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline MuiOutlinedInput-multiline"
-                  >
-                    <textarea
-                      aria-invalid="false"
-                      class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline MuiOutlinedInput-inputMultiline"
-                      id="description"
-                      maxlength="5120"
-                      name="description"
-                      placeholder="Package description"
-                      required=""
-                      rows="4"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-647 MuiOutlinedInput-notchedOutline"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legendLabelled-649"
-                      >
-                        <span>
-                          Description
-                           *
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-                <div
-                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
-                >
-                  <label
-                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
-                    data-shrink="false"
-                    for="releasenotes"
-                    id="releasenotes-label"
-                  >
-                    Release Notes URL
-                    <span
-                      aria-hidden="true"
-                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
-                    >
-                       
-                      *
-                    </span>
-                  </label>
-                  <div
-                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
-                  >
-                    <input
-                      aria-invalid="false"
-                      class="MuiInputBase-input MuiOutlinedInput-input"
-                      id="releasenotes"
-                      maxlength="1024"
-                      name="releasenotes"
-                      placeholder="Release Notes URL"
-                      required=""
-                      type="text"
-                      value=""
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-647 MuiOutlinedInput-notchedOutline"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legendLabelled-649"
-                      >
-                        <span>
-                          Release Notes URL
-                           *
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-                <div
-                  class="MuiDropzoneArea-root"
-                  tabindex="0"
-                >
-                  <input
-                    accept=""
-                    autocomplete="off"
-                    style="display: none;"
-                    tabindex="-1"
-                    type="file"
-                  />
-                  <div
-                    class="MuiDropzoneArea-textContainer"
-                  >
-                    <p
-                      class="MuiTypography-root MuiDropzoneArea-text MuiTypography-h5"
-                    >
-                      Drag and drop a file here or click
-                    </p>
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiDropzoneArea-icon"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-                <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-614 MuiButton-containedPrimary MuiButton-fullWidth"
-                  tabindex="0"
-                  type="submit"
-                >
-                  <span
-                    class="MuiButton-label"
-                  >
-                    Submit
-                  </span>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </button>
-              </form>
-            </div>
-          </div>
-        </main>
-      </main>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`App Route /package-upload unauthenticated 1`] = `
-<div>
-  <div
-    data-testid="mocked-userprovider"
-  >
-    <div
-      class="makeStyles-root-90"
-    >
-      <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-91 mui-00000fixed MuiPaper-elevation4"
-      >
-        <div
-          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
-        >
-          <h6
-            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
-          />
-        </div>
-      </header>
-      <main
-        class="makeStyles-content-98"
-      >
-        <div
-          class="makeStyles-drawerHeader-97"
-        />
-        <main
-          class="MuiContainer-root MuiContainer-maxWidthLg"
-        >
-          <div
-            class="makeStyles-paper-79"
-            style="justify-content: center;"
-          >
-            <a
-              aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-82 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-357 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -5020,10 +4877,10 @@ exports[`App Route /page-not-found authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-942"
+      class="makeStyles-root-845"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-943 makeStyles-appBarShift-944 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-846 makeStyles-appBarShift-847 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5032,7 +4889,7 @@ exports[`App Route /page-not-found authenticated 1`] = `
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
           />
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-952 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-855 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -5048,17 +4905,17 @@ exports[`App Route /page-not-found authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-947"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-850"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-948 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-851 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-949"
+            class="makeStyles-drawerHeader-852"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-958"
+              class="makeStyles-logo-861"
               src="fisker-badge.svg"
             />
           </div>
@@ -5116,7 +4973,7 @@ exports[`App Route /page-not-found authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -5138,7 +4995,7 @@ exports[`App Route /page-not-found authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -5156,28 +5013,6 @@ exports[`App Route /page-not-found authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -5248,16 +5083,16 @@ exports[`App Route /page-not-found authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-950 makeStyles-contentShift-951"
+        class="makeStyles-content-853 makeStyles-contentShift-854"
       >
         <div
-          class="makeStyles-drawerHeader-949"
+          class="makeStyles-drawerHeader-852"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-931"
+            class="makeStyles-paper-834"
           >
             <h1
               class="MuiTypography-root MuiTypography-h2"
@@ -5278,10 +5113,10 @@ exports[`App Route /page-not-found unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-904"
+      class="makeStyles-root-806"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-905 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-807 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5292,16 +5127,16 @@ exports[`App Route /page-not-found unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-912"
+        class="makeStyles-content-814"
       >
         <div
-          class="makeStyles-drawerHeader-911"
+          class="makeStyles-drawerHeader-813"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-893"
+            class="makeStyles-paper-795"
           >
             <h1
               class="MuiTypography-root MuiTypography-h2"
@@ -5316,711 +5151,16 @@ exports[`App Route /page-not-found unauthenticated 1`] = `
 </div>
 `;
 
-exports[`App Route /updates authenticated 1`] = `
-<div>
-  <div
-    data-testid="mocked-userprovider"
-  >
-    <div
-      class="makeStyles-root-706"
-    >
-      <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-707 makeStyles-appBarShift-708 mui-00000fixed MuiPaper-elevation4"
-      >
-        <div
-          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
-        >
-          <h6
-            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
-          >
-            Deploy Packages
-          </h6>
-          <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-716 MuiButton-colorInherit"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label"
-            >
-              Sign Out
-            </span>
-            <span
-              class="MuiTouchRipple-root"
-            />
-          </button>
-        </div>
-      </header>
-      <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-711"
-      >
-        <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-712 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
-        >
-          <div
-            class="makeStyles-drawerHeader-713"
-          >
-            <img
-              alt="Fisker Admin Portal"
-              class="makeStyles-logo-722"
-              src="fisker-badge.svg"
-            />
-          </div>
-          <hr
-            class="MuiDivider-root"
-          />
-          <ul
-            class="MuiList-root MuiList-padding"
-          >
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/home"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Home
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/dashboard"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Dashboard
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Packages
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Create Package
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/vehicles"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    View Vehicles
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/vehicle-add"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Add Vehicle
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/vehicles-command"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Send Command
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <main
-        class="makeStyles-content-714 makeStyles-contentShift-715"
-      >
-        <div
-          class="makeStyles-drawerHeader-713"
-        />
-        <main
-          class="MuiContainer-root MuiContainer-maxWidthLg"
-        >
-          <div
-            data-testid="mocked-updatesprovider"
-          >
-            <div
-              class="makeStyles-paper-695"
-              style="height: 700px; width: 100%;"
-            >
-              <div
-                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-721 MuiToolbar-gutters"
-              >
-                <div
-                  class="MuiFormControl-root makeStyles-margin-719 makeStyles-textField-720"
-                >
-                  <label
-                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
-                    data-shrink="false"
-                    for="search"
-                  >
-                    Search
-                  </label>
-                  <div
-                    class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
-                  >
-                    <input
-                      aria-invalid="false"
-                      class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
-                      id="search"
-                      type="text"
-                      value=""
-                    />
-                    <div
-                      class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
-                    >
-                      <button
-                        aria-label="search"
-                        class="MuiButtonBase-root MuiIconButton-root"
-                        tabindex="0"
-                        type="button"
-                      >
-                        <span
-                          class="MuiIconButton-label"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
-                            />
-                          </svg>
-                        </span>
-                        <span
-                          class="MuiTouchRipple-root"
-                        />
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <table
-                class="MuiTable-root"
-              >
-                <thead
-                  class="MuiTableHead-root"
-                >
-                  <tr
-                    class="MuiTableRow-root MuiTableRow-head"
-                  >
-                    <th
-                      aria-sort="descending"
-                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
-                      scope="col"
-                    >
-                      <span
-                        aria-disabled="false"
-                        class="MuiButtonBase-root MuiTableSortLabel-root MuiTableSortLabel-active"
-                        role="button"
-                        tabindex="0"
-                      >
-                        ID
-                        <span
-                          class="makeStyles-hiddenSortSpan-718"
-                        >
-                          sorted descending
-                        </span>
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionDesc"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
-                          />
-                        </svg>
-                      </span>
-                    </th>
-                    <th
-                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
-                      scope="col"
-                    >
-                      <span
-                        aria-disabled="false"
-                        class="MuiButtonBase-root MuiTableSortLabel-root"
-                        role="button"
-                        tabindex="0"
-                      >
-                        Name
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
-                          />
-                        </svg>
-                      </span>
-                    </th>
-                    <th
-                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
-                      scope="col"
-                    >
-                      <span
-                        aria-disabled="false"
-                        class="MuiButtonBase-root MuiTableSortLabel-root"
-                        role="button"
-                        tabindex="0"
-                      >
-                        Version
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
-                          />
-                        </svg>
-                      </span>
-                    </th>
-                    <th
-                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
-                      scope="col"
-                    >
-                      <span
-                        aria-disabled="false"
-                        class="MuiButtonBase-root MuiTableSortLabel-root"
-                        role="button"
-                        tabindex="0"
-                      >
-                        Created
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
-                          />
-                        </svg>
-                      </span>
-                    </th>
-                    <th
-                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
-                      scope="col"
-                    >
-                      Actions
-                    </th>
-                  </tr>
-                </thead>
-                <tbody
-                  class="MuiTableBody-root"
-                >
-                  <tr
-                    class="MuiTableRow-root"
-                  >
-                    <td
-                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
-                    >
-                      0
-                    </td>
-                    <td
-                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
-                    >
-                      Package
-                    </td>
-                    <td
-                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
-                    >
-                      1.0
-                    </td>
-                    <td
-                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
-                    >
-                      7/1/2021 10:40:07 PM
-                    </td>
-                    <td
-                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
-                    >
-                      <a
-                        class=""
-                        href="/carupdate-status/0"
-                        style="margin: 5px;"
-                        title="Status \\"Package 1.0\\""
-                      >
-                        <svg
-                          aria-hidden="true"
-                          aria-label="Status Package 1.0"
-                          class="MuiSvgIcon-root"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
-                          />
-                        </svg>
-                      </a>
-                      <a
-                        class=""
-                        href="/carupdate-deploy/0"
-                        style="margin: 5px;"
-                        title="Deploy \\"Package 1.0\\""
-                      >
-                        <svg
-                          aria-hidden="true"
-                          aria-label="Deploy Package 1.0"
-                          class="MuiSvgIcon-root"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"
-                          />
-                        </svg>
-                      </a>
-                      <a
-                        class=""
-                        href="/updates"
-                        title="Delete \\"Package 1.0\\""
-                      >
-                        <svg
-                          aria-hidden="true"
-                          aria-label="Delete Package 1.0"
-                          class="MuiSvgIcon-root"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
-                          />
-                        </svg>
-                      </a>
-                    </td>
-                  </tr>
-                </tbody>
-                <tfoot
-                  class="MuiTableFooter-root"
-                >
-                  <tr
-                    class="MuiTableRow-root MuiTableRow-footer"
-                  >
-                    <td
-                      class="MuiTableCell-root MuiTableCell-footer MuiTablePagination-root"
-                      colspan="5"
-                    >
-                      <div
-                        class="MuiToolbar-root MuiToolbar-regular MuiTablePagination-toolbar MuiToolbar-gutters"
-                      >
-                        <div
-                          class="MuiTablePagination-spacer"
-                        />
-                        <p
-                          class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
-                          id="mui-00000"
-                        >
-                          Rows per page:
-                        </p>
-                        <div
-                          class="MuiInputBase-root MuiTablePagination-input MuiTablePagination-selectRoot"
-                        >
-                          <select
-                            aria-label="rows per page"
-                            class="MuiSelect-root MuiSelect-select MuiTablePagination-select MuiInputBase-input"
-                            id="mui-00000"
-                          >
-                            <option
-                              class="MuiTablePagination-menuItem"
-                              value="5"
-                            >
-                              5
-                            </option>
-                            <option
-                              class="MuiTablePagination-menuItem"
-                              value="10"
-                            >
-                              10
-                            </option>
-                            <option
-                              class="MuiTablePagination-menuItem"
-                              value="25"
-                            >
-                              25
-                            </option>
-                            <option
-                              class="MuiTablePagination-menuItem"
-                              value="100"
-                            >
-                              100
-                            </option>
-                          </select>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSelect-icon MuiTablePagination-selectIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M7 10l5 5 5-5z"
-                            />
-                          </svg>
-                        </div>
-                        <p
-                          class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
-                        >
-                          0-0 of 0
-                        </p>
-                        <div
-                          class="MuiTablePagination-actions"
-                        >
-                          <button
-                            aria-label="Previous page"
-                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
-                            disabled=""
-                            tabindex="-1"
-                            title="Previous page"
-                            type="button"
-                          >
-                            <span
-                              class="MuiIconButton-label"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-                                />
-                              </svg>
-                            </span>
-                          </button>
-                          <button
-                            aria-label="Next page"
-                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
-                            disabled=""
-                            tabindex="-1"
-                            title="Next page"
-                            type="button"
-                          >
-                            <span
-                              class="MuiIconButton-label"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
-                                />
-                              </svg>
-                            </span>
-                          </button>
-                        </div>
-                      </div>
-                    </td>
-                  </tr>
-                </tfoot>
-              </table>
-            </div>
-          </div>
-        </main>
-      </main>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`App Route /updates unauthenticated 1`] = `
-<div>
-  <div
-    data-testid="mocked-userprovider"
-  >
-    <div
-      class="makeStyles-root-166"
-    >
-      <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-167 mui-00000fixed MuiPaper-elevation4"
-      >
-        <div
-          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
-        >
-          <h6
-            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
-          />
-        </div>
-      </header>
-      <main
-        class="makeStyles-content-174"
-      >
-        <div
-          class="makeStyles-drawerHeader-173"
-        />
-        <main
-          class="MuiContainer-root MuiContainer-maxWidthLg"
-        >
-          <div
-            class="makeStyles-paper-155"
-            style="justify-content: center;"
-          >
-            <a
-              aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-158 MuiButton-containedPrimary"
-              href="https://cognito.com/authorize?redirect=https://example.com/callback"
-              tabindex="0"
-            >
-              <span
-                class="MuiButton-label"
-              >
-                Sign In
-              </span>
-              <span
-                class="MuiTouchRipple-root"
-              />
-            </a>
-          </div>
-        </main>
-      </main>
-    </div>
-  </div>
-</div>
-`;
-
 exports[`App Route /vehicle-add authenticated 1`] = `
 <div>
   <div
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-664"
+      class="makeStyles-root-599"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-665 makeStyles-appBarShift-666 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-600 makeStyles-appBarShift-601 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -6031,7 +5171,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
             Add Vehicle
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-674 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-609 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -6047,17 +5187,17 @@ exports[`App Route /vehicle-add authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-669"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-604"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-670 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-605 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-671"
+            class="makeStyles-drawerHeader-606"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-680"
+              class="makeStyles-logo-615"
               src="fisker-badge.svg"
             />
           </div>
@@ -6115,7 +5255,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -6137,7 +5277,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -6155,28 +5295,6 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -6247,10 +5365,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-672 makeStyles-contentShift-673"
+        class="makeStyles-content-607 makeStyles-contentShift-608"
       >
         <div
-          class="makeStyles-drawerHeader-671"
+          class="makeStyles-drawerHeader-606"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -6259,11 +5377,11 @@ exports[`App Route /vehicle-add authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-653"
+              class="makeStyles-paper-588"
             >
               <form
                 action="{onSubmit}"
-                class="makeStyles-form-655"
+                class="makeStyles-form-590"
                 novalidate=""
               >
                 <div
@@ -6299,10 +5417,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-689 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-625 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-691"
+                        class="PrivateNotchedOutline-legendLabelled-627"
                       >
                         <span>
                           VIN
@@ -6345,10 +5463,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-689 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-625 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-691 PrivateNotchedOutline-legendNotched-692"
+                        class="PrivateNotchedOutline-legendLabelled-627 PrivateNotchedOutline-legendNotched-628"
                       >
                         <span>
                           Model
@@ -6392,10 +5510,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-689 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-625 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-691 PrivateNotchedOutline-legendNotched-692"
+                        class="PrivateNotchedOutline-legendLabelled-627 PrivateNotchedOutline-legendNotched-628"
                       >
                         <span>
                           Year
@@ -6439,10 +5557,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-689 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-625 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-691 PrivateNotchedOutline-legendNotched-692"
+                        class="PrivateNotchedOutline-legendLabelled-627 PrivateNotchedOutline-legendNotched-628"
                       >
                         <span>
                           Trim
@@ -6453,7 +5571,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                   </div>
                 </div>
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-656 MuiButton-containedPrimary MuiButton-fullWidth"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-591 MuiButton-containedPrimary MuiButton-fullWidth"
                   tabindex="0"
                   type="submit"
                 >
@@ -6482,10 +5600,10 @@ exports[`App Route /vehicle-add unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-128"
+      class="makeStyles-root-92"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-129 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-93 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -6496,21 +5614,21 @@ exports[`App Route /vehicle-add unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-136"
+        class="makeStyles-content-100"
       >
         <div
-          class="makeStyles-drawerHeader-135"
+          class="makeStyles-drawerHeader-99"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-117"
+            class="makeStyles-paper-81"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-120 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-84 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -6537,10 +5655,10 @@ exports[`App Route /vehicle-status authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-820"
+      class="makeStyles-root-720"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-821 makeStyles-appBarShift-822 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-721 makeStyles-appBarShift-722 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -6551,7 +5669,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
             Vehicle FISKER123 Details
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-830 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-730 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -6567,17 +5685,17 @@ exports[`App Route /vehicle-status authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-825"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-725"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-826 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-726 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-827"
+            class="makeStyles-drawerHeader-727"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-836"
+              class="makeStyles-logo-736"
               src="fisker-badge.svg"
             />
           </div>
@@ -6635,7 +5753,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -6657,7 +5775,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -6675,28 +5793,6 @@ exports[`App Route /vehicle-status authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -6767,10 +5863,10 @@ exports[`App Route /vehicle-status authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-828 makeStyles-contentShift-829"
+        class="makeStyles-content-728 makeStyles-contentShift-729"
       >
         <div
-          class="makeStyles-drawerHeader-827"
+          class="makeStyles-drawerHeader-727"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -6782,7 +5878,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
               data-testid="mocked-updatesprovider"
             >
               <div
-                class="makeStyles-paper-809"
+                class="makeStyles-paper-709"
                 style="height: 700px; width: 100%;"
               >
                 <table
@@ -6807,7 +5903,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
                         >
                           ID
                           <span
-                            class="makeStyles-hiddenSortSpan-832"
+                            class="makeStyles-hiddenSortSpan-732"
                           >
                             sorted descending
                           </span>
@@ -7062,10 +6158,10 @@ exports[`App Route /vehicle-status unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-318"
+      class="makeStyles-root-248"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-319 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-249 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7076,21 +6172,21 @@ exports[`App Route /vehicle-status unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-326"
+        class="makeStyles-content-256"
       >
         <div
-          class="makeStyles-drawerHeader-325"
+          class="makeStyles-drawerHeader-255"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-307"
+            class="makeStyles-paper-237"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-310 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-240 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -7117,10 +6213,10 @@ exports[`App Route /vehicles authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-782"
+      class="makeStyles-root-681"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-783 makeStyles-appBarShift-784 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-682 makeStyles-appBarShift-683 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7131,7 +6227,7 @@ exports[`App Route /vehicles authenticated 1`] = `
             Vehicles
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-792 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-691 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -7147,17 +6243,17 @@ exports[`App Route /vehicles authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-787"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-686"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-788 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-687 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-789"
+            class="makeStyles-drawerHeader-688"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-798"
+              class="makeStyles-logo-697"
               src="fisker-badge.svg"
             />
           </div>
@@ -7215,7 +6311,7 @@ exports[`App Route /vehicles authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -7237,7 +6333,7 @@ exports[`App Route /vehicles authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -7255,28 +6351,6 @@ exports[`App Route /vehicles authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -7347,10 +6421,10 @@ exports[`App Route /vehicles authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-790 makeStyles-contentShift-791"
+        class="makeStyles-content-689 makeStyles-contentShift-690"
       >
         <div
-          class="makeStyles-drawerHeader-789"
+          class="makeStyles-drawerHeader-688"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -7359,14 +6433,14 @@ exports[`App Route /vehicles authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-771"
+              class="makeStyles-paper-670"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-797 MuiToolbar-gutters"
+                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-696 MuiToolbar-gutters"
               >
                 <div
-                  class="MuiFormControl-root makeStyles-margin-795 makeStyles-textField-796"
+                  class="MuiFormControl-root makeStyles-margin-694 makeStyles-textField-695"
                 >
                   <label
                     class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -7438,7 +6512,7 @@ exports[`App Route /vehicles authenticated 1`] = `
                       >
                         VIN
                         <span
-                          class="makeStyles-hiddenSortSpan-794"
+                          class="makeStyles-hiddenSortSpan-693"
                         >
                           sorted ascending
                         </span>
@@ -7715,10 +6789,10 @@ exports[`App Route /vehicles unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-280"
+      class="makeStyles-root-209"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-281 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-210 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7729,21 +6803,21 @@ exports[`App Route /vehicles unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-288"
+        class="makeStyles-content-217"
       >
         <div
-          class="makeStyles-drawerHeader-287"
+          class="makeStyles-drawerHeader-216"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-269"
+            class="makeStyles-paper-198"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-272 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-201 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -7770,10 +6844,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-858"
+      class="makeStyles-root-759"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-859 makeStyles-appBarShift-860 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-760 makeStyles-appBarShift-761 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7784,7 +6858,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
             Send Command
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-868 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-769 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -7800,17 +6874,17 @@ exports[`App Route /vehicles-command authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-863"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-764"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-864 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-765 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-865"
+            class="makeStyles-drawerHeader-766"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-874"
+              class="makeStyles-logo-775"
               src="fisker-badge.svg"
             />
           </div>
@@ -7868,7 +6942,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/updates"
+                href="/packages"
                 role="button"
                 tabindex="0"
               >
@@ -7890,7 +6964,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
               <a
                 aria-disabled="false"
                 class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/package-upload"
+                href="/package-create"
                 role="button"
                 tabindex="0"
               >
@@ -7908,28 +6982,6 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                 />
               </a>
             </li>
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/manifests"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    Deploy Manifest
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -8000,10 +7052,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-866 makeStyles-contentShift-867"
+        class="makeStyles-content-767 makeStyles-contentShift-768"
       >
         <div
-          class="makeStyles-drawerHeader-865"
+          class="makeStyles-drawerHeader-766"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -8012,17 +7064,17 @@ exports[`App Route /vehicles-command authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-847"
+              class="makeStyles-paper-748"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiGrid-root makeStyles-root-858 MuiGrid-container MuiGrid-spacing-xs-2"
+                class="MuiGrid-root makeStyles-root-759 MuiGrid-container MuiGrid-spacing-xs-2"
               >
                 <div
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
                 >
                   <div
-                    class="MuiFormControl-root makeStyles-margin-871 makeStyles-textField-872"
+                    class="MuiFormControl-root makeStyles-margin-772 makeStyles-textField-773"
                   >
                     <label
                       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -8072,7 +7124,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                     </div>
                   </div>
                   <div
-                    class="makeStyles-labelInline-853"
+                    class="makeStyles-labelInline-754"
                   >
                     0 Selected
                   </div>
@@ -8082,10 +7134,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                   style="text-align: right;"
                 >
                   <div
-                    class="makeStyles-form-849"
+                    class="makeStyles-form-750"
                   >
                     <div
-                      class="MuiFormControl-root makeStyles-formControlInline-852"
+                      class="MuiFormControl-root makeStyles-formControlInline-753"
                     >
                       <label
                         class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
@@ -8147,11 +7199,11 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         </svg>
                         <fieldset
                           aria-hidden="true"
-                          class="PrivateNotchedOutline-root-883 MuiOutlinedInput-notchedOutline"
+                          class="PrivateNotchedOutline-root-785 MuiOutlinedInput-notchedOutline"
                           style="padding-left: 8px;"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-884"
+                            class="PrivateNotchedOutline-legend-786"
                             style="width: 0.01px;"
                           >
                             <span>
@@ -8162,7 +7214,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                       </div>
                     </div>
                     <div
-                      class="MuiFormControl-root makeStyles-formControlInline-852"
+                      class="MuiFormControl-root makeStyles-formControlInline-753"
                     >
                       <label
                         class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
@@ -8219,11 +7271,11 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         </svg>
                         <fieldset
                           aria-hidden="true"
-                          class="PrivateNotchedOutline-root-883 MuiOutlinedInput-notchedOutline"
+                          class="PrivateNotchedOutline-root-785 MuiOutlinedInput-notchedOutline"
                           style="padding-left: 8px;"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-884"
+                            class="PrivateNotchedOutline-legend-786"
                             style="width: 0.01px;"
                           >
                             <span>
@@ -8259,7 +7311,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                 </div>
               </div>
               <div
-                class="makeStyles-paper-847"
+                class="makeStyles-paper-748"
                 style="height: 700px; width: 100%;"
               >
                 <table
@@ -8277,14 +7329,14 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                       >
                         <span
                           aria-disabled="false"
-                          class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-887 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                          class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-789 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                         >
                           <span
                             class="MuiIconButton-label"
                           >
                             <input
                               aria-label="select all desserts"
-                              class="PrivateSwitchBase-input-890"
+                              class="PrivateSwitchBase-input-792"
                               data-indeterminate="false"
                               type="checkbox"
                               value=""
@@ -8318,7 +7370,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         >
                           VIN
                           <span
-                            class="makeStyles-hiddenSortSpan-870"
+                            class="makeStyles-hiddenSortSpan-771"
                           >
                             sorted ascending
                           </span>
@@ -8596,10 +7648,10 @@ exports[`App Route /vehicles-command unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-356"
+      class="makeStyles-root-287"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-357 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-288 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -8610,21 +7662,21 @@ exports[`App Route /vehicles-command unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-364"
+        class="makeStyles-content-295"
       >
         <div
-          class="makeStyles-drawerHeader-363"
+          class="makeStyles-drawerHeader-294"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-345"
+            class="makeStyles-paper-276"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-348 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-279 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
diff --git a/src/components/Contexts/ManifestsContext.jsx b/src/components/Contexts/ManifestsContext.jsx
index f4f5274..e54600b 100644
--- a/src/components/Contexts/ManifestsContext.jsx
+++ b/src/components/Contexts/ManifestsContext.jsx
@@ -1,11 +1,17 @@
 import React, { useContext, useState } from "react";
 
 import api from "../../services/manifests";
+import { uploadFile, getCancelToken } from "../../services/uploadFile";
 
 const ManifestsContext = React.createContext();
 
 export const ManifestsProvider = ({ children }) => {
   const [busy, setBusy] = useState(false);
+  const [uploadProgress, setUploadProgress] = useState(0);
+  const [uploadStatus, setUploadStatus] = useState(null);
+  const [cancelUploadToken, setCancelUploadToken] = useState(null);
+  const [uploadFileIndex, setUploadFileIndex] = useState(0);
+  const [uploadedFiles, setUploadedFiles] = useState([]);
   const [manifests, setManifests] = useState([]);
   const [totalManifests, setTotalManifests] = useState(0);
 
@@ -48,14 +54,153 @@ export const ManifestsProvider = ({ children }) => {
     return result;
   };
 
+  const validateManifest = (data, accessToken) => {
+    const fileKeys = {};
+
+    if (!accessToken || accessToken.length === 0) {
+      throw new Error("Access token required");
+    }
+
+    if (!data) {
+      throw new Error("Missing manifest data");
+    }
+
+    if (!data.name || data.name.length === 0) {
+      throw new Error("Package name required");
+    }
+
+    if (!data.version || data.version.length === 0) {
+      throw new Error("Package version required");
+    }
+
+    if (!data.description || data.description.length === 0) {
+      throw new Error("Package description required");
+    }
+
+    if (!data.releasenotes || data.releasenotes.length === 0) {
+      throw new Error("Package release notes link required");
+    }
+
+    if (!data.files || data.files.length === 0) {
+      throw new Error("Package files required");
+    }
+
+    data.files.forEach((file) => validateFile(file, fileKeys));
+  };
+
+  const validateFile = (file, keys) => {
+    if (!file) {
+      throw new Error("File data required");
+    }
+
+    if (!file.filename || file.filename.length === 0) {
+      throw new Error("Filename required");
+    }
+
+    if (!file.name || file.name.length === 0) {
+      throw new Error(`${file.filename} ECU name required`);
+    }
+
+    if (!file.update_version || file.update_version.length === 0) {
+      throw new Error(`${file.filename} version required`);
+    }
+
+    if (!file.part_number || file.part_number.length === 0) {
+      throw new Error(`${file.filename} part number required`);
+    }
+
+    const key = `${file.name}, ${file.update_version}, ${file.filename}`;
+    if (!keys[key]) {
+      keys[key] = true;
+    } else {
+      throw new Error(`${key} already exists`);
+    }
+  };
+
+  const createManifest = async (data, token) => {
+    let result;
+
+    try {
+      setBusy(true);
+      validateManifest(data, token);
+      setUploadedFiles(data.files);
+
+      result = await api.createManifest(data, token);
+      if (result.error)
+        throw new Error(`Create manifest error. ${result.message}`);
+
+      for (let i = 0, len = data.files.length; i < len; i++) {
+        setUploadFileIndex(i);
+        const resp = await uploadECUFile(result.id, data.files[i], token);
+        if (resp.error)
+          throw new Error(`Upload manifest file error. ${resp.error}`);
+      }
+    } finally {
+      setBusy(false);
+      setUploadFileIndex(0);
+      setUploadedFiles([]);
+    }
+
+    return result;
+  };
+
+  const cancelUpload = () => {
+    if (cancelUploadToken) cancelUploadToken.cancel();
+    setBusy(false);
+    setUploadStatus("Upload cancelled");
+    setCancelUploadToken(null);
+    setUploadProgress(0);
+  };
+
+  const uploadECUFile = async (manifest_id, data, accessToken) => {
+    try {
+      Object.assign(data, { manifest_id });
+
+      const filename = data.file.name;
+      const cancel = getCancelToken();
+
+      setBusy(true);
+      setUploadProgress(0);
+      setUploadStatus(`Uploading ${filename}`);
+      setCancelUploadToken(cancel);
+
+      const result = await uploadFile(
+        data,
+        accessToken,
+        setUploadProgress,
+        cancel.token
+      );
+      if (result.message) {
+        throw new Error(`${result.error}. ${result.message}`);
+      }
+      setUploadStatus(`Uploaded ${filename}`);
+      setCancelUploadToken(null);
+      setUploadProgress(100);
+
+      return result;
+    } catch (e) {
+      setBusy(false);
+      setUploadStatus(`Error occured: ${e.message}`);
+      setUploadProgress(-1);
+
+      return { error: e.message };
+    }
+  };
+
   return (
     <ManifestsContext.Provider
       value={{
         busy,
+        uploadProgress,
+        uploadStatus,
+        uploadFileIndex,
+        uploadedFiles,
         manifests,
         totalManifests,
         getManifests,
         deleteManifest,
+        createManifest,
+        cancelUpload,
       }}
     >
       {children}
diff --git a/src/components/Controls/SubList/index.jsx b/src/components/Controls/SubList/index.jsx
new file mode 100644
index 0000000..dd79dc7
--- /dev/null
+++ b/src/components/Controls/SubList/index.jsx
@@ -0,0 +1,45 @@
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableRow,
+} from "@material-ui/core";
+import React from "react";
+import SubListItem from "../SubListItem";
+
+const SubList = ({ data, options, onChange }) => {
+  const onDelete = (id) => {
+    if (!onChange) return;
+    data.some((item, index) => {
+      if (item.data_id !== id) return false;
+      data.splice(index, 1);
+      onChange(data);
+      return true;
+    });
+  };
+
+  return (
+    <Table>
+      <TableHead>
+        <TableRow>
+          {options.map((option) => (
+            <TableCell key={option.label || "none"}>{option.label}</TableCell>
+          ))}
+        </TableRow>
+      </TableHead>
+      <TableBody>
+        {data.map((item) => (
+          <SubListItem
+            key={item.data_id}
+            data={item}
+            options={options}
+            onDelete={onDelete}
+          />
+        ))}
+      </TableBody>
+    </Table>
+  );
+};
+
+export default SubList;
diff --git a/src/components/Controls/SubListItem/index.jsx b/src/components/Controls/SubListItem/index.jsx
new file mode 100644
index 0000000..5877189
--- /dev/null
+++ b/src/components/Controls/SubListItem/index.jsx
@@ -0,0 +1,58 @@
+import React from "react";
+import { TableCell, TableRow, TextField } from "@material-ui/core";
+import { Link } from "react-router-dom";
+import DeleteIcon from "@material-ui/icons/Delete";
+import { useState } from "react";
+
+const DataDisplay = ({ data, option, onDelete }) => {
+  const [text, setText] = useState(data[option.field]);
+  const onChange = (e) => {
+    data[e.target.id] = e.target.value;
+    setText(e.target.value);
+  };
+  const deleteHandler = (id) => {
+    if (onDelete) onDelete(id);
+  };
+
+  if (option.readonly) {
+    return `${data[option.field]}`;
+  } else if (option.delete) {
+    return (
+      <Link
+        to="#"
+        onClick={() => {
+          deleteHandler(data.data_id);
+        }}
+      >
+        <DeleteIcon />
+      </Link>
+    );
+  }
+
+  return (
+    <TextField
+      id={option.field}
+      name={option.field}
+      placeholder={option.label}
+      inputProps={option.inputProps}
+      requried={option.required}
+      fullWidth
+      onChange={onChange}
+      value={text}
+    ></TextField>
+  );
+};
+
+const SubListItem = ({ data, options, onDelete }) => {
+  return (
+    <TableRow>
+      {options.map((item) => (
+        <TableCell key={item.label} width={item.delete ? 25 : null}>
+          <DataDisplay data={data} option={item} onDelete={onDelete} />
+        </TableCell>
+      ))}
+    </TableRow>
+  );
+};
+
+export default SubListItem;
diff --git a/src/components/Layouts/SideMenu.jsx b/src/components/Layouts/SideMenu.jsx
index 0e7587e..59fcadb 100644
--- a/src/components/Layouts/SideMenu.jsx
+++ b/src/components/Layouts/SideMenu.jsx
@@ -18,19 +18,14 @@ const menuData = [
   },
   {
     label: "Deploy Packages",
-    to: "/updates",
+    to: "/packages",
     roles: [Roles.CREATE, Roles.READ],
   },
   {
     label: "Create Package",
-    to: "/package-upload",
+    to: "/package-create",
     roles: [Roles.CREATE],
   },
-  {
-    label: "Deploy Manifest",
-    to: "/manifests",
-    roles: [Roles.CREATE, Roles.READ],
-  },
   {
     label: "View Vehicles",
     to: "/vehicles",
@@ -45,7 +40,7 @@ const menuData = [
     label: "Send Command",
     to: "/vehicles-command",
     roles: [Roles.CREATE],
-  }
+  },
 ];
 
 export default function SideMenu() {
diff --git a/src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap b/src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap
index 4859802..f09857f 100644
--- a/src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap
+++ b/src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap
@@ -56,7 +56,7 @@ exports[`SideMenu Authenticated 1`] = `
         <a
           aria-disabled="false"
           class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-          href="/updates"
+          href="/packages"
           role="button"
           tabindex="0"
         >
@@ -78,7 +78,7 @@ exports[`SideMenu Authenticated 1`] = `
         <a
           aria-disabled="false"
           class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-          href="/package-upload"
+          href="/package-create"
           role="button"
           tabindex="0"
         >
@@ -96,28 +96,6 @@ exports[`SideMenu Authenticated 1`] = `
           />
         </a>
       </li>
-      <li>
-        <a
-          aria-disabled="false"
-          class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-          href="/manifests"
-          role="button"
-          tabindex="0"
-        >
-          <div
-            class="MuiListItemText-root"
-          >
-            <span
-              class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-            >
-              Deploy Manifest
-            </span>
-          </div>
-          <span
-            class="MuiTouchRipple-root"
-          />
-        </a>
-      </li>
       <li>
         <a
           aria-disabled="false"
diff --git a/src/components/Manifest/Create/index.jsx b/src/components/Manifest/Create/index.jsx
new file mode 100644
index 0000000..d79a571
--- /dev/null
+++ b/src/components/Manifest/Create/index.jsx
@@ -0,0 +1,253 @@
+import React, { useEffect, useRef, useState } from "react";
+import { Redirect } from "react-router";
+import {
+  Button,
+  Grid,
+  LinearProgress,
+  TextField,
+  Typography,
+} from "@material-ui/core";
+import { DropzoneArea } from "material-ui-dropzone";
+
+import { useUserContext } from "../../Contexts/UserContext";
+import { useStatusContext } from "../../Contexts/StatusContext";
+import {
+  useManifestsContext,
+  ManifestsProvider,
+} from "../../Contexts/ManifestsContext";
+import useStyles from "../../useStyles";
+import { logger } from "../../../services/monitoring";
+import ECUFilesList from "../ECUFilesList";
+
+const FileTemplate = {
+  name: "",
+  part_number: "",
+  update_version: "1.0.0",
+};
+
+const UploadProgress = (props) => {
+  const { uploadProgress, uploadStatus, uploadFileIndex, uploadedFiles } =
+    useManifestsContext();
+  const [progress, setProgress] = useState(0);
+  const [completed, setCompleted] = useState(0);
+  const [total, setTotal] = useState(0);
+
+  useEffect(() => {
+    const x = uploadedFiles.reduce(
+      (current, { file }) => current + file.size,
+      0
+    );
+    setTotal(x);
+  }, [uploadedFiles]);
+
+  useEffect(() => {
+    if (uploadFileIndex === 0 || uploadFileIndex >= uploadedFiles.length)
+      return;
+    let uploaded = 0;
+    uploadedFiles.forEach(({ file }, i) => {
+      if (i < uploadFileIndex) uploaded += file.size;
+    });
+    setCompleted(uploaded);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [uploadFileIndex]);
+
+  useEffect(() => {
+    if (total === 0 || uploadFileIndex >= uploadedFiles.length) return;
+    const { file } = uploadedFiles[uploadFileIndex];
+    const uploaded = completed + file.size * uploadProgress;
+    const x = Math.min(99, Math.floor((uploaded / total) * 100));
+    setProgress(x);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [uploadProgress, completed]);
+
+  return (
+    <>
+      <Grid container>
+        <Grid xs={12}>
+          <Typography align="center">
+            {`File ${uploadFileIndex + 1} of ${
+              uploadedFiles.length
+            }. ${uploadStatus}`}
+          </Typography>
+        </Grid>
+      </Grid>
+      <Grid container alignContent="center" spacing={0}>
+        <Grid xs={11}>
+          <LinearProgress
+            variant="determinate"
+            value={progress}
+            style={{ marginTop: 16 }}
+          />
+        </Grid>
+        <Grid xs={1} alignContent="flex-end" align="right">
+          <Button onClick={props.onCancel}>Cancel</Button>
+        </Grid>
+      </Grid>
+    </>
+  );
+};
+
+const MainForm = () => {
+  const { createManifest, cancelUpload, busy } = useManifestsContext();
+  const { token } = useUserContext();
+  const { setMessage, setTitle } = useStatusContext();
+  const [redirect, setRedirect] = useState(null);
+  const [fileIndex, setFileIndex] = useState(0);
+  const [ecuFiles, setECUFiles] = useState([]);
+  const classes = useStyles();
+  const packagenameEl = useRef(null);
+  const versionEl = useRef(null);
+  const descEl = useRef(null);
+  const releasenotesEl = useRef(null);
+
+  const getNewFile = (file) => {
+    setFileIndex(fileIndex + 1);
+    return Object.assign(
+      { data_id: fileIndex, filename: file.name, file },
+      FileTemplate
+    );
+  };
+
+  const addFile = (file) => {
+    setECUFiles(ecuFiles.concat(getNewFile(file)));
+  };
+
+  useEffect(() => {
+    setTitle("Create Package");
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const onSubmit = async (event) => {
+    try {
+      event.preventDefault();
+      const {
+        idToken: { jwtToken: authToken },
+      } = token;
+      const formData = {
+        name: packagenameEl.current.value,
+        version: versionEl.current.value,
+        description: descEl.current.value,
+        releasenotes: releasenotesEl.current.value,
+        files: ecuFiles,
+      };
+      const manifest = await createManifest(formData, authToken);
+
+      if (!manifest || manifest.error) return;
+
+      cancelUpload();
+      setMessage(`Package uploaded`);
+      setRedirect(`/package-deploy/${manifest.id}`);
+    } catch (e) {
+      setMessage(e.message);
+      logger.warn(e.stack);
+    }
+  };
+
+  if (redirect && redirect.length > 0) {
+    return <Redirect to={redirect} />;
+  }
+
+  return (
+    <div className={classes.paper}>
+      <form className={classes.form} noValidate action="{onSubmit}">
+        <TextField
+          id="packagename"
+          name="packagename"
+          label="Package name"
+          variant="outlined"
+          margin="normal"
+          inputProps={{
+            maxLength: "255",
+          }}
+          required
+          fullWidth
+          inputRef={packagenameEl}
+        />
+        <TextField
+          id="version"
+          name="version"
+          label="Version"
+          variant="outlined"
+          margin="normal"
+          inputProps={{
+            maxLength: "255",
+          }}
+          required
+          fullWidth
+          inputRef={versionEl}
+        />
+        <TextField
+          id="description"
+          name="description"
+          label="Description"
+          variant="outlined"
+          margin="normal"
+          inputProps={{
+            maxLength: "5120",
+          }}
+          required
+          fullWidth
+          multiline
+          rows={4}
+          placeholder="Package description"
+          inputRef={descEl}
+        />
+        <TextField
+          id="releasenotes"
+          name="releasenotes"
+          label="Release Notes URL"
+          variant="outlined"
+          margin="normal"
+          inputProps={{
+            maxLength: "1024",
+          }}
+          required
+          fullWidth
+          placeholder="Release Notes URL"
+          inputRef={releasenotesEl}
+        />
+        <Typography variant="h6">ECU Files</Typography>
+        <ECUFilesList data={ecuFiles} onChange={setECUFiles} />
+        <DropzoneArea
+          id="dropzone"
+          dropzoneText="Add Files"
+          maxFileSize={1e9}
+          filesLimit={1000}
+          showAlerts={false}
+          showPreviewsInDropzone={false}
+          onDrop={(files) => {
+            files.forEach((file) => {
+              addFile(file);
+            });
+          }}
+          onDropRejected={(files) => {
+            setMessage(`Rejected ${files[0].name} too large`);
+          }}
+        />
+        {busy ? (
+          <UploadProgress onCancel={cancelUpload} />
+        ) : (
+          <Button
+            type="submit"
+            disabled={busy}
+            fullWidth
+            variant="contained"
+            color="primary"
+            className={classes.submit}
+            onClick={onSubmit}
+          >
+            "Submit"
+          </Button>
+        )}
+      </form>
+    </div>
+  );
+};
+
+export default function FileUploadForm() {
+  return (
+    <ManifestsProvider>
+      <MainForm />
+    </ManifestsProvider>
+  );
+}
diff --git a/src/components/Manifest/Deploy/index.jsx b/src/components/Manifest/Deploy/index.jsx
index 5b5d452..9cd0bdf 100644
--- a/src/components/Manifest/Deploy/index.jsx
+++ b/src/components/Manifest/Deploy/index.jsx
@@ -71,7 +71,7 @@ const MainForm = () => {
       setMessage(
         `Deployed ${manifestName} ${version} to ${selected.length} cars`
       );
-      setRedirect(`/manifest-status/${manifest_id}`);
+      setRedirect(`/package-status/${manifest_id}`);
     } catch (e) {
       setMessage(e.message);
       logger.warn(e.stack);
diff --git a/src/components/Manifest/ECUFilesList/index.jsx b/src/components/Manifest/ECUFilesList/index.jsx
new file mode 100644
index 0000000..ed5e528
--- /dev/null
+++ b/src/components/Manifest/ECUFilesList/index.jsx
@@ -0,0 +1,37 @@
+import React from "react";
+import SubList from "../../Controls/SubList";
+
+const ECUFilesList = ({ data, onChange }) => {
+  const options = [
+    {
+      label: "ID",
+      field: "data_id",
+      readonly: true,
+    },
+    {
+      label: "ECU",
+      field: "name",
+    },
+    {
+      label: "Part Number",
+      field: "part_number",
+    },
+    {
+      label: "Version",
+      field: "update_version",
+    },
+    {
+      label: "File",
+      field: "filename",
+      readonly: true,
+    },
+    {
+      label: "",
+      delete: true,
+    },
+  ];
+
+  return <SubList data={data} options={options} onChange={onChange} />;
+};
+
+export default ECUFilesList;
diff --git a/src/components/Manifest/List/index.jsx b/src/components/Manifest/List/index.jsx
index 948bd3f..da326e7 100644
--- a/src/components/Manifest/List/index.jsx
+++ b/src/components/Manifest/List/index.jsx
@@ -86,7 +86,7 @@ const MainForm = () => {
   };
 
   useEffect(() => {
-    setTitle("Deploy Manifest");
+    setTitle("Deploy Packages");
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
@@ -137,7 +137,7 @@ const MainForm = () => {
     if (hasRole([Roles.CREATE, Roles.READ], groups)) {
       actions.push({
         tip: `Status "${row.name} ${row.version}"`,
-        link: `/manifest-status/${row.id}`,
+        link: `/package-status/${row.id}`,
         icon: (
           <VisibilityIcon aria-label={`Status ${row.name} ${row.version}`} />
         ),
@@ -147,7 +147,7 @@ const MainForm = () => {
       actions = actions.concat([
         {
           tip: `Deploy "${row.name} ${row.version}"`,
-          link: `/manifest-deploy/${row.id}`,
+          link: `/package-deploy/${row.id}`,
           icon: <SendIcon aria-label={`Deploy ${row.name} ${row.version}`} />,
         },
         {
diff --git a/src/components/Manifest/ReleaseNotesList/index.jsx b/src/components/Manifest/ReleaseNotesList/index.jsx
new file mode 100644
index 0000000..216ca3b
--- /dev/null
+++ b/src/components/Manifest/ReleaseNotesList/index.jsx
@@ -0,0 +1,28 @@
+import React from "react";
+import SubList from "../../Controls/SubList";
+
+const ReleaseNotesList = ({ data, onChange }) => {
+  const options = [
+    {
+      label: "ID",
+      field: "data_id",
+      readonly: true,
+    },
+    {
+      label: "Locale",
+      field: "locale",
+    },
+    {
+      label: "URL",
+      field: "url",
+    },
+    {
+      label: "",
+      delete: true,
+    },
+  ];
+
+  return <SubList data={data} options={options} onChange={onChange} />;
+};
+
+export default ReleaseNotesList;
diff --git a/src/components/Routes/SiteRoutes.jsx b/src/components/Routes/SiteRoutes.jsx
index eaa77f7..4ff714c 100644
--- a/src/components/Routes/SiteRoutes.jsx
+++ b/src/components/Routes/SiteRoutes.jsx
@@ -8,10 +8,8 @@ import { Roles } from "../../utils/roles";
 
 const SSOForm = React.lazy(() => import("../SSOForm"));
 const Home = React.lazy(() => import("../Home"));
-const FileUploadForm = React.lazy(() => import("../UpdatePackages/Create"));
 const VehicleAddForm = React.lazy(() => import("../Cars/Add"));
 const PageNotFound = React.lazy(() => import("../404"));
-const UpdatePackagesForm = React.lazy(() => import("../UpdatePackages/List"));
 const UpdatePackageEdit = React.lazy(() => import("../UpdatePackages/Edit"));
 const CarUpdatesDeploy = React.lazy(() => import("../CarUpdates/Deploy"));
 const CarUpdatesStatus = React.lazy(() => import("../CarUpdates/Status"));
@@ -22,6 +20,7 @@ const Dashboard = React.lazy(() => import("../Dashboard"));
 const Manifests = React.lazy(() => import("../Manifest/List"));
 const ManifestDeploy = React.lazy(() => import("../Manifest/Deploy"));
 const ManifestStatus = React.lazy(() => import("../Manifest/Status"));
+const ManifestCreate = React.lazy(() => import("../Manifest/Create"));
 
 const SiteRoutes = () => {
   const { token, groups } = useUserContext();
@@ -42,22 +41,6 @@ const SiteRoutes = () => {
           type={TYPES.PROTECTED}
           token={token}
         />
-        <AuthRoute
-          path="/package-upload"
-          render={() => <FileUploadForm />}
-          type={TYPES.PROTECTED}
-          token={token}
-          groups={groups}
-          roles={[Roles.CREATE]}
-        />
-        <AuthRoute
-          path="/updates"
-          render={() => <UpdatePackagesForm />}
-          type={TYPES.PROTECTED}
-          token={token}
-          groups={groups}
-          roles={[Roles.CREATE]}
-        />
         <AuthRoute
           path="/update/:id"
           render={() => <UpdatePackageEdit />}
@@ -123,7 +106,7 @@ const SiteRoutes = () => {
           roles={[Roles.READ, Roles.CREATE]}
         />
         <AuthRoute
-          path="/manifests"
+          path="/packages"
           render={() => <Manifests />}
           type={TYPES.PROTECTED}
           token={token}
@@ -131,7 +114,7 @@ const SiteRoutes = () => {
           roles={[Roles.READ, Roles.CREATE]}
         />
         <AuthRoute
-          path="/manifest-deploy/:manifest_id"
+          path="/package-deploy/:manifest_id"
           render={() => <ManifestDeploy />}
           type={TYPES.PROTECTED}
           token={token}
@@ -139,13 +122,21 @@ const SiteRoutes = () => {
           roles={[Roles.CREATE]}
         />
         <AuthRoute
-          path="/manifest-status/:manifest_id"
+          path="/package-status/:manifest_id"
           render={() => <ManifestStatus />}
           type={TYPES.PROTECTED}
           token={token}
           groups={groups}
           roles={[Roles.READ, Roles.CREATE]}
         />
+        <AuthRoute
+          path="/package-create"
+          render={() => <ManifestCreate />}
+          type={TYPES.PROTECTED}
+          token={token}
+          groups={groups}
+          roles={[Roles.CREATE]}
+        />
         <PageNotFound />
       </Switch>
     </Suspense>
diff --git a/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap b/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap
index 724c403..e8219e4 100644
--- a/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap
+++ b/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap
@@ -46,10 +46,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-39 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-40 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-41"
+                class="PrivateNotchedOutline-legendLabelled-42"
               >
                 <span>
                   Package name
@@ -92,10 +92,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-39 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-40 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-41"
+                class="PrivateNotchedOutline-legendLabelled-42"
               >
                 <span>
                   Version
@@ -138,10 +138,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-39 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-40 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-41"
+                class="PrivateNotchedOutline-legendLabelled-42"
               >
                 <span>
                   Description
@@ -185,10 +185,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-39 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-40 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-41"
+                class="PrivateNotchedOutline-legendLabelled-42"
               >
                 <span>
                   Release Notes URL
diff --git a/src/components/useStyles.jsx b/src/components/useStyles.jsx
index cbd3068..d74230e 100644
--- a/src/components/useStyles.jsx
+++ b/src/components/useStyles.jsx
@@ -174,7 +174,7 @@ const useStyles = makeStyles((theme) => ({
     paddingTop: "56.25%",
   },
   closeButton: {
-    position: 'absolute',
+    position: "absolute",
     right: theme.spacing(1),
     top: theme.spacing(1),
     color: theme.palette.grey[500],
@@ -198,6 +198,10 @@ const useStyles = makeStyles((theme) => ({
     },
     paddingBottom: "2vh",
   },
+  toolbarFooter: {
+    width: "100%",
+    textAlign: "right",
+  },
 }));
 
 export default useStyles;
diff --git a/src/services/manifests.js b/src/services/manifests.js
index cc1abb1..ade3d6b 100644
--- a/src/services/manifests.js
+++ b/src/services/manifests.js
@@ -18,6 +18,13 @@ const manifestsAPI = {
     })
       .then(fetchRespHandler);
   },
+
+  createManifest: async (data, token) => fetch(`${API_ENDPOINT}/manifest`, {
+      method: "POST",
+      headers: Object.assign({ "Content-Type": "application/json" }, getAuthHeaderOptions(token)),
+      body: JSON.stringify(data),      
+    })
+      .then(fetchRespHandler),
 };
 
 export default manifestsAPI;
diff --git a/src/services/uploadFile.js b/src/services/uploadFile.js
index 9111d1b..13fadf6 100644
--- a/src/services/uploadFile.js
+++ b/src/services/uploadFile.js
@@ -1,13 +1,14 @@
 import axios from 'axios';
 
 const UPLOAD_ENDPOINT = process.env.REACT_APP_UPLOAD_SERVICE_URL || "https://gw-dev.fiskerdps.com/ota_update";
+const fileField = "file";
 
 export const getCancelToken = () => {
   const token = axios.CancelToken;
   return token.source();
 }
 
-export const uploadFile = (file, data, token, onProgress, cancelToken) => {
+export const uploadFile = (data, token, onProgress, cancelToken) => {
   const form = new FormData();
   let options = {
     method: "POST",
@@ -17,19 +18,23 @@ export const uploadFile = (file, data, token, onProgress, cancelToken) => {
     },
     cancelToken,
   };
+
   if (onProgress) {
     options = { 
       ...options,
       onUploadProgress: (event) => {
-        onProgress(Math.min(99, Math.floor((event.loaded / event.total) * 100)));
+        onProgress(event.loaded / event.total);
       }
     }
   }
+
   for (let key in data) {
-    form.append(key, data[key]);
+    if (key !== fileField) form.append(key, data[key]);
   }
-  form.append("file", file);
-  return axios.post(`${UPLOAD_ENDPOINT}/update`, form, options)
+
+  form.append(fileField, data[fileField]);
+
+  return axios.post(`${UPLOAD_ENDPOINT}/manifestfile`, form, options)
     .then((response) => response.data)
     .catch((error) => {
       if (typeof error.response.data === "string") {