From bc38186231326654c10b3accaafa6df1e7dca554 Mon Sep 17 00:00:00 2001
From: Arnau Giralt <arnau.giralt@cloudblue.com>
Date: Mon, 23 Oct 2023 22:23:33 +0200
Subject: [PATCH 1/3] =?UTF-8?q?LITE-28855:=20Fix=20generic=20feedback=20-?=
 =?UTF-8?q?=20Truncate=20assistive=20text=20for=20dialog=20tabs=20-=20Fix?=
 =?UTF-8?q?=20display=20of=20dense=20alerts=20-=20Fix=20display=20of=20ass?=
 =?UTF-8?q?istive=20placeholders=20("=E2=80=93")=20in=20several=20componen?=
 =?UTF-8?q?ts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CreateDeploymentRequestDialog/MarketplacesTab.vue        | 4 ++--
 ui/src/components/CreateDeploymentRequestDialog/PprTab.vue   | 2 +-
 ui/src/components/DeploymentMarketplacesTab.vue              | 2 +-
 ui/src/components/DeploymentRequestsTab.vue                  | 2 +-
 ui/src/components/PprSummaryDialog.vue                       | 2 +-
 ui/src/components/PprTab.vue                                 | 4 ++--
 ui/src/components/RequestTasksTab.vue                        | 4 ++--
 ui/src/components/UploadFile.vue                             | 2 +-
 ui/src/components/cAlert.vue                                 | 5 ++---
 ui/src/components/cDialog.vue                                | 5 ++++-
 10 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue b/ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue
