diff --git a/pkg/sbombastic-image-vulnerability-scanner/components/ImageDetails.vue b/pkg/sbombastic-image-vulnerability-scanner/components/ImageDetails.vue
index 712367a..f625f07 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/components/ImageDetails.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/components/ImageDetails.vue
@@ -240,7 +240,7 @@
 <script>
 import SortableTable from "@shell/components/SortableTable";
 import { BadgeState } from '@components/BadgeState';
-import Checkbox from '@components/Form/Checkbox';
+import { Checkbox } from '@components/Form/Checkbox';
 import ScoreBadge from '@pkg/components/common/ScoreBadge';
 import BarChart from '@pkg/components/common/BarChart';
 import { VULNERABILITY_DETAILS_TABLE } from "@pkg/config/table-headers";
diff --git a/pkg/sbombastic-image-vulnerability-scanner/components/InstallView.vue b/pkg/sbombastic-image-vulnerability-scanner/components/InstallView.vue
new file mode 100644
index 0000000..ed06f4b
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/components/InstallView.vue
@@ -0,0 +1,353 @@
+<script>
+import { mapGetters } from 'vuex';
+import debounce from 'lodash/debounce';
+
+import { CATALOG } from '@shell/config/types';
+import { REPO_TYPE, REPO, CHART, VERSION } from '@shell/config/query-params';
+import ResourceFetch from '@shell/mixins/resource-fetch';
+
+import { Banner } from '@components/Banner';
+import AsyncButton from '@shell/components/AsyncButton';
+import Loading from '@shell/components/Loading';
+import Markdown from '@shell/components/Markdown';
+
+import { SBOMBASTIC, SBOMBASTIC_REPOS } from '@pkg/types';
+import { handleGrowl } from '@pkg/utils/handle-growl';
+import { refreshCharts, getLatestVersion  } from '@pkg/utils/chart';
+import InstallWizard from '@pkg/components/InstallWizard';
+
+export default {
+  props: {
+    hasSchema: {
+      type:     Object,
+      default:  null
+    }
+  },
+
+  components: {
+    AsyncButton,
+    Banner,
+    InstallWizard,
+    Loading,
+    Markdown
+  },
+
+  mixins: [ResourceFetch],
+
+  async fetch() {
+    this.debouncedRefreshCharts = debounce((init = false) => {
+      refreshCharts({
+        store:     this.$store,
+        chartName: SBOMBASTIC.DEFAULTS,
+        init
+      });
+    }, 500);
+
+    this.reloadReady = false;
+
+    if (!this.hasSchema) {
+      if (this.$store.getters['cluster/canList'](CATALOG.CLUSTER_REPO)) {
+        await this.$fetchType(CATALOG.CLUSTER_REPO);
+      }
+
+      if (this.controllerChart) {
+        this.initStepIndex = 1;
+        this.installSteps[0].ready = true;
+      }
+
+      if (!this.sbombasticRepo || !this.controllerChart) {
+        this.debouncedRefreshCharts(true);
+      }
+    }
+  },
+
+  data() {
+    const installSteps = [
+      {
+        name:  'repository',
+        label: 'Repository',
+        ready: false,
+      },
+      {
+        name:  'install',
+        label: 'App Install',
+        ready: false,
+      },
+    ];
+
+    return {
+      installSteps,
+      debouncedRefreshCharts: null,
+      reloadReady:            false,
+      install:                false,
+      initStepIndex:          0,
+      docs:                   { airgap: '' },
+    };
+  },
+
+  async mounted() {
+    // if (this.isAirgap) {
+    //   const docs = (await import(/* webpackChunkName: "airgap-docs" */ '../../assets/airgap-installation.md'));
+
+    //   if (docs) {
+    //     this.docs.airgap = docs.body;
+    //   }
+    // }
+  },
+
+  watch: {
+    controllerChart() {
+      this.installSteps[0].ready = true;
+
+      // if (this.isAirgap) {
+      //   this.debouncedRefreshCharts();
+      // }
+
+      this.$refs.wizard?.goToStep(2);
+    }
+  },
+
+  computed: {
+    ...mapGetters(['currentCluster']),
+    ...mapGetters({
+      charts: 'catalog/charts',
+      repos:  'catalog/repos',
+      t:      'i18n/t'
+    }),
+
+    // isAirgap() {
+    //   return this.$store.getters['kubewarden/airGapped'];
+    // },
+
+    /**
+     * [!IMPORTANT]
+     * TODO:
+     * THIS IS BROKEN
+     * When installing, if you add the repo and leave the page
+     * then come back, the controllerChart will be null, but so will
+     * the sbombasticRepo. This is because the repo is not saved to the store?
+     */
+
+    controllerChart() {
+      if (this.sbombasticRepo) {
+        return this.$store.getters['catalog/chart']({
+          repoName:  this.sbombasticRepo.id,
+          repoType:  'cluster',
+          chartName: SBOMBASTIC.CONTROLLER
+        });
+      }
+
+      return null;
+    },
+
+    sbombasticRepo() {
+      const chart = this.charts?.find((chart) => chart.chartName === SBOMBASTIC.CONTROLLER);
+
+      return this.repos?.find((repo) => repo.id === chart?.repoName);
+    },
+
+    shellEnabled() {
+      return !!this.currentCluster?.links?.shell;
+    }
+  },
+
+  methods: {
+    async addRepository(btnCb) {
+      try {
+        const repoObj = await this.$store.dispatch('cluster/create', {
+          type:     CATALOG.CLUSTER_REPO,
+          metadata: { name: SBOMBASTIC_REPOS.CHARTS_REPO_NAME },
+          spec:     { url: SBOMBASTIC_REPOS.CHARTS },
+        });
+
+        try {
+          await repoObj.save();
+        } catch (e) {
+          handleGrowl({
+            error: e,
+            store: this.$store
+          });
+          btnCb(false);
+
+          return;
+        }
+
+        if (!this.controllerChart) {
+          this.debouncedRefreshCharts();
+        }
+      } catch (e) {
+        handleGrowl({
+          error: e,
+          store: this.$store
+        });
+        btnCb(false);
+      }
+    },
+
+    chartRoute() {
+      if (!this.controllerChart) {
+        try {
+          this.debouncedRefreshCharts();
+        } catch (e) {
+          handleGrowl({
+            error: e,
+            store: this.$store
+          });
+
+          return;
+        }
+      }
+
+      const {
+        repoType, repoName, chartName, versions
+      } = this.controllerChart;
+
+      const latestChartVersion = getLatestVersion(this.$store, versions);
+
+      if (latestChartVersion) {
+        const query = {
+          [REPO_TYPE]: repoType,
+          [REPO]:      repoName,
+          [CHART]:     chartName,
+          [VERSION]:   latestChartVersion
+        };
+
+        this.$router.push({
+          name:   'c-cluster-apps-charts-install',
+          params: { cluster: this.currentCluster?.id || '_' },
+          query,
+        });
+      } else {
+        const error = {
+          _statusText: this.t('imageScanner.dashboard.appInstall.versionError.title'),
+          message:     this.t('imageScanner.dashboard.appInstall.versionError.message')
+        };
+
+        handleGrowl({
+          error,
+          store: this.$store
+        });
+      }
+    },
+
+    reload() {
+      this.$router.go();
+    }
+  }
+};
+</script>
+
+<template>
+  <Loading v-if="$fetchState.pending" />
+  <div v-else class="container">
+    <div v-if="!install" class="title p-10">
+      <div class="logo mt-20 mb-10">
+        <img
+          src="../assets/img/neuvector-logo.svg"
+          height="64"
+        />
+      </div>
+      <h1 class="mb-20" data-testid="sb-install-title">
+        {{ t("imageScanner.dashboard.appInstall.title") }}
+      </h1>
+      <div class="description">
+        {{ t("imageScanner.dashboard.appInstall.description") }}
+      </div>
+      <button v-if="!hasSchema" class="btn role-primary mt-20" data-testid="sb-initial-install-button" @click="install = true">
+        {{ t("imageScanner.dashboard.appInstall.button") }}
+      </button>
+    </div>
+
+    <template v-else  style="display: flex">
+    <!-- <template> -->
+      <!-- Air-Gapped -->
+      <!-- <template v-if="isAirgap">
+        <Banner
+          class="mb-20 mt-20"
+          color="warning"
+        >
+          <span data-testid="sb-install-ag-warning">{{ t('kubewarden.dashboard.prerequisites.airGapped.warning') }}</span>
+        </Banner>
+        <Markdown v-model:value="docs.airgap" />
+      </template> -->
+
+      <!-- Non Air-Gapped -->
+      <!-- <template v-else> -->
+      <template  style="display: flex">
+        <InstallWizard ref="wizard" :init-step-index="initStepIndex" :steps="installSteps" data-testid="sb-install-wizard">
+          <template #repository>
+            <h2 class="mt-20 mb-10" data-testid="sb-repo-title">
+              {{ t("imageScanner.dashboard.prerequisites.repository.title") }}
+            </h2>
+            <p class="mb-20">
+              {{ t("imageScanner.dashboard.prerequisites.repository.description") }}
+            </p>
+
+            <AsyncButton mode="sbombasticRepository" data-testid="sb-repo-add-button" @click="addRepository" />
+          </template>
+
+          <template #install>
+            <h2 class="mt-20 mb-10" data-testid="sb-app-install-title">
+              {{ t("imageScanner.dashboard.appInstall.title") }}
+            </h2>
+            <p class="mb-20">
+              {{ t("imageScanner.dashboard.appInstall.description") }}
+            </p>
+
+            <div class="chart-route">
+              <Loading v-if="!controllerChart && !reloadReady" mode="relative" class="mt-20" />
+
+              <template v-else-if="!controllerChart && reloadReady">
+                <Banner color="warning">
+                  <span class="mb-20">
+                    {{ t('imageScanner.dashboard.appInstall.reload' ) }}
+                  </span>
+                  <button data-testid="sb-app-install-reload" class="ml-10 btn btn-sm role-primary" @click="reload()">
+                    {{ t('generic.reload') }}
+                  </button>
+                </Banner>
+              </template>
+
+              <template v-else>
+                <button
+                  data-testid="sb-app-install-button"
+                  class="btn role-primary mt-20"
+                  :disabled="!controllerChart"
+                  @click.prevent="chartRoute"
+                >
+                  {{ t("imageScanner.dashboard.appInstall.button") }}
+                </button>
+              </template>
+            </div>
+          </template>
+        </InstallWizard>
+      </template>
+    </template>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  & .title {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    margin: 100px 0;
+  }
+
+  & .description {
+    line-height: 20px;
+  }
+
+  & .chart-route {
+    position: relative;
+  }
+
+  & .airgap-align {
+    justify-content: start;
+  }
+}
+</style>
diff --git a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Installation.vue b/pkg/sbombastic-image-vulnerability-scanner/components/InstallView2.vue
similarity index 86%
rename from pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Installation.vue
rename to pkg/sbombastic-image-vulnerability-scanner/components/InstallView2.vue
index 5b128ed..5c305cc 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Installation.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/components/InstallView2.vue
@@ -40,7 +40,7 @@ export default {
 
     await this.$fetchType(CATALOG.CLUSTER_REPO);
 
-    if ( !this.neuvectorRepo || !this.controllerChart ) {
+    if ( !this.sbombasticRepo || !this.controllerChart ) {
       this.debouncedRefreshCharts(true);
     }
   },
@@ -60,9 +60,9 @@ export default {
     }),
 
     controllerChart() {
-      if ( this.neuvectorRepo ) {
+      if ( this.sbombasticRepo ) {
         return this.$store.getters['catalog/chart']({
-          repoName:  this.neuvectorRepo.id,
+          repoName:  this.sbombasticRepo.id,
           repoType:  'cluster',
           chartName: SBOMBASTIC.CONTROLLER
         });
@@ -71,7 +71,7 @@ export default {
       return null;
     },
 
-    neuvectorRepo() {
+    sbombasticRepo() {
       const chart = this.charts?.find(chart => chart.chartName === SBOMBASTIC.CONTROLLER);
 
       return this.repos?.find(repo => repo.id === chart?.repoName);
@@ -94,6 +94,7 @@ export default {
         repoType, repoName, chartName, versions
       } = this.controllerChart;
       const latestStableVersion = getLatestStableVersion(versions);
+      console.log("repoType, repoName, chartName, versions", repoType, repoName, chartName, versions, latestStableVersion);
 
       if ( latestStableVersion ) {
         const query = {
@@ -102,6 +103,12 @@ export default {
           [CHART]:     chartName,
           [VERSION]:   latestStableVersion.version
         };
+        // {
+        //   [REPO_TYPE]: 'cluster',//repoType,
+        //   [REPO]:      'rancher-charts',//repoName,
+        //   [CHART]:     'sbombastic',//chartName,
+        //   [VERSION]:   '0.4.0',//latestStableVersion.version
+        // };
 
         this.$router.push({
           name:   'c-cluster-apps-charts-install',
@@ -127,11 +134,11 @@ export default {
     <div v-if="!install" class="title p-10">
       <div class="logo mt-20 mb-10">
         <img
-          src="../../../../assets/img/neuvector-logo.svg"
+          src="../assets/img/neuvector-logo.svg"
           height="64"
         />
       </div>
-      <h1 class="mb-20" data-testid="nv-install-title">
+      <h1 class="mb-20" data-testid="sb-install-title">
         {{ t("imageScanner.dashboard.appInstall.title") }}
       </h1>
       <div class="description">
@@ -150,7 +157,7 @@ export default {
           </Banner>
         </template>
         <template v-else>
-          <button class="btn role-primary mt-20" data-testid="nv-app-install-button" :disabled="!controllerChart" @click.prevent="chartRoute">
+          <button class="btn role-primary mt-20" data-testid="sb-app-install-button" :disabled="!controllerChart" @click.prevent="chartRoute">
             {{ t("imageScanner.dashboard.appInstall.button") }}
           </button>
         </template>
diff --git a/pkg/sbombastic-image-vulnerability-scanner/components/InstallView3.vue b/pkg/sbombastic-image-vulnerability-scanner/components/InstallView3.vue
new file mode 100644
index 0000000..6f400fc
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/components/InstallView3.vue
@@ -0,0 +1,64 @@
+<script>
+import InstallHelmCharts from '@shell/components/InstallHelmCharts';
+
+export default {
+  components: {
+    InstallHelmCharts
+  },
+};
+</script>
+
+<template>
+  <Loading v-if="$fetchState.pending" />
+  <div v-else class="container">
+    <div v-if="!install" class="title p-10">
+      <div class="logo mt-20 mb-10">
+        <img
+          src="../assets/img/neuvector-logo.svg"
+          height="64"
+        />
+      </div>
+      <h1 class="mb-20" data-testid="sb-install-title">
+        {{ t("imageScanner.dashboard.appInstall.title") }}
+      </h1>
+      <div class="description">
+        {{ t("imageScanner.dashboard.appInstall.description") }}
+      </div>
+      <InstallHelmCharts
+        style="margin-top: 16px;"
+        chart-name="sbombastic"
+        repo-url="https://github.com/rancher-sandbox/sbombastic.git"
+        repo-name="sbombastic"
+        target-namespace="sbombastic"
+        chart-display-name="sbombastic"
+        repo-display-name="sbombastic"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  & .title {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    margin: 100px 0;
+  }
+
+  & .description {
+    line-height: 20px;
+  }
+
+  & .chart-route {
+    position: relative;
+  }
+
+  & .airgap-align {
+    justify-content: start;
+  }
+}
+</style>
diff --git a/pkg/sbombastic-image-vulnerability-scanner/components/InstallWizard.vue b/pkg/sbombastic-image-vulnerability-scanner/components/InstallWizard.vue
new file mode 100644
index 0000000..e16dea3
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/components/InstallWizard.vue
@@ -0,0 +1,279 @@
+<script>
+export default {
+  props: {
+    initStepIndex: {
+      type:    Number,
+      default: 0
+    },
+    showTitle: {
+      type:    Boolean,
+      default: true
+    },
+    steps: {
+      type:    Array,
+      default: null,
+    },
+  },
+
+  data() {
+    return { activeStep: null };
+  },
+
+  created() {
+    this.activeStep = this.steps[this.initStepIndex];
+  },
+
+  computed: {
+    activeStepIndex() {
+      return this.steps.findIndex((s) => s.name === this.activeStep.name);
+    }
+  },
+
+  methods: {
+    goToStep(number, fromNav) {
+      if (number < 1) {
+        return;
+      }
+
+      if (number === 1 && fromNav) {
+        return;
+      }
+
+      const selected = this.steps[number - 1];
+
+      if (!selected || (!this.isAvailable(selected) && number !== 1)) {
+        return;
+      }
+
+      this.activeStep = selected;
+
+      this.$emit('next', { step: selected });
+    },
+
+    isAvailable(step) {
+      if (!step) {
+        return false;
+      }
+
+      const idx = this.steps.findIndex((s) => s.name === step.name);
+
+      if (idx === 0) {
+        return false;
+      }
+
+      for (let i = 0; i < idx; i++) {
+        if (this.steps[i].ready === false) {
+          return false;
+        }
+      }
+
+      return true;
+    },
+
+    next() {
+      this.goToStep(this.activeStepIndex + 2);
+    },
+  },
+};
+</script>
+
+<template>
+  <div>
+    <div class="header mt-20 mb-20">
+      <div class="title">
+        <template v-if="showTitle">
+          <div class="product">
+            <div class="product-image">
+              <img src="../assets/img/neuvector-logo.svg" class="logo" />
+            </div>
+            <div class="subtitle mr-20">
+              <h2 class="mb-0">
+                {{ t("imageScanner.dashboard.appInstall.title") }}
+              </h2>
+              <span class="subtext">{{ t("imageScanner.dashboard.appInstall.button") }}</span>
+            </div>
+          </div>
+        </template>
+
+        <div v-if="steps.length > 1" class="subtitle">
+          <h2 class="mb-0">
+            {{ t('wizard.step', {number: activeStepIndex + 1}) }}
+          </h2>
+          <slot name="bannerSubtext">
+            <span class="subtext">{{ activeStep.label }}</span>
+          </slot>
+        </div>
+      </div>
+
+      <template v-if="steps.length > 1">
+        <div class="step-sequence">
+          <ul class="steps" tabindex="0">
+            <template v-for="(step, idx) in steps" :key="step.name + 'li'">
+              <li
+                :id="step.name"
+                :class="{
+                  step: true,
+                  active: step.name === activeStep.name,
+                  disabled: !isAvailable(step),
+                }"
+                role="presentation"
+              >
+                <span
+                  :aria-controls="'step' + idx + 1"
+                  :aria-selected="step.name === activeStep.name"
+                  role="tab"
+                  class="controls"
+                  @click.prevent="goToStep(idx + 1, true)"
+                >
+                  <span
+                    class="icon icon-lg"
+                    :class="{
+                      'icon-dot': step.name === activeStep.name,
+                      'icon-dot-open': step.name !== activeStep.name,
+                    }"
+                  />
+                  <span>
+                    {{ step.label }}
+                  </span>
+                </span>
+              </li>
+              <div
+                v-if="idx !== steps.length - 1"
+                :key="step.name"
+                class="divider"
+              />
+            </template>
+          </ul>
+        </div>
+      </template>
+    </div>
+
+    <slot name="stepContainer mt-20" :active-step="activeStep">
+      <template v-for="step in steps">
+        <div
+          v-if="step.name === activeStep.name || step.hidden"
+          :key="step.name"
+          class="step-container"
+          :class="{ hide: step.name !== activeStep.name && step.hidden }"
+        >
+          <slot :step="step" :name="step.name" />
+        </div>
+      </template>
+    </slot>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.header {
+  display: flex;
+
+  & .title {
+    display: flex;
+    flex-basis: 40%;
+    align-items: center;
+
+    & .product {
+      display: flex;
+      align-items: center;
+    }
+
+    & .product-image {
+      display: flex;
+      min-width: 40px;
+      min-height: 40px;
+      margin: 10px 10px 10px 0;
+      overflow: hidden;
+
+      .logo {
+        max-width: 40px;
+        max-height: 50px;
+      }
+    }
+  }
+}
+
+.step-sequence {
+  flex: 1;
+  min-height: 60px;
+  display: flex;
+  width: 100%;
+
+  .steps {
+    flex: 1;
+    margin: 0 30px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    list-style-type: none;
+    padding: 0;
+
+    &:focus {
+      outline: none;
+      box-shadow: none;
+    }
+
+    & li.step {
+      display: flex;
+      flex-direction: row;
+      flex-grow: 1;
+      align-items: center;
+
+      & > span > span:last-of-type {
+        padding-bottom: 0;
+      }
+
+      &:last-of-type {
+        flex-grow: 0;
+      }
+
+      & .controls {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 40px;
+        overflow: visible;
+        padding-top: 15px;
+
+        & > span {
+          padding-bottom: 5px;
+          margin-bottom: 5px;
+          white-space: nowrap;
+        }
+      }
+
+      &.active .controls {
+        color: var(--primary);
+      }
+
+      &:not(.disabled) {
+        & .controls:hover > * {
+          color: var(--primary) !important;
+          cursor: pointer;
+        }
+      }
+
+      &:not(.active) {
+        & .controls > * {
+          color: var(--input-disabled-text);
+          text-decoration: none;
+        }
+      }
+    }
+
+    & .divider {
+      flex-basis: 100%;
+      border-top: 1px solid var(--border);
+      position: relative;
+      height: 1px;
+      bottom: 8px;
+    }
+  }
+}
+
+.step-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+</style>
diff --git a/pkg/sbombastic-image-vulnerability-scanner/components/TopRiskyImagesChart.vue b/pkg/sbombastic-image-vulnerability-scanner/components/TopRiskyImagesChart.vue
index 538512e..93e1eb4 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/components/TopRiskyImagesChart.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/components/TopRiskyImagesChart.vue
@@ -4,7 +4,7 @@
         Most affected images at risk
     </div>
     <div class="image-record" v-for="image in topRiskyImages">
-        <RouterLink class="image-name" :to="`/c/${this.$route.params.cluster}/${ this.PRODUCT_NAME }/${ this.PAGE.IMAGE_DETAIL }/${ image.imageName }`">
+        <RouterLink class="image-name" :to="`/c/${this.$route.params.cluster}/${ this.PRODUCT_NAME }/${ this.PAGE.IMAGES }/${ image.imageName }`">
           {{ image.imageName }}
         </RouterLink>
         <AmountBarBySeverity class="image-cve" :cveAmount="image.cveCnt"/>
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 be4567d..8a56d77 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
@@ -44,10 +44,10 @@ export function init($plugin: any, store: any) {
 
   virtualType({
     labelKey: 'imageScanner.images.title',
-    name: PAGE.IMAGE_OVERVIEW,
+    name: PAGE.IMAGES,
     namespaced: false,
     route:    {
-        name:   `c-cluster-${PRODUCT_NAME}-${PAGE.IMAGE_OVERVIEW}`,
+        name:   `c-cluster-${PRODUCT_NAME}-${PAGE.IMAGES}`,
         params: {
             product: PRODUCT_NAME
         },
@@ -57,10 +57,10 @@ export function init($plugin: any, store: any) {
 
   virtualType({
     labelKey: "imageScanner.vulnerabilities.title",
-    name: PAGE.VULNERABILITY_OVERVIEW,
+    name: PAGE.VULNERABILITIES,
     namespaced: false,
     route: {
-      name: `c-cluster-${PRODUCT_NAME}-${PAGE.VULNERABILITY_OVERVIEW}`,
+      name: `c-cluster-${PRODUCT_NAME}-${PAGE.VULNERABILITIES}`,
       params: {
         product: PRODUCT_NAME,
       },
@@ -95,14 +95,14 @@ export function init($plugin: any, store: any) {
   });
 
   weightType(PAGE.DASHBOARD, 98, true);
-  weightType(PAGE.IMAGE_OVERVIEW, 97, true);
-  weightType(PAGE.VULNERABILITY_OVERVIEW, 96, true);
+  weightType(PAGE.IMAGES, 97, true);
+  weightType(PAGE.VULNERABILITIES, 96, true);
   weightType(PAGE.VEX_MANAGEMENT, 95, true);
 
   basicType([
-      PAGE.DASHBOARD,
-    PAGE.IMAGE_OVERVIEW,
-    PAGE.VULNERABILITY_OVERVIEW,
+    PAGE.DASHBOARD,
+    PAGE.IMAGES,
+    PAGE.VULNERABILITIES,
   ]);
   // Prepend spaces on group name, as Rancher 2.12 render group name algin with sidemenu
   basicType([PAGE.REGISTRIES, PAGE.VEX_MANAGEMENT], '&nbsp;&nbsp;&nbsp;&nbsp;Advanced');
diff --git a/pkg/sbombastic-image-vulnerability-scanner/formatters/ImageNameCell.vue b/pkg/sbombastic-image-vulnerability-scanner/formatters/ImageNameCell.vue
index da8621c..4acada2 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/formatters/ImageNameCell.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/formatters/ImageNameCell.vue
@@ -1,5 +1,5 @@
 <template>
-  <RouterLink :to="`/c/${this.$route.params.cluster}/${ this.PRODUCT_NAME }/${ this.PAGE.IMAGE_DETAIL }/${ row.metadata.name }`">
+  <RouterLink :to="`/c/${this.$route.params.cluster}/${ this.PRODUCT_NAME }/${ this.PAGE.IMAGES }/${ row.metadata.name }`">
     {{ row.metadata.name }}
   </RouterLink>
 </template>
diff --git a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Dashboard.vue b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Dashboard.vue
index fbf2fb6..94cfbdb 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Dashboard.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Dashboard.vue
@@ -495,9 +495,9 @@ export default {
 .page {
   display: flex;
   flex-direction: column;
-  padding: 24px;
+  // padding: 24px;
   min-height: 100vh;
-  background: #f8f9fa;
+  // background: #f8f9fa;
 }
 
 .header-section {
diff --git a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/ImageOverview.vue b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/ImageOverview.vue
index 724fa71..fd9045a 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/ImageOverview.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/ImageOverview.vue
@@ -288,7 +288,7 @@ import { filter } from "lodash";
   .page {
     display: flex;
     flex-direction: column;
-    padding: 20px;
+    padding: 24px;
     min-height: 100%;
   }
   .header-section {
diff --git a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/index.vue b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/index.vue
index 6a56d2b..18fa059 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/index.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/index.vue
@@ -1,13 +1,13 @@
 <script>
 import Dashboard from '@pkg/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Dashboard';
-import Installation from '@pkg/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Installation';
 import { SERVICE, SCHEMA } from '@shell/config/types';
 import { RESOURCE } from '@pkg/types';
+import InstallView3 from '@pkg/components/InstallView3';
 
 export default {
   name: 'Entry',
 
-  components: { Dashboard, Installation },
+  components: { Dashboard, InstallView3 },
 
   async fetch() {
     console.log("Entry fetch")
@@ -24,6 +24,7 @@ export default {
       allServices: null,
       allSchemas: null,
       index: -1,
+      store: this.$store,
     }
   },
 
@@ -37,7 +38,8 @@ export default {
 
 <template>
   <div v-if="allSchemas">
-    <Installation v-if="!hasSchema" />
+    <!-- <InstallView3 /> -->
+    <InstallView3 v-if="!hasSchema" />
     <Dashboard v-else/>
   </div>
 </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 a5239dc..0098038 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
@@ -20,18 +20,18 @@ const routes = [
     component: Entry,
   },
   {
-    name: `c-cluster-${PRODUCT_NAME}-${PAGE.IMAGE_OVERVIEW}`,
-    path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.IMAGE_OVERVIEW}`,
+    name: `c-cluster-${PRODUCT_NAME}-${PAGE.IMAGES}`,
+    path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.IMAGES}`,
     component: ImageOverview,
   },
   {
-    name: `c-cluster-${PRODUCT_NAME}-${PAGE.IMAGE_DETAIL}-id`,
-    path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.IMAGE_DETAIL}/:id`,
+    name: `c-cluster-${PRODUCT_NAME}-${PAGE.IMAGES}-id`,
+    path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.IMAGES}/:id`,
     component: ImageDetails,
   },
   {
-    name: `c-cluster-${PRODUCT_NAME}-${PAGE.VULNERABILITY_OVERVIEW}`,
-    path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.VULNERABILITY_OVERVIEW}`,
+    name: `c-cluster-${PRODUCT_NAME}-${PAGE.VULNERABILITIES}`,
+    path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.VULNERABILITIES}`,
     component: Vulnerabilities,
   },
   {
diff --git a/pkg/sbombastic-image-vulnerability-scanner/types/sbombastic-image-vulnerability-scanner.ts b/pkg/sbombastic-image-vulnerability-scanner/types/sbombastic-image-vulnerability-scanner.ts
index 93e2c7a..b89071b 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/types/sbombastic-image-vulnerability-scanner.ts
+++ b/pkg/sbombastic-image-vulnerability-scanner/types/sbombastic-image-vulnerability-scanner.ts
@@ -1,9 +1,15 @@
 export const PRODUCT_NAME = "imageScanner";
 export const SBOMBASTIC = {
-  CONTROLLER: "neuvector",//"sbombastic",
+  CONTROLLER: "sbombastic",
   SERVICE: "sbombastic-service",
   SCHEMA: "sbombastic.rancher.io.registry",
 }
+export const SBOMBASTIC_REPOS = {
+  CHARTS:                   'https://charts.sbombastic.io',
+  CHARTS_REPO:              'https://github.com/sbombastic/helm-charts',
+  CHARTS_REPO_GIT:          'https://github.com/sbombastic/helm-charts.git',
+  CHARTS_REPO_NAME:         'sbombastic-charts',
+};
 export const RESOURCE = {
   REGISTRY: "sbombastic.rancher.io.registry",
   SCAN_JOB: "sbombastic.rancher.io.scanjob",
@@ -12,9 +18,8 @@ export const RESOURCE = {
 export const PAGE = {
   DASHBOARD: "dashboard",
   REGISTRIES: "registries",
-  IMAGE_OVERVIEW: "image_overview",
-  IMAGE_DETAIL: "image_detail",
-  VULNERABILITY_OVERVIEW: "vulnerability_overview",
+  IMAGES: "images",
+  VULNERABILITIES: "vulnerabilities",
   CVE_DETAIL: "cve_detail",
   VEX_MANAGEMENT: "vex_management",
 };
diff --git a/pkg/sbombastic-image-vulnerability-scanner/utils/chart.ts b/pkg/sbombastic-image-vulnerability-scanner/utils/chart.ts
index 02a7b5c..df0cd6a 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/utils/chart.ts
+++ b/pkg/sbombastic-image-vulnerability-scanner/utils/chart.ts
@@ -2,6 +2,7 @@ import { Chart } from "@pkg/types";
 import { handleGrowl } from "@pkg/utils/handle-growl";
 import isEmpty from 'lodash/isEmpty';
 import semver from 'semver';
+import { SHOW_PRE_RELEASE } from '@shell/store/prefs';
 
 export interface RefreshConfig {
   store: any;
@@ -75,6 +76,15 @@ export async function refreshCharts(
   return { reloadReady: false };
 }
 
+export function getLatestVersion(store: any, versions: any[]) {
+  const showPreRelease = store.getters['prefs/get'](SHOW_PRE_RELEASE);
+
+  const versionMap = versions?.map((v) => v.version)
+    .filter((v) => showPreRelease ? v : !semver.prerelease(v));
+
+  return semver.rsort(versionMap)[0];
+}
+
 export function getLatestStableVersion(versions: any[]): string | undefined {
   const allVersions = versions.map(v => v.version);
   const stableVersions = versions.filter(v => !v.version.includes('b'));
@@ -88,12 +98,12 @@ export function getLatestStableVersion(versions: any[]): string | undefined {
     const versionB = b.version.split('.').map(Number);
 
     for ( let i = 0; i < Math.max(versionA.length, versionB.length); i++ ) {
-    if ( versionA[i] === undefined || versionA[i] < versionB[i] ) {
-        return 1;
-    }
-    if ( versionB[i] === undefined || versionA[i] > versionB[i] ) {
-        return -1;
-    }
+      if ( versionA[i] === undefined || versionA[i] < versionB[i] ) {
+          return 1;
+      }
+      if ( versionB[i] === undefined || versionA[i] > versionB[i] ) {
+          return -1;
+      }
     }
 
     return 0;