diff --git a/pkg/sbombastic-image-vulnerability-scanner/components/common/VexStatusBadge.vue b/pkg/sbombastic-image-vulnerability-scanner/components/common/VexStatusBadge.vue
new file mode 100644
index 0000000..7c43be7
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/components/common/VexStatusBadge.vue
@@ -0,0 +1,64 @@
+<template>
+  <div class="badge" :class="statusClass">
+    <div v-if="status" class="text">{{ t(`imageScanner.enum.status.${status.toLowerCase()}`) }}</div>
+  </div>
+  
+</template>
+
+<script>
+import { VEX_STATUS } from "@sbombastic-image-vulnerability-scanner/types";
+export default {
+  name: 'VexStatusBadge',
+  props: {
+    status: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    statusClass() {
+      switch ((this.status || '').toLowerCase()) {
+      case VEX_STATUS.ENABLED:
+        return 'enabled';
+      case VEX_STATUS.DISABLED:
+        return 'disabled';
+      default:
+        return '';
+      }
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.badge {
+  display: inline-block;
+  padding: 1px 8px;
+  align-items: center;
+  border-radius: 30px;
+
+  &.enabled {
+    background: #DEEFDC;
+    color: #376930;
+  }
+
+  &.disabled {
+    background: #DE2136;
+    color: #FFFFFF;
+  }
+
+  .text {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    line-clamp: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-family: Lato;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 19px;
+  }
+}
+</style>
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 cb4f40a..7bd134c 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.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",
@@ -55,6 +68,8 @@ export function init($plugin: IPlugin, store: any) {
     basicType([
         PAGE.IMAGE_OVERVIEW,
         PAGE.VULNERABILITY_OVERVIEW,
+        PAGE.VEX_MANAGEMENT,
+        "demo"
     ]);
 
     basicType([RESOURCE.REGISTRY], 'Advanced');
diff --git a/pkg/sbombastic-image-vulnerability-scanner/config/table-headers.ts b/pkg/sbombastic-image-vulnerability-scanner/config/table-headers.ts
index ada2835..32ee8a5 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/config/table-headers.ts
+++ b/pkg/sbombastic-image-vulnerability-scanner/config/table-headers.ts
@@ -103,3 +103,42 @@ export const REGISTRY_SCAN_HISTORY_TABLE = [
     sort: "errors",
   },
 ];
+
+export const VEX_MANAGEMENT_TABLE = [
+    {
+        name:          "_status",
+        labelKey:      "imageScanner.vexManagement.table.headers.status",
+        value:         "_status",
+        getValue:      (row: any) => row._status,
+        formatter:     "VexStatusCellBadge",
+        sort:          "_status",
+    },
+    {
+        name:          "name",
+        labelKey:      "imageScanner.vexManagement.table.headers.name",
+        value:         "name",
+        formatter:     "VexNameLink",
+        sort:          "name",
+    },
+    {
+        name:          "uri",
+        labelKey:      "imageScanner.vexManagement.table.headers.uri",
+        value:         "uri",
+        formatter:     "UriExternalLink",
+        sort:          "uri",
+    },
+    {
+        name:          "createdBy",
+        labelKey:      "imageScanner.vexManagement.table.headers.createdBy",
+        value:         "createdBy",
+        sort:          "createdBy",
+    },
+    {
+        name:          "updated",
+        labelKey:      "imageScanner.vexManagement.table.headers.updated",
+        value:         "updated",
+        getValue:      (row: any) => row.updated,
+        formatter:     "VexDateFormatter",
+        sort:          "updated",
+    }
+];
diff --git a/pkg/sbombastic-image-vulnerability-scanner/formatters/UriExternalLink.vue b/pkg/sbombastic-image-vulnerability-scanner/formatters/UriExternalLink.vue
new file mode 100644
index 0000000..690fa25
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/formatters/UriExternalLink.vue
@@ -0,0 +1,22 @@
+<script>
+export default {
+  name: 'UriExternalLink',
+  props: {
+    value: {
+      type: String,
+      required: true
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    }
+  }
+};
+</script>
+
+<template>
+  <a class="uri-link" :href="value" target="_blank" rel="noopener noreferrer">
+    {{ value }}
+    <i class="icon icon-external-link"></i>
+  </a>
+</template>
diff --git a/pkg/sbombastic-image-vulnerability-scanner/formatters/VexDateFormatter.vue b/pkg/sbombastic-image-vulnerability-scanner/formatters/VexDateFormatter.vue
new file mode 100644
index 0000000..7a78a5a
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/formatters/VexDateFormatter.vue
@@ -0,0 +1,33 @@
+<template>
+  <span>{{ formattedDate }}</span>
+</template>
+
+<script>
+export default {
+  name: 'VexDateFormatter',
+  props: {
+    value: {
+      type: [String, Date],
+      required: true
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    formattedDate() {
+      const date = new Date(this.value);
+      const options = {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit',
+        hour12: true
+      };
+      return date.toLocaleString('en-US', options);
+    }
+  }
+};
+</script>
diff --git a/pkg/sbombastic-image-vulnerability-scanner/formatters/VexNameLink.vue b/pkg/sbombastic-image-vulnerability-scanner/formatters/VexNameLink.vue
new file mode 100644
index 0000000..28d978f
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/formatters/VexNameLink.vue
@@ -0,0 +1,19 @@
+<script>
+export default {
+  name: 'VexNameLink',
+  props: {
+    value: {
+      type: String,
+      required: true
+    },
+    row: {
+      type: Object,
+      required: true
+    }
+  }
+};
+</script>
+
+<template>
+  <RouterLink :to="`/c/${$route.params.cluster}/imageScanner/vex_management/${row.id}`">{{ value }}</RouterLink>
+</template>
diff --git a/pkg/sbombastic-image-vulnerability-scanner/formatters/VexStatusCellBadge.vue b/pkg/sbombastic-image-vulnerability-scanner/formatters/VexStatusCellBadge.vue
new file mode 100644
index 0000000..e119ca2
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/formatters/VexStatusCellBadge.vue
@@ -0,0 +1,18 @@
+<script>
+import VexStatusBadge from "@sbombastic-image-vulnerability-scanner/components/common/VexStatusBadge.vue";
+export default {
+  components: {
+    VexStatusBadge,
+  },
+  props: {
+    value: {
+      type:    String,
+      required: true
+    },
+  },
+};
+</script>
+
+<template>
+  <VexStatusBadge :status="value.toLowerCase()" />
+</template>
diff --git a/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml b/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml
index 8aa067b..59eaf9b 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml
+++ b/pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml
@@ -85,6 +85,27 @@ imageScanner:
         registry: Registry
   vulnerabilities:
     title: Vulnerabilities
+  vexManagement:
+    title: VEX management
+    description: Configure the security scanner to use up-to-date VEX reports. This will prioritize remediation efforts, focusing on vulnerabilities that are confirmed to be exploitable and reducing the noise coming from false positives.
+    button:
+      create: Create
+    buttons:
+      enable: Enable
+      disable: Disable
+      delete: Delete
+    actions:
+      clone: Clone
+      editConfig: Edit configuration
+      editYaml: Edit YAML
+    table:
+      headers:
+        status: Status
+        name: Name
+        uri: URI
+        createdBy: Created by
+        updated: Updated
+        actions: Actions
   enum:
     cve:
       critical: Critical
@@ -98,6 +119,8 @@ imageScanner:
       inprogress: In progress
       complete: Complete
       failed: Failed
+      enabled: Enabled
+      disabled: Disabled
     prevScan:
       none: n/a
       scheduled: Scheduled
diff --git a/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/VexManagement.vue b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/VexManagement.vue
new file mode 100644
index 0000000..ef3146c
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/VexManagement.vue
@@ -0,0 +1,412 @@
+<template>
+  <div class="page">
+    <div class="header-section">
+      <div class="header-left">
+        <div class="title-wrap">
+          <div class="title">{{ t('imageScanner.vexManagement.title') }}</div>
+        </div>
+        <div class="description">{{ t('imageScanner.vexManagement.description') }}</div>
+      </div>
+      <div class="header-right">
+        <div class="header-btn">
+          <button
+            class="btn role-primary"
+            :aria-label="t('imageScanner.vexManagement.button.create')"
+            type="button"
+            :disabled="disabled"
+            @click="createVexHub()">
+            {{ t('imageScanner.vexManagement.button.create') }}
+          </button>
+        </div>
+      </div>
+    </div>
+    
+    <ResourceTable
+      ref="rt"
+      :schema="schema"
+      :rows="rows"
+      :namespaced="false"
+      :headers="headers"
+      :key-field="'id'"
+      :table-actions="true"
+      :use-query-params-for-simple-filtering="true"
+      :force-update-live-and-delayed="forceUpdateKey"
+      @selection="onSelectionChange"
+    >
+      <template #header-left>
+        <div class="bulk-actions">
+          <button
+            class="btn role-primary"
+            :disabled="!hasDisabledSelected"
+            @click="enableSelected()"
+          >
+            <i class="icon icon-play"></i>
+            {{ t('imageScanner.vexManagement.buttons.enable') || 'Enable' }}
+          </button>
+          <button
+            class="btn role-primary"
+            :disabled="!hasEnabledSelected"
+            @click="disableSelected()"
+          >
+            <i class="icon icon-pause"></i>
+            {{ t('imageScanner.vexManagement.buttons.disable') || 'Disable' }}
+          </button>
+          <button
+            class="btn role-primary"
+            :disabled="!(selectedRows && selectedRows.length)"
+            @click="deleteSelected()"
+          >
+            <i class="icon icon-delete"></i>
+            {{ t('imageScanner.vexManagement.buttons.delete') || 'Delete' }}
+          </button>
+        </div>
+      </template>
+    </ResourceTable>
+  </div>
+</template>
+
+<script>
+import { RESOURCE } from "@sbombastic-image-vulnerability-scanner/types";
+import ResourceTable from "@shell/components/ResourceTable";
+import { VEX_MANAGEMENT_TABLE } from "@sbombastic-image-vulnerability-scanner/config/table-headers";
+import {
+  PRODUCT_NAME,
+} from "@sbombastic-image-vulnerability-scanner/types";
+
+export default {
+  name: 'VexManagement',
+  components: {
+    ResourceTable
+  },
+  data() {
+    return {
+      PRODUCT_NAME: PRODUCT_NAME,
+      headers: VEX_MANAGEMENT_TABLE,
+      disabled: false,
+      selectedRows: [],
+      filterText: '',
+      rows: [],
+      forceUpdateKey: 0
+    }
+  },
+
+  async fetch() {
+    await this.$store.dispatch('cluster/findAll', { type: RESOURCE.VEX_HUB });
+    let vexhubsCRD = this.$store.getters['cluster/all']?.(RESOURCE.VEX_HUB);
+
+    // Use mock data if no real CRs yet; fallback directly to mock data (no store wiring)
+    if (Object.keys(vexhubsCRD).length === 0) {
+      const apiBase = '/v1/sbombastic.rancher.io.vexhubs';
+      vexhubsCRD = [
+        {
+          id: 'aqua-security-vex-hub',
+          type: 'sbombastic.rancher.io.vexhub',
+          metadata: { name: 'aqua-security-vex-hub', creationTimestamp: '2025-01-29T23:07:00Z' },
+          spec: { enabled: false, url: 'https://github.com/aquasecurity/vexhub' },
+          links: { self: `${apiBase}/aqua-security-vex-hub`, update: `${apiBase}/aqua-security-vex-hub`, remove: `${apiBase}/aqua-security-vex-hub`, view: `${apiBase}/aqua-security-vex-hub` }
+        },
+        {
+          id: 'example-vex-hub',
+          type: 'sbombastic.rancher.io.vexhub',
+          metadata: { name: 'example-vex-hub', creationTimestamp: '2024-11-04T17:29:00Z' },
+          spec: { enabled: true, url: 'https://example.com/vex-hub/v0' },
+          links: { self: `${apiBase}/example-vex-hub`, update: `${apiBase}/example-vex-hub`, remove: `${apiBase}/example-vex-hub`, view: `${apiBase}/example-vex-hub` }
+        },
+        {
+          id: 'rancher-vex-hub',
+          type: 'sbombastic.rancher.io.vexhub',
+          metadata: { name: 'rancher-vex-hub', creationTimestamp: '2025-04-07T06:15:00Z' },
+          spec: { enabled: true, url: 'https://github.com/rancher/vexhub' },
+          links: { self: `${apiBase}/rancher-vex-hub`, update: `${apiBase}/rancher-vex-hub`, remove: `${apiBase}/rancher-vex-hub`, view: `${apiBase}/rancher-vex-hub` }
+        },
+        {
+          id: 'vex-hub-api',
+          type: 'sbombastic.rancher.io.vexhub',
+          metadata: { name: 'vex-hub-api', creationTimestamp: '2025-01-02T04:00:00Z' },
+          spec: { enabled: true, url: 'https://example.com/vex-api' },
+          links: { self: `${apiBase}/vex-hub-api`, update: `${apiBase}/vex-hub-api`, remove: `${apiBase}/vex-hub-api`, view: `${apiBase}/vex-hub-api` }
+        },
+        {
+          id: 'vex-hub-central',
+          type: 'sbombastic.rancher.io.vexhub',
+          metadata: { name: 'vex-hub-central', creationTimestamp: '2024-10-20T20:37:00Z' },
+          spec: { enabled: true, url: 'https://vexhub.io' },
+          links: { self: `${apiBase}/vex-hub-central`, update: `${apiBase}/vex-hub-central`, remove: `${apiBase}/vex-hub-central`, view: `${apiBase}/vex-hub-central` }
+        }
+      ];
+    }
+
+    this.rows = vexhubsCRD.map((rec) => {
+      const isSteveModel = !!rec?.availableActions || !!rec?.links;
+
+      const id = rec.id || rec?.metadata?.name;
+      const name = rec?.metadata?.name || rec.name || id;
+      const uri = rec?.spec?.url || rec.uri || '';
+      const enabled = typeof rec?.spec?.enabled === 'boolean' ? rec.spec.enabled : (rec._status === 'enabled');
+      const createdBy = /rancher/i.test(name) || /rancher/i.test(uri) ? 'Rancher' : 'Manual entry';
+      const updated = rec?.metadata?.creationTimestamp || rec.updated || new Date().toISOString();
+
+      if (isSteveModel) {
+        // Augment the existing Steve model instance in-place to preserve prototype & actions
+        rec.id = id || name;
+        rec.name = name;
+        rec.uri = uri;
+        rec._status = enabled ? 'enabled' : 'disabled';
+        rec.createdBy = createdBy;
+        rec.updated = updated;
+        if (!rec.availableActions || rec.availableActions.length === 0) {
+          rec.availableActions = this.buildRowActions(enabled);
+        }
+        return rec;
+      }
+
+      // Fallback: non-Steve mock object
+      return {
+        ...rec,
+        id: id || name,
+        name,
+        uri,
+        _status: enabled ? 'enabled' : 'disabled',
+        createdBy,
+        updated,
+        availableActions: this.buildRowActions(enabled)
+      };
+    });
+  },
+  
+  methods: {
+    createVexHub() {
+      console.log('Creating new VEX hub...');
+    },
+    onSelectionChange(selected) {
+      this.selectedRows = selected || [];
+    },
+    enableSelected(selected) {
+      const ids = (selected || this.selectedRows || []).map(r => r.id);
+      if (!ids.length) return;
+      this.rows.forEach(r => {
+        if (ids.includes(r.id)) {
+          r._status = 'enabled';
+          if (r.spec) { r.spec.enabled = true; }
+          r.updated = new Date().toISOString();
+          r.availableActions = this.buildRowActions(true);
+        }
+      });
+
+      this.forceUpdateKey++;
+    },
+    disableSelected(selected) {
+      const ids = (selected || this.selectedRows || []).map(r => r.id);
+      if (!ids.length) return;
+      this.rows.forEach(r => {
+        if (ids.includes(r.id)) {
+          r._status = 'disabled';
+          if (r.spec) { r.spec.enabled = false; }
+          r.updated = new Date().toISOString();
+          r.availableActions = this.buildRowActions(false);
+        }
+      });
+
+      this.forceUpdateKey++;
+    },
+    buildRowActions(isEnabled) {
+      return [
+        {
+          action:   'enable',
+          label:    this.t('imageScanner.vexManagement.buttons.enable') || 'Enable',
+          icon:     'icon-play',
+          enabled:  !isEnabled,
+          bulkable: true,
+          invoke:   ({}, resources) => { this.enableSelected(resources); }
+        },
+        {
+          action:   'disable',
+          label:    this.t('imageScanner.vexManagement.buttons.disable') || 'Disable',
+          icon:     'icon-pause',
+          enabled:  !!isEnabled,
+          bulkable: true,
+          invoke:   ({}, resources) => { this.disableSelected(resources); }
+        },
+        {
+          action:   'clone',
+          label:    this.t('imageScanner.vexManagement.actions.clone') || 'Clone',
+          icon:     'icon-copy',
+          enabled:  true,
+          bulkable: false,
+          invoke:   ({}, resources = []) => {
+            const now = new Date().toISOString();
+            resources.forEach((r) => {
+              const baseId = r.id || r.name;
+              let newId = `${ baseId }-copy`;
+              let counter = 1;
+              while (this.rows.find(x => x.id === newId)) {
+                newId = `${ baseId }-copy-${ counter++ }`;
+              }
+              this.rows.push({
+                ...r,
+                id: newId,
+                name: r.name || baseId,
+                updated: now
+              });
+            });
+            this.forceUpdateKey++;
+          }
+        },
+        {
+          action:   'edit',
+          label:    this.t('imageScanner.vexManagement.actions.editConfig') || 'Edit configuration',
+          icon:     'icon-edit',
+          enabled:  true,
+          bulkable: false,
+          invoke:   ({}, resources = []) => {
+            // Placeholder: wire to real edit route when CRD edit is available
+            console.debug('Edit configuration requested for', resources.map(r => r.id));
+          }
+        },
+        {
+          action:   'viewYaml',
+          label:    this.t('imageScanner.vexManagement.actions.editYaml') || 'Edit YAML',
+          icon:     'icon-file',
+          enabled:  true,
+          bulkable: false,
+          invoke:   ({}, resources = []) => {
+            // Placeholder: open YAML editor when available
+            console.debug('Edit YAML requested for', resources.map(r => r.id));
+          }
+        },
+        {
+          action:   'promptRemove',
+          label:    this.t('imageScanner.vexManagement.buttons.delete') || 'Delete',
+          icon:     'icon-delete',
+          enabled:  true,
+          bulkable: true,
+          invoke:   ({}, resources) => { this.deleteSelected(resources); }
+        }
+      ];
+    },
+    deleteSelected(selected) {
+      const ids = (selected || this.selectedRows || []).map(r => r.id);
+      if (!ids.length) return;
+      this.rows = this.rows.filter(r => !ids.includes(r.id));
+      if (this.$refs.rt) {
+        this.$refs.rt.clearSelection();
+      }
+      this.selectedRows = [];
+      this.forceUpdateKey++;
+    }
+  },
+  computed: {
+    schema() {
+      return this.$store.getters['cluster/schemaFor']?.(RESOURCE.VEX_HUB);
+    },
+    hasEnabledSelected() {
+      return this.selectedRows.some(row => row._status === 'enabled');
+    },
+    hasDisabledSelected() {
+      return this.selectedRows.some(row => row._status === 'disabled');
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  padding: 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: 8px;
+    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;
+    }
+  }
+  
+  .description {
+    max-width: 900px;
+    align-self: stretch;
+    color: #717179;
+    font-family: Lato;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 21px;
+  }
+  
+  .header-right {
+    display: flex;
+    align-items: flex-end;
+    justify-content: end;
+    flex: 1 0 0;
+    gap: 24px;
+  }
+  
+  .header-btn {
+    height: 40px;
+  }
+}
+
+// Status cell centering
+.status-cell {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  height: 100%;
+  min-height: 48px;
+  padding: 8px 0;
+  
+  :deep(.badge) {
+    margin: 0;
+    vertical-align: middle;
+  }
+}
+
+.uri-link .icon-external-link {
+  margin-left: 6px;
+  opacity: 0.7;
+}
+
+/* Bulk header action buttons - align icons and text */
+.bulk-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.bulk-actions .btn {
+  display: inline-flex;
+  align-items: center;
+}
+
+.bulk-actions .btn i {
+  margin-right: 6px;
+  line-height: 1;
+}
+</style>
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 500af8c..bb6f2de 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
@@ -3,6 +3,7 @@ import ComponentDemo from "@sbombastic-image-vulnerability-scanner/pages/c/_clus
 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 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 {
   PRODUCT_NAME,
@@ -20,6 +21,11 @@ const routes = [
     path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.VULNERABILITY_OVERVIEW}`,
     component: Vulnerabilities,
   },
+  {
+    name: `c-cluster-${PRODUCT_NAME}-${PAGE.VEX_MANAGEMENT}`,
+    path: `/c/:cluster/${PRODUCT_NAME}/${PAGE.VEX_MANAGEMENT}`,
+    component: VexManagement,
+  },
   {
     name: `c-cluster-${PRODUCT_NAME}-demo`,
     path: `/c/:cluster/${PRODUCT_NAME}/demo`,
diff --git a/pkg/sbombastic-image-vulnerability-scanner/types.ts b/pkg/sbombastic-image-vulnerability-scanner/types.ts
index c4dcda4..0a5813f 100644
--- a/pkg/sbombastic-image-vulnerability-scanner/types.ts
+++ b/pkg/sbombastic-image-vulnerability-scanner/types.ts
@@ -1,3 +1,4 @@
 export * from "./types/sbombastic-image-vulnerability-scanner";
 export * from "./types/image";
-export * from "./types/registry";
\ No newline at end of file
+export * from "./types/registry";
+export * from "./types/vex";
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 35abba8..518c5b1 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
@@ -2,6 +2,7 @@ export const PRODUCT_NAME = "imageScanner";
 export const RESOURCE = {
   REGISTRY: "sbombastic.rancher.io.registry",
   SCAN_JOB: "sbombastic.rancher.io.scanjob",
+  VEX_HUB: "sbombastic.rancher.io.vexhub",
 };
 export const PAGE = {
   DASHBOARD: "dashboard",
@@ -10,6 +11,7 @@ export const PAGE = {
   IMAGE_DETAIL: "image_detail",
   VULNERABILITY_OVERVIEW: "vulnerability_overview",
   CVE_DETAIL: "cve_detail",
+  VEX_MANAGEMENT: "vex_management",
 };
 export interface MetadataProperty {
   type: "text" | "tags";
diff --git a/pkg/sbombastic-image-vulnerability-scanner/types/vex.ts b/pkg/sbombastic-image-vulnerability-scanner/types/vex.ts
new file mode 100644
index 0000000..6f361ac
--- /dev/null
+++ b/pkg/sbombastic-image-vulnerability-scanner/types/vex.ts
@@ -0,0 +1,4 @@
+export const VEX_STATUS = {
+    ENABLED: "enabled",
+    DISABLED: "disabled",
+}