index 88e515f..b517c6e 100644
--- a/ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue
+++ b/ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue
@@ -28,11 +28,11 @@ checkbox-table.marketplaces-tab(
 
   template(#externalId="{ row }")
     span(v-if="row.externalId") {{ row.externalId }}
-    span.assistive-text(v-else) –
+    span.assistive-color(v-else) —
 
   template(#appliedPpr="{ row }")
     span(v-if="row.appliedPprVersion") Version {{ row.appliedPprVersion }}
-    span.assistive-text(v-else) –
+    span.assistive-color(v-else) —
 
 </template>
 
diff --git a/ui/src/components/CreateDeploymentRequestDialog/PprTab.vue b/ui/src/components/CreateDeploymentRequestDialog/PprTab.vue
index ab58c5d..f5fd7cd 100644
--- a/ui/src/components/CreateDeploymentRequestDialog/PprTab.vue
+++ b/ui/src/components/CreateDeploymentRequestDialog/PprTab.vue
@@ -18,7 +18,7 @@ radio-table.products-tab(
 
   template(#description="{ row }")
     .truncate-text(v-if="row.description") {{ row.description }}
-    span.assistive-text(v-else) —
+    span.assistive-color(v-else) —
 
 </template>
 
diff --git a/ui/src/components/DeploymentMarketplacesTab.vue b/ui/src/components/DeploymentMarketplacesTab.vue
index d28dd66..f9b7993 100644
--- a/ui/src/components/DeploymentMarketplacesTab.vue
+++ b/ui/src/components/DeploymentMarketplacesTab.vue
@@ -42,7 +42,7 @@
             :key="header.value",
           )
             span(v-if="row.appliedPprVersion") Version {{ row.appliedPprVersion }}
-            span.assistive-text(v-else) –
+            span.assistive-color(v-else) —
 
           //- Pricing Batch column
           td.nowrap-cell(
diff --git a/ui/src/components/DeploymentRequestsTab.vue b/ui/src/components/DeploymentRequestsTab.vue
index 99281a4..e79e596 100644
--- a/ui/src/components/DeploymentRequestsTab.vue
+++ b/ui/src/components/DeploymentRequestsTab.vue
@@ -50,7 +50,7 @@
             :key="header.value",
           )
             span(v-if="row.created") {{ row.created | utcToLocal }}
-            span.assistive-text(v-else) –
+            span.assistive-color(v-else) —
 
           //- Status column
           td.nowrap-cell(
diff --git a/ui/src/components/PprSummaryDialog.vue b/ui/src/components/PprSummaryDialog.vue
index b2aacb2..949c5b9 100644
--- a/ui/src/components/PprSummaryDialog.vue
+++ b/ui/src/components/PprSummaryDialog.vue
@@ -35,7 +35,7 @@ c-dialog.ppr-summary-dialog(
       v-if="ppr.description",
       :content="ppr.description",
     )
-    .assistive-text(v-else) —
+    .assistive-color(v-else) —
 
 </template>
 
diff --git a/ui/src/components/PprTab.vue b/ui/src/components/PprTab.vue
index be50c97..26e7d01 100644
--- a/ui/src/components/PprTab.vue
+++ b/ui/src/components/PprTab.vue
@@ -58,7 +58,7 @@
             :key="header.value",
           )
             template(v-if="row.fileSize") {{ row.fileSize }}
-            span.assistive-text(v-else) —
+            span.assistive-color(v-else) —
 
           //- Description column
           td.nowrap-cell(
@@ -66,7 +66,7 @@
             :key="header.value",
           )
             .truncate-text(v-if="row.description") {{ row.description }}
-            span.assistive-text(v-else) —
+            span.assistive-color(v-else) —
 
           //- Status column
           td.nowrap-cell(
diff --git a/ui/src/components/RequestTasksTab.vue b/ui/src/components/RequestTasksTab.vue
index 1138d5f..01f87db 100644
--- a/ui/src/components/RequestTasksTab.vue
+++ b/ui/src/components/RequestTasksTab.vue
@@ -30,7 +30,7 @@
             :key="header.value",
           )
             span(v-if="row.processed") {{ row.processed | utcToLocal }}
-            span.assistive-text(v-else) –
+            span.assistive-color(v-else) —
 
           //- Elapsed column
           td.nowrap-cell(
@@ -38,7 +38,7 @@
             :key="header.value",
           )
             span(v-if="row.elapsed") {{ row.elapsed }}
-            span.assistive-text(v-else) –
+            span.assistive-color(v-else) –
 
           //- Status column
           td.nowrap-cell(
diff --git a/ui/src/components/UploadFile.vue b/ui/src/components/UploadFile.vue
index 7fef4f9..772c3eb 100644
--- a/ui/src/components/UploadFile.vue
+++ b/ui/src/components/UploadFile.vue
@@ -29,7 +29,7 @@
     .dz-default.file-upload__message
       .file-upload__message-text(v-html="messageText")
 
-  .assistive-text._mt_4 {{ uploadHintMessageText }}
+  .assistive-color._mt_4 {{ uploadHintMessageText }}
 
   .file-upload__error(v-if="isErrorShown")
     | {{ errorMessages[0] }}
diff --git a/ui/src/components/cAlert.vue b/ui/src/components/cAlert.vue
index 5e51b82..3eef451 100644
--- a/ui/src/components/cAlert.vue
+++ b/ui/src/components/cAlert.vue
@@ -105,9 +105,8 @@ export default {
 }
 
 .c-alert_dense {
-  min-height: 56px;
-  padding-top: 12px;
-  padding-bottom: 12px;
+  min-height: 32px;
+  padding: 6px 24px;
 }
 
 .c-alert_fluid {
diff --git a/ui/src/components/cDialog.vue b/ui/src/components/cDialog.vue
index a9f3601..32e2558 100644
--- a/ui/src/components/cDialog.vue
+++ b/ui/src/components/cDialog.vue
@@ -56,7 +56,10 @@
 
                 .c-vertical-tab__content
                   .truncate-text {{ tab.label }}
-                  .assistive-text(v-if="tab.assistiveText") {{ tab.assistiveText }}
+                  .truncate-text.assistive-text(
+                    v-if="tab.assistiveText",
+                    :title="tab.assistiveText",
+                  ) {{ tab.assistiveText }}
 
       .c-window__right-sidebar.c-window__scroller(
         v-if="$slots['right-sidebar']",

From 994949e0632ac3ee02032c553ccf53e800edd4b0 Mon Sep 17 00:00:00 2001
From: Arnau Giralt <arnau.giralt@cloudblue.com>
Date: Mon, 23 Oct 2023 22:29:20 +0200
Subject: [PATCH 2/3] LITE-28855: Create Deployment Request dialog feedback -
 Render dialog tabs with preset values, if present - Disable un-checking of
 radio inputs by user interaction - Add "PPR failed" warning chip on PPR tab
 for failed PPRs - Fixed styles for PPR column in PPR tab

---
 ui/src/components/CheckboxTable.vue           |  3 +-
 .../CreateDeploymentRequestDialog/HubsTab.vue |  1 +
 .../MarketplacesTab.vue                       | 12 ++++++--
 .../CreateDeploymentRequestDialog/PprTab.vue  | 30 +++++++++++++++++--
 .../ProductsTab.vue                           |  1 +
 ui/src/components/RadioTable.vue              |  2 +-
 ui/src/components/cRadio.vue                  |  6 ++--
 7 files changed, 44 insertions(+), 11 deletions(-)

diff --git a/ui/src/components/CheckboxTable.vue b/ui/src/components/CheckboxTable.vue
index ef80db2..6ddca5f 100644
--- a/ui/src/components/CheckboxTable.vue
+++ b/ui/src/components/CheckboxTable.vue
@@ -45,6 +45,7 @@
 
 <script>
 import {
+  equals,
   includes,
 } from 'ramda';
 
@@ -132,7 +133,7 @@ export default {
     toggleSelected(value) {
       const currentValue = (this.returnObject) ? value : value[this.valueProp];
 
-      const index = this.localValue.indexOf(currentValue);
+      const index = this.localValue.findIndex(equals(currentValue));
 
       if (index > -1) {
         this.localValue.splice(index, 1);
diff --git a/ui/src/components/CreateDeploymentRequestDialog/HubsTab.vue b/ui/src/components/CreateDeploymentRequestDialog/HubsTab.vue
index c30ef36..16956f5 100644
--- a/ui/src/components/CreateDeploymentRequestDialog/HubsTab.vue
+++ b/ui/src/components/CreateDeploymentRequestDialog/HubsTab.vue
@@ -101,6 +101,7 @@ export default {
     try {
       this.loading = true;
       this.hubs = await getProductHubs(this.productId);
+      if (this.localValue?.id) this.selectedHubId = this.localValue.id;
     } catch (e) {
       this.hubs = [];
       this.$emit('error', e);
diff --git a/ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue b/ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue
index b517c6e..28f7d3b 100644
--- a/ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue
+++ b/ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue
@@ -93,11 +93,15 @@ export default {
   }),
 
   computed: {
-    filteredMarketplaces: ({ marketplaces, searchValue }) => {
+    filteredMarketplaces: ({ marketplaces, searchValue, prepareRow }) => {
       const lowerCaseSearch = searchValue.toLowerCase();
 
-      return marketplaces.filter(({ id, name }) => name.toLowerCase().includes(lowerCaseSearch)
-        || id.toLowerCase().includes(lowerCaseSearch));
+      const filteredMarketplaces = marketplaces.filter(({ id, name }) => (
+        name.toLowerCase().includes(lowerCaseSearch)
+        || id.toLowerCase().includes(lowerCaseSearch)
+      ));
+
+      return filteredMarketplaces.map(prepareRow);
     },
   },
 
@@ -134,6 +138,8 @@ export default {
     try {
       this.loading = true;
       this.marketplaces = await getDeploymentMarketplaces(this.deploymentId);
+      if (this.value.all) this.isAllSelected = true;
+      else if (this.value.choices.length) this.selectedMarketplaces = this.value.choices;
     } catch (e) {
       this.marketplaces = [];
       this.$emit('error', e);
diff --git a/ui/src/components/CreateDeploymentRequestDialog/PprTab.vue b/ui/src/components/CreateDeploymentRequestDialog/PprTab.vue
index f5fd7cd..8f291a0 100644
--- a/ui/src/components/CreateDeploymentRequestDialog/PprTab.vue
+++ b/ui/src/components/CreateDeploymentRequestDialog/PprTab.vue
@@ -15,6 +15,13 @@ radio-table.products-tab(
         size="16px",
       )
       span Version {{ row?.version }}
+      c-chip.ppr-tab__chip(
+        v-if="row.isFailed",
+        :icon="icons.googleWarningBaseline",
+        color="orange",
+        text="PPR failed",
+        small,
+      )
 
   template(#description="{ row }")
     .truncate-text(v-if="row.description") {{ row.description }}
@@ -25,10 +32,12 @@ radio-table.products-tab(
 <script>
 import {
   googleDescriptionBaseline,
+  googleWarningBaseline,
 } from '@cloudblueconnect/material-svg';
 
 import removeMarkdown from 'remove-markdown';
 
+import cChip from '~components/cChip.vue';
 import cIcon from '~components/cIcon.vue';
 import RadioTable from '~components/RadioTable.vue';
 
@@ -43,6 +52,7 @@ export default {
   mixins: [sync([{ prop: 'value', local: 'localValue' }])],
 
   components: {
+    cChip,
     cIcon,
     RadioTable,
   },
@@ -74,7 +84,10 @@ export default {
       },
     ],
 
-    icons: { googleDescriptionBaseline },
+    icons: {
+      googleDescriptionBaseline,
+      googleWarningBaseline,
+    },
   }),
 
   methods: {
@@ -82,6 +95,7 @@ export default {
       return {
         id: item.id,
         version: item.version,
+        isFailed: item.status === 'failed',
         description: item.description ? removeMarkdown(item.description) : '',
       };
     },
@@ -97,6 +111,7 @@ export default {
     try {
       this.loading = true;
       this.pprs = await getPPRs(this.deploymentId);
+      if (this.localValue?.id) this.selectedPprVersion = this.localValue.id;
     } catch (e) {
       this.pprs = [];
       this.$emit('error', e);
@@ -109,7 +124,16 @@ export default {
 </script>
 
 <style lang="stylus">
-.products-tab__detail {
-  margin-top: 0;
+.ppr-tab {
+  &__chip {
+    margin-left: 8px;
+  }
+
+  &__version {
+    :first-child {
+      margin-right: 4px;
+    }
+  }
 }
+
 </style>
diff --git a/ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue b/ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue
index e42cf0b..bb7ed1a 100644
--- a/ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue
+++ b/ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue
@@ -124,6 +124,7 @@ export default {
     try {
       this.loading = true;
       this.products = await getProducts();
+      if (this.localValue?.id) this.selectedProductId = this.localValue.id;
     } catch (e) {
       this.products = [];
       this.$emit('error', e);
diff --git a/ui/src/components/RadioTable.vue b/ui/src/components/RadioTable.vue
index fa45785..d444a9f 100644
--- a/ui/src/components/RadioTable.vue
+++ b/ui/src/components/RadioTable.vue
@@ -79,7 +79,7 @@ export default {
   },
 
   data: () => ({
-    localValue: false,
+    localValue: '',
     localSearch: '',
   }),
 
diff --git a/ui/src/components/cRadio.vue b/ui/src/components/cRadio.vue
index 4040b64..f57e75c 100644
--- a/ui/src/components/cRadio.vue
+++ b/ui/src/components/cRadio.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.c-radio(@click.capture.prevent="toggleValue")
+.c-radio(@click.capture.prevent="select")
   c-icon.c-radio__box(
     :icon="radioIcon",
     :color="localValue ? '#2C98F0' : ''",
@@ -51,8 +51,8 @@ export default {
   },
 
   methods: {
-    toggleValue() {
-      this.localValue = !this.localValue;
+    select() {
+      this.localValue = true;
     },
   },
 };

From acda4d043a3584a4c616a66df5054f0e6fecbaf3 Mon Sep 17 00:00:00 2001
From: Arnau Giralt <arnau.giralt@cloudblue.com>
Date: Mon, 23 Oct 2023 22:30:30 +0200
Subject: [PATCH 3/3] LITE-28855: Build frontend dist files

---
 ...eployment-details.39e6e55778b4493e8317.js} | 10 ++++----
 ...fbe.css => index.078542b7141079d77ac1.css} | 22 +++++++++--------
 ...a9dcd.js => index.4c619a533d33ed5d4dad.js} | 24 +++++++++----------
 connect_ext_ppr/static/index.html             |  2 +-
 ...> request-details.13128bcfa4a01a8790d4.js} |  2 +-
 connect_ext_ppr/static/settings.html          |  2 +-
 ...863.js => vendors.477dfeaddc3332b16684.js} | 11 +++++++++
 7 files changed, 43 insertions(+), 30 deletions(-)
 rename connect_ext_ppr/static/{deployment-details.3951a71f26c6065a8119.js => deployment-details.39e6e55778b4493e8317.js} (94%)
 rename connect_ext_ppr/static/{index.b861039a3d9cbe776fbe.css => index.078542b7141079d77ac1.css} (99%)
 rename connect_ext_ppr/static/{index.a9096f4123c488fa9dcd.js => index.4c619a533d33ed5d4dad.js} (98%)
 rename connect_ext_ppr/static/{request-details.01a32f8bfd8d09e5995e.js => request-details.13128bcfa4a01a8790d4.js} (95%)
 rename connect_ext_ppr/static/{vendors.3c43b45d3e9e7cbf9863.js => vendors.477dfeaddc3332b16684.js} (99%)

diff --git a/connect_ext_ppr/static/deployment-details.3951a71f26c6065a8119.js b/connect_ext_ppr/static/deployment-details.39e6e55778b4493e8317.js
similarity index 94%
rename from connect_ext_ppr/static/deployment-details.3951a71f26c6065a8119.js
rename to connect_ext_ppr/static/deployment-details.39e6e55778b4493e8317.js
index 8421c46..1219253 100644
--- a/connect_ext_ppr/static/deployment-details.3951a71f26c6065a8119.js
+++ b/connect_ext_ppr/static/deployment-details.39e6e55778b4493e8317.js
@@ -795,7 +795,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \**********************************************************************************************************************************************************************************************************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"marketplaces-tab\" },\n    [\n      _c(\"c-data-table\", {\n        attrs: {\n          headers: _vm.headers,\n          \"prepare-row\": _vm.prepareRow,\n          updating: _vm.loading,\n          \"hide-all-pagination-sections\": \"\",\n        },\n        scopedSlots: _vm._u([\n          {\n            key: \"items\",\n            fn: function ({ row, visibleHeaders }) {\n              return [\n                _c(\n                  \"tr\",\n                  {\n                    staticClass: \"table__row hoverable\",\n                    attrs: { id: row.id },\n                  },\n                  [\n                    _vm._l(visibleHeaders, function (header) {\n                      return [\n                        header.value === \"marketplace\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\"detail-item\", {\n                                  attrs: { \"assistive-text\": row.id },\n                                  scopedSlots: _vm._u(\n                                    [\n                                      {\n                                        key: \"body-text\",\n                                        fn: function () {\n                                          return [\n                                            _c(\n                                              \"div\",\n                                              { staticClass: \"truncate-text\" },\n                                              [_vm._v(_vm._s(row.name))]\n                                            ),\n                                          ]\n                                        },\n                                        proxy: true,\n                                      },\n                                      {\n                                        key: \"image\",\n                                        fn: function () {\n                                          return [\n                                            _c(\"pic\", {\n                                              staticClass: \"object-image\",\n                                              class: {\n                                                \"picture-placeholder\":\n                                                  !row.icon,\n                                              },\n                                              attrs: {\n                                                height: 32,\n                                                src: row.icon,\n                                                width: 32,\n                                                size: \"contain\",\n                                              },\n                                            }),\n                                          ]\n                                        },\n                                        proxy: true,\n                                      },\n                                    ],\n                                    null,\n                                    true\n                                  ),\n                                }),\n                              ],\n                              1\n                            )\n                          : _vm._e(),\n                        header.value === \"externalId\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.externalId\n                                  ? _c(\"span\", [_vm._v(_vm._s(row.externalId))])\n                                  : _c(\n                                      \"div\",\n                                      { staticClass: \"assistive-color\" },\n                                      [_vm._v(\"—\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"ppr\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.appliedPprVersion\n                                  ? _c(\"span\", [\n                                      _vm._v(\n                                        \"Version \" +\n                                          _vm._s(row.appliedPprVersion)\n                                      ),\n                                    ])\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-text\" },\n                                      [_vm._v(\"–\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"priceList\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.priceList\n                                  ? _c(\"detail-item\", {\n                                      attrs: {\n                                        \"assistive-text\": row.priceList.id,\n                                      },\n                                      scopedSlots: _vm._u(\n                                        [\n                                          {\n                                            key: \"body-text\",\n                                            fn: function () {\n                                              return [\n                                                _c(\n                                                  \"div\",\n                                                  {\n                                                    staticClass:\n                                                      \"truncate-text\",\n                                                  },\n                                                  [\n                                                    _vm._v(\n                                                      _vm._s(row.priceList.name)\n                                                    ),\n                                                  ]\n                                                ),\n                                              ]\n                                            },\n                                            proxy: true,\n                                          },\n                                        ],\n                                        null,\n                                        true\n                                      ),\n                                    })\n                                  : _c(\n                                      \"div\",\n                                      { staticClass: \"assistive-color\" },\n                                      [_vm._v(\"—\")]\n                                    ),\n                              ],\n                              1\n                            )\n                          : _vm._e(),\n                      ]\n                    }),\n                  ],\n                  2\n                ),\n              ]\n            },\n          },\n        ]),\n        model: {\n          value: _vm.marketplaces,\n          callback: function ($$v) {\n            _vm.marketplaces = $$v\n          },\n          expression: \"marketplaces\",\n        },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentMarketplacesTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"marketplaces-tab\" },\n    [\n      _c(\"c-data-table\", {\n        attrs: {\n          headers: _vm.headers,\n          \"prepare-row\": _vm.prepareRow,\n          updating: _vm.loading,\n          \"hide-all-pagination-sections\": \"\",\n        },\n        scopedSlots: _vm._u([\n          {\n            key: \"items\",\n            fn: function ({ row, visibleHeaders }) {\n              return [\n                _c(\n                  \"tr\",\n                  {\n                    staticClass: \"table__row hoverable\",\n                    attrs: { id: row.id },\n                  },\n                  [\n                    _vm._l(visibleHeaders, function (header) {\n                      return [\n                        header.value === \"marketplace\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\"detail-item\", {\n                                  attrs: { \"assistive-text\": row.id },\n                                  scopedSlots: _vm._u(\n                                    [\n                                      {\n                                        key: \"body-text\",\n                                        fn: function () {\n                                          return [\n                                            _c(\n                                              \"div\",\n                                              { staticClass: \"truncate-text\" },\n                                              [_vm._v(_vm._s(row.name))]\n                                            ),\n                                          ]\n                                        },\n                                        proxy: true,\n                                      },\n                                      {\n                                        key: \"image\",\n                                        fn: function () {\n                                          return [\n                                            _c(\"pic\", {\n                                              staticClass: \"object-image\",\n                                              class: {\n                                                \"picture-placeholder\":\n                                                  !row.icon,\n                                              },\n                                              attrs: {\n                                                height: 32,\n                                                src: row.icon,\n                                                width: 32,\n                                                size: \"contain\",\n                                              },\n                                            }),\n                                          ]\n                                        },\n                                        proxy: true,\n                                      },\n                                    ],\n                                    null,\n                                    true\n                                  ),\n                                }),\n                              ],\n                              1\n                            )\n                          : _vm._e(),\n                        header.value === \"externalId\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.externalId\n                                  ? _c(\"span\", [_vm._v(_vm._s(row.externalId))])\n                                  : _c(\n                                      \"div\",\n                                      { staticClass: \"assistive-color\" },\n                                      [_vm._v(\"—\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"ppr\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.appliedPprVersion\n                                  ? _c(\"span\", [\n                                      _vm._v(\n                                        \"Version \" +\n                                          _vm._s(row.appliedPprVersion)\n                                      ),\n                                    ])\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-color\" },\n                                      [_vm._v(\"—\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"priceList\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.priceList\n                                  ? _c(\"detail-item\", {\n                                      attrs: {\n                                        \"assistive-text\": row.priceList.id,\n                                      },\n                                      scopedSlots: _vm._u(\n                                        [\n                                          {\n                                            key: \"body-text\",\n                                            fn: function () {\n                                              return [\n                                                _c(\n                                                  \"div\",\n                                                  {\n                                                    staticClass:\n                                                      \"truncate-text\",\n                                                  },\n                                                  [\n                                                    _vm._v(\n                                                      _vm._s(row.priceList.name)\n                                                    ),\n                                                  ]\n                                                ),\n                                              ]\n                                            },\n                                            proxy: true,\n                                          },\n                                        ],\n                                        null,\n                                        true\n                                      ),\n                                    })\n                                  : _c(\n                                      \"div\",\n                                      { staticClass: \"assistive-color\" },\n                                      [_vm._v(\"—\")]\n                                    ),\n                              ],\n                              1\n                            )\n                          : _vm._e(),\n                      ]\n                    }),\n                  ],\n                  2\n                ),\n              ]\n            },\n          },\n        ]),\n        model: {\n          value: _vm.marketplaces,\n          callback: function ($$v) {\n            _vm.marketplaces = $$v\n          },\n          expression: \"marketplaces\",\n        },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentMarketplacesTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -805,7 +805,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \******************************************************************************************************************************************************************************************************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"request-tasks-tab\" },\n    [\n      _c(\"c-data-table\", {\n        attrs: {\n          headers: _vm.headers,\n          \"prepare-row\": _vm.prepareRow,\n          updating: _vm.loading,\n          \"hide-all-pagination-sections\": \"\",\n          \"fix-layout\": \"\",\n          \"show-manage-panel\": \"\",\n        },\n        scopedSlots: _vm._u([\n          {\n            key: \"buttons\",\n            fn: function () {\n              return [\n                _c(\"c-button\", {\n                  staticClass: \"ppr-table__upload-btn\",\n                  attrs: {\n                    icon: _vm.icons.googleAddBaseline,\n                    color: \"accent\",\n                    mode: \"solid\",\n                    label: \"Create Request\",\n                    small: \"\",\n                  },\n                  on: { click: _vm.openUploadPPRDialog },\n                }),\n              ]\n            },\n            proxy: true,\n          },\n          {\n            key: \"items\",\n            fn: function ({ row, visibleHeaders }) {\n              return [\n                _c(\n                  \"tr\",\n                  {\n                    staticClass: \"table__row hoverable\",\n                    attrs: { id: row.id },\n                  },\n                  [\n                    _vm._l(visibleHeaders, function (header) {\n                      return [\n                        header.value === \"id\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\n                                  \"router-link\",\n                                  {\n                                    attrs: {\n                                      to: {\n                                        name: \"RequestDetails\",\n                                        params: { id: row.id },\n                                      },\n                                    },\n                                  },\n                                  [_vm._v(_vm._s(row.id))]\n                                ),\n                                row.manual\n                                  ? _c(\"c-chip\", {\n                                      staticClass: \"request-tasks-tab__manual\",\n                                      attrs: {\n                                        text: \"Manual\",\n                                        type: \"pale\",\n                                        small: \"\",\n                                      },\n                                    })\n                                  : _vm._e(),\n                              ],\n                              1\n                            )\n                          : _vm._e(),\n                        header.value === \"ppr\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\"span\", [\n                                  _vm._v(\"Version \" + _vm._s(row.ppr)),\n                                ]),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"created\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.created\n                                  ? _c(\"span\", [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm._f(\"utcToLocal\")(row.created)\n                                        )\n                                      ),\n                                    ])\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-text\" },\n                                      [_vm._v(\"–\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"status\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\n                                  \"div\",\n                                  { staticClass: \"request-tasks-tab__status\" },\n                                  [\n                                    _c(\"c-status\", {\n                                      attrs: { status: row.status },\n                                    }),\n                                  ],\n                                  1\n                                ),\n                              ]\n                            )\n                          : _vm._e(),\n                      ]\n                    }),\n                  ],\n                  2\n                ),\n              ]\n            },\n          },\n        ]),\n        model: {\n          value: _vm.requests,\n          callback: function ($$v) {\n            _vm.requests = $$v\n          },\n          expression: \"requests\",\n        },\n      }),\n      _c(\"create-deployment-request-dialog\", {\n        attrs: { deployment: _vm.deployment },\n        on: { \"request-created\": _vm.loadRequests },\n        model: {\n          value: _vm.isCreateRequestDialogOpen,\n          callback: function ($$v) {\n            _vm.isCreateRequestDialogOpen = $$v\n          },\n          expression: \"isCreateRequestDialogOpen\",\n        },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentRequestsTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"request-tasks-tab\" },\n    [\n      _c(\"c-data-table\", {\n        attrs: {\n          headers: _vm.headers,\n          \"prepare-row\": _vm.prepareRow,\n          updating: _vm.loading,\n          \"hide-all-pagination-sections\": \"\",\n          \"fix-layout\": \"\",\n          \"show-manage-panel\": \"\",\n        },\n        scopedSlots: _vm._u([\n          {\n            key: \"buttons\",\n            fn: function () {\n              return [\n                _c(\"c-button\", {\n                  staticClass: \"ppr-table__upload-btn\",\n                  attrs: {\n                    icon: _vm.icons.googleAddBaseline,\n                    color: \"accent\",\n                    mode: \"solid\",\n                    label: \"Create Request\",\n                    small: \"\",\n                  },\n                  on: { click: _vm.openUploadPPRDialog },\n                }),\n              ]\n            },\n            proxy: true,\n          },\n          {\n            key: \"items\",\n            fn: function ({ row, visibleHeaders }) {\n              return [\n                _c(\n                  \"tr\",\n                  {\n                    staticClass: \"table__row hoverable\",\n                    attrs: { id: row.id },\n                  },\n                  [\n                    _vm._l(visibleHeaders, function (header) {\n                      return [\n                        header.value === \"id\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\n                                  \"router-link\",\n                                  {\n                                    attrs: {\n                                      to: {\n                                        name: \"RequestDetails\",\n                                        params: { id: row.id },\n                                      },\n                                    },\n                                  },\n                                  [_vm._v(_vm._s(row.id))]\n                                ),\n                                row.manual\n                                  ? _c(\"c-chip\", {\n                                      staticClass: \"request-tasks-tab__manual\",\n                                      attrs: {\n                                        text: \"Manual\",\n                                        type: \"pale\",\n                                        small: \"\",\n                                      },\n                                    })\n                                  : _vm._e(),\n                              ],\n                              1\n                            )\n                          : _vm._e(),\n                        header.value === \"ppr\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\"span\", [\n                                  _vm._v(\"Version \" + _vm._s(row.ppr)),\n                                ]),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"created\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.created\n                                  ? _c(\"span\", [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm._f(\"utcToLocal\")(row.created)\n                                        )\n                                      ),\n                                    ])\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-color\" },\n                                      [_vm._v(\"—\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"status\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\n                                  \"div\",\n                                  { staticClass: \"request-tasks-tab__status\" },\n                                  [\n                                    _c(\"c-status\", {\n                                      attrs: { status: row.status },\n                                    }),\n                                  ],\n                                  1\n                                ),\n                              ]\n                            )\n                          : _vm._e(),\n                      ]\n                    }),\n                  ],\n                  2\n                ),\n              ]\n            },\n          },\n        ]),\n        model: {\n          value: _vm.requests,\n          callback: function ($$v) {\n            _vm.requests = $$v\n          },\n          expression: \"requests\",\n        },\n      }),\n      _c(\"create-deployment-request-dialog\", {\n        attrs: { deployment: _vm.deployment },\n        on: { \"request-created\": _vm.loadRequests },\n        model: {\n          value: _vm.isCreateRequestDialogOpen,\n          callback: function ($$v) {\n            _vm.isCreateRequestDialogOpen = $$v\n          },\n          expression: \"isCreateRequestDialogOpen\",\n        },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentRequestsTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -845,7 +845,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*************************************************************************************************************************************************************************************************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"c-dialog\",\n    {\n      staticClass: \"ppr-summary-dialog\",\n      attrs: { title: \"PPR Summary\" },\n      model: {\n        value: _vm.localValue,\n        callback: function ($$v) {\n          _vm.localValue = $$v\n        },\n        expression: \"localValue\",\n      },\n    },\n    [\n      _vm.ppr\n        ? _c(\n            \"div\",\n            [\n              _c(\"grid-item\", {\n                attrs: { label: \"PPR\" },\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"value\",\n                      fn: function () {\n                        return [\n                          _c(\n                            \"div\",\n                            { staticClass: \"ppr-summary-dialog__version\" },\n                            [\n                              _c(\"c-icon\", {\n                                attrs: {\n                                  icon: _vm.icons.googleDescriptionBaseline,\n                                  size: \"16px\",\n                                },\n                              }),\n                              _c(\"span\", [\n                                _vm._v(\"Version \" + _vm._s(_vm.ppr.version)),\n                              ]),\n                              _c(\n                                \"span\",\n                                { staticClass: \"ppr-summary-dialog__dot\" },\n                                [_vm._v(\"•\")]\n                              ),\n                              _c(\"a\", { on: { click: _vm.downloadPPR } }, [\n                                _vm._v(\"Download\"),\n                              ]),\n                            ],\n                            1\n                          ),\n                        ]\n                      },\n                      proxy: true,\n                    },\n                  ],\n                  null,\n                  false,\n                  3906137520\n                ),\n              }),\n              _c(\"grid-item\", {\n                attrs: {\n                  label: \"Created\",\n                  value: _vm._f(\"utcToLocal\")(_vm.ppr.events.created_at),\n                },\n              }),\n              _c(\"grid-item\", {\n                attrs: { label: \"File Size\", value: _vm.ppr?.file?.size },\n              }),\n              _c(\"grid-item\", {\n                attrs: { label: \"Status\" },\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"value\",\n                      fn: function () {\n                        return [\n                          _c(\"c-status\", { attrs: { status: _vm.ppr.status } }),\n                        ]\n                      },\n                      proxy: true,\n                    },\n                  ],\n                  null,\n                  false,\n                  928192873\n                ),\n              }),\n              _c(\"div\", { staticClass: \"ppr-summary-dialog__divider divider\" }),\n              _vm.ppr.description\n                ? _c(\"markdown\", { attrs: { content: _vm.ppr.description } })\n                : _c(\"div\", { staticClass: \"assistive-text\" }, [_vm._v(\"—\")]),\n            ],\n            1\n          )\n        : _vm._e(),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/PprSummaryDialog.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"c-dialog\",\n    {\n      staticClass: \"ppr-summary-dialog\",\n      attrs: { title: \"PPR Summary\" },\n      model: {\n        value: _vm.localValue,\n        callback: function ($$v) {\n          _vm.localValue = $$v\n        },\n        expression: \"localValue\",\n      },\n    },\n    [\n      _vm.ppr\n        ? _c(\n            \"div\",\n            [\n              _c(\"grid-item\", {\n                attrs: { label: \"PPR\" },\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"value\",\n                      fn: function () {\n                        return [\n                          _c(\n                            \"div\",\n                            { staticClass: \"ppr-summary-dialog__version\" },\n                            [\n                              _c(\"c-icon\", {\n                                attrs: {\n                                  icon: _vm.icons.googleDescriptionBaseline,\n                                  size: \"16px\",\n                                },\n                              }),\n                              _c(\"span\", [\n                                _vm._v(\"Version \" + _vm._s(_vm.ppr.version)),\n                              ]),\n                              _c(\n                                \"span\",\n                                { staticClass: \"ppr-summary-dialog__dot\" },\n                                [_vm._v(\"•\")]\n                              ),\n                              _c(\"a\", { on: { click: _vm.downloadPPR } }, [\n                                _vm._v(\"Download\"),\n                              ]),\n                            ],\n                            1\n                          ),\n                        ]\n                      },\n                      proxy: true,\n                    },\n                  ],\n                  null,\n                  false,\n                  3906137520\n                ),\n              }),\n              _c(\"grid-item\", {\n                attrs: {\n                  label: \"Created\",\n                  value: _vm._f(\"utcToLocal\")(_vm.ppr.events.created_at),\n                },\n              }),\n              _c(\"grid-item\", {\n                attrs: { label: \"File Size\", value: _vm.ppr?.file?.size },\n              }),\n              _c(\"grid-item\", {\n                attrs: { label: \"Status\" },\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"value\",\n                      fn: function () {\n                        return [\n                          _c(\"c-status\", { attrs: { status: _vm.ppr.status } }),\n                        ]\n                      },\n                      proxy: true,\n                    },\n                  ],\n                  null,\n                  false,\n                  928192873\n                ),\n              }),\n              _c(\"div\", { staticClass: \"ppr-summary-dialog__divider divider\" }),\n              _vm.ppr.description\n                ? _c(\"markdown\", { attrs: { content: _vm.ppr.description } })\n                : _c(\"div\", { staticClass: \"assistive-color\" }, [_vm._v(\"—\")]),\n            ],\n            1\n          )\n        : _vm._e(),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/PprSummaryDialog.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -855,7 +855,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \***************************************************************************************************************************************************************************************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"ppr-tab\" },\n    [\n      _c(\"c-data-table\", {\n        staticClass: \"ppr-table\",\n        attrs: {\n          headers: _vm.headers,\n          \"prepare-row\": _vm.prepareRow,\n          updating: _vm.loading,\n          \"hide-all-pagination-sections\": \"\",\n          \"fix-layout\": \"\",\n          \"show-manage-panel\": \"\",\n        },\n        scopedSlots: _vm._u([\n          {\n            key: \"buttons\",\n            fn: function () {\n              return [\n                _c(\"c-button\", {\n                  staticClass: \"ppr-table__upload-btn\",\n                  attrs: {\n                    icon: _vm.icons.googleFileUploadBaseline,\n                    color: \"accent\",\n                    mode: \"solid\",\n                    label: \"Upload PPR\",\n                    small: \"\",\n                  },\n                  on: { click: _vm.openUploadPPRDialog },\n                }),\n                _c(\n                  \"actions-menu\",\n                  { attrs: { outline: \"\", small: \"\" } },\n                  [\n                    _c(\"c-button\", {\n                      staticClass: \"list-item\",\n                      attrs: {\n                        icon: _vm.icons.googleRefreshBaseline,\n                        loading: _vm.isRegeneratingPPR,\n                        \"upper-case\": false,\n                        label: \"Regenerate PPR\",\n                      },\n                      on: { click: _vm.regeneratePPR },\n                    }),\n                  ],\n                  1\n                ),\n              ]\n            },\n            proxy: true,\n          },\n          {\n            key: \"items\",\n            fn: function ({ row, visibleHeaders }) {\n              return [\n                _c(\n                  \"tr\",\n                  {\n                    staticClass: \"table__row hoverable\",\n                    attrs: { id: row.id },\n                  },\n                  [\n                    _vm._l(visibleHeaders, function (header) {\n                      return [\n                        header.value === \"ppr\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\n                                  \"div\",\n                                  { staticClass: \"ppr-version\" },\n                                  [\n                                    _c(\"c-icon\", {\n                                      attrs: {\n                                        icon: _vm.icons\n                                          .googleDescriptionBaseline,\n                                        size: \"16px\",\n                                      },\n                                    }),\n                                    _c(\"span\", [\n                                      _vm._v(\"Version \" + _vm._s(row.ppr)),\n                                    ]),\n                                  ],\n                                  1\n                                ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"createdAt\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\"span\", [\n                                  _vm._v(\n                                    _vm._s(_vm._f(\"utcToLocal\")(row.createdAt))\n                                  ),\n                                ]),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"fileSize\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.fileSize\n                                  ? [_vm._v(_vm._s(row.fileSize))]\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-text\" },\n                                      [_vm._v(\"—\")]\n                                    ),\n                              ],\n                              2\n                            )\n                          : _vm._e(),\n                        header.value === \"description\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.description\n                                  ? _c(\n                                      \"div\",\n                                      { staticClass: \"truncate-text\" },\n                                      [_vm._v(_vm._s(row.description))]\n                                    )\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-text\" },\n                                      [_vm._v(\"—\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"status\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\n                                  \"div\",\n                                  { staticClass: \"ppr-status\" },\n                                  [\n                                    _c(\"c-status\", {\n                                      attrs: { status: row.status },\n                                    }),\n                                    row.status === \"failed\"\n                                      ? [\n                                          _c(\n                                            \"span\",\n                                            { staticClass: \"ppr-status__dot\" },\n                                            [_vm._v(\"•\")]\n                                          ),\n                                          _c(\n                                            \"a\",\n                                            {\n                                              on: {\n                                                click: function ($event) {\n                                                  return _vm.openPPRSummary(row)\n                                                },\n                                              },\n                                            },\n                                            [_vm._v(\"Details\")]\n                                          ),\n                                        ]\n                                      : _vm._e(),\n                                  ],\n                                  2\n                                ),\n                              ]\n                            )\n                          : header.value === \"actions\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\"c-button\", {\n                                  attrs: {\n                                    icon: _vm.icons.googleDownloadBaseline,\n                                    \"upper-case\": false,\n                                    size: \"18px\",\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.downloadPPR(row)\n                                    },\n                                  },\n                                }),\n                                _c(\"c-button\", {\n                                  attrs: {\n                                    icon: _vm.icons.googleInfoOutlineBaseline,\n                                    \"upper-case\": false,\n                                    size: \"18px\",\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.openPPRSummary(row)\n                                    },\n                                  },\n                                }),\n                              ],\n                              1\n                            )\n                          : _vm._e(),\n                      ]\n                    }),\n                  ],\n                  2\n                ),\n              ]\n            },\n          },\n        ]),\n        model: {\n          value: _vm.localValue,\n          callback: function ($$v) {\n            _vm.localValue = $$v\n          },\n          expression: \"localValue\",\n        },\n      }),\n      _c(\"ppr-summary-dialog\", {\n        attrs: { ppr: _vm.currentPPR },\n        model: {\n          value: _vm.isPPRSummaryDialogOpen,\n          callback: function ($$v) {\n            _vm.isPPRSummaryDialogOpen = $$v\n          },\n          expression: \"isPPRSummaryDialogOpen\",\n        },\n      }),\n      _c(\"ppr-upload-dialog\", {\n        attrs: {\n          \"account-id\": _vm.accountId,\n          \"deployment-id\": _vm.deploymentId,\n        },\n        on: { uploaded: _vm.loadPPRs },\n        model: {\n          value: _vm.isUploadPPRDialogOpen,\n          callback: function ($$v) {\n            _vm.isUploadPPRDialogOpen = $$v\n          },\n          expression: \"isUploadPPRDialogOpen\",\n        },\n      }),\n      _c(\"error-snackbar\", {\n        attrs: { text: _vm.errorSnackbarText },\n        model: {\n          value: _vm.showErrorSnackbar,\n          callback: function ($$v) {\n            _vm.showErrorSnackbar = $$v\n          },\n          expression: \"showErrorSnackbar\",\n        },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/PprTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"ppr-tab\" },\n    [\n      _c(\"c-data-table\", {\n        staticClass: \"ppr-table\",\n        attrs: {\n          headers: _vm.headers,\n          \"prepare-row\": _vm.prepareRow,\n          updating: _vm.loading,\n          \"hide-all-pagination-sections\": \"\",\n          \"fix-layout\": \"\",\n          \"show-manage-panel\": \"\",\n        },\n        scopedSlots: _vm._u([\n          {\n            key: \"buttons\",\n            fn: function () {\n              return [\n                _c(\"c-button\", {\n                  staticClass: \"ppr-table__upload-btn\",\n                  attrs: {\n                    icon: _vm.icons.googleFileUploadBaseline,\n                    color: \"accent\",\n                    mode: \"solid\",\n                    label: \"Upload PPR\",\n                    small: \"\",\n                  },\n                  on: { click: _vm.openUploadPPRDialog },\n                }),\n                _c(\n                  \"actions-menu\",\n                  { attrs: { outline: \"\", small: \"\" } },\n                  [\n                    _c(\"c-button\", {\n                      staticClass: \"list-item\",\n                      attrs: {\n                        icon: _vm.icons.googleRefreshBaseline,\n                        loading: _vm.isRegeneratingPPR,\n                        \"upper-case\": false,\n                        label: \"Regenerate PPR\",\n                      },\n                      on: { click: _vm.regeneratePPR },\n                    }),\n                  ],\n                  1\n                ),\n              ]\n            },\n            proxy: true,\n          },\n          {\n            key: \"items\",\n            fn: function ({ row, visibleHeaders }) {\n              return [\n                _c(\n                  \"tr\",\n                  {\n                    staticClass: \"table__row hoverable\",\n                    attrs: { id: row.id },\n                  },\n                  [\n                    _vm._l(visibleHeaders, function (header) {\n                      return [\n                        header.value === \"ppr\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\n                                  \"div\",\n                                  { staticClass: \"ppr-version\" },\n                                  [\n                                    _c(\"c-icon\", {\n                                      attrs: {\n                                        icon: _vm.icons\n                                          .googleDescriptionBaseline,\n                                        size: \"16px\",\n                                      },\n                                    }),\n                                    _c(\"span\", [\n                                      _vm._v(\"Version \" + _vm._s(row.ppr)),\n                                    ]),\n                                  ],\n                                  1\n                                ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"createdAt\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\"span\", [\n                                  _vm._v(\n                                    _vm._s(_vm._f(\"utcToLocal\")(row.createdAt))\n                                  ),\n                                ]),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"fileSize\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.fileSize\n                                  ? [_vm._v(_vm._s(row.fileSize))]\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-color\" },\n                                      [_vm._v(\"—\")]\n                                    ),\n                              ],\n                              2\n                            )\n                          : _vm._e(),\n                        header.value === \"description\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.description\n                                  ? _c(\n                                      \"div\",\n                                      { staticClass: \"truncate-text\" },\n                                      [_vm._v(_vm._s(row.description))]\n                                    )\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-color\" },\n                                      [_vm._v(\"—\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"status\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\n                                  \"div\",\n                                  { staticClass: \"ppr-status\" },\n                                  [\n                                    _c(\"c-status\", {\n                                      attrs: { status: row.status },\n                                    }),\n                                    row.status === \"failed\"\n                                      ? [\n                                          _c(\n                                            \"span\",\n                                            { staticClass: \"ppr-status__dot\" },\n                                            [_vm._v(\"•\")]\n                                          ),\n                                          _c(\n                                            \"a\",\n                                            {\n                                              on: {\n                                                click: function ($event) {\n                                                  return _vm.openPPRSummary(row)\n                                                },\n                                              },\n                                            },\n                                            [_vm._v(\"Details\")]\n                                          ),\n                                        ]\n                                      : _vm._e(),\n                                  ],\n                                  2\n                                ),\n                              ]\n                            )\n                          : header.value === \"actions\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\"c-button\", {\n                                  attrs: {\n                                    icon: _vm.icons.googleDownloadBaseline,\n                                    \"upper-case\": false,\n                                    size: \"18px\",\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.downloadPPR(row)\n                                    },\n                                  },\n                                }),\n                                _c(\"c-button\", {\n                                  attrs: {\n                                    icon: _vm.icons.googleInfoOutlineBaseline,\n                                    \"upper-case\": false,\n                                    size: \"18px\",\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.openPPRSummary(row)\n                                    },\n                                  },\n                                }),\n                              ],\n                              1\n                            )\n                          : _vm._e(),\n                      ]\n                    }),\n                  ],\n                  2\n                ),\n              ]\n            },\n          },\n        ]),\n        model: {\n          value: _vm.localValue,\n          callback: function ($$v) {\n            _vm.localValue = $$v\n          },\n          expression: \"localValue\",\n        },\n      }),\n      _c(\"ppr-summary-dialog\", {\n        attrs: { ppr: _vm.currentPPR },\n        model: {\n          value: _vm.isPPRSummaryDialogOpen,\n          callback: function ($$v) {\n            _vm.isPPRSummaryDialogOpen = $$v\n          },\n          expression: \"isPPRSummaryDialogOpen\",\n        },\n      }),\n      _c(\"ppr-upload-dialog\", {\n        attrs: {\n          \"account-id\": _vm.accountId,\n          \"deployment-id\": _vm.deploymentId,\n        },\n        on: { uploaded: _vm.loadPPRs },\n        model: {\n          value: _vm.isUploadPPRDialogOpen,\n          callback: function ($$v) {\n            _vm.isUploadPPRDialogOpen = $$v\n          },\n          expression: \"isUploadPPRDialogOpen\",\n        },\n      }),\n      _c(\"error-snackbar\", {\n        attrs: { text: _vm.errorSnackbarText },\n        model: {\n          value: _vm.showErrorSnackbar,\n          callback: function ($$v) {\n            _vm.showErrorSnackbar = $$v\n          },\n          expression: \"showErrorSnackbar\",\n        },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/PprTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -875,7 +875,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*******************************************************************************************************************************************************************************************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass: \"file-upload\",\n      class: _vm.fileUploadConditionalClasses,\n      style: _vm.styleCustomizations,\n      attrs: { locator: \"upload-file\" },\n    },\n    [\n      !_vm.hideLabel\n        ? _c(\"div\", { staticClass: \"file-upload__label\" }, [\n            _vm._v(_vm._s(_vm.label)),\n          ])\n        : _vm._e(),\n      _c(\n        \"vue-dropzone\",\n        {\n          ref: \"fileDropzone\",\n          staticClass: \"file-upload__dropzone\",\n          style: _vm.vueDropzoneStyles,\n          attrs: {\n            id: _vm.id,\n            \"destroy-dropzone\": false,\n            options: _vm.dropzoneOptions,\n            \"use-custom-slot\": \"\",\n          },\n          on: {\n            \"vdropzone-files-added\": _vm.onFilesAdded,\n            \"vdropzone-removed-file\": _vm.onFileRemove,\n            \"vdropzone-max-files-exceeded\": _vm.onMaxFiles,\n            \"vdropzone-error\": _vm.onError,\n            \"vdropzone-drag-over\": _vm.addHover,\n            \"vdropzone-drag-enter\": _vm.addHover,\n            \"vdropzone-drag-leave\": _vm.removeHover,\n            \"vdropzone-drag-drop\": _vm.removeHover,\n            \"vdropzone-drag-end\": _vm.removeHover,\n            \"vdropzone-sending\": _vm.sendFiles,\n            \"vdropzone-success\": _vm.uploadSuccess,\n            \"vdropzone-complete\": _vm.uploadComplete,\n          },\n        },\n        [\n          _c(\"div\", { staticClass: \"dz-default file-upload__message\" }, [\n            _c(\"div\", {\n              staticClass: \"file-upload__message-text\",\n              domProps: { innerHTML: _vm._s(_vm.messageText) },\n            }),\n          ]),\n        ]\n      ),\n      _c(\"div\", { staticClass: \"assistive-text _mt_4\" }, [\n        _vm._v(_vm._s(_vm.uploadHintMessageText)),\n      ]),\n      _vm.isErrorShown\n        ? _c(\"div\", { staticClass: \"file-upload__error\" }, [\n            _vm._v(_vm._s(_vm.errorMessages[0])),\n          ])\n        : _vm.remoteError\n        ? _c(\"div\", { staticClass: \"file-upload__error\" }, [\n            _vm._v(\"Your file contains error\"),\n          ])\n        : _vm._e(),\n      _vm.remoteError\n        ? _c(\"c-alert\", {\n            staticClass: \"_mt_24\",\n            attrs: { message: _vm.remoteError, type: \"error\", fluid: \"\" },\n          })\n        : _vm._e(),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/UploadFile.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass: \"file-upload\",\n      class: _vm.fileUploadConditionalClasses,\n      style: _vm.styleCustomizations,\n      attrs: { locator: \"upload-file\" },\n    },\n    [\n      !_vm.hideLabel\n        ? _c(\"div\", { staticClass: \"file-upload__label\" }, [\n            _vm._v(_vm._s(_vm.label)),\n          ])\n        : _vm._e(),\n      _c(\n        \"vue-dropzone\",\n        {\n          ref: \"fileDropzone\",\n          staticClass: \"file-upload__dropzone\",\n          style: _vm.vueDropzoneStyles,\n          attrs: {\n            id: _vm.id,\n            \"destroy-dropzone\": false,\n            options: _vm.dropzoneOptions,\n            \"use-custom-slot\": \"\",\n          },\n          on: {\n            \"vdropzone-files-added\": _vm.onFilesAdded,\n            \"vdropzone-removed-file\": _vm.onFileRemove,\n            \"vdropzone-max-files-exceeded\": _vm.onMaxFiles,\n            \"vdropzone-error\": _vm.onError,\n            \"vdropzone-drag-over\": _vm.addHover,\n            \"vdropzone-drag-enter\": _vm.addHover,\n            \"vdropzone-drag-leave\": _vm.removeHover,\n            \"vdropzone-drag-drop\": _vm.removeHover,\n            \"vdropzone-drag-end\": _vm.removeHover,\n            \"vdropzone-sending\": _vm.sendFiles,\n            \"vdropzone-success\": _vm.uploadSuccess,\n            \"vdropzone-complete\": _vm.uploadComplete,\n          },\n        },\n        [\n          _c(\"div\", { staticClass: \"dz-default file-upload__message\" }, [\n            _c(\"div\", {\n              staticClass: \"file-upload__message-text\",\n              domProps: { innerHTML: _vm._s(_vm.messageText) },\n            }),\n          ]),\n        ]\n      ),\n      _c(\"div\", { staticClass: \"assistive-color _mt_4\" }, [\n        _vm._v(_vm._s(_vm.uploadHintMessageText)),\n      ]),\n      _vm.isErrorShown\n        ? _c(\"div\", { staticClass: \"file-upload__error\" }, [\n            _vm._v(_vm._s(_vm.errorMessages[0])),\n          ])\n        : _vm.remoteError\n        ? _c(\"div\", { staticClass: \"file-upload__error\" }, [\n            _vm._v(\"Your file contains error\"),\n          ])\n        : _vm._e(),\n      _vm.remoteError\n        ? _c(\"c-alert\", {\n            staticClass: \"_mt_24\",\n            attrs: { message: _vm.remoteError, type: \"error\", fluid: \"\" },\n          })\n        : _vm._e(),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/UploadFile.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
diff --git a/connect_ext_ppr/static/index.b861039a3d9cbe776fbe.css b/connect_ext_ppr/static/index.078542b7141079d77ac1.css
similarity index 99%
rename from connect_ext_ppr/static/index.b861039a3d9cbe776fbe.css
rename to connect_ext_ppr/static/index.078542b7141079d77ac1.css
index 60e4dd7..240c52a 100644
--- a/connect_ext_ppr/static/index.b861039a3d9cbe776fbe.css
+++ b/connect_ext_ppr/static/index.078542b7141079d77ac1.css
@@ -171,9 +171,8 @@ button .c-icon {
   align-items: flex-start;
 }
 .c-alert_dense {
-  min-height: 56px;
-  padding-top: 12px;
-  padding-bottom: 12px;
+  min-height: 32px;
+  padding: 6px 24px;
 }
 .c-alert_fluid {
   display: flex;
@@ -1853,13 +1852,6 @@ button + .c-text-field__append-inner > svg[data-v-b5bb9caa]:first-child {
   margin-top: 0;
 }
 
-/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PprTab.vue?vue&type=style&index=0&id=239e179d&lang=stylus& ***!
-  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-.products-tab__detail {
-  margin-top: 0;
-}
-
 /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/cChip.vue?vue&type=style&index=0&id=cf32a144&lang=stylus& ***!
   \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -1946,6 +1938,16 @@ button + .c-text-field__append-inner > svg[data-v-b5bb9caa]:first-child {
   border-radius: 2px;
 }
 
+/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PprTab.vue?vue&type=style&index=0&id=239e179d&lang=stylus& ***!
+  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.ppr-tab__chip {
+  margin-left: 8px;
+}
+.ppr-tab__version :first-child {
+  margin-right: 4px;
+}
+
 /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/SummaryTab.vue?vue&type=style&index=0&id=a449222e&lang=stylus&scoped=true& ***!
   \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
diff --git a/connect_ext_ppr/static/index.a9096f4123c488fa9dcd.js b/connect_ext_ppr/static/index.4c619a533d33ed5d4dad.js
similarity index 98%
rename from connect_ext_ppr/static/index.a9096f4123c488fa9dcd.js
rename to connect_ext_ppr/static/index.4c619a533d33ed5d4dad.js
index b263e39..8c0c9bc 100644
--- a/connect_ext_ppr/static/index.a9096f4123c488fa9dcd.js
+++ b/connect_ext_ppr/static/index.4c619a533d33ed5d4dad.js
@@ -400,7 +400,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ramda */ \"./node_modules/ramda/es/index.js\");\n/* harmony import */ var _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cDataTable.vue */ \"./ui/src/components/cDataTable.vue\");\n/* harmony import */ var _components_cCheckbox_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/cCheckbox.vue */ \"./ui/src/components/cCheckbox.vue\");\n/* harmony import */ var _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~components/cSearch.vue */ \"./ui/src/components/cSearch.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_4__[\"default\"])([\n    { prop: 'value', local: 'localValue' },\n    { prop: 'search', local: 'localSearch' },\n    { prop: 'isAllSelected', local: 'localIsAllSelected' },\n  ])],\n\n  components: {\n    cDataTable: _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    cCheckbox: _components_cCheckbox_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    cSearch: _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  },\n\n  props: {\n    value: {\n      type: Array,\n      default: () => [],\n    },\n\n    valueProp: {\n      type: String,\n      default: 'id',\n    },\n\n    loading: Boolean,\n    title: String,\n    prepareRow: Function,\n    headers: {\n      type: Array,\n      required: true,\n    },\n\n    includeAll: Boolean,\n    isAllSelected: Boolean,\n    items: {\n      type: Array,\n      default: () => [],\n    },\n\n    search: String,\n    returnObject: Boolean,\n  },\n\n  data: () => ({\n    localValue: [],\n    localSearch: '',\n    localIsAllSelected: false,\n  }),\n\n  computed: {\n    processedHeaders: ({ headers }) => [\n      ...headers,\n      {\n        notResizable: true,\n        text: '',\n        value: 'radio',\n        width: 24,\n      },\n    ],\n\n    computedItems: ({ items, includeAll }) => {\n      if (includeAll) return [{ type: 'all' }, ...items];\n\n      return items;\n    },\n  },\n\n  methods: {\n    isChecked(item) {\n      return this.returnObject\n        ? (0,ramda__WEBPACK_IMPORTED_MODULE_0__.includes)(item, this.localValue)\n        : (0,ramda__WEBPACK_IMPORTED_MODULE_0__.includes)(item[this.valueProp], this.localValue);\n    },\n\n    toggleSelected(value) {\n      const currentValue = (this.returnObject) ? value : value[this.valueProp];\n\n      const index = this.localValue.indexOf(currentValue);\n\n      if (index > -1) {\n        this.localValue.splice(index, 1);\n      } else {\n        this.localValue.push(currentValue);\n      }\n    },\n  },\n\n  watch: {\n    isAllSelected(v) {\n      if (v) {\n        this.localValue = (this.returnObject)\n          ? this.items : this.items.map(item => item[this.valueProp]);\n      } else {\n        this.localValue = [];\n      }\n    },\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CheckboxTable.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ramda */ \"./node_modules/ramda/es/index.js\");\n/* harmony import */ var _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cDataTable.vue */ \"./ui/src/components/cDataTable.vue\");\n/* harmony import */ var _components_cCheckbox_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/cCheckbox.vue */ \"./ui/src/components/cCheckbox.vue\");\n/* harmony import */ var _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~components/cSearch.vue */ \"./ui/src/components/cSearch.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_4__[\"default\"])([\n    { prop: 'value', local: 'localValue' },\n    { prop: 'search', local: 'localSearch' },\n    { prop: 'isAllSelected', local: 'localIsAllSelected' },\n  ])],\n\n  components: {\n    cDataTable: _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    cCheckbox: _components_cCheckbox_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    cSearch: _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  },\n\n  props: {\n    value: {\n      type: Array,\n      default: () => [],\n    },\n\n    valueProp: {\n      type: String,\n      default: 'id',\n    },\n\n    loading: Boolean,\n    title: String,\n    prepareRow: Function,\n    headers: {\n      type: Array,\n      required: true,\n    },\n\n    includeAll: Boolean,\n    isAllSelected: Boolean,\n    items: {\n      type: Array,\n      default: () => [],\n    },\n\n    search: String,\n    returnObject: Boolean,\n  },\n\n  data: () => ({\n    localValue: [],\n    localSearch: '',\n    localIsAllSelected: false,\n  }),\n\n  computed: {\n    processedHeaders: ({ headers }) => [\n      ...headers,\n      {\n        notResizable: true,\n        text: '',\n        value: 'radio',\n        width: 24,\n      },\n    ],\n\n    computedItems: ({ items, includeAll }) => {\n      if (includeAll) return [{ type: 'all' }, ...items];\n\n      return items;\n    },\n  },\n\n  methods: {\n    isChecked(item) {\n      return this.returnObject\n        ? (0,ramda__WEBPACK_IMPORTED_MODULE_0__.includes)(item, this.localValue)\n        : (0,ramda__WEBPACK_IMPORTED_MODULE_0__.includes)(item[this.valueProp], this.localValue);\n    },\n\n    toggleSelected(value) {\n      const currentValue = (this.returnObject) ? value : value[this.valueProp];\n\n      const index = this.localValue.findIndex((0,ramda__WEBPACK_IMPORTED_MODULE_0__.equals)(currentValue));\n\n      if (index > -1) {\n        this.localValue.splice(index, 1);\n      } else {\n        this.localValue.push(currentValue);\n      }\n    },\n  },\n\n  watch: {\n    isAllSelected(v) {\n      if (v) {\n        this.localValue = (this.returnObject)\n          ? this.items : this.items.map(item => item[this.valueProp]);\n      } else {\n        this.localValue = [];\n      }\n    },\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CheckboxTable.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -422,7 +422,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/RadioTable.vue */ \"./ui/src/components/RadioTable.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_2__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n  components: {\n    DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    RadioTable: _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  },\n\n  props: {\n    productId: String,\n    value: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data: () => ({\n    localValue: {},\n    selectedHubId: '',\n    searchValue: '',\n    hubs: [],\n    loading: false,\n    headers: [\n      {\n        text: 'Hub',\n        value: 'hub',\n        align: 'left',\n      },\n      {\n        text: 'External ID',\n        value: 'externalId',\n        align: 'left',\n      },\n    ],\n  }),\n\n  computed: {\n    filteredHubs: ({ hubs, searchValue }) => {\n      const lowerCaseSearch = searchValue.toLowerCase();\n\n      return hubs.filter(({ id, name }) => name.toLowerCase().includes(lowerCaseSearch)\n        || id.toLowerCase().includes(lowerCaseSearch));\n    },\n  },\n\n  methods: {\n    prepareRow(item) {\n      return {\n        id: item.id,\n        name: item.name,\n        externalId: item.instance?.id,\n      };\n    },\n  },\n\n  watch: {\n    selectedHubId(val) {\n      this.localValue = this.hubs.find(({ id }) => id === val);\n    },\n  },\n\n  async created() {\n    try {\n      this.loading = true;\n      this.hubs = await (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getProductHubs)(this.productId);\n    } catch (e) {\n      this.hubs = [];\n      this.$emit('error', e);\n    } finally {\n      this.loading = false;\n    }\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/HubsTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/RadioTable.vue */ \"./ui/src/components/RadioTable.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_2__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n  components: {\n    DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    RadioTable: _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  },\n\n  props: {\n    productId: String,\n    value: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data: () => ({\n    localValue: {},\n    selectedHubId: '',\n    searchValue: '',\n    hubs: [],\n    loading: false,\n    headers: [\n      {\n        text: 'Hub',\n        value: 'hub',\n        align: 'left',\n      },\n      {\n        text: 'External ID',\n        value: 'externalId',\n        align: 'left',\n      },\n    ],\n  }),\n\n  computed: {\n    filteredHubs: ({ hubs, searchValue }) => {\n      const lowerCaseSearch = searchValue.toLowerCase();\n\n      return hubs.filter(({ id, name }) => name.toLowerCase().includes(lowerCaseSearch)\n        || id.toLowerCase().includes(lowerCaseSearch));\n    },\n  },\n\n  methods: {\n    prepareRow(item) {\n      return {\n        id: item.id,\n        name: item.name,\n        externalId: item.instance?.id,\n      };\n    },\n  },\n\n  watch: {\n    selectedHubId(val) {\n      this.localValue = this.hubs.find(({ id }) => id === val);\n    },\n  },\n\n  async created() {\n    try {\n      this.loading = true;\n      this.hubs = await (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getProductHubs)(this.productId);\n      if (this.localValue?.id) this.selectedHubId = this.localValue.id;\n    } catch (e) {\n      this.hubs = [];\n      this.$emit('error', e);\n    } finally {\n      this.loading = false;\n    }\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/HubsTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -444,7 +444,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_CheckboxTable_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/CheckboxTable.vue */ \"./ui/src/components/CheckboxTable.vue\");\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_Pic_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/Pic.vue */ \"./ui/src/components/Pic.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_3__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n  components: {\n    DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    CheckboxTable: _components_CheckboxTable_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    Pic: _components_Pic_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  },\n\n  props: {\n    value: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    deploymentId: String,\n  },\n\n  data: () => ({\n    localValue: {},\n    selectedMarketplaces: [],\n    isAllSelected: false,\n    searchValue: '',\n    marketplaces: [],\n    loading: false,\n    headers: [\n      {\n        text: 'Marketplace',\n        value: 'marketplace',\n        align: 'left',\n      },\n      {\n        text: 'External ID',\n        value: 'externalId',\n        align: 'left',\n      },\n      {\n        text: 'Applied PPR',\n        value: 'appliedPpr',\n        align: 'left',\n      },\n    ],\n  }),\n\n  computed: {\n    filteredMarketplaces: ({ marketplaces, searchValue }) => {\n      const lowerCaseSearch = searchValue.toLowerCase();\n\n      return marketplaces.filter(({ id, name }) => name.toLowerCase().includes(lowerCaseSearch)\n        || id.toLowerCase().includes(lowerCaseSearch));\n    },\n  },\n\n  methods: {\n    prepareRow(item) {\n      return {\n        id: item.id,\n        name: item.name,\n        icon: item.icon,\n        externalId: item.external_id,\n        appliedPprVersion: item.ppr?.version || 0,\n      };\n    },\n  },\n\n  watch: {\n    selectedMarketplaces: {\n      deep: true,\n      immediate: true,\n      handler(val) {\n        this.$set(this.localValue, 'choices', val);\n      },\n    },\n\n    isAllSelected: {\n      immediate: true,\n      handler(val) {\n        this.$set(this.localValue, 'all', val);\n      },\n    },\n  },\n\n  async created() {\n    try {\n      this.loading = true;\n      this.marketplaces = await (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getDeploymentMarketplaces)(this.deploymentId);\n    } catch (e) {\n      this.marketplaces = [];\n      this.$emit('error', e);\n    } finally {\n      this.loading = false;\n    }\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_CheckboxTable_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/CheckboxTable.vue */ \"./ui/src/components/CheckboxTable.vue\");\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_Pic_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/Pic.vue */ \"./ui/src/components/Pic.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_3__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n  components: {\n    DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    CheckboxTable: _components_CheckboxTable_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    Pic: _components_Pic_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  },\n\n  props: {\n    value: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    deploymentId: String,\n  },\n\n  data: () => ({\n    localValue: {},\n    selectedMarketplaces: [],\n    isAllSelected: false,\n    searchValue: '',\n    marketplaces: [],\n    loading: false,\n    headers: [\n      {\n        text: 'Marketplace',\n        value: 'marketplace',\n        align: 'left',\n      },\n      {\n        text: 'External ID',\n        value: 'externalId',\n        align: 'left',\n      },\n      {\n        text: 'Applied PPR',\n        value: 'appliedPpr',\n        align: 'left',\n      },\n    ],\n  }),\n\n  computed: {\n    filteredMarketplaces: ({ marketplaces, searchValue, prepareRow }) => {\n      const lowerCaseSearch = searchValue.toLowerCase();\n\n      const filteredMarketplaces = marketplaces.filter(({ id, name }) => (\n        name.toLowerCase().includes(lowerCaseSearch)\n        || id.toLowerCase().includes(lowerCaseSearch)\n      ));\n\n      return filteredMarketplaces.map(prepareRow);\n    },\n  },\n\n  methods: {\n    prepareRow(item) {\n      return {\n        id: item.id,\n        name: item.name,\n        icon: item.icon,\n        externalId: item.external_id,\n        appliedPprVersion: item.ppr?.version || 0,\n      };\n    },\n  },\n\n  watch: {\n    selectedMarketplaces: {\n      deep: true,\n      immediate: true,\n      handler(val) {\n        this.$set(this.localValue, 'choices', val);\n      },\n    },\n\n    isAllSelected: {\n      immediate: true,\n      handler(val) {\n        this.$set(this.localValue, 'all', val);\n      },\n    },\n  },\n\n  async created() {\n    try {\n      this.loading = true;\n      this.marketplaces = await (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getDeploymentMarketplaces)(this.deploymentId);\n      if (this.value.all) this.isAllSelected = true;\n      else if (this.value.choices.length) this.selectedMarketplaces = this.value.choices;\n    } catch (e) {\n      this.marketplaces = [];\n      this.$emit('error', e);\n    } finally {\n      this.loading = false;\n    }\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -488,7 +488,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @cloudblueconnect/material-svg */ \"./node_modules/@cloudblueconnect/material-svg/icons/google/description/baseline.svg\");\n/* harmony import */ var remove_markdown__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! remove-markdown */ \"./node_modules/remove-markdown/index.js\");\n/* harmony import */ var remove_markdown__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(remove_markdown__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _components_cIcon_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cIcon.vue */ \"./ui/src/components/cIcon.vue\");\n/* harmony import */ var _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/RadioTable.vue */ \"./ui/src/components/RadioTable.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_3__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n  components: {\n    cIcon: _components_cIcon_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    RadioTable: _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  },\n\n  props: {\n    value: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    deploymentId: String,\n  },\n\n  data: () => ({\n    localValue: {},\n    selectedPprVersion: '',\n    pprs: [],\n    loading: false,\n    headers: [\n      {\n        text: 'PPR',\n        value: 'version',\n        align: 'left',\n      },\n      {\n        text: 'Description',\n        value: 'description',\n        align: 'left',\n      },\n    ],\n\n    icons: { googleDescriptionBaseline: _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_5__[\"default\"] },\n  }),\n\n  methods: {\n    prepareRow(item) {\n      return {\n        id: item.id,\n        version: item.version,\n        description: item.description ? remove_markdown__WEBPACK_IMPORTED_MODULE_0___default()(item.description) : '',\n      };\n    },\n  },\n\n  watch: {\n    selectedPprVersion(val) {\n      this.localValue = this.pprs.find(({ id }) => id === val);\n    },\n  },\n\n  async created() {\n    try {\n      this.loading = true;\n      this.pprs = await (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getPPRs)(this.deploymentId);\n    } catch (e) {\n      this.pprs = [];\n      this.$emit('error', e);\n    } finally {\n      this.loading = false;\n    }\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/PprTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @cloudblueconnect/material-svg */ \"./node_modules/@cloudblueconnect/material-svg/icons/google/description/baseline.svg\");\n/* harmony import */ var _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @cloudblueconnect/material-svg */ \"./node_modules/@cloudblueconnect/material-svg/icons/google/warning/baseline.svg\");\n/* harmony import */ var remove_markdown__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! remove-markdown */ \"./node_modules/remove-markdown/index.js\");\n/* harmony import */ var remove_markdown__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(remove_markdown__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _components_cChip_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cChip.vue */ \"./ui/src/components/cChip.vue\");\n/* harmony import */ var _components_cIcon_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/cIcon.vue */ \"./ui/src/components/cIcon.vue\");\n/* harmony import */ var _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~components/RadioTable.vue */ \"./ui/src/components/RadioTable.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_4__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n  components: {\n    cChip: _components_cChip_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    cIcon: _components_cIcon_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    RadioTable: _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  },\n\n  props: {\n    value: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    deploymentId: String,\n  },\n\n  data: () => ({\n    localValue: {},\n    selectedPprVersion: '',\n    pprs: [],\n    loading: false,\n    headers: [\n      {\n        text: 'PPR',\n        value: 'version',\n        align: 'left',\n      },\n      {\n        text: 'Description',\n        value: 'description',\n        align: 'left',\n      },\n    ],\n\n    icons: {\n      googleDescriptionBaseline: _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n      googleWarningBaseline: _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n    },\n  }),\n\n  methods: {\n    prepareRow(item) {\n      return {\n        id: item.id,\n        version: item.version,\n        isFailed: item.status === 'failed',\n        description: item.description ? remove_markdown__WEBPACK_IMPORTED_MODULE_0___default()(item.description) : '',\n      };\n    },\n  },\n\n  watch: {\n    selectedPprVersion(val) {\n      this.localValue = this.pprs.find(({ id }) => id === val);\n    },\n  },\n\n  async created() {\n    try {\n      this.loading = true;\n      this.pprs = await (0,_utils__WEBPACK_IMPORTED_MODULE_5__.getPPRs)(this.deploymentId);\n      if (this.localValue?.id) this.selectedPprVersion = this.localValue.id;\n    } catch (e) {\n      this.pprs = [];\n      this.$emit('error', e);\n    } finally {\n      this.loading = false;\n    }\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/PprTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -532,7 +532,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_Pic_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/Pic.vue */ \"./ui/src/components/Pic.vue\");\n/* harmony import */ var _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/RadioTable.vue */ \"./ui/src/components/RadioTable.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_3__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n  components: {\n    DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    Pic: _components_Pic_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    RadioTable: _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  },\n\n  props: {\n    value: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data: () => ({\n    localValue: {},\n    selectedProductId: '',\n    searchValue: '',\n    products: [],\n    loading: false,\n    headers: [\n      {\n        text: 'Product',\n        value: 'product',\n        align: 'left',\n      },\n      {\n        text: 'Vendor',\n        value: 'vendor',\n        align: 'left',\n      },\n    ],\n  }),\n\n  computed: {\n    filteredProducts: ({ products, searchValue }) => {\n      const lowerCaseSearch = searchValue.toLowerCase();\n\n      return products.filter(({ id, name }) => name.toLowerCase().includes(lowerCaseSearch)\n        || id.toLowerCase().includes(lowerCaseSearch));\n    },\n  },\n\n  methods: {\n    prepareRow(item) {\n      return {\n        id: item.id,\n        name: item.name,\n        icon: item.icon,\n        /*\n          TODO: Pending fix in https://github.com/cloudblue/connect-extension-xvs/pull/83\n           When that PR is merged, remove ORs below\n        */\n        vendorId: item.owner?.id || 'foo',\n        vendorName: item.owner?.name || 'bar',\n        vendorIcon: item.owner?.icon || '',\n      };\n    },\n  },\n\n  watch: {\n    selectedProductId(val) {\n      this.localValue = this.products.find(({ id }) => id === val);\n    },\n  },\n\n  async created() {\n    try {\n      this.loading = true;\n      this.products = await (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getProducts)();\n    } catch (e) {\n      this.products = [];\n      this.$emit('error', e);\n    } finally {\n      this.loading = false;\n    }\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_Pic_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/Pic.vue */ \"./ui/src/components/Pic.vue\");\n/* harmony import */ var _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/RadioTable.vue */ \"./ui/src/components/RadioTable.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_3__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n  components: {\n    DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    Pic: _components_Pic_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    RadioTable: _components_RadioTable_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  },\n\n  props: {\n    value: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data: () => ({\n    localValue: {},\n    selectedProductId: '',\n    searchValue: '',\n    products: [],\n    loading: false,\n    headers: [\n      {\n        text: 'Product',\n        value: 'product',\n        align: 'left',\n      },\n      {\n        text: 'Vendor',\n        value: 'vendor',\n        align: 'left',\n      },\n    ],\n  }),\n\n  computed: {\n    filteredProducts: ({ products, searchValue }) => {\n      const lowerCaseSearch = searchValue.toLowerCase();\n\n      return products.filter(({ id, name }) => name.toLowerCase().includes(lowerCaseSearch)\n        || id.toLowerCase().includes(lowerCaseSearch));\n    },\n  },\n\n  methods: {\n    prepareRow(item) {\n      return {\n        id: item.id,\n        name: item.name,\n        icon: item.icon,\n        /*\n          TODO: Pending fix in https://github.com/cloudblue/connect-extension-xvs/pull/83\n           When that PR is merged, remove ORs below\n        */\n        vendorId: item.owner?.id || 'foo',\n        vendorName: item.owner?.name || 'bar',\n        vendorIcon: item.owner?.icon || '',\n      };\n    },\n  },\n\n  watch: {\n    selectedProductId(val) {\n      this.localValue = this.products.find(({ id }) => id === val);\n    },\n  },\n\n  async created() {\n    try {\n      this.loading = true;\n      this.products = await (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getProducts)();\n      if (this.localValue?.id) this.selectedProductId = this.localValue.id;\n    } catch (e) {\n      this.products = [];\n      this.$emit('error', e);\n    } finally {\n      this.loading = false;\n    }\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -708,7 +708,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/cDataTable.vue */ \"./ui/src/components/cDataTable.vue\");\n/* harmony import */ var _components_cRadio_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cRadio.vue */ \"./ui/src/components/cRadio.vue\");\n/* harmony import */ var _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/cSearch.vue */ \"./ui/src/components/cSearch.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_3__[\"default\"])([\n    { prop: 'value', local: 'localValue' },\n    { prop: 'search', local: 'localSearch' },\n  ])],\n\n  components: {\n    cDataTable: _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    cRadio: _components_cRadio_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    cSearch: _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  },\n\n  props: {\n    value: String,\n    valueProp: {\n      type: String,\n      default: 'id',\n    },\n\n    loading: Boolean,\n    title: String,\n    prepareRow: Function,\n    headers: {\n      type: Array,\n      required: true,\n    },\n\n    items: {\n      type: Array,\n      default: () => [],\n    },\n\n    search: String,\n    hideSearch: Boolean,\n  },\n\n  data: () => ({\n    localValue: false,\n    localSearch: '',\n  }),\n\n  computed: {\n    processedHeaders: ({ headers }) => [\n      ...headers,\n      {\n        notResizable: true,\n        text: '',\n        value: 'radio',\n        width: 24,\n      },\n    ],\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/RadioTable.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/cDataTable.vue */ \"./ui/src/components/cDataTable.vue\");\n/* harmony import */ var _components_cRadio_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cRadio.vue */ \"./ui/src/components/cRadio.vue\");\n/* harmony import */ var _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/cSearch.vue */ \"./ui/src/components/cSearch.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_3__[\"default\"])([\n    { prop: 'value', local: 'localValue' },\n    { prop: 'search', local: 'localSearch' },\n  ])],\n\n  components: {\n    cDataTable: _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    cRadio: _components_cRadio_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    cSearch: _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  },\n\n  props: {\n    value: String,\n    valueProp: {\n      type: String,\n      default: 'id',\n    },\n\n    loading: Boolean,\n    title: String,\n    prepareRow: Function,\n    headers: {\n      type: Array,\n      required: true,\n    },\n\n    items: {\n      type: Array,\n      default: () => [],\n    },\n\n    search: String,\n    hideSearch: Boolean,\n  },\n\n  data: () => ({\n    localValue: '',\n    localSearch: '',\n  }),\n\n  computed: {\n    processedHeaders: ({ headers }) => [\n      ...headers,\n      {\n        notResizable: true,\n        text: '',\n        value: 'radio',\n        width: 24,\n      },\n    ],\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/RadioTable.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -928,7 +928,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @cloudblueconnect/material-svg */ \"./node_modules/@cloudblueconnect/material-svg/icons/google/radio_button_checked/baseline.svg\");\n/* harmony import */ var _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @cloudblueconnect/material-svg */ \"./node_modules/@cloudblueconnect/material-svg/icons/google/radio_button_unchecked/baseline.svg\");\n/* harmony import */ var _components_cIcon_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/cIcon.vue */ \"./ui/src/components/cIcon.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_1__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n  components: {\n    cIcon: _components_cIcon_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n  },\n\n  props: {\n    value: Boolean,\n    label: String,\n    hint: String,\n  },\n\n  data: () => ({\n    localValue: false,\n  }),\n\n  computed: {\n    radioIcon: ({ localValue }) => (\n      localValue\n        ? _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n        : _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n    ),\n  },\n\n  methods: {\n    toggleValue() {\n      this.localValue = !this.localValue;\n    },\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/cRadio.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @cloudblueconnect/material-svg */ \"./node_modules/@cloudblueconnect/material-svg/icons/google/radio_button_checked/baseline.svg\");\n/* harmony import */ var _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @cloudblueconnect/material-svg */ \"./node_modules/@cloudblueconnect/material-svg/icons/google/radio_button_unchecked/baseline.svg\");\n/* harmony import */ var _components_cIcon_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/cIcon.vue */ \"./ui/src/components/cIcon.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_1__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n  components: {\n    cIcon: _components_cIcon_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n  },\n\n  props: {\n    value: Boolean,\n    label: String,\n    hint: String,\n  },\n\n  data: () => ({\n    localValue: false,\n  }),\n\n  computed: {\n    radioIcon: ({ localValue }) => (\n      localValue\n        ? _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n        : _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n    ),\n  },\n\n  methods: {\n    select() {\n      this.localValue = true;\n    },\n  },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/cRadio.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -2424,7 +2424,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"checkbox-table\", {\n    staticClass: \"marketplaces-tab\",\n    attrs: {\n      headers: _vm.headers,\n      items: _vm.filteredMarketplaces,\n      loading: _vm.loading,\n      \"prepare-row\": _vm.prepareRow,\n      search: _vm.searchValue,\n      \"is-all-selected\": _vm.isAllSelected,\n      title: \"Select Marketplaces\",\n      \"include-all\": \"\",\n      \"return-object\": \"\",\n    },\n    on: {\n      \"update:search\": function ($event) {\n        _vm.searchValue = $event\n      },\n      \"update:isAllSelected\": function ($event) {\n        _vm.isAllSelected = $event\n      },\n      \"update:is-all-selected\": function ($event) {\n        _vm.isAllSelected = $event\n      },\n    },\n    scopedSlots: _vm._u([\n      {\n        key: \"marketplace\",\n        fn: function ({ row }) {\n          return [\n            _c(\"detail-item\", {\n              staticClass: \"hub-tab__detail\",\n              scopedSlots: _vm._u(\n                [\n                  {\n                    key: \"image\",\n                    fn: function () {\n                      return [\n                        _c(\"pic\", {\n                          staticClass: \"object-image\",\n                          attrs: {\n                            src: row.icon,\n                            width: 32,\n                            height: 32,\n                            size: \"contain\",\n                          },\n                        }),\n                      ]\n                    },\n                    proxy: true,\n                  },\n                  {\n                    key: \"body-text\",\n                    fn: function () {\n                      return [\n                        _c(\"div\", { staticClass: \"truncate-text\" }, [\n                          _c(\"span\", [_vm._v(_vm._s(row.name))]),\n                        ]),\n                      ]\n                    },\n                    proxy: true,\n                  },\n                  {\n                    key: \"assistive-text\",\n                    fn: function () {\n                      return [_c(\"span\", [_vm._v(_vm._s(row.id))])]\n                    },\n                    proxy: true,\n                  },\n                ],\n                null,\n                true\n              ),\n            }),\n          ]\n        },\n      },\n      {\n        key: \"externalId\",\n        fn: function ({ row }) {\n          return [\n            row.externalId\n              ? _c(\"span\", [_vm._v(_vm._s(row.externalId))])\n              : _c(\"span\", { staticClass: \"assistive-text\" }, [_vm._v(\"–\")]),\n          ]\n        },\n      },\n      {\n        key: \"appliedPpr\",\n        fn: function ({ row }) {\n          return [\n            row.appliedPprVersion\n              ? _c(\"span\", [_vm._v(\"Version \" + _vm._s(row.appliedPprVersion))])\n              : _c(\"span\", { staticClass: \"assistive-text\" }, [_vm._v(\"–\")]),\n          ]\n        },\n      },\n    ]),\n    model: {\n      value: _vm.selectedMarketplaces,\n      callback: function ($$v) {\n        _vm.selectedMarketplaces = $$v\n      },\n      expression: \"selectedMarketplaces\",\n    },\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"checkbox-table\", {\n    staticClass: \"marketplaces-tab\",\n    attrs: {\n      headers: _vm.headers,\n      items: _vm.filteredMarketplaces,\n      loading: _vm.loading,\n      \"prepare-row\": _vm.prepareRow,\n      search: _vm.searchValue,\n      \"is-all-selected\": _vm.isAllSelected,\n      title: \"Select Marketplaces\",\n      \"include-all\": \"\",\n      \"return-object\": \"\",\n    },\n    on: {\n      \"update:search\": function ($event) {\n        _vm.searchValue = $event\n      },\n      \"update:isAllSelected\": function ($event) {\n        _vm.isAllSelected = $event\n      },\n      \"update:is-all-selected\": function ($event) {\n        _vm.isAllSelected = $event\n      },\n    },\n    scopedSlots: _vm._u([\n      {\n        key: \"marketplace\",\n        fn: function ({ row }) {\n          return [\n            _c(\"detail-item\", {\n              staticClass: \"hub-tab__detail\",\n              scopedSlots: _vm._u(\n                [\n                  {\n                    key: \"image\",\n                    fn: function () {\n                      return [\n                        _c(\"pic\", {\n                          staticClass: \"object-image\",\n                          attrs: {\n                            src: row.icon,\n                            width: 32,\n                            height: 32,\n                            size: \"contain\",\n                          },\n                        }),\n                      ]\n                    },\n                    proxy: true,\n                  },\n                  {\n                    key: \"body-text\",\n                    fn: function () {\n                      return [\n                        _c(\"div\", { staticClass: \"truncate-text\" }, [\n                          _c(\"span\", [_vm._v(_vm._s(row.name))]),\n                        ]),\n                      ]\n                    },\n                    proxy: true,\n                  },\n                  {\n                    key: \"assistive-text\",\n                    fn: function () {\n                      return [_c(\"span\", [_vm._v(_vm._s(row.id))])]\n                    },\n                    proxy: true,\n                  },\n                ],\n                null,\n                true\n              ),\n            }),\n          ]\n        },\n      },\n      {\n        key: \"externalId\",\n        fn: function ({ row }) {\n          return [\n            row.externalId\n              ? _c(\"span\", [_vm._v(_vm._s(row.externalId))])\n              : _c(\"span\", { staticClass: \"assistive-color\" }, [_vm._v(\"—\")]),\n          ]\n        },\n      },\n      {\n        key: \"appliedPpr\",\n        fn: function ({ row }) {\n          return [\n            row.appliedPprVersion\n              ? _c(\"span\", [_vm._v(\"Version \" + _vm._s(row.appliedPprVersion))])\n              : _c(\"span\", { staticClass: \"assistive-color\" }, [_vm._v(\"—\")]),\n          ]\n        },\n      },\n    ]),\n    model: {\n      value: _vm.selectedMarketplaces,\n      callback: function ($$v) {\n        _vm.selectedMarketplaces = $$v\n      },\n      expression: \"selectedMarketplaces\",\n    },\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -2446,7 +2446,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"radio-table\", {\n    staticClass: \"products-tab\",\n    attrs: {\n      headers: _vm.headers,\n      items: _vm.pprs,\n      loading: _vm.loading,\n      \"prepare-row\": _vm.prepareRow,\n      title: \"Select PPR\",\n      \"hide-search\": \"\",\n    },\n    scopedSlots: _vm._u([\n      {\n        key: \"version\",\n        fn: function ({ row }) {\n          return [\n            _c(\n              \"div\",\n              { staticClass: \"ppr-tab__version\" },\n              [\n                _c(\"c-icon\", {\n                  attrs: {\n                    icon: _vm.icons.googleDescriptionBaseline,\n                    size: \"16px\",\n                  },\n                }),\n                _c(\"span\", [_vm._v(\"Version \" + _vm._s(row?.version))]),\n              ],\n              1\n            ),\n          ]\n        },\n      },\n      {\n        key: \"description\",\n        fn: function ({ row }) {\n          return [\n            row.description\n              ? _c(\"div\", { staticClass: \"truncate-text\" }, [\n                  _vm._v(_vm._s(row.description)),\n                ])\n              : _c(\"span\", { staticClass: \"assistive-text\" }, [_vm._v(\"—\")]),\n          ]\n        },\n      },\n    ]),\n    model: {\n      value: _vm.selectedPprVersion,\n      callback: function ($$v) {\n        _vm.selectedPprVersion = $$v\n      },\n      expression: \"selectedPprVersion\",\n    },\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/PprTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"radio-table\", {\n    staticClass: \"products-tab\",\n    attrs: {\n      headers: _vm.headers,\n      items: _vm.pprs,\n      loading: _vm.loading,\n      \"prepare-row\": _vm.prepareRow,\n      title: \"Select PPR\",\n      \"hide-search\": \"\",\n    },\n    scopedSlots: _vm._u([\n      {\n        key: \"version\",\n        fn: function ({ row }) {\n          return [\n            _c(\n              \"div\",\n              { staticClass: \"ppr-tab__version\" },\n              [\n                _c(\"c-icon\", {\n                  attrs: {\n                    icon: _vm.icons.googleDescriptionBaseline,\n                    size: \"16px\",\n                  },\n                }),\n                _c(\"span\", [_vm._v(\"Version \" + _vm._s(row?.version))]),\n                row.isFailed\n                  ? _c(\"c-chip\", {\n                      staticClass: \"ppr-tab__chip\",\n                      attrs: {\n                        icon: _vm.icons.googleWarningBaseline,\n                        color: \"orange\",\n                        text: \"PPR failed\",\n                        small: \"\",\n                      },\n                    })\n                  : _vm._e(),\n              ],\n              1\n            ),\n          ]\n        },\n      },\n      {\n        key: \"description\",\n        fn: function ({ row }) {\n          return [\n            row.description\n              ? _c(\"div\", { staticClass: \"truncate-text\" }, [\n                  _vm._v(_vm._s(row.description)),\n                ])\n              : _c(\"span\", { staticClass: \"assistive-color\" }, [_vm._v(\"—\")]),\n          ]\n        },\n      },\n    ]),\n    model: {\n      value: _vm.selectedPprVersion,\n      callback: function ($$v) {\n        _vm.selectedPprVersion = $$v\n      },\n      expression: \"selectedPprVersion\",\n    },\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/PprTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -2622,7 +2622,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      directives: [\n        {\n          name: \"show\",\n          rawName: \"v-show\",\n          value: _vm.localValue,\n          expression: \"localValue\",\n        },\n      ],\n      staticClass: \"c-dialog\",\n      class: { \"c-dialog_opened\": _vm.localValue },\n      style: { zIndex: _vm.zIndex },\n    },\n    [\n      _c(\"transition\", { attrs: { name: \"overlay\" } }, [\n        _vm.localValue\n          ? _c(\"div\", {\n              ref: \"dialog-overview\",\n              staticClass: \"c-dialog__overlay\",\n            })\n          : _vm._e(),\n      ]),\n      _c(\"transition\", { attrs: { name: \"window\" } }, [\n        _vm.localValue\n          ? _c(\n              \"div\",\n              {\n                ref: \"c-window\",\n                staticClass: \"c-dialog__window c-window\",\n                style: {\n                  height: _vm.height,\n                  width: _vm.width,\n                  minWidth: _vm.width,\n                },\n                attrs: { id: _vm.id },\n              },\n              [\n                _c(\"div\", { staticClass: \"c-window__header\" }, [\n                  _c(\n                    \"h2\",\n                    { staticClass: \"c-window__title\" },\n                    [\n                      _vm._t(\"title\", function () {\n                        return [\n                          _c(\"div\", { staticClass: \"truncator\" }, [\n                            _c(\n                              \"div\",\n                              {\n                                staticClass:\n                                  \"truncator__truncate capitalize-first-letter\",\n                              },\n                              [_vm._v(_vm._s(_vm.title))]\n                            ),\n                            _vm.status\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"c-window__status truncator__keep\",\n                                  },\n                                  [_vm._v(\"— \" + _vm._s(_vm.status))]\n                                )\n                              : _vm._e(),\n                          ]),\n                        ]\n                      }),\n                    ],\n                    2\n                  ),\n                ]),\n                _vm.areTabsPresent || _vm.$slots[\"sidebar\"]\n                  ? _c(\"div\", { staticClass: \"c-window__sidebar\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"c-window__scroller\" },\n                        [\n                          _vm._t(\"sidebar\", function () {\n                            return [\n                              _c(\n                                \"div\",\n                                { staticClass: \"c-vertical-tabs\" },\n                                _vm._l(_vm.preparedTabs, function (tab, index) {\n                                  return _c(\n                                    \"a\",\n                                    _vm._b(\n                                      {\n                                        key: tab.key,\n                                        staticClass: \"c-vertical-tab\",\n                                        class: _vm.getTabClasses(tab),\n                                        on: {\n                                          click: function ($event) {\n                                            return _vm.navigateToTab(tab.key)\n                                          },\n                                        },\n                                      },\n                                      \"a\",\n                                      tab.props,\n                                      false\n                                    ),\n                                    [\n                                      _vm.isWizard\n                                        ? _c(\n                                            \"div\",\n                                            {\n                                              staticClass:\n                                                \"c-vertical-tab__step-indicator step-indicator\",\n                                              class: {\n                                                \"step-indicator-filled\":\n                                                  !_vm.isPastCurrentTab(\n                                                    tab.key\n                                                  ),\n                                              },\n                                            },\n                                            [\n                                              tab.skipStep\n                                                ? _c(\"c-icon\", {\n                                                    staticClass:\n                                                      \"step-indicator__icon\",\n                                                    attrs: {\n                                                      size: \"18\",\n                                                      icon: _vm.icons\n                                                        .googleArrowDownwardBaseline,\n                                                    },\n                                                  })\n                                                : !_vm.isCurrentOrPastCurrentTab(\n                                                    tab.key\n                                                  )\n                                                ? _c(\"c-icon\", {\n                                                    staticClass:\n                                                      \"step-indicator__icon\",\n                                                    attrs: {\n                                                      size: \"18\",\n                                                      icon: _vm.icons\n                                                        .googleCheckBaseline,\n                                                    },\n                                                  })\n                                                : _c(\n                                                    \"div\",\n                                                    {\n                                                      staticClass:\n                                                        \"step-indicator__text\",\n                                                    },\n                                                    [\n                                                      _vm._v(\n                                                        _vm._s(_vm.inc(index))\n                                                      ),\n                                                    ]\n                                                  ),\n                                            ],\n                                            1\n                                          )\n                                        : _vm._e(),\n                                      _c(\n                                        \"div\",\n                                        {\n                                          staticClass:\n                                            \"c-vertical-tab__content\",\n                                        },\n                                        [\n                                          _c(\n                                            \"div\",\n                                            { staticClass: \"truncate-text\" },\n                                            [_vm._v(_vm._s(tab.label))]\n                                          ),\n                                          tab.assistiveText\n                                            ? _c(\n                                                \"div\",\n                                                {\n                                                  staticClass: \"assistive-text\",\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    _vm._s(tab.assistiveText)\n                                                  ),\n                                                ]\n                                              )\n                                            : _vm._e(),\n                                        ]\n                                      ),\n                                    ]\n                                  )\n                                }),\n                                0\n                              ),\n                            ]\n                          }),\n                        ],\n                        2\n                      ),\n                    ])\n                  : _vm._e(),\n                _vm.$slots[\"right-sidebar\"]\n                  ? _c(\n                      \"div\",\n                      {\n                        staticClass:\n                          \"c-window__right-sidebar c-window__scroller\",\n                        style: _vm.rightSidebarStyle,\n                      },\n                      [_vm._t(\"right-sidebar\")],\n                      2\n                    )\n                  : _vm._e(),\n                _vm.loading\n                  ? _c(\n                      \"div\",\n                      { staticClass: \"loading-icon\" },\n                      [\n                        _c(\"c-icon\", {\n                          staticClass: \"primary--text _mx_auto d-flex\",\n                          attrs: {\n                            icon: _vm.icons.connectLoaderAnimated,\n                            size: 44,\n                            color: \"accent\",\n                          },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"c-window__content\",\n                    class: { \"c-window__content_no-frame\": _vm.noFrame },\n                  },\n                  [\n                    _vm.isErrorShown\n                      ? _c(\"c-alert\", {\n                          staticClass: \"c-dialog__error\",\n                          attrs: {\n                            message: _vm.localErrorText,\n                            icon: _vm.icons.googleErrorBaseline,\n                            dense: \"\",\n                            fluid: \"\",\n                            type: \"error\",\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"message\",\n                                fn: function () {\n                                  return [\n                                    _vm._t(\"message\", null, {\n                                      errorText: _vm.localErrorText,\n                                      rawError: _vm.rawError,\n                                    }),\n                                  ]\n                                },\n                                proxy: true,\n                              },\n                            ],\n                            null,\n                            true\n                          ),\n                        })\n                      : _vm._e(),\n                    _vm._t(_vm.activeSlot),\n                  ],\n                  2\n                ),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"c-window__actions\",\n                    class: {\n                      \"c-window__actions_no-divider\": _vm.hideActionsDivider,\n                    },\n                  },\n                  [\n                    _vm._l(_vm.preparedActions, function (action) {\n                      return [\n                        action.type === \"spacer\"\n                          ? _c(\"div\", {\n                              key: `${action.label}-divider`,\n                              staticClass: \"horizontal-spacer\",\n                            })\n                          : !action.hidden\n                          ? _c(\n                              \"c-button\",\n                              _vm._b(\n                                {\n                                  key: action.label,\n                                  attrs: {\n                                    label: action.label,\n                                    disabled:\n                                      action.disabled ||\n                                      _vm.isActionLoading[action.label],\n                                    color: action.color || \"accent\",\n                                    loading:\n                                      action.loading ||\n                                      _vm.isActionLoading[action.label],\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      $event.stopPropagation()\n                                      return (() =>\n                                        _vm.actionClickHandler(action)).apply(\n                                        null,\n                                        arguments\n                                      )\n                                    },\n                                  },\n                                },\n                                \"c-button\",\n                                action.props,\n                                false\n                              )\n                            )\n                          : _vm._e(),\n                      ]\n                    }),\n                  ],\n                  2\n                ),\n              ]\n            )\n          : _vm._e(),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/cDialog.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      directives: [\n        {\n          name: \"show\",\n          rawName: \"v-show\",\n          value: _vm.localValue,\n          expression: \"localValue\",\n        },\n      ],\n      staticClass: \"c-dialog\",\n      class: { \"c-dialog_opened\": _vm.localValue },\n      style: { zIndex: _vm.zIndex },\n    },\n    [\n      _c(\"transition\", { attrs: { name: \"overlay\" } }, [\n        _vm.localValue\n          ? _c(\"div\", {\n              ref: \"dialog-overview\",\n              staticClass: \"c-dialog__overlay\",\n            })\n          : _vm._e(),\n      ]),\n      _c(\"transition\", { attrs: { name: \"window\" } }, [\n        _vm.localValue\n          ? _c(\n              \"div\",\n              {\n                ref: \"c-window\",\n                staticClass: \"c-dialog__window c-window\",\n                style: {\n                  height: _vm.height,\n                  width: _vm.width,\n                  minWidth: _vm.width,\n                },\n                attrs: { id: _vm.id },\n              },\n              [\n                _c(\"div\", { staticClass: \"c-window__header\" }, [\n                  _c(\n                    \"h2\",\n                    { staticClass: \"c-window__title\" },\n                    [\n                      _vm._t(\"title\", function () {\n                        return [\n                          _c(\"div\", { staticClass: \"truncator\" }, [\n                            _c(\n                              \"div\",\n                              {\n                                staticClass:\n                                  \"truncator__truncate capitalize-first-letter\",\n                              },\n                              [_vm._v(_vm._s(_vm.title))]\n                            ),\n                            _vm.status\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"c-window__status truncator__keep\",\n                                  },\n                                  [_vm._v(\"— \" + _vm._s(_vm.status))]\n                                )\n                              : _vm._e(),\n                          ]),\n                        ]\n                      }),\n                    ],\n                    2\n                  ),\n                ]),\n                _vm.areTabsPresent || _vm.$slots[\"sidebar\"]\n                  ? _c(\"div\", { staticClass: \"c-window__sidebar\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"c-window__scroller\" },\n                        [\n                          _vm._t(\"sidebar\", function () {\n                            return [\n                              _c(\n                                \"div\",\n                                { staticClass: \"c-vertical-tabs\" },\n                                _vm._l(_vm.preparedTabs, function (tab, index) {\n                                  return _c(\n                                    \"a\",\n                                    _vm._b(\n                                      {\n                                        key: tab.key,\n                                        staticClass: \"c-vertical-tab\",\n                                        class: _vm.getTabClasses(tab),\n                                        on: {\n                                          click: function ($event) {\n                                            return _vm.navigateToTab(tab.key)\n                                          },\n                                        },\n                                      },\n                                      \"a\",\n                                      tab.props,\n                                      false\n                                    ),\n                                    [\n                                      _vm.isWizard\n                                        ? _c(\n                                            \"div\",\n                                            {\n                                              staticClass:\n                                                \"c-vertical-tab__step-indicator step-indicator\",\n                                              class: {\n                                                \"step-indicator-filled\":\n                                                  !_vm.isPastCurrentTab(\n                                                    tab.key\n                                                  ),\n                                              },\n                                            },\n                                            [\n                                              tab.skipStep\n                                                ? _c(\"c-icon\", {\n                                                    staticClass:\n                                                      \"step-indicator__icon\",\n                                                    attrs: {\n                                                      size: \"18\",\n                                                      icon: _vm.icons\n                                                        .googleArrowDownwardBaseline,\n                                                    },\n                                                  })\n                                                : !_vm.isCurrentOrPastCurrentTab(\n                                                    tab.key\n                                                  )\n                                                ? _c(\"c-icon\", {\n                                                    staticClass:\n                                                      \"step-indicator__icon\",\n                                                    attrs: {\n                                                      size: \"18\",\n                                                      icon: _vm.icons\n                                                        .googleCheckBaseline,\n                                                    },\n                                                  })\n                                                : _c(\n                                                    \"div\",\n                                                    {\n                                                      staticClass:\n                                                        \"step-indicator__text\",\n                                                    },\n                                                    [\n                                                      _vm._v(\n                                                        _vm._s(_vm.inc(index))\n                                                      ),\n                                                    ]\n                                                  ),\n                                            ],\n                                            1\n                                          )\n                                        : _vm._e(),\n                                      _c(\n                                        \"div\",\n                                        {\n                                          staticClass:\n                                            \"c-vertical-tab__content\",\n                                        },\n                                        [\n                                          _c(\n                                            \"div\",\n                                            { staticClass: \"truncate-text\" },\n                                            [_vm._v(_vm._s(tab.label))]\n                                          ),\n                                          tab.assistiveText\n                                            ? _c(\n                                                \"div\",\n                                                {\n                                                  staticClass:\n                                                    \"truncate-text assistive-text\",\n                                                  attrs: {\n                                                    title: tab.assistiveText,\n                                                  },\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    _vm._s(tab.assistiveText)\n                                                  ),\n                                                ]\n                                              )\n                                            : _vm._e(),\n                                        ]\n                                      ),\n                                    ]\n                                  )\n                                }),\n                                0\n                              ),\n                            ]\n                          }),\n                        ],\n                        2\n                      ),\n                    ])\n                  : _vm._e(),\n                _vm.$slots[\"right-sidebar\"]\n                  ? _c(\n                      \"div\",\n                      {\n                        staticClass:\n                          \"c-window__right-sidebar c-window__scroller\",\n                        style: _vm.rightSidebarStyle,\n                      },\n                      [_vm._t(\"right-sidebar\")],\n                      2\n                    )\n                  : _vm._e(),\n                _vm.loading\n                  ? _c(\n                      \"div\",\n                      { staticClass: \"loading-icon\" },\n                      [\n                        _c(\"c-icon\", {\n                          staticClass: \"primary--text _mx_auto d-flex\",\n                          attrs: {\n                            icon: _vm.icons.connectLoaderAnimated,\n                            size: 44,\n                            color: \"accent\",\n                          },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"c-window__content\",\n                    class: { \"c-window__content_no-frame\": _vm.noFrame },\n                  },\n                  [\n                    _vm.isErrorShown\n                      ? _c(\"c-alert\", {\n                          staticClass: \"c-dialog__error\",\n                          attrs: {\n                            message: _vm.localErrorText,\n                            icon: _vm.icons.googleErrorBaseline,\n                            dense: \"\",\n                            fluid: \"\",\n                            type: \"error\",\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"message\",\n                                fn: function () {\n                                  return [\n                                    _vm._t(\"message\", null, {\n                                      errorText: _vm.localErrorText,\n                                      rawError: _vm.rawError,\n                                    }),\n                                  ]\n                                },\n                                proxy: true,\n                              },\n                            ],\n                            null,\n                            true\n                          ),\n                        })\n                      : _vm._e(),\n                    _vm._t(_vm.activeSlot),\n                  ],\n                  2\n                ),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"c-window__actions\",\n                    class: {\n                      \"c-window__actions_no-divider\": _vm.hideActionsDivider,\n                    },\n                  },\n                  [\n                    _vm._l(_vm.preparedActions, function (action) {\n                      return [\n                        action.type === \"spacer\"\n                          ? _c(\"div\", {\n                              key: `${action.label}-divider`,\n                              staticClass: \"horizontal-spacer\",\n                            })\n                          : !action.hidden\n                          ? _c(\n                              \"c-button\",\n                              _vm._b(\n                                {\n                                  key: action.label,\n                                  attrs: {\n                                    label: action.label,\n                                    disabled:\n                                      action.disabled ||\n                                      _vm.isActionLoading[action.label],\n                                    color: action.color || \"accent\",\n                                    loading:\n                                      action.loading ||\n                                      _vm.isActionLoading[action.label],\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      $event.stopPropagation()\n                                      return (() =>\n                                        _vm.actionClickHandler(action)).apply(\n                                        null,\n                                        arguments\n                                      )\n                                    },\n                                  },\n                                },\n                                \"c-button\",\n                                action.props,\n                                false\n                              )\n                            )\n                          : _vm._e(),\n                      ]\n                    }),\n                  ],\n                  2\n                ),\n              ]\n            )\n          : _vm._e(),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/cDialog.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -2666,7 +2666,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass: \"c-radio\",\n      on: {\n        \"!click\": function ($event) {\n          $event.preventDefault()\n          return _vm.toggleValue.apply(null, arguments)\n        },\n      },\n    },\n    [\n      _c(\"c-icon\", {\n        staticClass: \"c-radio__box\",\n        attrs: { icon: _vm.radioIcon, color: _vm.localValue ? \"#2C98F0\" : \"\" },\n      }),\n      _c(\n        \"label\",\n        {\n          staticClass: \"c-radio__label\",\n          class: { \"c-radio__label_empty\": !_vm.label || !_vm.hint },\n        },\n        [\n          _c(\"input\", {\n            directives: [\n              {\n                name: \"model\",\n                rawName: \"v-model\",\n                value: _vm.localValue,\n                expression: \"localValue\",\n              },\n            ],\n            staticClass: \"c-radio__input\",\n            attrs: { type: \"radio\" },\n            domProps: { checked: _vm._q(_vm.localValue, null) },\n            on: {\n              change: function ($event) {\n                _vm.localValue = null\n              },\n            },\n          }),\n          _c(\"p\", { staticClass: \"c-radio__label-text\" }, [\n            _vm._v(_vm._s(_vm.label)),\n          ]),\n          _c(\"p\", { staticClass: \"c-radio__hint assistive-text\" }, [\n            _vm._v(_vm._s(_vm.hint)),\n          ]),\n        ]\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/cRadio.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass: \"c-radio\",\n      on: {\n        \"!click\": function ($event) {\n          $event.preventDefault()\n          return _vm.select.apply(null, arguments)\n        },\n      },\n    },\n    [\n      _c(\"c-icon\", {\n        staticClass: \"c-radio__box\",\n        attrs: { icon: _vm.radioIcon, color: _vm.localValue ? \"#2C98F0\" : \"\" },\n      }),\n      _c(\n        \"label\",\n        {\n          staticClass: \"c-radio__label\",\n          class: { \"c-radio__label_empty\": !_vm.label || !_vm.hint },\n        },\n        [\n          _c(\"input\", {\n            directives: [\n              {\n                name: \"model\",\n                rawName: \"v-model\",\n                value: _vm.localValue,\n                expression: \"localValue\",\n              },\n            ],\n            staticClass: \"c-radio__input\",\n            attrs: { type: \"radio\" },\n            domProps: { checked: _vm._q(_vm.localValue, null) },\n            on: {\n              change: function ($event) {\n                _vm.localValue = null\n              },\n            },\n          }),\n          _c(\"p\", { staticClass: \"c-radio__label-text\" }, [\n            _vm._v(_vm._s(_vm.label)),\n          ]),\n          _c(\"p\", { staticClass: \"c-radio__hint assistive-text\" }, [\n            _vm._v(_vm._s(_vm.hint)),\n          ]),\n        ]\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/cRadio.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -3096,7 +3096,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + "." + {"deployment-details":"3951a71f26c6065a8119","request-details":"01a32f8bfd8d09e5995e"}[chunkId] + ".js";
+/******/ 			return "" + chunkId + "." + {"deployment-details":"39e6e55778b4493e8317","request-details":"13128bcfa4a01a8790d4"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	
diff --git a/connect_ext_ppr/static/index.html b/connect_ext_ppr/static/index.html
index 0d2f2af..4241013 100644
--- a/connect_ext_ppr/static/index.html
+++ b/connect_ext_ppr/static/index.html
@@ -12,7 +12,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <title>Index</title>
-<script defer src="vendors.3c43b45d3e9e7cbf9863.js"></script><script defer src="index.a9096f4123c488fa9dcd.js"></script><link href="index.b861039a3d9cbe776fbe.css" rel="stylesheet"></head>
+<script defer src="vendors.477dfeaddc3332b16684.js"></script><script defer src="index.4c619a533d33ed5d4dad.js"></script><link href="index.078542b7141079d77ac1.css" rel="stylesheet"></head>
 
 <body>
     <div id="app"></div>
diff --git a/connect_ext_ppr/static/request-details.01a32f8bfd8d09e5995e.js b/connect_ext_ppr/static/request-details.13128bcfa4a01a8790d4.js
similarity index 95%
rename from connect_ext_ppr/static/request-details.01a32f8bfd8d09e5995e.js
rename to connect_ext_ppr/static/request-details.13128bcfa4a01a8790d4.js
index f92c887..852b5eb 100644
--- a/connect_ext_ppr/static/request-details.01a32f8bfd8d09e5995e.js
+++ b/connect_ext_ppr/static/request-details.13128bcfa4a01a8790d4.js
@@ -445,7 +445,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \************************************************************************************************************************************************************************************************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"request-tasks-tab\" },\n    [\n      _c(\"c-data-table\", {\n        attrs: {\n          headers: _vm.headers,\n          \"prepare-row\": _vm.prepareRow,\n          updating: _vm.loading,\n          \"hide-all-pagination-sections\": \"\",\n        },\n        scopedSlots: _vm._u([\n          {\n            key: \"items\",\n            fn: function ({ row, visibleHeaders }) {\n              return [\n                _c(\n                  \"tr\",\n                  {\n                    staticClass: \"table__row hoverable\",\n                    attrs: { id: row.id },\n                  },\n                  [\n                    _vm._l(visibleHeaders, function (header) {\n                      return [\n                        header.value === \"id\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [_c(\"span\", [_vm._v(_vm._s(row.id))])]\n                            )\n                          : _vm._e(),\n                        header.value === \"event\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [_c(\"span\", [_vm._v(_vm._s(row.event))])]\n                            )\n                          : _vm._e(),\n                        header.value === \"processed\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.processed\n                                  ? _c(\"span\", [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm._f(\"utcToLocal\")(row.processed)\n                                        )\n                                      ),\n                                    ])\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-text\" },\n                                      [_vm._v(\"–\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"elapsed\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.elapsed\n                                  ? _c(\"span\", [_vm._v(_vm._s(row.elapsed))])\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-text\" },\n                                      [_vm._v(\"–\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"status\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\n                                  \"div\",\n                                  { staticClass: \"request-tasks-tab__status\" },\n                                  [\n                                    _c(\"c-status\", {\n                                      attrs: { status: row.status },\n                                    }),\n                                    row.status === \"error\"\n                                      ? [\n                                          _c(\n                                            \"span\",\n                                            {\n                                              staticClass:\n                                                \"request-tasks-tab__dot\",\n                                            },\n                                            [_vm._v(\"•\")]\n                                          ),\n                                          _c(\n                                            \"a\",\n                                            {\n                                              on: {\n                                                click: function ($event) {\n                                                  return _vm.openErrorDetails(\n                                                    row\n                                                  )\n                                                },\n                                              },\n                                            },\n                                            [_vm._v(\"Details\")]\n                                          ),\n                                        ]\n                                      : _vm._e(),\n                                  ],\n                                  2\n                                ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"actions\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\"c-button\", {\n                                  attrs: {\n                                    icon: _vm.icons.googleInfoOutlineBaseline,\n                                    size: \"18px\",\n                                    small: \"\",\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.openInfoDialog(row)\n                                    },\n                                  },\n                                }),\n                              ],\n                              1\n                            )\n                          : _vm._e(),\n                      ]\n                    }),\n                  ],\n                  2\n                ),\n              ]\n            },\n          },\n        ]),\n        model: {\n          value: _vm.tasks,\n          callback: function ($$v) {\n            _vm.tasks = $$v\n          },\n          expression: \"tasks\",\n        },\n      }),\n      _c(\"request-task-info-dialog\", {\n        attrs: { item: _vm.currentItem },\n        model: {\n          value: _vm.isInfoDialogOpen,\n          callback: function ($$v) {\n            _vm.isInfoDialogOpen = $$v\n          },\n          expression: \"isInfoDialogOpen\",\n        },\n      }),\n      _c(\"error-dialog\", {\n        attrs: { \"error-message\": _vm.currentError, type: \"Task\" },\n        model: {\n          value: _vm.isErrorDialogOpen,\n          callback: function ($$v) {\n            _vm.isErrorDialogOpen = $$v\n          },\n          expression: \"isErrorDialogOpen\",\n        },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/RequestTasksTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"request-tasks-tab\" },\n    [\n      _c(\"c-data-table\", {\n        attrs: {\n          headers: _vm.headers,\n          \"prepare-row\": _vm.prepareRow,\n          updating: _vm.loading,\n          \"hide-all-pagination-sections\": \"\",\n        },\n        scopedSlots: _vm._u([\n          {\n            key: \"items\",\n            fn: function ({ row, visibleHeaders }) {\n              return [\n                _c(\n                  \"tr\",\n                  {\n                    staticClass: \"table__row hoverable\",\n                    attrs: { id: row.id },\n                  },\n                  [\n                    _vm._l(visibleHeaders, function (header) {\n                      return [\n                        header.value === \"id\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [_c(\"span\", [_vm._v(_vm._s(row.id))])]\n                            )\n                          : _vm._e(),\n                        header.value === \"event\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [_c(\"span\", [_vm._v(_vm._s(row.event))])]\n                            )\n                          : _vm._e(),\n                        header.value === \"processed\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.processed\n                                  ? _c(\"span\", [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm._f(\"utcToLocal\")(row.processed)\n                                        )\n                                      ),\n                                    ])\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-color\" },\n                                      [_vm._v(\"—\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"elapsed\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                row.elapsed\n                                  ? _c(\"span\", [_vm._v(_vm._s(row.elapsed))])\n                                  : _c(\n                                      \"span\",\n                                      { staticClass: \"assistive-color\" },\n                                      [_vm._v(\"–\")]\n                                    ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"status\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\n                                  \"div\",\n                                  { staticClass: \"request-tasks-tab__status\" },\n                                  [\n                                    _c(\"c-status\", {\n                                      attrs: { status: row.status },\n                                    }),\n                                    row.status === \"error\"\n                                      ? [\n                                          _c(\n                                            \"span\",\n                                            {\n                                              staticClass:\n                                                \"request-tasks-tab__dot\",\n                                            },\n                                            [_vm._v(\"•\")]\n                                          ),\n                                          _c(\n                                            \"a\",\n                                            {\n                                              on: {\n                                                click: function ($event) {\n                                                  return _vm.openErrorDetails(\n                                                    row\n                                                  )\n                                                },\n                                              },\n                                            },\n                                            [_vm._v(\"Details\")]\n                                          ),\n                                        ]\n                                      : _vm._e(),\n                                  ],\n                                  2\n                                ),\n                              ]\n                            )\n                          : _vm._e(),\n                        header.value === \"actions\"\n                          ? _c(\n                              \"td\",\n                              { key: header.value, staticClass: \"nowrap-cell\" },\n                              [\n                                _c(\"c-button\", {\n                                  attrs: {\n                                    icon: _vm.icons.googleInfoOutlineBaseline,\n                                    size: \"18px\",\n                                    small: \"\",\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.openInfoDialog(row)\n                                    },\n                                  },\n                                }),\n                              ],\n                              1\n                            )\n                          : _vm._e(),\n                      ]\n                    }),\n                  ],\n                  2\n                ),\n              ]\n            },\n          },\n        ]),\n        model: {\n          value: _vm.tasks,\n          callback: function ($$v) {\n            _vm.tasks = $$v\n          },\n          expression: \"tasks\",\n        },\n      }),\n      _c(\"request-task-info-dialog\", {\n        attrs: { item: _vm.currentItem },\n        model: {\n          value: _vm.isInfoDialogOpen,\n          callback: function ($$v) {\n            _vm.isInfoDialogOpen = $$v\n          },\n          expression: \"isInfoDialogOpen\",\n        },\n      }),\n      _c(\"error-dialog\", {\n        attrs: { \"error-message\": _vm.currentError, type: \"Task\" },\n        model: {\n          value: _vm.isErrorDialogOpen,\n          callback: function ($$v) {\n            _vm.isErrorDialogOpen = $$v\n          },\n          expression: \"isErrorDialogOpen\",\n        },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/RequestTasksTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
diff --git a/connect_ext_ppr/static/settings.html b/connect_ext_ppr/static/settings.html
index 45e21bd..12b04d4 100644
--- a/connect_ext_ppr/static/settings.html
+++ b/connect_ext_ppr/static/settings.html
@@ -11,7 +11,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
     <title>Settings</title>
-<script defer src="vendors.3c43b45d3e9e7cbf9863.js"></script><script defer src="settings.bd5ea671e480c7aabff3.js"></script><link href="settings.228c534170f31239141d.css" rel="stylesheet"></head>
+<script defer src="vendors.477dfeaddc3332b16684.js"></script><script defer src="settings.bd5ea671e480c7aabff3.js"></script><link href="settings.228c534170f31239141d.css" rel="stylesheet"></head>
 
 <body>
     <div id="loader"></div>
diff --git a/connect_ext_ppr/static/vendors.3c43b45d3e9e7cbf9863.js b/connect_ext_ppr/static/vendors.477dfeaddc3332b16684.js
similarity index 99%
rename from connect_ext_ppr/static/vendors.3c43b45d3e9e7cbf9863.js
rename to connect_ext_ppr/static/vendors.477dfeaddc3332b16684.js
index 0eceb35..40142e2 100644
--- a/connect_ext_ppr/static/vendors.3c43b45d3e9e7cbf9863.js
+++ b/connect_ext_ppr/static/vendors.477dfeaddc3332b16684.js
@@ -1994,6 +1994,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./node_modules/@cloudblueconnect/material-svg/icons/google/warning/baseline.svg":
+/*!***************************************************************************************!*\
+  !*** ./node_modules/@cloudblueconnect/material-svg/icons/google/warning/baseline.svg ***!
+  \***************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../svg-baker-runtime/browser-symbol.js */ \"./node_modules/svg-baker-runtime/browser-symbol.js\");\n/* harmony import */ var _svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../svg-sprite-loader/runtime/browser-sprite.build.js */ \"./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\");\n/* harmony import */ var _svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);\n\n\nvar symbol = new (_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default())({\n  \"id\": \"warning_baseline_62d335\",\n  \"use\": \"warning_baseline_62d335-usage\",\n  \"viewBox\": \"0 0 24 24\",\n  \"content\": \"<symbol xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 24 24\\\" id=\\\"warning_baseline_62d335\\\"><path d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\" /><path d=\\\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\\\" /></symbol>\"\n});\nvar result = _svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);\n\n//# sourceURL=webpack://connect-extension-xvs/./node_modules/@cloudblueconnect/material-svg/icons/google/warning/baseline.svg?");
+
+/***/ }),
+
 /***/ "./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js":
 /*!************************************************************************!*\
   !*** ./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js ***!