From cec0115a9e6fc65f34aaeb652f47407142279185 Mon Sep 17 00:00:00 2001
From: Kaden Emley <kemley@mitre.org>
Date: Mon, 29 Jul 2024 15:31:28 -0400
Subject: [PATCH] add ability to navigate from vulns to components

Signed-off-by: Kaden Emley <kemley@mitre.org>
---
 .../cards/controltable/ControlRowCol.vue      |  20 +
 .../cards/sbomview/ComponentTable copy.vue    | 450 ------------------
 .../cards/sbomview/ComponentTable.vue         | 130 +++--
 apps/frontend/src/router.ts                   |  17 +-
 apps/frontend/src/views/SbomView.vue          |  75 +--
 5 files changed, 118 insertions(+), 574 deletions(-)
 delete mode 100644 apps/frontend/src/components/cards/sbomview/ComponentTable copy.vue

diff --git a/apps/frontend/src/components/cards/controltable/ControlRowCol.vue b/apps/frontend/src/components/cards/controltable/ControlRowCol.vue
index 81d9a17639..c8ad4f3cc7 100644
--- a/apps/frontend/src/components/cards/controltable/ControlRowCol.vue
+++ b/apps/frontend/src/components/cards/controltable/ControlRowCol.vue
@@ -28,6 +28,11 @@
         class="pa-2 mono pre-formatted"
         v-html="sanitize_html(result.code_desc.trim())"
       />
+      <v-btn
+        v-if="componentRef"
+        @click="goToComponent()"
+        >See component details <v-icon>mdi-view-list-outline</v-icon></v-btn
+      >
       <!-- eslint-enable vue/no-v-html -->
     </v-col>
     <v-col v-if="resultMessage" cols="12" sm="6" lg="5" class="left">
@@ -78,6 +83,21 @@ export default class ControlRowCol extends mixins(HtmlSanitizeMixin) {
   get resultMessage(): string | undefined {
     return this.result.message || this.result.skip_message;
   }
+
+  get componentRef(): string | undefined {
+    const matches = this.result.message?.match(/- bom-ref: (?<ref>.+)$/m);
+    if (matches) {
+      return matches.groups?.ref;
+    }
+  }
+
+  goToComponent() {
+    if (this.componentRef)
+      this.$router.push({
+        name: 'sbom',
+        params: {componentRef: this.componentRef}
+      });
+  }
 }
 </script>
 
