diff --git a/pkg/sbombastic-image-vulnerability-scanner/components/RegistryDetails.vue b/pkg/sbombastic-image-vulnerability-scanner/components/RegistryDetails.vue
index bcd9a68..a97f3a9 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/components/RegistryDetails.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/components/RegistryDetails.vue
@@ -5,7 +5,7 @@
         <div class="resource-header">
           <div class="resource-header-name-state">
             <span class="resource-header-name">
-              <RouterLink :to="`/c/${this.$route.params.cluster}/${ this.PRODUCT_NAME }/${ this.RESOURCE.REGISTRY }/`">{{ t('imageScanner.registries.title') }}:</RouterLink>
+              <RouterLink :to="`/c/${this.$route.params.cluster}/${ this.PRODUCT_NAME }/${this.PAGE.REGISTRIES}`">{{ t('imageScanner.registries.title') }}:</RouterLink>
               {{ $route.params.id }}
             </span>
             <RegisterStatusBadge :status="registryStatus" />
@@ -33,7 +33,7 @@
 
 <script>
   import { BadgeState } from '@rancher/components';
-  import { PRODUCT_NAME, RESOURCE } from '@sbombastic-image-vulnerability-scanner/types';
+  import { PRODUCT_NAME, RESOURCE, PAGE } from '@sbombastic-image-vulnerability-scanner/types';
   import ResourceTable from "@shell/components/ResourceTable";
   import RancherMeta from './common/RancherMeta.vue';
   import RegisterStatusBadge from './common/RegisterStatusBadge.vue';
@@ -53,6 +53,7 @@
       return {
         PRODUCT_NAME,
         RESOURCE,
+        PAGE,
         registry: null,
         registryStatus: null,
         registryMetadata: [],
diff --git a/pkg/sbombastic-image-vulnerability-scanner/config/sbombastic-image-vulnerability-scanner.ts b/pkg/sbombastic-image-vulnerability-scanner/config/sbombastic-image-vulnerability-scanner.ts
index 1285013..8b30c7b 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/config/sbombastic-image-vulnerability-scanner.ts
+++ b/pkg/sbombastic-image-vulnerability-scanner/config/sbombastic-image-vulnerability-scanner.ts
@@ -12,6 +12,19 @@ export function init($plugin: IPlugin, store: any) {
       icon: "pod_security",
       inStore: "cluster",
   });
+  
+  virtualType({
+    labelKey: 'imageScanner.registries.title',
+    name: PAGE.REGISTRIES,
+    namespaced: false,
+    route:    {
+        name:   `c-cluster-${PRODUCT_NAME}-${PAGE.REGISTRIES}`,
+        params: {
+            product: PRODUCT_NAME
+        },
+        meta: { pkg: PRODUCT_NAME, product: PRODUCT_NAME }
+    }
+  });
 
   virtualType({
     labelKey: 'imageScanner.images.title',
@@ -72,6 +85,6 @@ export function init($plugin: IPlugin, store: any) {
         //"demo"
     ]);
 
-  basicType([RESOURCE.REGISTRY, PAGE.VEX_MANAGEMENT], 'Advanced');
+  basicType([PAGE.REGISTRIES, PAGE.VEX_MANAGEMENT], 'Advanced');
 
 }
\ No newline at end of file
diff --git a/pkg/sbombastic-image-vulnerability-scanner/edit/sbombastic.rancher.io.registry.vue b/pkg/sbombastic-image-vulnerability-scanner/edit/sbombastic.rancher.io.registry.vue
index 4752564..10a13d5 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/edit/sbombastic.rancher.io.registry.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/edit/sbombastic.rancher.io.registry.vue
@@ -14,6 +14,7 @@ import {
   REGISTRY_TYPE_OPTIONS,
   SCAN_INTERVAL_OPTIONS, SCAN_INTERVALS
 } from "@sbombastic-image-vulnerability-scanner/constants/scan-interval-options";
+import { PRODUCT_NAME, PAGE } from "@sbombastic-image-vulnerability-scanner/types";
 
 export default {
   name: 'CruRegistry',
@@ -77,6 +78,44 @@ export default {
     },
   },
 
