diff --git a/pkg/sbombastic-image-vulnerability-scanner/components/TopSevereVulnerabilitiesChart.vue b/pkg/sbombastic-image-vulnerability-scanner/components/TopSevereVulnerabilitiesChart.vue
index 7a8aa49..7813da2 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/components/TopSevereVulnerabilitiesChart.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/components/TopSevereVulnerabilitiesChart.vue
@@ -7,6 +7,7 @@
       <SevereVulnerabilitiesItem 
         v-for="vulnerability in topSevereVulnerabilities"
         :vulnerability="vulnerability"
+        :eventHandler="eventHandler"
       />
     </div>
   </div>
@@ -25,6 +26,10 @@
         type: Array,
         required: true
       },
+      eventHandler: {
+        type: Function,
+        default: null
+      }
     },
     data() {}
   }
diff --git a/pkg/sbombastic-image-vulnerability-scanner/components/common/SevereVulnerabilitiesItem.vue b/pkg/sbombastic-image-vulnerability-scanner/components/common/SevereVulnerabilitiesItem.vue
index c2c5725..cb94e94 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/components/common/SevereVulnerabilitiesItem.vue
+++ b/pkg/sbombastic-image-vulnerability-scanner/components/common/SevereVulnerabilitiesItem.vue
@@ -10,6 +10,7 @@
           <BlockPercentageBar
             class="percentage-bar"
             :percentage="(vulnerability.spec.impactedImages / vulnerability.spec.totalImages) * 100"
+            :eventHandler="eventHandler"
           />
         </div>
       </div>
@@ -31,6 +32,10 @@
         type: Object,
         required: true
       },
+      eventHandler: {
+        type: Function,
+        default: null
+      }
     },
     data() {
       return { };
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 1b2a218..cefe2a9 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
@@ -39,6 +39,19 @@ export function init($plugin: IPlugin, store: any) {
     }
   });
 
+  virtualType({
+    labelKey: "imageScanner.dashboard.title",
+    name: PAGE.DASHBOARD,
+    namespaced: false,
+    route: {
+      name: `c-cluster-${PRODUCT_NAME}-${PAGE.DASHBOARD}`,
+      params: {
+        product: PRODUCT_NAME,
+      },
+      meta: { pkg: PRODUCT_NAME, product: PRODUCT_NAME },
+    },
+  });
+
   virtualType({
     labelKey: "imageScanner.vulnerabilities.title",
     name: PAGE.VULNERABILITY_OVERVIEW,
@@ -52,6 +65,19 @@ export function init($plugin: IPlugin, store: any) {
     },
   });
 
+  virtualType({
+    labelKey: "imageScanner.vexManagement.title",
+    name: PAGE.VEX_MANAGEMENT,
+    namespaced: false,
+    route: {
+      name: `c-cluster-${PRODUCT_NAME}-${PAGE.VEX_MANAGEMENT}`,
+      params: {
+        product: PRODUCT_NAME,
+      },
+      meta: { pkg: PRODUCT_NAME, product: PRODUCT_NAME },
+    },
+  });
+
   virtualType({
     label: "Components Demo",
     name: "demo",
@@ -66,11 +92,12 @@ export function init($plugin: IPlugin, store: any) {
   });
 
   basicType([
+      PAGE.DASHBOARD,
       PAGE.IMAGE_OVERVIEW,
       PAGE.VULNERABILITY_OVERVIEW,
       //"demo"
   ]);
   // Prepend spaces on group name, as Rancher 2.12 render group name algin with sidemenu
-  basicType([PAGE.REGISTRIES, RESOURCE.VEX_HUB], '&nbsp;&nbsp;&nbsp;&nbsp;Advanced');
+  basicType([PAGE.REGISTRIES, PAGE.VEX_MANAGEMENT, RESOURCE.VEX_HUB], '&nbsp;&nbsp;&nbsp;&nbsp;Advanced');
 
 }
\ No newline at end of file
diff --git a/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml b/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml
index 8008825..adb4761 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml
+++ b/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml
@@ -1,6 +1,35 @@
 product:
   imageScanner: Image Vulnerability Scanner
 imageScanner:
+  dashboard:
+    title: Dashboard
+    description: Main highlights and overview of image vulnerability scanning status
+    lastUpdated: Last updated
+    button:
+      refresh: Refresh
+    registryDropdown:
+      placeholder: All registries
+    vulnerabilityStats:
+      title: Affecting vulnerabilities distribution
+      critical: Critical
+      high: High
+      medium: Medium
+      low: Low
+      total: Total vulnerabilities
+    scanningStatus:
+      title: Scanning stats
+      lastScan: Last scan
+      totalImages: Total images
+      failedScans: Failed scans
+      errors: Errors
+    topVulnerabilities:
+      title: Most severe, affecting vulnerabilities
+      viewAll: View all
+      affectedImages: affected images
+    mostAffectedImages:
+      title: Most affected images at risk
+      viewAll: View all
+      totalVulns: total vulnerabilities
   registries:
     title: Registries configuration
     button:
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
new file mode 100644
index 0000000..eaa0b1e
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Dashboard.vue
@@ -0,0 +1,979 @@
+<template>
+  <div class="page">
+    <div class="header-section">
+      <div class="title">
+        {{ t('imageScanner.dashboard.title') }}
+        <div class="description">Main highlights as of 9/7/2025, 1:33:55 PM</div>
+      </div>
+      <div class="filter-dropdown">
+        <LabeledSelect
+          v-model:value="selectedRegistry"
+          :options="registryOptions"
+          :close-on-select="true"
+          :multiple="false"
+        />
+      </div>
+      <div>
+        <button
+          mat-button
+          class="btn role-primary"
+          aria-label="Download full report"
+          type="button"
+          :disabled="disabled"
+          @click="openAddEditRuleModal()">
+          <i class="icon icon-download"></i>
+          {{ t('imageScanner.images.downloadReport') }}
+        </button>
+      </div>
+    </div>
+    
+    <div class="summary-section">
+      <div class="summary-panel">
+        <div class="panel-header">
+          <div class="header-left">
+            <h3>Affecting vulnerabilities distribution</h3>
+            <i class="icon icon-question-mark" style="margin-left: .5rem;"></i>
+          </div>
+          <div class="header-right">
+            <span class="total-count">2.584 vulnerabilities in total</span>
+          </div>
+        </div>
+        <div class="panel-content">
+          <ImageRiskAssessment :chartData="affectingVulnerabilitiesData" />
+        </div>
+      </div>
+      <div class="summary-panel">
+        <div class="panel-header">
+          <div class="header-left">
+            <h3>Scanning stats</h3>
+            <i class="icon icon-question-mark" style="margin-left: .5rem;"></i>
+          </div>
+          <div class="header-right">
+            <span class="total-count">309 images scanned in total</span>
+          </div>
+        </div>
+        <div class="panel-content">
+          <div class="scanning-stats">
+            <div class="scan-stat">
+              <div class="scan-value">3 hours</div>
+              <div class="scan-label">passed since the last scan</div>
+            </div>
+            <div class="scan-stat failed">
+              <div class="scan-value">6 images</div>
+              <div class="scan-label">failed to be scanned</div>
+            </div>
+            <div class="scan-stat error">
+              <div class="scan-value">2 errors</div>
+              <div class="scan-label">detected in the last scan</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <div class="summary-section">
+      <div class="summary-panel">
+        <div class="panel-header">
+          <div class="header-left">
+            <h3>Most severe, affecting vulnerabilities</h3>
+            <i class="icon icon-question-mark" style="margin-left: .5rem;"></i>
+          </div>
+          <div class="header-right">
+            <span class="total-count">CVE ID, Score, Affected images</span>
+          </div>
+        </div>
+        <div class="panel-content">
+          <TopSevereVulnerabilitiesChart
+            :topSevereVulnerabilities="displayedVulnerabilities"
+            :eventHandler="resize"
+          />
+          <div v-if="shouldShowVulnerabilitiesViewAll" class="view-all-inline">
+            <button class="btn-link view-all-left" @click="toggleVulnerabilitiesView()">
+              {{ showAllVulnerabilities ? 'View less' : 'View all' }}
+            </button>
+          </div>
+        </div>
+      </div>
+      <div class="summary-panel">
+        <div class="panel-header">
+          <div class="header-left">
+            <h3>Most affected images at risk</h3>
+            <i class="icon icon-question-mark" style="margin-left: .5rem;"></i>
+          </div>
+          <div class="header-right">
+            <span class="total-count">Image name, Affecting CVEs</span>
+          </div>
+        </div>
+        <div class="panel-content">
+          <TopRiskyImagesChart :topRiskyImages="displayedImages" />
+          <div v-if="shouldShowImagesViewAll" class="view-all-inline">
+            <button class="btn-link view-all-left" @click="toggleImagesView()">
+              {{ showAllImages ? 'View less' : 'View all' }}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RESOURCE, PRODUCT_NAME } from "@pkg/types";
+import { severityDistribution, cves } from '@pkg/data/sbombastic.rancher.io.vulnerability';
+import SevereVulnerabilitiesItem from '@pkg/components/common/SevereVulnerabilitiesItem.vue';
+import TopSevereVulnerabilitiesChart from '@pkg/components/TopSevereVulnerabilitiesChart';
+import ImageRiskAssessment from '@pkg/components/ImageRiskAssessment';
+import TopRiskyImagesChart from '@pkg/components/TopRiskyImagesChart';
+import LabeledSelect from "@shell/components/form/LabeledSelect";
+
+export default {
+  name: 'Dashboard',
+  components: {
+    SevereVulnerabilitiesItem,
+    TopSevereVulnerabilitiesChart,
+    ImageRiskAssessment,
+    TopRiskyImagesChart,
+    LabeledSelect,
+  },
+  data() {
+    return {
+      PRODUCT_NAME: PRODUCT_NAME,
+      disabled: false,
+      lastUpdatedTime: '',
+      selectedRegistry: 'all',
+      registryOptions: [
+        { label: 'All registries', value: 'all' },
+        { label: 'Docker Hub', value: 'dockerhub' },
+        { label: 'Custom Registry 1', value: 'custom1' },
+        { label: 'Custom Registry 2', value: 'custom2' }
+      ],
+      vulnerabilityStats: {
+        critical: 0,
+        high: 0,
+        medium: 0,
+        low: 0,
+        none: 0,
+        total: 0,
+        affecting: 0
+      },
+      scanningStats: {
+        totalImages: 0,
+        failedScans: 0,
+        errors: 0
+      },
+      topVulnerabilities: [],
+      showAllVulnerabilities: false,
+      showAllImages: false,
+      mostAffectedImages: [
+        {
+          imageName: 'struts-attacher:1.0',
+          cveCnt: { critical: 128, high: 12, medium: 81, low: 526, none: 126 }
+        },
+        {
+          imageName: 'imagemagick4.8.5613',
+          cveCnt: { critical: 7, high: 0, medium: 1028, low: 24, none: 0 }
+        },
+        {
+          imageName: 'centos7.7.1908',
+          cveCnt: { critical: 72, high: 0, medium: 164, low: 0, none: 0 }
+        },
+        {
+          imageName: 'nginx1.19.10',
+          cveCnt: { critical: 150, high: 5, medium: 850, low: 600, none: 0 }
+        },
+        {
+          imageName: 'docker-compose:1.29.2',
+          cveCnt: { critical: 35, high: 2, medium: 450, low: 120, none: 0 }
+        },
+        {
+          imageName: 'kubernetes:v1.22.6',
+          cveCnt: { critical: 25, high: 8, medium: 320, low: 180, none: 0 }
+        }
+      ],
+      affectingVulnerabilitiesData: {
+        critical: 120,
+        high: 54,
+        medium: 23,
+        low: 65,
+        none: 200
+      },
+      severityDistribution: null,
+      vulnerabilities: []
+    }
+  },
+  computed: {
+    displayedVulnerabilities() {
+      if (this.showAllVulnerabilities) {
+        return this.topVulnerabilities;
+      }
+      return this.topVulnerabilities.slice(0, 10);
+    },
+    displayedImages() {
+      if (this.showAllImages) {
+        return this.mostAffectedImages;
+      }
+      return this.mostAffectedImages.slice(0, 10);
+    },
+    shouldShowVulnerabilitiesViewAll() {
+      return this.topVulnerabilities.length >= 10;
+    },
+    shouldShowImagesViewAll() {
+      return this.mostAffectedImages.length >= 10;
+    }
+  },
+  async fetch() {
+    await this.loadRegistryOptions();
+    await this.loadDashboardData();
+  },
+  watch: {
+    selectedRegistry() {
+      this.loadDashboardData();
+    }
+  },
+  methods: {
+    resize(fn) {
+      window.addEventListener('resize', this.debounce(fn), 500);
+    },
+    debounce(func, delay = 300) {
+      let timeout
+      return function (...args) {
+        clearTimeout(timeout)
+        timeout = setTimeout(() => func.apply(this, args), delay)
+      }
+    },
+    toggleVulnerabilitiesView() {
+      this.showAllVulnerabilities = !this.showAllVulnerabilities;
+    },
+    toggleImagesView() {
+      this.showAllImages = !this.showAllImages;
+    },
+    async loadRegistryOptions() {
+      try {
+        // Load registry data
+        await this.$store.dispatch('cluster/findAll', { type: RESOURCE.REGISTRY });
+        const registries = this.$store.getters['cluster/all']?.(RESOURCE.REGISTRY) || [];
+        
+        // Build registry options
+        this.registryOptions = [
+          { label: 'All registries', value: 'all' }
+        ];
+        
+        registries.forEach(registry => {
+          this.registryOptions.push({
+            label: registry.metadata?.name || registry.spec?.uri || 'Unknown Registry',
+            value: registry.metadata?.name || registry.metadata?.uid
+          });
+        });
+      } catch (error) {
+        console.error('Error loading registry options:', error);
+      }
+    },
+    
+    async loadDashboardData() {
+      try {
+        // Load vulnerability data from the same source as Vulnerabilities page
+        this.severityDistribution = severityDistribution;
+        const totalVulnerabilities = Object.values(this.severityDistribution).reduce((sum, value) => sum + value, 0);
+        this.vulnerabilities = cves.map(vul => ({
+          ...vul,
+          spec: {
+            ...vul.spec,
+            totalImages: totalVulnerabilities
+          }
+        }));
+        
+        // Process vulnerability statistics from severity distribution
+        this.processVulnerabilityStats();
+        
+        // Set affecting vulnerabilities data for the chart
+        this.affectingVulnerabilitiesData = {
+          critical: 120,
+          high: 54,
+          medium: 23,
+          low: 65,
+          none: 200
+        };
+        
+        // Process scanning statistics
+        await this.processScanningStats();
+        
+        // Load top vulnerabilities with exact data from the image
+        this.topVulnerabilities = [
+          { 
+            metadata: { name: 'CVE-2017-5337' }, 
+            spec: { scoreV3: 9.9, impactedImages: 2103, totalImages: 1000 } 
+          },
+          { 
+            metadata: { name: 'CVE-2018-1000007' }, 
+            spec: { scoreV3: 9.6, impactedImages: 57, totalImages: 1000 } 
+          },
+          { 
+            metadata: { name: 'CVE-2019-10989' }, 
+            spec: { scoreV2: 8.8, impactedImages: 86, totalImages: 1000 } 
+          },
+          { 
+            metadata: { name: 'CVE-2020-0601' }, 
+            spec: { scoreV3: 8.8, impactedImages: 29, totalImages: 1000 } 
+          },
+          { 
+            metadata: { name: 'CVE-2021-22918' }, 
+            spec: { scoreV3: 8.8, impactedImages: 7, totalImages: 1000 } 
+          },
+          { 
+            metadata: { name: 'CVE-2022-22963' }, 
+            spec: { scoreV3: 9.3, impactedImages: 14, totalImages: 1000 } 
+          },
+          { 
+            metadata: { name: 'CVE-2022-23943' }, 
+            spec: { scoreV3: 8.5, impactedImages: 22, totalImages: 1000 } 
+          },
+          { 
+            metadata: { name: 'CVE-2022-26134' }, 
+            spec: { scoreV3: 7.5, impactedImages: 33, totalImages: 1000 } 
+          },
+          { 
+            metadata: { name: 'CVE-2023-24520' }, 
+            spec: { scoreV3: 9.0, impactedImages: 10, totalImages: 1000 } 
+          },
+          { 
+            metadata: { name: 'CVE-2023-29552' }, 
+            spec: { scoreV3: 8.9, impactedImages: 5, totalImages: 1000 } 
+          },
+          { 
+            metadata: { name: 'CVE-2024-00001' }, 
+            spec: { scoreV3: 8.7, impactedImages: 12, totalImages: 1000 } 
+          }
+        ];
+        
+        // Load most affected images
+        this.loadMostAffectedImages();
+        
+        // Update last updated time
+        this.lastUpdatedTime = new Date().toLocaleString();
+        
+      } catch (error) {
+        console.error('Error loading dashboard data:', error);
+      }
+    },
+    
+    processVulnerabilityStats() {
+      // Use the same severity distribution data as Vulnerabilities page
+      this.vulnerabilityStats = {
+        critical: this.severityDistribution.critical || 0,
+        high: this.severityDistribution.high || 0,
+        medium: this.severityDistribution.medium || 0,
+        low: this.severityDistribution.low || 0,
+        none: this.severityDistribution.none || 0,
+        total: Object.values(this.severityDistribution).reduce((sum, value) => sum + value, 0)
+      };
+      
+      // Calculate affecting vulnerabilities (total minus none)
+      this.vulnerabilityStats.affecting = this.vulnerabilityStats.total - this.vulnerabilityStats.none;
+    },
+    
+    async processScanningStats() {
+      try {
+        // Load scan job data
+        await this.$store.dispatch('cluster/findAll', { type: RESOURCE.SCAN_JOB });
+        const scanJobs = this.$store.getters['cluster/all']?.(RESOURCE.SCAN_JOB) || [];
+        
+        this.scanningStats = {
+          totalImages: scanJobs.length,
+          failedScans: scanJobs.filter(job => job.status?.statusResult?.type === 'Failed').length,
+          errors: scanJobs.filter(job => job.status?.statusResult?.message).length
+        };
+      } catch (error) {
+        console.error('Error loading scanning stats:', error);
+        this.scanningStats = {
+          totalImages: 0,
+          failedScans: 0,
+          errors: 0
+        };
+      }
+    },
+    
+    
+    loadMostAffectedImages() {
+      // Mock data for now - in real implementation, this would come from image data
+      this.mostAffectedImages = [
+        {
+          imageName: 'struts-attacher:1.0',
+          cveCnt: { critical: 128, high: 12, medium: 81, low: 526, none: 126 }
+        },
+        {
+          imageName: 'imagemagick4.8.5613',
+          cveCnt: { critical: 7, high: 0, medium: 1028, low: 24, none: 0 }
+        },
+        {
+          imageName: 'centos7.7.1908',
+          cveCnt: { critical: 72, high: 0, medium: 164, low: 0, none: 0 }
+        },
+        {
+          imageName: 'nginx1.19.10',
+          cveCnt: { critical: 150, high: 5, medium: 850, low: 600, none: 0 }
+        },
+        {
+          imageName: 'docker-compose:1.29.2',
+          cveCnt: { critical: 35, high: 2, medium: 450, low: 120, none: 0 }
+        },
+        {
+          imageName: 'kubernetes:v1.22.6',
+          cveCnt: { critical: 200, high: 10, medium: 1200, low: 300, none: 45 }
+        },
+        {
+          imageName: 'nodejs:14.17.0',
+          cveCnt: { critical: 90, high: 3, medium: 680, low: 200, none: 32 }
+        },
+        {
+          imageName: 'postgresql:13.3',
+          cveCnt: { critical: 60, high: 1, medium: 500, low: 150, none: 25 }
+        },
+        {
+          imageName: 'redis:6.2.1',
+          cveCnt: { critical: 50, high: 0, medium: 300, low: 100, none: 15 }
+        },
+        {
+          imageName: 'flask:2.0.1',
+          cveCnt: { critical: 40, high: 2, medium: 350, low: 90, none: 12 }
+        },
+        {
+          imageName: 'apache:2.4.41',
+          cveCnt: { critical: 25, high: 8, medium: 180, low: 75, none: 8 }
+        },
+        {
+          imageName: 'mysql:8.0.25',
+          cveCnt: { critical: 15, high: 5, medium: 120, low: 45, none: 3 }
+        }
+      ];
+    },
+    
+    
+    async refresh() {
+      this.disabled = true;
+      try {
+        await this.loadDashboardData();
+      } finally {
+        this.disabled = false;
+      }
+    },
+    
+    viewAllVulnerabilities() {
+      this.$router.push({ name: `c-cluster-${PRODUCT_NAME}-${this.$store.getters['type-map/nameForId']('vulnerability_overview')}` });
+    },
+    
+    viewAllImages() {
+      this.$router.push({ name: `c-cluster-${PRODUCT_NAME}-${this.$store.getters['type-map/nameForId']('image_overview')}` });
+    },
+    
+    viewVulnerabilityDetail(cveId) {
+      // Navigate to vulnerability detail page
+      console.log('View vulnerability detail:', cveId);
+    },
+    
+    viewImageDetail(imageName) {
+      // Navigate to image detail page
+      console.log('View image detail:', imageName);
+    },
+    
+    openAddEditRuleModal() {
+      // Download full report functionality
+      console.log('Download full report');
+    },
+    
+    getSeverityPercentage(severity) {
+      if (this.vulnerabilityStats.total === 0) return 0;
+      return Math.round((this.vulnerabilityStats[severity] / this.vulnerabilityStats.total) * 100);
+    },
+    
+    getSeverityClass(score) {
+      if (score >= 9.0) return 'critical';
+      if (score >= 7.0) return 'high';
+      if (score >= 4.0) return 'medium';
+      if (score >= 0.1) return 'low';
+      return 'none';
+    },
+    
+    getVulnerabilityBarWidth(vulnerability) {
+      if (!this.topVulnerabilities.length) return 0;
+      const maxImages = Math.max(...this.topVulnerabilities.map(v => v.spec.totalImages));
+      return Math.round((vulnerability.spec.totalImages / maxImages) * 100);
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  padding: 24px;
+  min-height: 100vh;
+  background: #f8f9fa;
+}
+
+.header-section {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  align-self: stretch;
+  margin-bottom: 24px;
+  
+  .title {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 4px;
+    flex: 1 0 0;
+    color: #141419;
+    font-family: Lato;
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px; /* 133.333% */
+    
+    .description {
+      color: #717179;
+      font-family: Lato;
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 24px;
+    }
+  }
+  
+  .filter-dropdown {
+    display: flex;
+    width: 225px;
+    height: 40px;
+    margin-right: 16px;
+  }
+}
+
+.summary-section {
+  display: flex;
+  gap: 24px;
+  align-items: stretch;
+  align-self: stretch;
+  margin-bottom: 24px;
+}
+
+.summary-panel {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background: #ffffff;
+  border: 1px solid #e1e5e9;
+  border-radius: 0px;
+  box-shadow: none;
+  
+  .panel-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    padding: 24px 24px 0 24px;
+    
+    .header-left {
+      display: flex;
+      align-items: center;
+      
+      h3 {
+        margin: 0;
+        color: #141419;
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 24px;
+      }
+    }
+    
+    .header-right {
+      .total-count {
+        color: #717179;
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 20px;
+      }
+    }
+    
+    .btn-link {
+      background: none;
+      border: none;
+      color: #007cbb;
+      cursor: pointer;
+      font-size: 14px;
+      font-weight: 500;
+      text-decoration: none;
+      
+      &:hover {
+        color: #005a8b;
+        text-decoration: underline;
+      }
+    }
+  }
+  
+  .panel-content {
+    flex: 1;
+    padding: 24px;
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .view-all-inline {
+    padding: 12px 0 0 0;
+    margin-top: 8px;
+    text-align: left;
+    
+    .btn-link {
+      background: none;
+      border: none;
+      color: #141419;
+      cursor: pointer;
+      font-size: 14px;
+      font-weight: 500;
+      text-decoration: underline;
+      
+      &:hover {
+        color: #141419;
+        text-decoration: underline;
+      }
+    }
+  }
+  
+  .vulnerability-distribution {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      
+      .main-stat {
+        text-align: center;
+        margin-bottom: 32px;
+        
+        .main-number {
+          font-size: 48px;
+          font-weight: 700;
+          color: #141419;
+          line-height: 56px;
+          margin-bottom: 8px;
+        }
+        
+        .main-label {
+          font-size: 16px;
+          color: #717179;
+          font-weight: 400;
+        }
+      }
+      
+      .severity-breakdown {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+        
+        .severity-item {
+          display: flex;
+          align-items: center;
+          gap: 16px;
+          
+          .severity-label {
+            min-width: 60px;
+            font-size: 14px;
+            font-weight: 500;
+            color: #141419;
+          }
+          
+          .severity-bar {
+            flex: 1;
+            height: 8px;
+            background: #f0f0f0;
+            border-radius: 0px;
+            overflow: hidden;
+            
+            .bar-fill {
+              height: 100%;
+              border-radius: 0px;
+              transition: width 0.3s ease;
+              
+              &.critical { background: #dc2626; }
+              &.high { background: #ea580c; }
+              &.medium { background: #f59e0b; }
+              &.low { background: #3b82f6; }
+              &.none { background: #9ca3af; }
+            }
+          }
+          
+          .severity-count {
+            min-width: 40px;
+            text-align: right;
+            font-size: 14px;
+            font-weight: 600;
+            color: #141419;
+          }
+        }
+      }
+    }
+    
+    .scanning-stats {
+      flex: 1;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: flex-start;
+      gap: 32px;
+      padding: 24px 0;
+      
+      .scan-stat {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        flex: 1;
+        text-align: center;
+        
+        .scan-value {
+          font-size: 28px;
+          font-weight: 700;
+          color: #141419;
+          line-height: 36px;
+        }
+        
+        &.failed .scan-value {
+          color: #f59e0b;
+        }
+        
+        &.error .scan-value {
+          color: #dc2626;
+        }
+        
+        .scan-label {
+          font-size: 14px;
+          color: #717179;
+          font-weight: 400;
+          line-height: 20px;
+        }
+      }
+    }
+    
+    .vulnerability-list {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      
+      .vulnerability-item {
+        display: flex;
+        align-items: center;
+        gap: 16px;
+        padding: 12px 0;
+        cursor: pointer;
+        border-bottom: 1px solid #f0f0f0;
+        
+        &:last-child {
+          border-bottom: none;
+        }
+        
+        &:hover {
+          background: #f8f9fa;
+          margin: 0 -12px;
+          padding: 12px;
+          border-radius: 0px;
+        }
+        
+        .vuln-id {
+          font-size: 14px;
+          font-weight: 600;
+          color: #141419;
+          min-width: 120px;
+        }
+        
+        .vuln-score {
+          padding: 4px 8px;
+          border-radius: 0px;
+          font-size: 12px;
+          font-weight: 600;
+          min-width: 60px;
+          text-align: center;
+          
+          &.critical { background: #fee2e2; color: #dc2626; }
+          &.high { background: #fed7aa; color: #ea580c; }
+          &.medium { background: #fef3c7; color: #f59e0b; }
+          &.low { background: #dbeafe; color: #3b82f6; }
+          &.none { background: #f3f4f6; color: #6b7280; }
+        }
+        
+        .vuln-bar {
+          flex: 1;
+          height: 6px;
+          background: #f0f0f0;
+          border-radius: 0px;
+          overflow: hidden;
+          
+          .bar-fill {
+            height: 100%;
+            background: #9ca3af;
+            border-radius: 0px;
+            transition: width 0.3s ease;
+          }
+        }
+        
+        .vuln-count {
+          min-width: 40px;
+          text-align: right;
+          font-size: 14px;
+          font-weight: 600;
+          color: #141419;
+        }
+      }
+    }
+    
+    .image-list {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      
+      .image-item {
+        display: flex;
+        align-items: center;
+        gap: 16px;
+        padding: 12px 0;
+        cursor: pointer;
+        border-bottom: 1px solid #f0f0f0;
+        
+        &:last-child {
+          border-bottom: none;
+        }
+        
+        &:hover {
+          background: #f8f9fa;
+          margin: 0 -12px;
+          padding: 12px;
+          border-radius: 0px;
+        }
+        
+        .image-name {
+          font-size: 14px;
+          font-weight: 500;
+          color: #5696ce;
+          min-width: 200px;
+          flex: 1;
+        }
+        
+        .image-vulnerabilities {
+          display: flex;
+          gap: 4px;
+          
+          .vuln-count {
+            padding: 4px 8px;
+            border-radius: 0px;
+            font-size: 12px;
+            font-weight: 600;
+            min-width: 24px;
+            text-align: center;
+            
+            &.critical { background: #fee2e2; color: #dc2626; }
+            &.high { background: #fed7aa; color: #ea580c; }
+            &.medium { background: #fef3c7; color: #f59e0b; }
+            &.low { background: #dbeafe; color: #3b82f6; }
+            &.none { background: #f3f4f6; color: #6b7280; }
+          }
+        }
+      }
+    }
+  }
+
+// Override TopSevereVulnerabilitiesChart styling for Dashboard
+.summary-panel {
+  :deep(.chart-section) {
+    border-right: none !important;
+    flex: none !important;
+    padding: 0 !important;
+    margin-bottom: 0 !important;
+    height: auto !important;
+    display: flex;
+    flex-direction: column;
+    background: transparent !important;
+    border: none !important;
+  }
+  
+  :deep(.vulnerability-record) {
+    padding: 8px 16px !important;
+    margin-bottom: 4px !important;
+  }
+  
+  :deep(.cve) {
+    color: #007cbb !important;
+    text-decoration: none !important;
+    cursor: pointer !important;
+    
+    &:hover {
+      color: #005a8b !important;
+      text-decoration: underline !important;
+    }
+  }
+}
+
+// Override ImageRiskAssessment styling for Dashboard
+.summary-panel {
+  :deep(.chart-section) {
+    border-right: none !important;
+    flex: none !important;
+    padding: 0 !important;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    background: transparent !important;
+    border: none !important;
+    border-radius: 0px;
+    box-shadow: none;
+    
+    .title {
+      display: none !important;
+    }
+  }
+  
+  :deep(.chart-area) {
+    border-right: none !important;
+    flex: none !important;
+    padding: 0 !important;
+    margin-bottom: 0 !important;
+    height: auto !important;
+    display: flex;
+    flex-direction: column;
+    background: transparent !important;
+    border: none !important;
+    border-radius: 0px;
+    box-shadow: none;
+    
+    .title {
+      display: none !important;
+    }
+  }
+}
+
+
+
+// Responsive design
+@media (max-width: 1200px) {
+  .summary-section {
+    flex-direction: column;
+  }
+}
+
+@media (max-width: 768px) {
+  .page {
+    padding: 16px;
+  }
+  
+  .header-section {
+    flex-direction: column;
+    gap: 16px;
+    
+    .header-right {
+      width: 100%;
+      justify-content: space-between;
+    }
+  }
+  
+  .summary-panel {
+    padding: 16px;
+  }
+}
+</style>
\ No newline at end of file
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 8c4781d..9e379eb 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,5 +1,6 @@
 import RegistryDetails from "@pkg/components/RegistryDetails.vue";
 import ComponentDemo from "@pkg/pages/c/_cluster/sbombastic-image-vulnerability-scanner/ComponentDemo.vue";
+import Dashboard from "@pkg/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Dashboard.vue";
 import ImageOverview from "@pkg/pages/c/_cluster/sbombastic-image-vulnerability-scanner/ImageOverview.vue";
 import RegistriesConfiguration from "@pkg/pages/c/_cluster/sbombastic-image-vulnerability-scanner/RegistriesConfiguration.vue";
 import Vulnerabilities from "@pkg/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Vulnerabilities.vue";
@@ -12,6 +13,11 @@ import {
 } from "@pkg/types";
 
 const routes = [
+  {
+    name: `c-cluster-${PRODUCT_NAME}-${PAGE.DASHBOARD}`,
+    path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.DASHBOARD}`,
+    component: Dashboard,
+  },
   {
     name: `c-cluster-${PRODUCT_NAME}-${PAGE.IMAGE_OVERVIEW}`,
     path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.IMAGE_OVERVIEW}`,
@@ -32,6 +38,11 @@ const routes = [
     path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.REGISTRIES}`,
     component: RegistriesConfiguration,
   },
+  {
+    name: `c-cluster-${PRODUCT_NAME}-${PAGE.VEX_MANAGEMENT}`,
+    path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.VEX_MANAGEMENT}`,
+    component: VexManagement,
+  },
   {
     name: `c-cluster-${PRODUCT_NAME}-${PAGE.REGISTRIES}-id`,
     path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.REGISTRIES}/:ns/:id`,