diff --git a/apps/frontend/src/components/cards/sbomview/ComponentTable copy.vue b/apps/frontend/src/components/cards/sbomview/ComponentTable copy.vue
deleted file mode 100644
index 8e02de80b1..0000000000
--- a/apps/frontend/src/components/cards/sbomview/ComponentTable copy.vue	
+++ /dev/null
@@ -1,450 +0,0 @@
-<template>
-  <v-container fluid class="font-weight-bold">
-    <div
-      ref="controlTableTitle"
-      :class="
-        $vuetify.breakpoint.smAndDown
-          ? 'control-table-title'
-          : 'pinned-header control-table-title'
-      "
-      :style="controlTableTitleStyle"
-    >
-      <!-- Toolbar -->
-      <v-row v-resize="onResize">
-        <v-row>
-          <v-col cols="12" md="3" class="pb-0">
-            <v-card-title class="pb-0">Results View Data</v-card-title>
-          </v-col>
-          <v-spacer />
-          <v-col cols="3" md="auto" class="text-right pl-6 pb-0">
-            <v-switch
-              v-model="displayUnviewedControls"
-              label="Show Only Unviewed"
-            />
-          </v-col>
-          <v-col cols="3" md="auto" class="text-right pb-0">
-            <v-switch v-model="syncTabs" label="Sync Tabs" />
-          </v-col>
-          <v-col cols="3" md="auto" class="text-right pb-0">
-            <v-switch
-              v-model="singleExpand"
-              label="Single Expand"
-              @change="handleToggleSingleExpand"
-            />
-          </v-col>
-          <v-col cols="3" md="auto" class="text-right pb-0">
-            <v-switch v-model="expandAll" label="Expand All" class="mr-5" />
-          </v-col>
-        </v-row>
-      </v-row>
-
-      <!-- Header. This should mirror the structure of ControlRowHeader -->
-      <ResponsiveRowSwitch>
-        <template #status>
-          <ColumnHeader
-            text="Status"
-            :sort="sortStatus"
-            @input="set_sort('status', $event)"
-          />
-        </template>
-
-        <template #set>
-          <ColumnHeader
-            text="Result Set"
-            :sort="sortSet"
-            @input="set_sort('set', $event)"
-          />
-        </template>
-
-        <template #id>
-          <v-row class="pa-3">
-            <ColumnHeader
-              text="ID"
-              :sort="sortId"
-              @input="set_sort('id', $event)"
-            />
-            <v-tooltip bottom>
-              <template #activator="{on, attrs}">
-                <v-icon
-                  class="ml-0"
-                  small
-                  style="cursor: pointer"
-                  v-bind="attrs"
-                  v-on="on"
-                  >mdi-information-outline</v-icon
-                >
-              </template>
-              <span>ID <br />(Legacy ID) </span>
-            </v-tooltip>
-          </v-row>
-        </template>
-
-        <template #title>
-          <ColumnHeader text="Title" sort="disabled" />
-        </template>
-
-        <template #severity>
-          <ColumnHeader
-            :text="'Severity'"
-            :sort="sortSeverity"
-            @input="set_sort('severity', $event)"
-          />
-        </template>
-
-        <template #tags>
-          <ColumnHeader text="800-53 Controls & CCIs" sort="disabled" />
-        </template>
-
-        <template #runTime>
-          <ColumnHeader
-            text="Run Time"
-            :sort="sortRunTime"
-            @input="set_sort('runTime', $event)"
-          />
-        </template>
-
-        <template #viewed>
-          <ColumnHeader
-            text="Controls Viewed"
-            sort="disabled"
-            :viewed-header="true"
-            :number-of-viewed-controls="numOfViewed"
-            :number-of-all-controls="raw_items.length"
-          />
-        </template>
-      </ResponsiveRowSwitch>
-    </div>
-
-    <!-- Body -->
-    <v-lazy
-      v-for="item in items"
-      :key="item.key"
-      min-height="50"
-      transition="fade-transition"
-    >
-      <div :id="striptoChars(item.key)">
-        <ControlRowHeader
-          :class="$vuetify.breakpoint.smAndDown ? '' : 'pinned-header'"
-          :style="controlRowPinOffset"
-          :control="item.control"
-          :expanded="expanded.includes(item.key)"
-          :viewed-controls="viewedControlIds"
-          @toggle="toggle(item.key)"
-          @control-viewed="toggleControlViewed"
-        />
-        <ControlRowDetails
-          v-if="expanded.includes(item.key)"
-          :control="item.control"
-          :tab="syncTabs ? syncTab : undefined"
-          @update:tab="updateTab"
-        />
-      </div>
-    </v-lazy>
-  </v-container>
-</template>
-
-<script lang="ts">
-import ControlRowDetails from '@/components/cards/controltable/ControlRowDetails.vue';
-import ControlRowHeader from '@/components/cards/controltable/ControlRowHeader.vue';
-import ResponsiveRowSwitch from '@/components/cards/controltable/ResponsiveRowSwitch.vue';
-import ColumnHeader, {Sort} from '@/components/generic/ColumnHeader.vue';
-import {Filter, FilteredDataModule} from '@/store/data_filters';
-import {HeightsModule} from '@/store/heights';
-import {getControlRunTime} from '@/utilities/delta_util';
-import {control_unique_key} from '@/utilities/format_util';
-import {ContextualizedControl, severities} from 'inspecjs';
-import * as _ from 'lodash';
-import Vue from 'vue';
-import Component from 'vue-class-component';
-import {Prop, Ref} from 'vue-property-decorator';
-
-// Tracks the visibility of an HDF control
-interface ListElt {
-  // A unique id to be used as a key.
-  key: string;
-
-  filename: string;
-
-  // Computed values for status and severity, for sorting
-  status_val: number;
-  severity_val: number;
-
-  control: ContextualizedControl;
-}
-
-@Component({
-  components: {
-    ControlRowHeader,
-    ControlRowDetails,
-    ColumnHeader,
-    ResponsiveRowSwitch
-  }
-})
-export default class ComponentTable extends Vue {
-  @Ref('controlTableTitle') readonly controlTableTitle!: Element;
-  @Prop({type: Object, required: true}) readonly filter!: Filter;
-
-  // Whether to allow multiple expansions
-  singleExpand = true;
-
-  // If the currently selected tab should sync
-  syncTabs = false;
-  syncTab = 'tab-test';
-
-  // List of currently expanded options. If unique id is in here, it is expanded
-  expanded: string[] = [];
-
-  // Sorts
-  sortId: Sort = 'none';
-  sortStatus: Sort = 'none';
-  sortSet: Sort = 'none';
-  sortSeverity: Sort = 'none';
-  sortRunTime: Sort = 'none';
-
-  // Used for viewed/unviewed controls.
-  viewedControlIds: string[] = [];
-  displayUnviewedControls = true;
-
-  get numOfViewed() {
-    return this.raw_items.filter((elem) =>
-      this.viewedControlIds.some((id) => elem.control.data.id === id)
-    ).length;
-  }
-
-  toggleControlViewed(control: ContextualizedControl) {
-    const alreadyViewed = this.viewedControlIds.indexOf(control.data.id);
-    // If the control hasn't been marked as viewed yet, mark it as viewed.
-    if (alreadyViewed === -1) {
-      this.viewedControlIds.push(control.data.id);
-    }
-    // Else, remove it from the view controls array.
-    else {
-      this.viewedControlIds.splice(alreadyViewed, 1);
-    }
-  }
-
-  mounted() {
-    this.onResize();
-  }
-
-  onResize() {
-    // Allow the page to settle before checking the controlTableHeader height
-    // (this is what $nextTick is supposed to do but it's firing too quickly)
-    setTimeout(() => {
-      HeightsModule.setControlTableHeaderHeight(
-        this.controlTableTitle?.clientHeight
-      );
-    }, 2000);
-  }
-
-  /** Callback to handle setting a new sort */
-  set_sort(column: string, newSort: Sort) {
-    this.sortId = 'none';
-    this.sortSet = 'none';
-    this.sortStatus = 'none';
-    this.sortSeverity = 'none';
-    this.sortRunTime = 'none';
-    switch (column) {
-      case 'id':
-        this.sortId = newSort;
-        break;
-      case 'status':
-        this.sortStatus = newSort;
-        break;
-      case 'set':
-        this.sortSet = newSort;
-        break;
-      case 'severity':
-        this.sortSeverity = newSort;
-        break;
-      case 'runTime':
-        this.sortRunTime = newSort;
-        break;
-    }
-  }
-
-  get expandAll() {
-    return this.expanded.length === this.items.length;
-  }
-
-  set expandAll(value: boolean) {
-    if (value) {
-      this.singleExpand = false;
-      this.expanded = this.items.map((items) => items.key);
-    } else {
-      this.expanded = [];
-    }
-  }
-
-  get controlTableTitleStyle() {
-    return {top: `${HeightsModule.topbarHeight}px`};
-  }
-
-  get controlRowPinOffset() {
-    // There is ~10px of padding being added which makes the ControlRowHeader look out of place
-    return {top: `${this.topOfPage - 10}px`};
-  }
-
-  // The top of the page, relative to the topbar and the title bar
-  get topOfPage() {
-    return HeightsModule.topbarHeight + HeightsModule.controlTableHeaderHeight;
-  }
-
-  /** Closes all open controls when single-expand is re-enabled */
-  async handleToggleSingleExpand(singleExpand: boolean): Promise<void> {
-    if (singleExpand) {
-      this.expandAll = false;
-    }
-  }
-
-  async updateTab(tab: string) {
-    this.syncTab = tab;
-  }
-
-  /** Toggles the given expansion of a control details panel */
-  toggle(key: string) {
-    if (this.singleExpand) {
-      // Check if key already there
-      const had = this.expanded.includes(key);
-
-      // Clear
-      this.expanded = [];
-
-      // If key is new, add it
-      if (!had) {
-        this.expanded.push(key);
-        this.jump_to_key(key);
-      }
-    } else {
-      // Add or remove it from the set, as appropriate. Shortcut this by only adding if delete fails
-      const i = this.expanded.indexOf(key);
-      if (i < 0) {
-        this.expanded.push(key);
-        this.jump_to_key(key);
-      } else {
-        this.expanded.splice(i, 1);
-      }
-    }
-  }
-
-  jump_to_key(key: string) {
-    if (!this.$vuetify.breakpoint.smAndDown) {
-      this.$nextTick(() => {
-        this.$vuetify.goTo(`#${this.striptoChars(key)}`, {
-          offset: this.topOfPage,
-          duration: 300
-        });
-      });
-    }
-  }
-
-  striptoChars(key: string) {
-    return key.replace(/[^a-z0-9]/gi, '');
-  }
-
-  /** Return items as key, value pairs */
-  get raw_items(): ListElt[] {
-    return FilteredDataModule.controls(this.filter).map((d) => {
-      const key = control_unique_key(d);
-
-      // File, hdf wrapper
-      return {
-        key,
-        control: d,
-        status_val: [
-          'Passed',
-          'Not Applicable',
-          'No Data',
-          'Not Reviewed',
-          'Profile Error',
-          'Failed'
-        ].indexOf(d.root.hdf.status),
-        severity_val: severities.indexOf(d.root.hdf.severity),
-        filename: _.get(
-          d,
-          'sourcedFrom.sourcedFrom.from_file.filename'
-        ) as unknown as string
-      };
-    });
-  }
-
-  /** Return items sorted and filters out viewed controls */
-  get items(): ListElt[] {
-    // Controls ascending/descending
-    let factor = 1;
-    // Whether or not we need to sort
-    let sort = true;
-    // Our comparator function
-    let cmp: (a: ListElt, b: ListElt) => number;
-
-    let items = this.raw_items;
-
-    if (this.sortId === 'ascending' || this.sortId === 'descending') {
-      cmp = (a: ListElt, b: ListElt) =>
-        a.control.data.id.localeCompare(b.control.data.id);
-      if (this.sortId === 'ascending') {
-        factor = -1;
-      }
-    } else if (
-      this.sortStatus === 'ascending' ||
-      this.sortStatus === 'descending'
-    ) {
-      cmp = (a: ListElt, b: ListElt) => a.status_val - b.status_val;
-      if (this.sortStatus === 'ascending') {
-        factor = -1;
-      }
-    } else if (
-      this.sortSeverity === 'ascending' ||
-      this.sortSeverity === 'descending'
-    ) {
-      cmp = (a: ListElt, b: ListElt) => a.severity_val - b.severity_val;
-      if (this.sortSeverity === 'ascending') {
-        factor = -1;
-      }
-    } else if (this.sortSet === 'ascending' || this.sortSet === 'descending') {
-      cmp = (a: ListElt, b: ListElt) => a.filename.localeCompare(b.filename);
-      if (this.sortSet === 'ascending') {
-        factor = -1;
-      }
-    } else if (
-      this.sortRunTime === 'ascending' ||
-      this.sortRunTime === 'descending'
-    ) {
-      cmp = (a: ListElt, b: ListElt) =>
-        getControlRunTime(b.control) - getControlRunTime(a.control);
-      if (this.sortRunTime === 'ascending') {
-        factor = -1;
-      }
-    } else {
-      sort = false;
-    }
-
-    // Displays only unviewed controls.
-    if (this.displayUnviewedControls) {
-      items = items.filter(
-        (val) => !this.viewedControlIds.includes(val.control.data.id)
-      );
-    }
-
-    if (sort === true) {
-      items = items.sort((a, b) => cmp(a, b) * factor);
-    }
-
-    return items;
-  }
-}
-</script>
-
-<style scoped>
-.pinned-header {
-  position: sticky;
-  z-index: 2;
-  padding-top: 2px;
-  padding-bottom: 2px;
-}
-
-.control-table-title {
-  background-color: var(--v-secondary-lighten1);
-  z-index: 10;
-}
-</style>
diff --git a/apps/frontend/src/components/cards/sbomview/ComponentTable.vue b/apps/frontend/src/components/cards/sbomview/ComponentTable.vue
index 066af4b191..fd2d2d83e7 100644
--- a/apps/frontend/src/components/cards/sbomview/ComponentTable.vue
+++ b/apps/frontend/src/components/cards/sbomview/ComponentTable.vue
@@ -18,6 +18,7 @@
           :items-per-page="-1"
           :item-key="'bom-ref'"
           :search="search"