+  methods: {
+    apply(event) {
+      console.log('finish apply');
+      this.save(event)
+        .then(() => {
+          this.$emit('done');
+        })
+        .catch((e) => {
+          this.errors = e;
+        })
+        .finally(() => {
+          this.$router.push({
+            name: `c-cluster-${PRODUCT_NAME}-${PAGE.REGISTRIES}`,
+            params: {
+              cluster: this.$route.params.cluster,
+              product: PRODUCT_NAME
+            }
+          });
+        });
+    },
+
+    cancel() {
+      console.log('cancel done');
+      this.done();
+      this.$router.push({
+        name: `c-cluster-${PRODUCT_NAME}-${PAGE.REGISTRIES}`,
+        params: {
+          cluster: this.$route.params.cluster,
+          product: PRODUCT_NAME
+        }
+      });
+    },
+    doneRoute() {
+      console.log('doneRoute');
+      return `c-cluster-${PRODUCT_NAME}-${PAGE.REGISTRIES}`;
+    },
+  },
+
   // Set default values for creating a new registry configuration
   created() {
     const spec = this.value.spec;
@@ -100,9 +139,10 @@ export default {
         :subtypes="[]"
         :validation-passed="true"
         :errors="errors"
+        :cancel-event="true"
         @error="(e) => (errors = e)"
-        @finish="save"
-        @cancel="done"
+        @finish="apply"
+        @cancel="cancel"
     >
       <NameNsDescription
           :value="value"
diff --git a/pkg/sbombastic-image-vulnerability-scanner/formatters/PreviousScanCell.vue b/pkg/sbombastic-image-vulnerability-scanner/formatters/PreviousScanCell.vue
index fd328df..cb5decc 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/formatters/PreviousScanCell.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/formatters/PreviousScanCell.vue
@@ -13,13 +13,13 @@ export default {
   },
   methods: {
     getStatusText(row) {
-      return this.t(`imageScanner.enum.status.${row.prevScanStatus.toLowerCase()}`);
+      return this.t(`imageScanner.enum.status.${row.prevScanStatus?.toLowerCase()}`);
     },
     getStatusLabelClass(row) {
-      return row.prevScanStatus.toLowerCase();
+      return row.prevScanStatus?.toLowerCase();
     },
     getStatusDotClass(row) {
-      return `dot ${row.prevScanStatus.toLowerCase()}`;
+      return `dot ${row.prevScanStatus?.toLowerCase()}`;
     }
   }
 };
@@ -32,6 +32,9 @@ export default {
         <div v-if="row.prevProgress">
           <ProgressCell :status="{ progress: row.prevProgress, error: row.error }" />
         </div>
+        <div v-if="row.prevScanStatus.toLowerCase() === 'failed' && row.error">
+          <span class="error-message">|<span style="margin-left: 10px;">{{ t("imageScanner.general.error") }}</span></span>
+        </div>
     </div>
 </template>
 
diff --git a/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml b/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml
index 4545c61..07088cc 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml
+++ b/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml
@@ -134,6 +134,7 @@ imageScanner:
     ago: ago
     justNow: Just now
     none: none
+    error: Error
 
 typeLabel:
   sbombastic.rancher.io.registry: Registries configuration
diff --git a/pkg/sbombastic-image-vulnerability-scanner/list/sbombastic.rancher.io.registry.vue b/pkg/sbombastic-image-vulnerability-scanner/list/sbombastic.rancher.io.registry.vue
index bb77c13..f1a4392 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/list/sbombastic.rancher.io.registry.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/list/sbombastic.rancher.io.registry.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <div>
-      <button
-          class="btn role-secondary"
-          style="position: absolute; top: 80px; right: 120px;"
-          @click="refresh()"
-        >
-          <i class="icon icon-refresh"></i>
-          {{ t('imageScanner.registries.button.refresh') || 'Refresh data' }}
-        </button>
+      <!-- <button
+        class="btn role-secondary"
+        style="position: absolute; top: 80px; right: 120px;"
+        @click="refresh()"
+      >
+        <i class="icon icon-refresh"></i>
+        {{ t('imageScanner.registries.button.refresh') || 'Refresh data' }}
+      </button> -->
     </div>
     <div class="state">State as of <span class="state-date-time">{{ latestUpdateTimeText }}</span></div>
     <div class="summary-section">
diff --git a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/RegistriesConfiguration.vue b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/RegistriesConfiguration.vue
new file mode 100644
index 0000000..ce4bdb5
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/RegistriesConfiguration.vue
@@ -0,0 +1,394 @@
+<template>
+  <div>
+    <div class="header-section">
+      <div class="header-left">
+        <div class="title-wrap">
+          <div class="title">{{ t('imageScanner.registries.title') }}</div>
+        </div>
+        <div class="state">State as of <span class="state-date-time">{{ latestUpdateTimeText }}</span></div>
+      </div>
+      <div class="header-right">
+        <div class="header-btn">
+          <button
+            mat-button
+            class="btn role-secondary"
+            aria-label="Refresh data"
+            type="button"
+            :disabled="disabled"
+            @click="refresh()">
+            <em class="icon-refresh-ss"></em>{{ t('imageScanner.registries.button.refresh') }}
+          </button>
+        </div>
+        <div class="header-btn">
+          <button
+            mat-button
+            class="btn role-primary"
+            aria-label="Add new"
+            type="button"
+            :disabled="disabled"
+            @click="openAddEditRegistry()">
+            <em class="icon-add"></em>{{ t('imageScanner.registries.button.addNew') }}
+          </button>
+        </div>
+      </div>
+    </div>
+    <div class="summary-section">
+      <RecentUpdatedRegistries :registryStatusList="registryStatusList"/>
+      <StatusDistribution :chartData="statusSummary"/>
+    </div>
+    <SortableTable
+      ref="table"
+      :has-advanced-filtering="false"
+      :rows="rows"
+      :headers="headers"
+      @selection="onSelectionChange"
+    >
+      <template #header-left>
+          <div class="bulk-actions">
+            <ScanButton :selectedRegistries="selectedRows?.map(row => {return {name: row.metadata.name, namespace: row.metadata.namespace}})" :reloadFn="loadData" />
+            <button
+              class="btn role-primary"
+              :disabled="!(selectedRows && selectedRows.length)"
+              @click="promptRemoveRegistry()"
+            >
+              <i class="icon icon-delete"></i>
+              {{ t('imageScanner.registries.button.delete') || 'Delete' }}
+            </button>
+          </div>
+      </template>
+    </SortableTable>
+  </div>
+</template>
+
+<script>
+
+  import { ref } from "vue";
+  import { RESOURCE } from "@sbombastic-image-vulnerability-scanner/types";
+  import SortableTable from "@shell/components/SortableTable";
+  import RecentUpdatedRegistries from "@sbombastic-image-vulnerability-scanner/components/RecentUpdatedRegistries";
+  import StatusDistribution from "@sbombastic-image-vulnerability-scanner/components/StatusDistribution";
+  import { REGISTRY_SCAN_TABLE } from "@sbombastic-image-vulnerability-scanner/config/table-headers";
+  import {
+    PRODUCT_NAME,
+  } from "@sbombastic-image-vulnerability-scanner/types";
+  import { escapeHtml } from '@shell/utils/string';
+  import day from 'dayjs';
+  import { DATE_FORMAT, TIME_FORMAT } from '@shell/store/prefs';
+  import { findBy } from '@shell/utils/array';
+  import ScanButton from "@sbombastic-image-vulnerability-scanner/components/common/ScanButton";
+import { template } from "lodash";
+
+  export default {
+    name: 'registries',
+    components: {
+      SortableTable,
+      RecentUpdatedRegistries,
+      StatusDistribution,
+      ScanButton,
+    },
+    data() {
+      return {
+        content: ref("Registries"),
+        PRODUCT_NAME: PRODUCT_NAME,
+        rows: [],
+        registryStatusList: [],
+        latestUpdateTime: null,
+        statusSummary: {
+          scheduled: 0,
+          pending: 0,
+          inprogress: 0,
+          complete: 0,
+          failed: 0
+        },
+        headers: REGISTRY_SCAN_TABLE,
+      }
+    },
+
+    async fetch() {
+      await this.loadData();
+    },
+    methods: {
+      async loadData(isForceLoading = false) {
+        await this.$store.dispatch('cluster/findAll', { type: RESOURCE.REGISTRY, opt: {force: isForceLoading} });
+        if (this.$store.getters['cluster/canList'](RESOURCE.SCAN_JOB)) {
+          await this.$store.dispatch('cluster/findAll', { type: RESOURCE.SCAN_JOB, opt: {force: isForceLoading} });
+        }
+        this.registryStatusList = [];
+        this.statusSummary = {};
+        
+        let registriesCRD = this.$store.getters['cluster/all'](RESOURCE.REGISTRY);
+
+        //Fetch ScanJob CRD and sort by startTime DESC
+        let scanJobCRD = this.$store.getters['cluster/all'](RESOURCE.SCAN_JOB).sort((a, b) => {
+          if (!a.status || !a.status.startTime) {
+            return 1;
+          }
+          if (!b.status || !b.status.startTime) {
+            return -1;
+          }
+          return new Date(b.status.startTime) - new Date(a.status.startTime);
+        });
+
+        const scanJobMap = this.getScanJobMap(scanJobCRD);
+        const registryDataset  = this.getRegistryDataset(registriesCRD, scanJobMap);
+        this.rows = registryDataset.rows;
+        this.registryStatusList = registryDataset.registryStatusList;
+        this.statusSummary = registryDataset.statusSummary;
+        console.log("this.rows",this.rows)
+      },
+      refresh() {
+        this.loadData(true);
+      },
+      openAddEditRegistry() {
+        this.$router.push({
+          name: `${ PRODUCT_NAME }-c-cluster-resource-create`,
+          params: {
+            resource: RESOURCE.REGISTRY,
+            cluster: this.$route.params.cluster,
+            product: PRODUCT_NAME
+          }
+        });
+      },
+      onSelectionChange(selected) {
+        this.selectedRows = selected || [];
+      },
+      async promptRemoveRegistry() {
+        const table = this.$refs.table;
+        const act = findBy(table.availableActions, 'action', 'promptRemove');
+        if ( act ) {
+          table.setBulkActionOfInterest(act);
+          table.applyTableAction(act);
+        }
+        return;
+      },
+      getScanJobMap(scanJobCRD) {
+        let scanJobMap = {};
+        scanJobCRD.forEach((rec) => {
+          let statusIndex = rec.status?.conditions?.findIndex((condition) => {
+            return condition.status === "True";
+          });
+          console.log("statusIndex", statusIndex, rec.status?.conditions);
+          rec.status.statusResult = statusIndex > -1 ? {
+            type: rec.status.conditions[statusIndex].type,
+            lastTransitionTime: rec.status.conditions[statusIndex].lastTransitionTime,
+            message: rec.status.conditions[statusIndex].message,
+            statusIndex: statusIndex
+          } : {
+            type: "Pending",
+            lastTransitionTime: null,
+            statusIndex: -1
+          };
+
+          // Set ScanJobe map with namespace/registry as key and up to 2 scan jobs as value
+          if (
+            scanJobMap[`${rec.metadata.namespace}/${rec.spec.registry}`] &&
+            Array.isArray(scanJobMap[`${rec.metadata.namespace}/${rec.spec.registry}`]) &&
+            scanJobMap[`${rec.metadata.namespace}/${rec.spec.registry}`].length > 0 &&
+            scanJobMap[`${rec.metadata.namespace}/${rec.spec.registry}`].length < 2) {
+            scanJobMap[`${rec.metadata.namespace}/${rec.spec.registry}`].push(rec);
+          } else {
+            scanJobMap[`${rec.metadata.namespace}/${rec.spec.registry}`] = [rec];
+          }
+        });
+        return scanJobMap;
+      },
+      getRegistryDataset(registriesCRD, scanJobMap) {
+        let registryStatusList = [];
+        const statusSummary = {
+          scheduled: 0,
+          pending: 0,
+          inprogress: 0,
+          complete: 0,
+          failed: 0
+        };
+        const rows = registriesCRD.map((rec) => {
+          this.latestUpdateTime = new Date();
+          let scanjobs = scanJobMap[`${rec.metadata.namespace}/${rec.metadata.name}`] || [];
+          const status = scanjobs[0] ? scanjobs[0].status.statusResult.type.toLowerCase() || "pending" : "none";
+          const prevStatus = this.getPreviousStatus(scanjobs);
+          const prevScanStatus = scanjobs[1] ? scanjobs[1].status.statusResult.type.toLowerCase() || "pending" : "none";
+          
+          // Reform the record for the table
+          rec.id = `${rec.metadata.namespace}/${rec.metadata.name}`;
+          rec.currStatus = status;
+          rec.prevScanStatus = prevScanStatus;
+          rec.progress = scanjobs[0] && scanjobs[0].status.imageCount && scanjobs[0].status.scannedImageCount?
+            Math.ceil(scanjobs[0].status.scannedImageCount / scanjobs[0].status.imageCount * 100) : 0;
+          rec.prevProgress = scanjobs[1] && scanjobs[1].status.imageCount && scanjobs[1].status.scannedImageCount?
+            Math.ceil(scanjobs[1].status.scannedImageCount / scanjobs[1].status.imageCount * 100) : 0;
+          rec.error = scanjobs[0] && scanjobs[0].status.statusResult.type === "Failed" ? scanjobs[0].status.statusResult.message : "";
+
+          // Summarize the data for Latest status updates panel
+          registryStatusList.push({
+            registryName: rec.metadata.name,
+            uri: rec.spec.uri,
+            namespace: rec.metadata.namespace,
+            prevScanStatus: prevStatus,
+            currStatus: status,
+            lastTransitionTime: scanjobs[0]?.status?.statusResult?.lastTransitionTime || rec.metadata.creationTimestamp,
+          });
+
+          //Summarize the data for Status distribution panel
+          if (status && statusSummary.hasOwnProperty(status)) {
+            statusSummary[status]++;
+          }
+
+          rec.availableActions.push({
+            action: 'startScan',
+            label: this.t('imageScanner.registries.buttons.startScan') || 'Start Scan',
+            icon: 'icon-play',
+            enabled: true,
+            invoke:   ({}, resources) => { this.startScan(resources); }
+          });
+          console.log("rec", rec)
+          console.log("rec.availableActions", rec.availableActions)
+          return rec;
+        }); 
+        // Sort and limit the registryStatusList to 5 most recent updates
+        registryStatusList = registryStatusList.sort((a, b) => new Date(b.lastTransitionTime) - new Date(a.lastTransitionTime)).slice(0, 5);
+        while (registryStatusList.length < 5) {
+          registryStatusList.push({
+            registryName: "",
+            uri: "",
+            prevScanStatus: "",
+            currStatus: "",
+            lastTransitionTime: new Date().toISOString()
+          });
+        }
+        return {
+          rows,
+          registryStatusList,
+          statusSummary
+        }
+      },
+      getPreviousStatus(scanjobs) {
+        if (scanjobs && scanjobs[0] && scanjobs[0].status && scanjobs[0].status.statusResult && scanjobs[0].status.statusResult.statusIndex > 0) {
+          let index = scanjobs[0].status.statusResult.statusIndex;
+          if (index < 3) {
+            return scanjobs[0].status.conditions[index - 1].type.toLowerCase();
+          } else {
+            return scanjobs[0].status.conditions[index - 2].type.toLowerCase();
+          }
+        } else if (scanjobs && scanjobs[1]) {
+          return scanjobs[1].status.statusResult.type.toLowerCase();
+        } else {
+          return "none";
+        }
+      }
+    },
+    computed: {
+      schema() {
+        return this.$store.getters['cluster/schemaFor'](RESOURCE.REGISTRY);
+      },
+      latestUpdateTimeText() {
+        const dateFormat = escapeHtml( this.$store.getters['prefs/get'](DATE_FORMAT));
+        const timeFormat = escapeHtml( this.$store.getters['prefs/get'](TIME_FORMAT));
+        return `${day(new Date(this.latestUpdateTime).getTime()).format(dateFormat)} ${day(new Date(this.latestUpdateTime).getTime()).format(timeFormat)}`;
+      },
+    },
+  }
+
+</script>
+
+
+<style lang="scss" scoped>
+  .page {
+    display: flex;
+    flex-direction: column;
+    padding: 0 20px 20px 20px;
+    min-height: 100%;
+  }
+  .header-section {
+    display: flex;
+    align-items: flex-start;
+    gap: 24px;
+    align-self: stretch;
+    margin-bottom: 24px;
+    .header-left {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: flex-start;
+      gap: 4px;
+      flex: 1 0 0;
+    }
+    .title-wrap {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      align-self: stretch;
+      .title {
+        color: #141419;
+        font-family: Lato;
+        font-size: 24px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 32px; /* 133.333% */
+      }
+      .state {
+        display: -webkit-box;
+        max-width: 900px;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+        align-self: stretch;
+        overflow: hidden;
+        color: #717179;
+
+        text-overflow: ellipsis;
+        font-family: Lato;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 21px; /* 150% */
+
+        .state-date-time {
+          overflow: hidden;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 1;
+          color: #717179;
+          text-overflow: ellipsis;
+          font-family: Lato;
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 600;
+          line-height: 21px;
+        }
+      }
+    }
+    .header-right {
+      display: flex;
+      align-items: flex-end;
+      justify-content: end;
+      flex: 1 0 0;
+      gap: 24px;
+    }
+    .header-btn {
+      height: 40px;
+    }
+    .icon-add {
+      width: 16px;
+      height: 16px;
+      margin-right: 12px;
+      background: url('../../../../assets/img/add.svg') no-repeat center center;
+      background-size: contain;
+    }
+    .icon-refresh-ss {
+      width: 16px;
+      height: 16px;
+      margin-right: 12px;
+      background: url('../../../../assets/img/refresh.svg') no-repeat center center;
+      background-size: contain;
+    }
+  }
+  .summary-section {
+    display: flex;
+    min-width: 912px;
+    align-items: flex-start;
+    align-self: stretch;
+    border-radius: 6px;
+    border: 1px solid #DCDEE7;
+    background: #FFF;
+    margin: 24px 0;
+  }
+   
+</style>
\ No newline at end of file
diff --git a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/_resource/create.vue b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/_resource/create.vue
new file mode 100644
index 0000000..e58df89
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/_resource/create.vue
@@ -0,0 +1,12 @@
+<script lang="ts">
+import ResourceDetail from '@shell/components/ResourceDetail/index.vue';
+
+export default {
+  name:       'SbomBasticResourceCreate',
+  components: { ResourceDetail },
+};
+</script>
+
+<template>
+  <ResourceDetail />
+</template>
diff --git a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/_resource/index.vue b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/_resource/index.vue
new file mode 100644
index 0000000..347d022
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/_resource/index.vue
@@ -0,0 +1,12 @@
+<script lang="ts">
+import ResourceList from '@shell/components/ResourceList/index.vue';
+
+export default {
+  name:       'SbomBasticResourcedList',
+  components: { ResourceList },
+};
+</script>
+
+<template>
+  <ResourceList />
+</template>
diff --git a/pkg/sbombastic-image-vulnerability-scanner/routes/sbombastic-image-vulnerability-scanner-routes.ts b/pkg/sbombastic-image-vulnerability-scanner/routes/sbombastic-image-vulnerability-scanner-routes.ts
index bb6f2de..37d18bc 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/routes/sbombastic-image-vulnerability-scanner-routes.ts
+++ b/pkg/sbombastic-image-vulnerability-scanner/routes/sbombastic-image-vulnerability-scanner-routes.ts
@@ -1,10 +1,11 @@
 import RegistryDetails from "@sbombastic-image-vulnerability-scanner/components/RegistryDetails.vue";
 import ComponentDemo from "@sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/ComponentDemo.vue";
 import ImageOverview from "@sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/ImageOverview.vue";
-import Registries from "@sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Registries.vue";
+import RegistriesConfiguration from "@sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/RegistriesConfiguration.vue";
 import Vulnerabilities from "@sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Vulnerabilities.vue";
 import VexManagement from "@sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/VexManagement.vue";
-
+import CreateResource from "@sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/_resource/create.vue";
+import ListResource from "@sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/_resource/index.vue";
 import {
   PRODUCT_NAME,
   PAGE,
@@ -31,11 +32,32 @@ const routes = [
     path: `/c/:cluster/${PRODUCT_NAME}/demo`,
     component: ComponentDemo,
   },
+  {
+    name: `c-cluster-${PRODUCT_NAME}-${PAGE.REGISTRIES}`,
+    path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.REGISTRIES}`,
+    component: RegistriesConfiguration,
+  },
   {
     name: `c-cluster-${PRODUCT_NAME}-${PAGE.REGISTRIES}-id`,
     path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.REGISTRIES}/:ns/:id`,
     component: RegistryDetails,
   },
+  {
+    name:      `${ PRODUCT_NAME }-c-cluster-resource-create`,
+    path:      `/${ PRODUCT_NAME }/c/:cluster/:resource/create`,
+    component: CreateResource,
+    meta:      {
+      product: PRODUCT_NAME,
+    },
+  },
+  {
+    name:      `${ PRODUCT_NAME }-c-cluster-resource`,
+    path:      `/${ PRODUCT_NAME }/c/:cluster/:resource`,
+    component: ListResource,
+    meta:      {
+      product: PRODUCT_NAME,
+    },
+  },
 ];
 
 export default routes;