+          :expanded.sync="expanded"
           show-expand
           single-expand
           hide-default-footer
@@ -34,6 +35,7 @@
                 multiple
                 :items="stringFields"
               />
+
               <!--             
             <v-menu offset-y offset-overflow :close-on-content-click="false">
               <template #activator=" {on, attrs }">
@@ -47,9 +49,12 @@
             </v-card-title>
           </template>
 
-          <!--           <template #item="item">
-            <v-data-table-header :item="item"></v-data-table-header>
-          </template> -->
+          <template #[`item.name`]="{item}">
+            {{ item.name }}
+            <template v-if="componentRef == item['bom-ref']">
+              <a id="scroll-to" />
+            </template>
+          </template>
 
           <template #expanded-item="{headers, item}">
             <td class="m-10 p-10" :colspan="headers.length">
@@ -114,7 +119,7 @@
 
                 <!--Licenses Tab-->
                 <v-tab-item>
-                  <span v-for="license in item.licenses" :key="license">
+                  <span v-for="license in item.licenses" :key="license.license">
                     <v-simple-table dense>
                       <template #default>
                         <thead>
@@ -184,11 +189,40 @@ import Component from 'vue-class-component';
 import {Prop, Ref} from 'vue-property-decorator';
 
 interface SBOMComponent {
+  // TODO: UPDATE ME!!!!
+  type: string;
+  'mime-type'?: string;
+  'bom-ref'?: string;
+  supplier?: Record<string, unknown>;
+  manufacturer?: Record<string, unknown>;
+  authors?: Record<string, unknown>[];
+  author?: string;
+  publisher?: string;
+  group?: string;
   name: string;
-  version: string;
-  dependents: number;
-  id: string;
-  author: string;
+  version?: string;
+  description?: string;
+  scope?: string;
+  hashes?: Record<string, unknown>[];
+  licenses?: Record<string, unknown>[];
+  copyright?: string;
+  cpe?: string;
+  purl?: string;
+  omniborId?: string[];
+  swhid?: string[];
+  swid?: Record<string, unknown>[];
+  modified?: boolean; // deprecated
+  pedigree?: Record<string, unknown>;
+  externalReferences?: Record<string, unknown>[];
+  components?: SBOMComponent[];
+  evidence?: Record<string, unknown>;
+  releaseNotes?: Record<string, unknown>;
+  modelCard?: Record<string, unknown>;
+  data?: Record<string, unknown>[];
+  cryptoProperties?: Record<string, unknown>;
+  properties?: Record<string, unknown>[];
+  tags?: string[];
+  signature?: Record<string, unknown>[];
 }
 
 interface Passthrough {
@@ -206,46 +240,13 @@ interface Passthrough {
 export default class ComponentTable extends Vue {
   @Ref('controlTableTitle') readonly controlTableTitle!: Element;
   @Prop({type: Object, required: true}) readonly filter!: Filter;
+  @Prop({required: true}) readonly componentRef!: string | undefined;
 
-  testHeaders = [
-    {
-      text: 'Component Name',
-      value: 'name'
-    },
-    {
-      text: 'Version',
-      value: 'version'
-    },
-    {
-      text: 'Group',
-      value: 'group'
-    },
-    {
-      text: 'BOM Ref',
-      value: 'bom-ref'
-    },
-    {
-      text: 'Type',
-      value: 'type'
-    },
-    {
-      text: 'Author',
-      value: 'author'
-    },
-    {
-      text: 'Description',
-      value: 'description'
-    }
-  ];
-
-  headerColumns = ['name', 'group', 'bom-ref', 'type', 'author', 'description'];
-
-  tabs = {
-    tab: null,
-    items: ['strings', 'provenance', 'references', 'etc']
-  };
+  headerColumns = ['name', 'version', 'author', 'group', 'type', 'description'];
+  tabs = {tab: null};
 
   search = '';
+  expanded: SBOMComponent[] = [];
 
   stringFields = [
     'type',
@@ -262,10 +263,27 @@ export default class ComponentTable extends Vue {
     'purl'
   ];
 
+  mounted() {
+    this.$nextTick(() => {
+      if (!this.componentRef) return;
+      const element = document.getElementById('scroll-to');
+      if (element) {
+        element.scrollIntoView({block: 'start', behavior: 'smooth'});
+        element.parentElement?.parentElement?.classList.add('highlight');
+        const item = this.items.find((i) => i['bom-ref'] === this.componentRef);
+        if (item) {
+          this.expanded = [item];
+        }
+      }
+    });
+  }
+
   get headers() {
-    return this.headerColumns.map((v) => {
+    let h = this.headerColumns.map((v) => {
       return {value: v, text: _.startCase(v)};
     });
+    h.push({value: 'data-table-expand', text: 'More'});
+    return h;
   }
 
   get items(): SBOMComponent[] {
@@ -300,4 +318,24 @@ export default class ComponentTable extends Vue {
   background-color: var(--v-secondary-lighten1);
   z-index: 10;
 }
+
+.highlight {
+  border: 2px solid yellow;
+}
+
+/*.v-data-table > .v-data-table__wrapper > table {
+  border-collapse: collapse;
+}*/
+
+::v-deep .v-data-table__expanded {
+  border-left: 5px solid var(--v-primary-base);
+}
+
+::v-deep .v-data-table__expanded__row {
+  background-color: #616161;
+}
+
+::v-deep .v-data-table__wrapper table {
+  border-collapse: collapse;
+}
 </style>
diff --git a/apps/frontend/src/router.ts b/apps/frontend/src/router.ts
index e3de4e88a3..64a8951031 100644
--- a/apps/frontend/src/router.ts
+++ b/apps/frontend/src/router.ts
@@ -45,18 +45,17 @@ const router = new Router({
         }
       ]
     },
+    {
+      path: '/sbom-view/:componentRef',
+      name: 'sbom',
+      component: SbomView,
+      meta: {requiresAuth: true, hasIdParams: true}
+    },
     {
       path: '/sbom-view',
-      name: 'SBOM View',
+      name: 'sbom',
       component: SbomView,
-      meta: {requiresAuth: true, hasIdParams: true},
-      children: [
-        {
-          path: ':id',
-          component: SbomView,
-          meta: {requiresAuth: true, hasIdParams: true}
-        }
-      ]
+      meta: {requiresAuth: true, hasIdParams: true}
     },
     {
       path: '/',
diff --git a/apps/frontend/src/views/SbomView.vue b/apps/frontend/src/views/SbomView.vue
index 53296bc5f4..0534796288 100644
--- a/apps/frontend/src/views/SbomView.vue
+++ b/apps/frontend/src/views/SbomView.vue
@@ -16,39 +16,9 @@
             </v-btn>
           </template>
           <v-list class="py-0">
-            <v-list-item v-if="is_result_view" class="px-0">
-              <ExportCaat :filter="all_filter" />
-            </v-list-item>
-            <v-list-item v-if="is_result_view" class="px-0">
-              <ExportNist :filter="all_filter" />
-            </v-list-item>
-            <v-list-item v-if="is_result_view" class="px-0">
-              <ExportASFFModal :filter="all_filter" />
-            </v-list-item>
-            <v-list-item v-if="is_result_view" class="px-0">
-              <ExportCKLModal :filter="all_filter" />
-            </v-list-item>
-            <v-list-item v-if="is_result_view" class="px-0">
-              <ExportCSVModal :filter="all_filter" />
-            </v-list-item>
-            <v-list-item v-if="is_result_view" class="px-0">
-              <ExportHTMLModal
-                :filter="all_filter"
-                :file-type="current_route_name"
-              />
-            </v-list-item>
-            <v-list-item v-if="is_result_view" class="px-0">
-              <ExportSplunkModal />
-            </v-list-item>
             <v-list-item class="px-0">
               <ExportJson />
             </v-list-item>
-            <v-list-item v-if="is_result_view" class="px-0">
-              <ExportXCCDFResults
-                :filter="all_filter"
-                :is-result-view="is_result_view"
-              />
-            </v-list-item>
           </v-list>
         </v-menu>
       </div>
@@ -91,7 +61,10 @@
         <v-row>
           <v-col xs-12>
             <v-card elevation="2">
-              <ComponentTable :filter="all_filter" />
+              <ComponentTable
+                :filter="all_filter"
+                :component-ref="$route.params.componentRef"
+              />
             </v-card>
           </v-col>
         </v-row>
@@ -101,23 +74,11 @@
 </template>
 
 <script lang="ts">
-import ComplianceChart from '@/components/cards/ComplianceChart.vue';
 import ComponentTable from '@/components/cards/sbomview/ComponentTable.vue';
 import EvaluationInfo from '@/components/cards/EvaluationInfo.vue';
-import ProfileData from '@/components/cards/ProfileData.vue';
-import SeverityChart from '@/components/cards/SeverityChart.vue';
-import StatusChart from '@/components/cards/StatusChart.vue';
 import UploadButton from '@/components/generic/UploadButton.vue';
-import ExportASFFModal from '@/components/global/ExportASFFModal.vue';
-import ExportCaat from '@/components/global/ExportCaat.vue';
-import ExportCKLModal from '@/components/global/ExportCKLModal.vue';
-import ExportCSVModal from '@/components/global/ExportCSVModal.vue';
-import ExportHTMLModal from '@/components/global/ExportHTMLModal.vue';
 import ExportJson from '@/components/global/ExportJson.vue';
-import ExportNist from '@/components/global/ExportNist.vue';
 import PrintButton from '@/components/global/PrintButton.vue';
-import ExportSplunkModal from '@/components/global/ExportSplunkModal.vue';
-import ExportXCCDFResults from '@/components/global/ExportXCCDFResults.vue';
 import RouteMixin from '@/mixins/RouteMixin';
 import {
   ExtendedControlStatus,
@@ -138,7 +99,6 @@ import {ServerModule} from '@/store/server';
 import Base from '@/views/Base.vue';
 import {IEvaluation} from '@heimdall/interfaces';
 import {Severity} from 'inspecjs';
-import {capitalize} from 'lodash';
 import Component, {mixins} from 'vue-class-component';
 import ServerMixin from '../mixins/ServerMixin';
 import {EvaluationModule} from '../store/evaluations';
@@ -149,25 +109,13 @@ import {compare_times} from '../utilities/delta_util';
   components: {
     Base,
     ComponentTable,
-    StatusChart,
-    SeverityChart,
-    ComplianceChart,
-    ExportASFFModal,
-    ExportCaat,
-    ExportCSVModal,
-    ExportNist,
     ExportJson,
-    ExportXCCDFResults,
-    ExportCKLModal,
-    ExportHTMLModal,
     PrintButton,
     EvaluationInfo,
-    ExportSplunkModal,
-    ProfileData,
     UploadButton
   }
 })
-export default class Results extends mixins(RouteMixin, ServerMixin) {
+export default class Components extends mixins(RouteMixin, ServerMixin) {
   /**
    * The current state of the treemap as modeled by the treemap (duh).
    * Once can reliably expect that if a "deep" selection is not null, then its parent should also be not-null.
@@ -218,11 +166,7 @@ export default class Results extends mixins(RouteMixin, ServerMixin) {
    * Controlled by router.
    */
   get file_filter(): FileID[] {
-    if (this.is_result_view) {
-      return FilteredDataModule.selectedEvaluationIds;
-    } else {
-      return FilteredDataModule.selectedProfileIds;
-    }
+    return FilteredDataModule.selectedProfileIds; // TODO: Update this to call a new function to get only the SBOM evaluations profiles
   }
 
   get evaluationFiles(): SourcedContextualizedEvaluation[] {
@@ -243,13 +187,6 @@ export default class Results extends mixins(RouteMixin, ServerMixin) {
     return EvaluationModule.evaluationForFile(file);
   }
 
-  /**
-   * Returns true if we're showing results
-   */
-  get is_result_view(): boolean {
-    return this.current_route === 'results';
-  }
-
   // Returns true if no files are uploaded
   get no_files(): boolean {
     return InspecDataModule.allFiles.length === 0;