From 8eab67fd6f58bd8feeddb80811934384cb01af70 Mon Sep 17 00:00:00 2001
From: Shawn Yama <syama@uncharted.software>
Date: Wed, 11 Sep 2024 16:17:56 -0400
Subject: [PATCH] clean: remove explorer (#4753)

---
 packages/client/hmi-client/package.json       | 193 ++++---
 .../hmi-client/src/assets/css/style.scss      |  46 +-
 .../src/components/dataset/tera-dataset.vue   |   5 +-
 .../model/petrinet/tera-model-description.vue |   6 +-
 .../src/components/navbar/tera-navbar.vue     |  21 +-
 .../src/components/navbar/tera-searchbar.vue  | 374 -------------
 .../widgets/tera-asset-enrichment.vue         |   2 +-
 packages/client/hmi-client/src/page/Home.vue  |   8 +-
 .../src/page/data-explorer/DataExplorer.vue   | 519 ------------------
 .../facets/tera-categorical-facet.vue         | 293 ----------
 .../facets/tera-numerical-facet.vue           | 164 ------
 .../components/tera-asset-card.vue            | 222 --------
 .../components/tera-filter-bar.vue            |  16 -
 .../components/tera-preview-panel.vue         | 125 -----
 .../components/tera-search-item.vue           |  46 --
 .../components/tera-search-results-list.vue   | 321 -----------
 .../tera-selected-resources-header-pane.vue   | 141 -----
 .../page/data-explorer/search-by-example.ts   |  34 --
 .../client/hmi-client/src/router/index.ts     |   7 -
 .../client/hmi-client/src/router/routes.ts    |  16 -
 .../client/hmi-client/src/services/data.ts    | 251 ---------
 .../hmi-client/src/services/provenance.ts     |   6 +-
 .../client/hmi-client/src/stores/query.ts     |  36 --
 .../client/hmi-client/src/types/Concept.ts    |   7 -
 .../client/hmi-client/src/types/Dataset.ts    |  32 +-
 .../client/hmi-client/src/types/Filter.ts     |  24 -
 packages/client/hmi-client/src/types/Model.ts |  25 -
 .../client/hmi-client/src/types/common.ts     |  51 --
 .../client/hmi-client/src/types/search.ts     |   6 -
 packages/client/hmi-client/src/utils/asset.ts |  16 +
 .../client/hmi-client/src/utils/data-util.ts  |  92 ----
 .../client/hmi-client/src/utils/facets.ts     | 101 ----
 .../hmi-client/src/utils/filters-util.ts      | 107 ----
 .../tests/unit/utils/data-util.spec.ts        |  25 -
 yarn.lock                                     | 104 ----
 35 files changed, 132 insertions(+), 3310 deletions(-)
 delete mode 100644 packages/client/hmi-client/src/components/navbar/tera-searchbar.vue
 delete mode 100644 packages/client/hmi-client/src/page/data-explorer/DataExplorer.vue
 delete mode 100644 packages/client/hmi-client/src/page/data-explorer/components/facets/tera-categorical-facet.vue
 delete mode 100644 packages/client/hmi-client/src/page/data-explorer/components/facets/tera-numerical-facet.vue
 delete mode 100644 packages/client/hmi-client/src/page/data-explorer/components/tera-asset-card.vue
 delete mode 100644 packages/client/hmi-client/src/page/data-explorer/components/tera-filter-bar.vue
 delete mode 100644 packages/client/hmi-client/src/page/data-explorer/components/tera-preview-panel.vue
 delete mode 100644 packages/client/hmi-client/src/page/data-explorer/components/tera-search-item.vue
 delete mode 100644 packages/client/hmi-client/src/page/data-explorer/components/tera-search-results-list.vue
 delete mode 100644 packages/client/hmi-client/src/page/data-explorer/components/tera-selected-resources-header-pane.vue
 delete mode 100644 packages/client/hmi-client/src/page/data-explorer/search-by-example.ts
 delete mode 100644 packages/client/hmi-client/src/services/data.ts
 delete mode 100644 packages/client/hmi-client/src/stores/query.ts
 delete mode 100644 packages/client/hmi-client/src/types/Concept.ts
 delete mode 100644 packages/client/hmi-client/src/types/Filter.ts
 delete mode 100644 packages/client/hmi-client/src/types/search.ts
 create mode 100644 packages/client/hmi-client/src/utils/asset.ts
 delete mode 100644 packages/client/hmi-client/src/utils/data-util.ts
 delete mode 100644 packages/client/hmi-client/src/utils/facets.ts
 delete mode 100644 packages/client/hmi-client/src/utils/filters-util.ts
 delete mode 100644 packages/client/hmi-client/tests/unit/utils/data-util.spec.ts

diff --git a/packages/client/hmi-client/package.json b/packages/client/hmi-client/package.json
index 3e8f820ec6..85ce8a611e 100644
--- a/packages/client/hmi-client/package.json
+++ b/packages/client/hmi-client/package.json
@@ -1,100 +1,97 @@
 {
-	"name": "hmi-client",
-	"private": true,
-	"version": "0.0.0",
-	"scripts": {
-		"dev": "yarn install && vite --host",
-		"local": "yarn install && vite --host --config vite.config.local.ts",
-		"staging": "yarn install && vite --host --config vite.config.staging.ts",
-		"build": "vue-tsc --noEmit && vite build",
-		"typecheck": "yarn workspace graph-scaffolder tsc --build && vue-tsc --noEmit",
-		"preview": "vite preview",
-		"test": "vitest",
-		"test:ci": "vitest run",
-		"test:coverage": "vitest run --coverage",
-		"test:e2e": "playwright test",
-		"test:e2e:snapshots": "playwright test --update-snapshots",
-		"test:ct": "playwright test -c playwright-ct.config.ts"
-	},
-	"dependencies": {
-		"@carbon/icons-vue": "10.79.1",
-		"@hsorby/vue3-katex": "0.6.0-rc.7",
-		"@jupyter/ydoc": "1.0.2",
-		"@jupyterlab/application": "3.6.8",
-		"@jupyterlab/apputils": "3.6.8",
-		"@jupyterlab/cells": "3.6.8",
-		"@jupyterlab/codemirror": "3.6.8",
-		"@jupyterlab/completer": "3.6.8",
-		"@jupyterlab/coreutils": "5.6.7",
-		"@jupyterlab/outputarea": "3.6.8",
-		"@jupyterlab/rendermime": "3.6.8",
-		"@jupyterlab/services": "6.6.7",
-		"@jupyterlab/theme-light-extension": "3.6.8",
-		"@jupyterlab/translation": "3.6.8",
-		"@jupyterlab/ui-components": "3.6.8",
-		"@lumino/commands": "2.1.3",
-		"@lumino/coreutils": "2.1.2",
-		"@lumino/widgets": "2.1.0",
-		"@uncharted.software/design-tokens": "1.1.0",
-		"@uncharted.software/facets-core": "3.2.6",
-		"@uncharted.software/facets-plugins": "3.2.5",
-		"@vue/runtime-dom": "3.4.38",
-		"@vueup/vue-quill": "1.2.0",
-		"ace-builds": "1.32.9",
-		"axios": "1.7.5",
-		"chart.js": "4.4.4",
-		"chartjs-plugin-annotation": "3.0.1",
-		"chartjs-plugin-datalabels": "2.2.0",
-		"chroma-js": "2.4.2",
-		"d3": "7.8.5",
-		"dagre": "0.8.5",
-		"eslint-import-resolver-typescript": "3.6.1",
-		"event-source-polyfill": "1.0.31",
-		"extended-eventsource": "1.4.9",
-		"feather-icons": "4.29.2",
-		"graph-scaffolder": "*",
-		"katex": "0.16.11",
-		"lodash": "4.17.21",
-		"markdown-it": "14.1.0",
-		"mathlive": "0.89.2",
-		"mathml-to-latex": "1.2.0",
-		"oidc-spa": "4.6.2",
-		"path-browserify": "1.0.1",
-		"pinia": "2.1.7",
-		"pixi-viewport": "4.37.0",
-		"pixi.js": "7.0.5",
-		"primeflex": "3.3.1",
-		"primeicons": "7.0.0",
-		"primevue": "3.53.0",
-		"pyodide": "0.25.1",
-		"sass": "1.56.1",
-		"uuid": "9.0.1",
-		"vega": "5.30.0",
-		"vega-embed": "6.25.0",
-		"vega-lite": "5.19.0",
-		"vue": "3.4.38",
-		"vue-feather": "2.0.0",
-		"vue-gtag": "2.0.1",
-		"vue-router": "4.2.5",
-		"vue3-ace-editor": "2.2.4",
-		"vue3-draggable-resizable": "1.6.5",
-		"vue3-lottie": "3.2.0"
-	},
-	"devDependencies": {
-		"@playwright/experimental-ct-vue": "1.31.2",
-		"@playwright/test": "1.31.2",
-		"@rushstack/eslint-patch": "1.10.4",
-		"@types/d3": "7.4.3",
-		"@types/lodash": "4.17.7",
-		"@types/markdown-it": "14.1.2",
-		"@types/node": "18.19.3",
-		"@vitejs/plugin-vue": "4.6.2",
-		"@vitest/coverage-c8": "0.24.5",
-		"jsdom": "24.1.3",
-		"typescript": "5.4.5",
-		"vite": "5.4.2",
-		"vite-svg-loader": "4.0.0",
-		"vitest": "0.24.5",
-		"vue-tsc": "1.8.27"
-	}
+  "name": "hmi-client",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "yarn install && vite --host",
+    "local": "yarn install && vite --host --config vite.config.local.ts",
+    "staging": "yarn install && vite --host --config vite.config.staging.ts",
+    "build": "vue-tsc --noEmit && vite build",
+    "typecheck": "yarn workspace graph-scaffolder tsc --build && vue-tsc --noEmit",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:ci": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:e2e": "playwright test",
+    "test:e2e:snapshots": "playwright test --update-snapshots",
+    "test:ct": "playwright test -c playwright-ct.config.ts"
+  },
+  "dependencies": {
+    "@hsorby/vue3-katex": "0.6.0-rc.7",
+    "@jupyter/ydoc": "1.0.2",
+    "@jupyterlab/application": "3.6.8",
+    "@jupyterlab/apputils": "3.6.8",
+    "@jupyterlab/cells": "3.6.8",
+    "@jupyterlab/codemirror": "3.6.8",
+    "@jupyterlab/completer": "3.6.8",
+    "@jupyterlab/coreutils": "5.6.7",
+    "@jupyterlab/outputarea": "3.6.8",
+    "@jupyterlab/rendermime": "3.6.8",
+    "@jupyterlab/services": "6.6.7",
+    "@jupyterlab/theme-light-extension": "3.6.8",
+    "@jupyterlab/translation": "3.6.8",
+    "@jupyterlab/ui-components": "3.6.8",
+    "@lumino/commands": "2.1.3",
+    "@lumino/coreutils": "2.1.2",
+    "@lumino/widgets": "2.1.0",
+    "@uncharted.software/design-tokens": "1.1.0",
+    "@vue/runtime-dom": "3.4.38",
+    "@vueup/vue-quill": "1.2.0",
+    "ace-builds": "1.32.9",
+    "axios": "1.7.5",
+    "chart.js": "4.4.4",
+    "chartjs-plugin-annotation": "3.0.1",
+    "chartjs-plugin-datalabels": "2.2.0",
+    "chroma-js": "2.4.2",
+    "d3": "7.8.5",
+    "dagre": "0.8.5",
+    "eslint-import-resolver-typescript": "3.6.1",
+    "event-source-polyfill": "1.0.31",
+    "extended-eventsource": "1.4.9",
+    "feather-icons": "4.29.2",
+    "graph-scaffolder": "*",
+    "katex": "0.16.11",
+    "lodash": "4.17.21",
+    "markdown-it": "14.1.0",
+    "mathlive": "0.89.2",
+    "mathml-to-latex": "1.2.0",
+    "oidc-spa": "4.6.2",
+    "path-browserify": "1.0.1",
+    "pinia": "2.1.7",
+    "pixi-viewport": "4.37.0",
+    "pixi.js": "7.0.5",
+    "primeflex": "3.3.1",
+    "primeicons": "7.0.0",
+    "primevue": "3.53.0",
+    "pyodide": "0.25.1",
+    "sass": "1.56.1",
+    "uuid": "9.0.1",
+    "vega": "5.30.0",
+    "vega-embed": "6.25.0",
+    "vega-lite": "5.19.0",
+    "vue": "3.4.38",
+    "vue-feather": "2.0.0",
+    "vue-gtag": "2.0.1",
+    "vue-router": "4.2.5",
+    "vue3-ace-editor": "2.2.4",
+    "vue3-draggable-resizable": "1.6.5",
+    "vue3-lottie": "3.2.0"
+  },
+  "devDependencies": {
+    "@playwright/experimental-ct-vue": "1.31.2",
+    "@playwright/test": "1.31.2",
+    "@rushstack/eslint-patch": "1.10.4",
+    "@types/d3": "7.4.3",
+    "@types/lodash": "4.17.7",
+    "@types/markdown-it": "14.1.2",
+    "@types/node": "18.19.3",
+    "@vitejs/plugin-vue": "4.6.2",
+    "@vitest/coverage-c8": "0.24.5",
+    "jsdom": "24.1.3",
+    "typescript": "5.4.5",
+    "vite": "5.4.2",
+    "vite-svg-loader": "4.0.0",
+    "vitest": "0.24.5",
+    "vue-tsc": "1.8.27"
+  }
 }
diff --git a/packages/client/hmi-client/src/assets/css/style.scss b/packages/client/hmi-client/src/assets/css/style.scss
index 20deab460a..4ee2c86ff4 100644
--- a/packages/client/hmi-client/src/assets/css/style.scss
+++ b/packages/client/hmi-client/src/assets/css/style.scss
@@ -116,54 +116,12 @@
 		margin-right: 0 !important;
 	}
 
-	// Styles reused in Document.vue and DataExplorer.vue - TODO: look into changing prime vue styling to reflect this
-	.p-buttonset {
-		white-space: nowrap;
-
-		.p-button.p-button-secondary {
-			border: 1px solid var(--surface-border);
-			box-shadow: none;
-		}
-
-		.p-button[active='false'].p-button-secondary,
-		.p-button[active='false'].p-button-secondary:focus,
-		.p-button[active='false'].p-button-secondary:enabled {
-			border-color: var(--surface-border);
-			background-color: var(--surface-0);
-			color: var(--text-color-primary);
-		}
-
-		.p-button[active='false'].p-button-secondary:hover {
-			border-color: var(--surface-border);
-			background-color: var(--surface-100);
-			color: var(--text-color-primary);
-		}
-
-		.p-button[active='true'].p-button-secondary,
-		.p-button[active='true'].p-button-secondary:focus,
-		.p-button[active='true'].p-button-secondary:enabled {
-			border-color: var(--surface-border);
-			background-color: var(--surface-highlight);
-			color: var(--text-color-primary);
-		}
-
-		.p-button[active='true'].p-button-secondary:hover {
-			border-color: var(--surface-border);
-			background-color: var(--surface-highlight);
-			color: var(--text-color-primary);
-		}
-
-		.p-button.p-button-sm {
-			padding: var(--gap-2) var(--gap-3);
-		}
-	}
-
 	/* Correct button font weight */
 	.p-button-label {
 		font-weight: var(--font-weight);
 	}
 
-	/* Fill checkboxes with color when selected */ 
+	/* Fill checkboxes with color when selected */
 	.p-checkbox .p-checkbox-box {
 		background-color: var(--surface-0);
 		border-color: var(--surface-border-dark);
@@ -254,6 +212,6 @@
 			padding-left: var(--gap-2);
 			gap: 0;
 		}
-	}	
+	}
 
 }
diff --git a/packages/client/hmi-client/src/components/dataset/tera-dataset.vue b/packages/client/hmi-client/src/components/dataset/tera-dataset.vue
index 6a8b889f4b..a4fc144599 100644
--- a/packages/client/hmi-client/src/components/dataset/tera-dataset.vue
+++ b/packages/client/hmi-client/src/components/dataset/tera-dataset.vue
@@ -147,8 +147,7 @@ import {
 import { AssetType, type CsvAsset, type Dataset, PresignedURL } from '@/types/Types';
 import TeraAsset from '@/components/asset/tera-asset.vue';
 import type { FeatureConfig } from '@/types/common';
-import type { Source } from '@/types/search';
-import { DatasetSource } from '@/types/search';
+import { DatasetSource } from '@/types/Dataset';
 import { useProjects } from '@/composables/project';
 import TeraInputText from '@/components/widgets/tera-input-text.vue';
 import TeraShowMoreText from '@/components/widgets/tera-show-more-text.vue';
@@ -174,7 +173,7 @@ const props = defineProps({
 		default: { isPreview: false } as FeatureConfig
 	},
 	source: {
-		type: String as PropType<Source>,
+		type: String as PropType<DatasetSource>,
 		default: DatasetSource.TERARIUM
 	}
 });
diff --git a/packages/client/hmi-client/src/components/model/petrinet/tera-model-description.vue b/packages/client/hmi-client/src/components/model/petrinet/tera-model-description.vue
index 7357e24d0f..e1af1cb58f 100644
--- a/packages/client/hmi-client/src/components/model/petrinet/tera-model-description.vue
+++ b/packages/client/hmi-client/src/components/model/petrinet/tera-model-description.vue
@@ -49,12 +49,12 @@ import Accordion from 'primevue/accordion';
 import AccordionTab from 'primevue/accordiontab';
 import Column from 'primevue/column';
 import DataTable from 'primevue/datatable';
-import { FeatureConfig, ResultType } from '@/types/common';
+import { FeatureConfig } from '@/types/common';
 import type { Author, Dataset, Model } from '@/types/Types';
 import TeraShowMoreText from '@/components/widgets/tera-show-more-text.vue';
 import TeraModelDiagram from '@/components/model/petrinet/model-diagrams/tera-model-diagram.vue';
 import TeraModelEquation from '@/components/model/petrinet/tera-model-equation.vue';
-import { isDataset, isModel } from '@/utils/data-util';
+import { isDataset, isModel, type Asset } from '@/utils/asset';
 import TeraProgressSpinner from '@/components/widgets/tera-progress-spinner.vue';
 
 const props = defineProps<{
@@ -88,7 +88,7 @@ const authors = computed(() => {
 	return [...authorsSet].join(', ');
 });
 
-const relatedTerariumArtifacts = ref<ResultType[]>([]);
+const relatedTerariumArtifacts = ref<Asset[]>([]);
 const relatedTerariumModels = computed(() => relatedTerariumArtifacts.value.filter((d) => isModel(d)) as Model[]);
 const relatedTerariumDatasets = computed(() => relatedTerariumArtifacts.value.filter((d) => isDataset(d)) as Dataset[]);
 </script>
diff --git a/packages/client/hmi-client/src/components/navbar/tera-navbar.vue b/packages/client/hmi-client/src/components/navbar/tera-navbar.vue
index afdff95642..17950257f4 100644
--- a/packages/client/hmi-client/src/components/navbar/tera-navbar.vue
+++ b/packages/client/hmi-client/src/components/navbar/tera-navbar.vue
@@ -168,8 +168,8 @@ import Button from 'primevue/button';
 import Dialog from 'primevue/dialog';
 import Menu from 'primevue/menu';
 import { MenuItem } from 'primevue/menuitem';
-import { RoutePath, useCurrentRoute } from '@/router/index';
-import { RouteMetadata, RouteName } from '@/router/routes';
+import { RoutePath } from '@/router/index';
+import { RouteName } from '@/router/routes';
 import useAuthStore from '@/stores/auth';
 import SplitButton from 'primevue/splitbutton';
 import TeraModal from '@/components/widgets/tera-modal.vue';
@@ -198,9 +198,6 @@ const isAboutModalVisible = ref(false);
 const router = useRouter();
 
 const menuLabel = computed(() => {
-	if (isDataExplorer.value) {
-		return 'Explorer';
-	}
 	if (useProjects().activeProject.value) {
 		return useProjects().activeProject.value?.name;
 	}
@@ -354,18 +351,11 @@ const clearEvaluationScenario = () => {
 };
 
 const homeItem: MenuItem = {
-	label: RouteMetadata[RouteName.Home].displayName,
-	icon: RouteMetadata[RouteName.Home].icon,
+	label: 'Home',
+	icon: 'pi pi-home',
 	command: () => router.push(RoutePath.Home)
 };
-const explorerItem: MenuItem = {
-	label: RouteMetadata[RouteName.DataExplorer].displayName,
-	icon: RouteMetadata[RouteName.DataExplorer].icon,
-	command: () => router.push(RoutePath.DataExplorer)
-};
-const navMenuItems = ref<MenuItem[]>([homeItem, explorerItem]);
-const currentRoute = useCurrentRoute();
-const isDataExplorer = computed(() => currentRoute.value.name === RouteName.DataExplorer);
+const navMenuItems = ref<MenuItem[]>([homeItem]);
 
 /*
  * User Menu
@@ -438,7 +428,6 @@ watch(
 		const removedUpdatedProject = remove(items, (item) => item.label === lastProjectUpdated?.name);
 		navMenuItems.value = [
 			homeItem,
-			explorerItem,
 			...removedUpdatedProject,
 			...sortBy(items, (item) => item.label?.toString().toLowerCase())
 		];
diff --git a/packages/client/hmi-client/src/components/navbar/tera-searchbar.vue b/packages/client/hmi-client/src/components/navbar/tera-searchbar.vue
deleted file mode 100644
index daec39209b..0000000000
--- a/packages/client/hmi-client/src/components/navbar/tera-searchbar.vue
+++ /dev/null
@@ -1,374 +0,0 @@
-<template>
-	<section class="search-bar-container">
-		<div class="p-input-icon-left p-input-icon-right">
-			<vue-feather type="message-square" size="1.25rem" stroke="var(--text-color-subdued)" />
-			<Textarea
-				v-model="query"
-				:placeholder="placeholder ?? 'Search'"
-				autoResize
-				rows="1"
-				@keydown.enter.prevent="initiateSearch"
-			/>
-			<i> <Button :class="{ hidden: !query }" rounded text icon="pi pi-times" @click="clearQuery" /></i>
-		</div>
-		<section v-if="isSearchByExampleVisible" class="search-by-example">
-			<header>
-				<h4>Search by example</h4>
-				<Button class="p-button-rounded" icon="pi pi-times" @click="searchByExampleToggle = !searchByExampleToggle" />
-			</header>
-			<section
-				class="search-drag-drop-area"
-				@dragenter="isDraggedOver = true"
-				@dragleave="isDraggedOver = false"
-				@drop="onDrop()"
-				@dragover.prevent
-				@dragenter.prevent
-			>
-				<section :style="dragOverStyle">
-					<template v-if="isAssetDropped">
-						<tera-asset-card
-							:asset="searchByExampleSelectedAsset"
-							:resourceType="searchByExampleSelectedResourceType"
-							:source="source"
-							class="asset-card-in-searchByExample-dropzone"
-						>
-						</tera-asset-card>
-						<Button
-							label="Clear"
-							size="small"
-							text
-							class="clear-search-by-example"
-							@click="searchByExampleSelectedAsset = null"
-						/>
-					</template>
-					<span v-else class="drop-zone">
-						<i class="pi pi-upload big-icon" />
-						Drag and drop a paper, model, or dataset here</span
-					>
-				</section>
-			</section>
-			<footer v-if="isAssetDropped">
-				<div class="field-checkbox">
-					<Checkbox name="similarContent" binary v-model="selectedSearchByExampleOptions.similarContent" />
-					<label for="similarContent">Similar content</label>
-				</div>
-				<div class="field-checkbox">
-					<Checkbox name="forwardCitation" binary v-model="selectedSearchByExampleOptions.forwardCitation" />
-					<label for="forwardCitation">Forward citations</label>
-				</div>
-				<div class="field-checkbox">
-					<Checkbox name="backwardCitation" binary v-model="selectedSearchByExampleOptions.backwardCitation" />
-					<label for="backwardCitation">Backward citation</label>
-				</div>
-				<div class="field-checkbox">
-					<Checkbox name="relatedContent" binary v-model="selectedSearchByExampleOptions.relatedContent" />
-					<label for="relatedContent">Related resources</label>
-				</div>
-				<Button label="Search" @click="initiateSearchByExample()" />
-			</footer>
-		</section>
-	</section>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref, watch, computed } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-import Textarea from 'primevue/textarea';
-import { RouteName } from '@/router/routes';
-// import { getRelatedTerms, getAutocomplete } from '@/services/data';
-import * as EventService from '@/services/event';
-// import useResourcesStore from '@/stores/resources';
-import { EventType } from '@/types/Types';
-import Button from 'primevue/button';
-import { useDragEvent } from '@/services/drag-drop';
-import TeraAssetCard from '@/page/data-explorer/components/tera-asset-card.vue';
-import Checkbox from 'primevue/checkbox';
-import { SearchByExampleOptions } from '@/types/common';
-import { useSearchByExampleOptions, extractResourceName } from '@/page/data-explorer/search-by-example';
-import { getResourceID } from '@/utils/data-util';
-import { useProjects } from '@/composables/project';
-
-defineProps<{
-	showSuggestions: boolean;
-	source: string;
-	placeholder?: string;
-}>();
-
-const route = useRoute();
-const router = useRouter();
-// const resources = useResourcesStore();
-
-const query = ref<string>('');
-const searchBarRef = ref();
-// const autocompleteMenuItems = ref<string[]>([]);
-
-const searchByExampleToggle = ref(false);
-const isDraggedOver = ref(false);
-const searchByExampleSelectedAsset = ref();
-const searchByExampleSelectedResourceType = ref();
-const selectedSearchByExampleOptions = ref<SearchByExampleOptions>({
-	similarContent: true,
-	forwardCitation: false,
-	backwardCitation: false,
-	relatedContent: false
-});
-const { searchByExampleOptions, searchByExampleItem } = useSearchByExampleOptions();
-
-function clearQuery() {
-	query.value = '';
-}
-
-const initiateSearch = () => {
-	router.push({ name: RouteName.DataExplorer, query: { q: query.value } });
-	EventService.create(EventType.Search, useProjects().activeProject.value?.id, query.value);
-};
-
-function initiateSearchByExample() {
-	searchByExampleItem.value = searchByExampleSelectedAsset.value;
-	searchByExampleOptions.value = { ...selectedSearchByExampleOptions.value };
-	searchByExampleToggle.value = false;
-
-	// used to update the search bar text with the name of the search by example asset
-	query.value = extractResourceName(searchByExampleItem.value);
-	router.push({
-		name: RouteName.DataExplorer,
-		query: { resourceId: getResourceID(searchByExampleItem.value!) }
-	});
-}
-
-function addToQuery(term: string) {
-	query.value = query.value ? query.value.trim().concat(' ').concat(term).trim() : term;
-	initiateSearch();
-	// @ts-ignore
-	searchBarRef.value?.$el.focus();
-}
-defineExpose({ addToQuery });
-
-// FIXME: We may add some sort of auto complete back in later
-// const fillAutocomplete = async () => {
-// 	const appendToQuery = query.value[query.value.length - 1] === ' ' && props.showSuggestions;
-
-// 	const promise: Promise<string[]> = appendToQuery
-// 		? getRelatedTerms(query.value.trim(), resources.xddDataset) // Appends to what you're typing while searching for an xdd document
-// 		: getAutocomplete(query.value); // Replaces what you're typing
-
-// 	promise.then((response) => {
-// 		autocompleteMenuItems.value = appendToQuery
-// 			? response.map((term) => `${query.value}${term}`) // Append your input in front of suggested terms
-// 			: response;
-// 		// @ts-ignore
-// 		searchBarRef.value?.$el.focus();
-// 	});
-// };
-
-const isSearchByExampleVisible = computed(() => getDragData('asset') || searchByExampleToggle.value);
-const isAssetDropped = computed(() => searchByExampleSelectedAsset.value && searchByExampleSelectedResourceType.value);
-
-const dragOverStyle = computed(() => {
-	let borderStyle: string = '';
-	if (isDraggedOver.value) borderStyle = '2px solid var(--primary-color)';
-	else if (isAssetDropped.value) borderStyle = '2px solid var(--surface-border)';
-	return {
-		border: borderStyle,
-		backgroundColor: isDraggedOver.value || isAssetDropped.value ? 'var(--surface-highlight)' : ''
-	};
-});
-
-const { getDragData } = useDragEvent();
-
-function onDrop() {
-	searchByExampleToggle.value = true; // Maintains open search by example popup once an asset is successfully dropped
-	searchByExampleSelectedAsset.value = getDragData('asset');
-	searchByExampleSelectedResourceType.value = getDragData('resourceType');
-	isDraggedOver.value = false;
-}
-
-onMounted(() => {
-	const { q } = route.query;
-	query.value = q?.toString() ?? query.value;
-});
-
-// Clear search by example input once popup closes
-watch(
-	() => isSearchByExampleVisible.value,
-	() => {
-		if (!isSearchByExampleVisible.value) {
-			searchByExampleSelectedAsset.value = null;
-			searchByExampleSelectedResourceType.value = null;
-		}
-	}
-);
-
-// Clear the query if not on the data explorer view
-watch(
-	() => route.name,
-	(name) => name !== RouteName.DataExplorer && clearQuery()
-);
-</script>
-
-<style scoped>
-.search-bar-container {
-	display: flex;
-	align-items: center;
-	flex-direction: column;
-}
-
-.p-input-icon-left {
-	width: 100%;
-	display: flex;
-	align-items: start;
-
-	/* Make the chat and close icons stick to the top as the textarea grows */
-	& i:first-of-type {
-		margin-left: 0.5rem;
-		top: 1.25rem;
-	}
-	& i:last-of-type {
-		top: 12px;
-		margin-right: 0.25rem;
-	}
-}
-
-textarea.p-inputtext {
-	width: 100%;
-	padding-left: 2.5rem;
-	padding-right: 2.5rem;
-	border: 4px solid var(--primary-color);
-	border-radius: var(--border-radius-medium);
-	background: var(--surface-0);
-	min-height: 2.75rem;
-
-	&:enabled {
-		&:hover {
-			border: 4px solid var(--primary-color);
-		}
-		&:focus {
-			box-shadow: none;
-		}
-	}
-}
-
-textarea.p-inputtext {
-	&:focus {
-		padding-bottom: 1rem;
-	}
-}
-.search-by-example {
-	display: flex;
-	flex-direction: column;
-	position: absolute;
-	top: 0.5rem;
-	max-width: 58rem;
-	width: 47%;
-	min-height: 16rem;
-	background-color: var(--surface-section);
-	border-radius: 2rem;
-	border: 1px solid var(--surface-border);
-	z-index: 2;
-	row-gap: 1rem;
-	padding: 0 1.5rem 2rem 1.5rem;
-	margin-right: 3rem;
-	box-shadow:
-		0px 4px 6px -1px rgb(0 0 0 / 8%),
-		0px 2px 4px -1px rgb(0 0 0 / 6%);
-
-	& i {
-		color: var(--text-color-subdued);
-		margin-left: var(--gap-small);
-		z-index: 1;
-	}
-}
-
-.search-by-example header {
-	display: flex;
-	justify-content: space-between;
-}
-
-.search-by-example header * {
-	margin-top: 1rem;
-}
-
-.search-by-example header .p-button {
-	color: var(--text-color-secondary);
-	background-color: transparent;
-}
-
-.search-by-example header .p-button:hover {
-	background-color: var(--surface-hover);
-	color: var(--text-color-primary);
-}
-.search-drag-drop-area {
-	height: 100%;
-}
-
-.search-drag-drop-area section {
-	border: 1px dashed var(--surface-border);
-	border-radius: 1rem;
-	min-height: 9rem;
-	display: flex;
-	align-items: top;
-	justify-content: center;
-	padding: 1rem;
-	background-color: var(--gray-50);
-	gap: 1rem;
-}
-
-.big-icon {
-	font-size: 2.5rem;
-	color: var(--primary-color-light);
-}
-
-.drop-zone {
-	display: flex;
-	align-items: center;
-	gap: 0.75rem;
-	pointer-events: none;
-}
-
-.asset-card-in-searchByExample-dropzone {
-	width: 100%;
-}
-
-.clear-search-by-example {
-	height: fit-content;
-}
-
-.search-by-example footer {
-	display: flex;
-	justify-content: space-between;
-}
-
-.field-checkbox {
-	font-size: var(--font-small);
-	color: var(--text-color-primary);
-	margin-bottom: 0rem;
-}
-
-.p-button[active='false'].search-by-example-button,
-.p-button[active='false'].search-by-example-button:focus,
-.p-button[active='false'].search-by-example-button:enabled {
-	border-radius: var(--border-radius-bigger);
-	color: var(--text-color-subdued);
-}
-
-.p-button[active='false'].search-by-example-button:hover {
-	background-color: var(--surface-100);
-	color: var(--text-color-subdued);
-}
-
-.p-button[active='true'].search-by-example-button,
-.p-button[active='true'].search-by-example-button:focus,
-.p-button[active='true'].search-by-example-button:enabled {
-	background-color: var(--surface-highlight);
-	color: var(--text-color-subdued);
-}
-
-.p-button[active='true'].search-by-example-button:hover {
-	background-color: var(--surface-highlight);
-	color: var(--text-color-subdued);
-}
-
-h4 {
-	font-weight: var(--font-weight-semibold);
-}
-</style>
diff --git a/packages/client/hmi-client/src/components/widgets/tera-asset-enrichment.vue b/packages/client/hmi-client/src/components/widgets/tera-asset-enrichment.vue
index 87f3015ae9..02d4d7620c 100644
--- a/packages/client/hmi-client/src/components/widgets/tera-asset-enrichment.vue
+++ b/packages/client/hmi-client/src/components/widgets/tera-asset-enrichment.vue
@@ -48,7 +48,7 @@ import {
 } from '@/services/provenance';
 import type { DocumentAsset, TerariumAsset, ProjectAsset } from '@/types/Types';
 import { AssetType, ProvenanceType } from '@/types/Types';
-import { isDocumentAsset } from '@/utils/data-util';
+import { isDocumentAsset } from '@/utils/asset';
 import Button from 'primevue/button';
 import RadioButton from 'primevue/radiobutton';
 import Checkbox from 'primevue/checkbox';
diff --git a/packages/client/hmi-client/src/page/Home.vue b/packages/client/hmi-client/src/page/Home.vue
index b2a0ba83e4..639f6e20d0 100644
--- a/packages/client/hmi-client/src/page/Home.vue
+++ b/packages/client/hmi-client/src/page/Home.vue
@@ -154,7 +154,6 @@
 
 <script setup lang="ts">
 import { computed, ref, onMounted, watch } from 'vue';
-import useQueryStore from '@/stores/query';
 import Button from 'primevue/button';
 import TabView from 'primevue/tabview';
 import TabPanel from 'primevue/tabpanel';
@@ -309,7 +308,6 @@ const onToggle = (val) => {
 	selectedColumns.value = columns.value.filter((col) => val.includes(col));
 };
 
-const queryStore = useQueryStore();
 const router = useRouter();
 
 const isLoadingProjects = computed(() => !useProjects().allProjects.value);
@@ -318,11 +316,7 @@ function openProject(projectId: string) {
 	router.push({ name: RouteName.Project, params: { projectId } });
 }
 
-onMounted(async () => {
-	// Clear all...
-	queryStore.reset(); // Facets queries.
-	await useProjects().getAll();
-});
+onMounted(() => useProjects().getAll());
 
 watch(
 	() => cloningProjects.value,
diff --git a/packages/client/hmi-client/src/page/data-explorer/DataExplorer.vue b/packages/client/hmi-client/src/page/data-explorer/DataExplorer.vue
deleted file mode 100644
index d0cfa5e9d2..0000000000
--- a/packages/client/hmi-client/src/page/data-explorer/DataExplorer.vue
+++ /dev/null
@@ -1,519 +0,0 @@
-<template>
-	<main>
-		<section class="flex h-full relative overflow-hidden">
-			<tera-slider-panel content-width="240px" direction="left" header="Filters" v-model:is-open="isSliderFacetsOpen">
-			</tera-slider-panel>
-			<div class="results-content">
-				<div class="search">
-					<nav>
-						<SelectButton
-							:model-value="assetType"
-							@change="if ($event.value) changeAssetType($event.value);"
-							:options="assetOptions"
-							option-value="value"
-							option-label="label"
-						/>
-						<div class="toggles" v-if="assetType !== AssetType.Model">
-							<span>
-								<label class="mr-2">Source</label>
-								<Dropdown
-									v-model="chosenSource"
-									:options="sourceOptions"
-									@change="if (assetType === AssetType.Dataset) executeNewQuery();"
-								/>
-							</span>
-							<tera-filter-bar :topic-options="topicOptions" @filter-changed="executeNewQuery" />
-						</div>
-					</nav>
-					<tera-searchbar
-						ref="searchBarRef"
-						@toggle-search-by-example="searchByExampleModalToggled"
-						:source="chosenSource"
-						:show-suggestions="false"
-					/>
-					<!-- <aside class="suggested-terms" v-if="!isEmpty(terms)">
-						Suggested terms:
-						<Chip v-for="term in terms" :key="term" removable remove-icon="pi pi-times">
-							<span @click="searchBarRef?.addToQuery(term)">{{ term }}</span>
-						</Chip>
-					</aside> -->
-				</div>
-				<tera-search-results-list
-					:data-items="resultsToShow"
-					:resource-type="resourceType"
-					:search-term="searchTerm"
-					:is-loading="isLoading"
-					:source="chosenSource"
-					:doc-count="docCount"
-					@toggle-data-item-selected="toggleDataItemSelected"
-				/>
-			</div>
-			<tera-preview-panel
-				:content-width="`${sliderWidth.slice(0, -1)} - 20px)`"
-				tab-width="0"
-				direction="right"
-				v-model:preview-item="previewItem"
-				:source="chosenSource"
-				:resource-type="resourceType"
-				:search-term="searchTerm"
-			/>
-		</section>
-	</main>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
-import TeraSliderPanel from '@/components/widgets/tera-slider-panel.vue';
-import SelectButton from 'primevue/selectbutton';
-import Dropdown from 'primevue/dropdown';
-import { fetchData } from '@/services/data';
-import { searchByAssetType } from '@/services/search';
-import { ResourceType, ResultType, SearchParameters, SearchResults } from '@/types/common';
-import { DatasetSource } from '@/types/search';
-import type { Source } from '@/types/search';
-import useQueryStore from '@/stores/query';
-import filtersUtil from '@/utils/filters-util';
-import { getResourceID, isDataset, isModel } from '@/utils/data-util';
-import { cloneDeep, intersectionBy, isEmpty, isEqual, unionBy } from 'lodash';
-import { useRoute } from 'vue-router';
-import TeraPreviewPanel from '@/page/data-explorer/components/tera-preview-panel.vue';
-import TeraSearchResultsList from '@/page/data-explorer/components/tera-search-results-list.vue';
-import { AssetType } from '@/types/Types';
-import TeraSearchbar from '@/components/navbar/tera-searchbar.vue'; // import Chip from 'primevue/chip';
-import { DatasetSearchParams } from '@/types/Dataset';
-import { ModelSearchParams } from '@/types/Model';
-import { useSearchByExampleOptions } from './search-by-example';
-import TeraFilterBar from './components/tera-filter-bar.vue';
-
-// FIXME: page count is not taken into consideration
-
-const route = useRoute();
-const queryStore = useQueryStore();
-
-const { searchByExampleOptions, searchByExampleItem } = useSearchByExampleOptions();
-
-const dataItems = ref<SearchResults[]>([]);
-const dataItemsUnfiltered = ref<SearchResults[]>([]);
-const searchResults = ref<SearchResults[]>([]);
-
-const selectedSearchItems = ref<ResultType[]>([]);
-const executeSearchByExample = ref(false);
-const previewItem = ref<ResultType | null>(null);
-const searchTerm = ref('');
-// default slider state
-const isSliderFacetsOpen = ref(false);
-const isSliderResourcesOpen = ref(false);
-// facets
-const docCount = ref(0);
-let modelTotal: number = 0;
-let documentTotal: number = 0;
-let datasetTotal: number = 0;
-
-const isLoading = ref<boolean>(false);
-// optimize search performance: only fetch as needed
-const dirtyResults = ref<{ [resourceType: string]: boolean }>({});
-
-const clientFilters = computed(() => queryStore.clientFilters);
-
-const assetType = ref(AssetType.Document);
-const assetOptions = ref([
-	{ label: 'Documents', value: AssetType.Document },
-	{ label: 'Models', value: AssetType.Model },
-	{ label: 'Datasets', value: AssetType.Dataset }
-]);
-// TODO: Get rid of this once we have fully moved to the new search (search-by-asset-type)
-// This is here now for preservation of the hacky services/data.ts
-// Child components should be updated to accept AssetType instead of ResourceType
-const resourceType = computed(() => {
-	if (assetType.value === AssetType.Document) {
-		return ResourceType.DOCUMENT;
-	}
-	if (assetType.value === AssetType.Model) {
-		return ResourceType.MODEL;
-	}
-	return ResourceType.DATASET;
-});
-
-const topicOptions = ref([
-	{ label: 'Covid-19', value: 'xdd-covid-19' },
-	{ label: 'Climate Weather', value: 'climate-change-modeling' }
-]);
-
-const sourceOptions = ref<Source[]>(Object.values(DatasetSource));
-const chosenSource = ref<Source>(DatasetSource.TERARIUM);
-
-const sliderWidth = computed(() => (isSliderFacetsOpen.value ? 'calc(50% - 120px)' : 'calc(50% - 20px)'));
-
-// Chooses source for search
-const resultsToShow = computed(() => {
-	if (assetType.value === AssetType.Document || assetType.value === AssetType.Model) {
-		return searchResults.value;
-	}
-	return dataItems.value;
-});
-
-// close resources if preview opens
-watch(isSliderResourcesOpen, () => {
-	if (isSliderResourcesOpen.value) {
-		previewItem.value = null;
-	}
-});
-
-function changeAssetType(type: AssetType) {
-	assetType.value = type;
-	if (assetType.value === AssetType.Dataset) {
-		sourceOptions.value = Object.values(DatasetSource);
-		chosenSource.value = DatasetSource.TERARIUM;
-	}
-}
-
-const mergeResultsKeepRecentDuplicates = (existingResults: SearchResults[], newResults: SearchResults[]) => {
-	const mergeId = 'searchSubsystem';
-	const mergedResults = unionBy(existingResults, newResults, mergeId);
-	// replace existing old results with new ones, if any
-	const overlapping = intersectionBy(existingResults, newResults, mergeId);
-	overlapping.forEach((res) => {
-		const existingOldIndex = mergedResults.findIndex((u) => u?.searchSubsystem === res?.searchSubsystem);
-		const newResult = newResults.find((u) => u.searchSubsystem === res.searchSubsystem);
-		// remove the old one and insert the new updated result
-		if (newResult) {
-			mergedResults.splice(existingOldIndex, 1, newResult);
-		}
-	});
-	return mergedResults;
-};
-
-const executeSearch = async () => {
-	// only execute search if current data is dirty and a refetch is needed
-	if (!dirtyResults.value[resourceType.value]) return;
-
-	isLoading.value = true;
-	//
-	// search across artifects: XDD, HMI SERVER DB including models, projects, etc.
-	//
-	// this requires hitting the backend twice to grab filtered and filtered data (and facets)
-	//
-
-	let searchWords = searchTerm.value;
-
-	const matchAll = !isEmpty(searchWords) && searchWords.startsWith('"') && searchWords.endsWith('"');
-	const allSearchTerms = searchWords.split(' ');
-	if (matchAll && !isEmpty(allSearchTerms)) {
-		// multiple words are provided as search term and the user requested to match all of them
-		// the XDD api expects all search terms to be comma-separated if the user requested inclusive results
-		searchWords = allSearchTerms.join(',');
-	}
-
-	// start with initial search parameters
-	const searchParams: SearchParameters = {
-		model: {},
-		[ResourceType.DATASET]: {
-			source: chosenSource.value as DatasetSource,
-			topic: 'covid-19'
-		}
-	};
-
-	// handle the search-by-example for finding related documents, models, and/or datasets
-	if (executeSearchByExample.value && searchByExampleItem.value) {
-		const id = getResourceID(searchByExampleItem.value) as string;
-
-		//
-		// find related models (which utilizes the TDS provenance API through the HMI server)
-		//
-		if (isModel(searchByExampleItem.value) && searchParams.model) {
-			searchParams.model.related_search_enabled = executeSearchByExample.value;
-			searchParams.model.related_search_id = id;
-			assetType.value = AssetType.Model;
-		}
-		//
-		// find related datasets (which utilizes the TDS provenance API through the HMI server)
-		//
-		if (isDataset(searchByExampleItem.value) && searchParams.dataset) {
-			searchParams.dataset.related_search_enabled = executeSearchByExample.value;
-			searchParams.dataset.related_search_id = id;
-			assetType.value = AssetType.Dataset;
-		}
-	}
-	const searchParamsWithFacetFilters: SearchParameters = cloneDeep(searchParams);
-
-	let modelSearchParams: ModelSearchParams;
-	if (searchParamsWithFacetFilters?.[ResourceType.MODEL]?.filters) {
-		modelSearchParams = searchParamsWithFacetFilters[ResourceType.MODEL];
-	} else {
-		modelSearchParams = { filters: clientFilters.value };
-	}
-	let datasetSearchParams: DatasetSearchParams;
-	if (searchParamsWithFacetFilters?.[ResourceType.DATASET]?.filters) {
-		datasetSearchParams = searchParamsWithFacetFilters[ResourceType.DATASET];
-	} else {
-		datasetSearchParams = {
-			filters: clientFilters.value,
-			source: chosenSource.value as DatasetSource,
-			topic: 'covid-19' // TODO - this should be dynamic
-		};
-	}
-
-	// update search parameters object
-	searchParamsWithFacetFilters.model = modelSearchParams;
-	searchParamsWithFacetFilters.dataset = datasetSearchParams;
-
-	// TODO: Make this the main method of fetching data
-	// Works for models and documents
-	if (assetType.value !== AssetType.Dataset) {
-		searchResults.value = [
-			{
-				results: await searchByAssetType(searchWords, AssetType.Document),
-				searchSubsystem: ResourceType.DOCUMENT
-			},
-			{
-				results: await searchByAssetType(searchWords, AssetType.Model),
-				searchSubsystem: ResourceType.MODEL
-			}
-		];
-	}
-
-	// TODO: Remove old method of fetching data
-	// fetch the data
-	const { allData, allDataFilteredWithFacets } = await fetchData(
-		searchWords,
-		searchParams,
-		searchParamsWithFacetFilters,
-		resourceType.value
-	);
-
-	// cache unfiltered data
-	dataItemsUnfiltered.value = mergeResultsKeepRecentDuplicates(dataItemsUnfiltered.value, allData);
-	// the list of results displayed in the data explorer is always the final filtered data
-	dataItems.value = mergeResultsKeepRecentDuplicates(dataItems.value, allDataFilteredWithFacets);
-	// final step: cache the facets and filteredFacets objects
-	// calculateFacets(allData, allDataFilteredWithFacets);
-
-	let total = 0;
-	allData.forEach((res) => {
-		const count = res?.hits ?? res?.results.length;
-		total += count;
-	});
-
-	// Note that we only do xDD document and Dataset searches on demand and don't have a way of knowing in advance how many results there are
-	if (resourceType.value === ResourceType.DOCUMENT) {
-		documentTotal = total ?? 0;
-	} else if (resourceType.value === ResourceType.DATASET) {
-		datasetTotal = total ?? 0;
-	}
-
-	// Models and terarium documents are fetched in the same search on every search so these will always be accurate.
-	for (let i = 0; i < searchResults.value.length; i++) {
-		if (searchResults.value[i].searchSubsystem === ResourceType.MODEL) {
-			modelTotal = searchResults.value[i].results.length ?? 0;
-		} else if (resourceType.value === ResourceType.DOCUMENT) {
-			// Note on the above, when we say XDD here we apparently don't actually mean XDD we mean Terarium Documents.
-			documentTotal = searchResults.value[i].results.length ?? 0;
-		}
-	}
-
-	docCount.value = total;
-
-	assetOptions.value = [
-		{ label: `Documents (${documentTotal})`, value: AssetType.Document },
-		{ label: `Models (${modelTotal})`, value: AssetType.Model },
-		{ label: `Datasets (${datasetTotal})`, value: AssetType.Dataset }
-	];
-
-	isLoading.value = false;
-};
-
-const clearSearchByExampleSelections = () => {
-	// clear out the search by example option selections
-	searchByExampleOptions.value = {
-		similarContent: false,
-		forwardCitation: false,
-		backwardCitation: false,
-		relatedContent: false
-	};
-	// clear out search by example item
-	searchByExampleItem.value = null;
-};
-
-const disableSearchByExample = () => {
-	// disable search by example, if it was enabled
-	// FIXME/REVIEW: should switching to another tab make all fetches dirty?
-	executeSearchByExample.value = false;
-
-	clearSearchByExampleSelections();
-};
-
-const toggleDataItemSelected = (dataItem: { item: ResultType; type?: string }) => {
-	let foundIndx = -1;
-	const item = dataItem.item;
-
-	if (dataItem.type && dataItem.type === 'clicked') {
-		// toggle preview
-		if (isEqual(dataItem.item, previewItem.value)) {
-			// clear preview item and close the preview panel
-			previewItem.value = null;
-		} else {
-			// open the preview panel
-			previewItem.value = item;
-			isSliderResourcesOpen.value = false;
-		}
-		return; // do not add to cart if the purpose is to toggle preview
-	}
-
-	// by now, the user has explicitly asked for this item to be added to the cart
-	foundIndx = selectedSearchItems.value.indexOf(item);
-	if (foundIndx >= 0) {
-		// item was already in the list so remove it
-		selectedSearchItems.value.splice(foundIndx, 1);
-	} else {
-		// add it to the list
-		selectedSearchItems.value = [...selectedSearchItems.value, item];
-		// open cart and close preview panel
-		previewItem.value = null;
-		isSliderResourcesOpen.value = true;
-	}
-};
-
-// Update asset type
-watch(resourceType, async (newResourceType, oldResourceType) => {
-	if (executeSearchByExample.value) return;
-
-	// if no data currently exist for the selected tab,
-	// or if data exists but outdated then we should refetch
-	const resList = dataItemsUnfiltered.value.find((res) => res?.searchSubsystem === newResourceType);
-
-	/** clear filters if they exist, we when to set the old resource type to
-	 * have dirty results since now they will need to be refetched when the facets filters are cleared
-	 * */
-	if (!isEmpty(clientFilters.value.clauses)) {
-		queryStore.reset();
-		dirtyResults.value[oldResourceType] = true;
-	}
-
-	if (!resList || dirtyResults.value[newResourceType]) {
-		disableSearchByExample();
-		await executeSearch();
-		dirtyResults.value[newResourceType] = false;
-	}
-});
-
-async function executeNewQuery() {
-	if (route.query?.q?.toString() === '' || route.query?.q?.toString()) {
-		searchTerm.value = route.query?.q?.toString();
-	}
-
-	// If the search term is the same as the previous term don't execute a search
-
-	// search term has changed, so all search results are dirty; need re-fetch
-	disableSearchByExample();
-
-	// initially, all search results are dirty; need re-fetch
-	Object.values(ResourceType).forEach((key) => {
-		dirtyResults.value[key as string] = true;
-	});
-
-	// re-fetch data from the server, apply filters, and re-calculate the facets
-	await executeSearch();
-
-	// done with initial fetch for the currently selected tab, so reset
-	dirtyResults.value[resourceType.value] = false;
-}
-
-// this is called whenever the user apply some facet filter(s)
-watch(clientFilters, async (n, o) => {
-	if (filtersUtil.isEqual(n, o)) return;
-
-	// We support facet filters for search by example for documents but not for models or datasets
-	if (resourceType.value !== ResourceType.DOCUMENT) {
-		disableSearchByExample();
-	}
-
-	// user has changed some of the facet filter, so re-fetch data
-	dirtyResults.value[resourceType.value] = true;
-
-	await executeSearch();
-
-	// since facet filters differ across tabs,
-	// there is no need to refetch the data on the next tab switch
-	dirtyResults.value[resourceType.value] = false;
-});
-
-// Gets query from search-bar.vue
-watch(
-	() => route.query,
-	() => {
-		executeNewQuery();
-	}
-);
-
-// Default query on reload
-onMounted(async () => {
-	executeNewQuery();
-});
-
-onUnmounted(() => {
-	queryStore.reset();
-});
-
-/*
- * Search
- */
-const searchBarRef = ref();
-
-function searchByExampleModalToggled() {
-	// TODO
-	// toggle the search by example modal represented by the component search-by-example
-	// which may be used as follows
-	/*
-	<search-by-example
-		v-if="searchByExampleModal"
-		:item="searchByExampleItem"
-		@search="onSearchByExample"
-		@hide="searchByExampleModal = false"
-	/>
-	*/
-}
-</script>
-
-<style scoped>
-main {
-	display: flex;
-	flex-direction: column;
-}
-.results-content {
-	display: flex;
-	flex-direction: column;
-	flex: 1;
-	flex-grow: 1;
-	gap: 0.5rem;
-	margin: 0.5rem 0.5rem 0;
-}
-
-.toggles {
-	align-items: center;
-	display: flex;
-	gap: var(--gap);
-
-	& .p-dropdown {
-		min-width: 8rem;
-	}
-}
-
-main > section:first-of-type {
-	display: flex;
-	flex-direction: row;
-}
-
-.p-selectbutton:deep(.p-button) {
-	min-width: 7rem;
-}
-
-.search {
-	display: flex;
-	flex-direction: column;
-	gap: var(--gap-small);
-	& > nav {
-		display: flex;
-		justify-content: space-between;
-	}
-}
-</style>
diff --git a/packages/client/hmi-client/src/page/data-explorer/components/facets/tera-categorical-facet.vue b/packages/client/hmi-client/src/page/data-explorer/components/facets/tera-categorical-facet.vue
deleted file mode 100644
index cceb5dba53..0000000000
--- a/packages/client/hmi-client/src/page/data-explorer/components/facets/tera-categorical-facet.vue
+++ /dev/null
@@ -1,293 +0,0 @@
-<template>
-	<facet-terms
-		:data.prop="facetData"
-		:selection.prop="selection"
-		:subselection.prop="subSelection"
-		@facet-element-updated="updateSelection"
-		action-buttons="0"
-	>
-		<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute vue/first-attribute-linebreak -->
-		<div slot="header-label">
-			<span class="facet-font">{{ label }}</span>
-		</div>
-
-		<facet-template target="facet-terms-value" class="facet-pointer">
-			<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute vue/first-attribute-linebreak -->
-			<div slot="label" class="facet-label-truncated facet-font" title="${label} - ${value}">${label}</div>
-			<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute vue/first-attribute-linebreak -->
-			<div slot="value" class="facet-font">${value}</div>
-		</facet-template>
-
-		<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute vue/first-attribute-linebreak -->
-		<div slot="footer" class="facet-footer-container">
-			<div class="facet-footer-more">
-				<div class="facet-footer-more-section">
-					<div class="facet-footer-more-count">
-						<span v-if="facetMoreCount > 0">+{{ facetMoreCount }} more</span>
-					</div>
-					<div class="facet-footer-more-controls">
-						<span v-if="hasLess" class="less" @click="viewLess">Show less </span>
-						<span v-if="hasMore" class="more" @click="viewMore">Show more </span>
-					</div>
-				</div>
-			</div>
-		</div>
-	</facet-terms>
-</template>
-
-<script lang="ts">
-/* eslint-disable */
-// @ts-nocheck
-
-import { defineComponent } from 'vue';
-
-import { isEqual } from 'lodash';
-
-import '@uncharted.software/facets-core';
-import filtersUtil from '@/utils/filters-util';
-
-import useQueryStore from '@/stores/query';
-
-const FACET_DEFAULT_SIZE = 5;
-
-/**
- * Facet 3 component - displays aggregated search terms and update query state.
- * Note facet does not filter itself, this is to allow term disjunction queries.
- * Properties
- * - label: facet label
- * - facet: field key
- * - selectedData: Array of selected bins
- * - baseData: Array of unfiltered bins
- */
-export default defineComponent({
-	name: 'CategoricalFacet',
-	components: {},
-	props: {
-		baseData: {
-			type: Array,
-			default: () => []
-		},
-		facet: {
-			type: String,
-			default: null
-		},
-		formatterFn: {
-			type: Function,
-			default: null
-		},
-		label: {
-			type: String,
-			default: 'Facet'
-		},
-		selectedData: {
-			type: Array,
-			default: () => []
-		},
-		rescaleAfterSelect: {
-			type: Boolean,
-			default: false
-		}
-	},
-	setup(props) {
-		const query = useQueryStore();
-		return {
-			query
-		};
-	},
-	data() {
-		return {
-			moreLevel: 0
-		};
-	},
-	computed: {
-		facetData() {
-			const values = [];
-			for (let i = 0; i < this.numToDisplay; ++i) {
-				const b = this.sortedJoinedData[i];
-				const labelName = this.formatterFn ? this.formatterFn(b.key) : b.key;
-				values.push({
-					label: labelName,
-					ratio: b.value / this.max,
-					value: `${b.selectedValue}`
-				});
-			}
-			return {
-				label: this.label,
-				values
-			};
-		},
-		facetMoreCount() {
-			return this.baseData.length - this.numToDisplay;
-		},
-		hasLess() {
-			return this.moreLevel > 0;
-		},
-		hasMore() {
-			return this.moreLevel < 2 && this.facetMoreCount > 0;
-		},
-		keyIndexDict() {
-			return this.sortedJoinedData.reduce((a, d, i) => {
-				a[d.key] = i;
-				return a;
-			}, {});
-		},
-		max() {
-			if (!this.rescaleAfterSelect) {
-				const values = this.baseData.map((b) => b.value);
-				return Math.max(...values);
-			}
-			const values = this.selectedData.map((s) => s.value);
-			return Math.max(...values);
-		},
-		moreNumToDisplay() {
-			switch (this.moreLevel) {
-				case 0:
-					return FACET_DEFAULT_SIZE;
-				case 1:
-					return this.baseData.length < 20 ? this.baseData.length : 20;
-				case 2:
-				default:
-					return this.baseData.length;
-			}
-		},
-		numToDisplay() {
-			return this.baseData.length < FACET_DEFAULT_SIZE ? this.baseData.length : this.moreNumToDisplay;
-		},
-		selection() {
-			const facetClause = filtersUtil.findPositiveFacetClause(this.query.clientFilters, this.facet);
-			if (facetClause) {
-				const keyIndexDict = this.sortedJoinedData.reduce((a, d, i) => {
-					a[d.key] = i;
-					return a;
-				}, {});
-				const selectionDict = facetClause.values.reduce((acc, val) => {
-					acc[keyIndexDict[val]] = true;
-					return acc;
-				}, {});
-				return selectionDict;
-			}
-			return null;
-		},
-		sortedJoinedData() {
-			const baseClone = [...this.baseData];
-			const selectDictionary = this.selectedData.reduce((acc, s) => {
-				acc[s.key] = s.value;
-				return acc;
-			}, {});
-
-			baseClone.forEach((b) => {
-				if (selectDictionary[b.key]) {
-					b.selectedValue = selectDictionary[b.key];
-				} else {
-					b.selectedValue = 0;
-				}
-			});
-
-			if (this.rescaleAfterSelect) {
-				if (this.label === 'Publication Year') {
-					baseClone.sort((a, b) => a.selectedValue - b.selectedValue);
-				} else {
-					baseClone.sort((a, b) => b.selectedValue - a.selectedValue);
-				}
-			} else {
-				if (this.label === 'Publication Year') {
-					baseClone.sort((a, b) => a.selectedValue - b.selectedValue);
-				} else {
-					baseClone.sort((a, b) => b.value - a.value);
-				}
-			}
-
-			return baseClone;
-		},
-		subSelection() {
-			return this.sortedJoinedData ? this.sortedJoinedData.map((s) => s.selectedValue / this.max) : [];
-		}
-	},
-	methods: {
-		updateSelection(event) {
-			const facet = event.currentTarget;
-			if (event.detail.changedProperties.get('selection') !== undefined && !isEqual(facet.selection, this.selection)) {
-				if (facet.selection) {
-					const selectedIndexes = Object.keys(facet.selection);
-					const values = selectedIndexes.map((s) => this.sortedJoinedData[parseInt(s)].key);
-					this.query.setSearchClause({ field: this.facet, values });
-				} else {
-					this.query.setSearchClause({ field: this.facet, values: [] });
-				}
-			}
-		},
-		viewMore() {
-			this.moreLevel += 1;
-		},
-		viewLess() {
-			this.moreLevel -= 1;
-		}
-	}
-});
-</script>
-
-<style scoped>
-.facet-pointer {
-	cursor: pointer;
-}
-
-.facet-label-truncated {
-	overflow-x: hidden;
-	text-overflow: ellipsis;
-	max-width: 150px;
-}
-
-.facet-footer-container {
-	min-height: 12px;
-	padding: 6px 12px 5px;
-	font-size: var(--font-caption);
-	font-weight: 400;
-	line-height: 16px;
-}
-
-.facet-footer-more {
-	margin-bottom: 4px;
-}
-
-.facet-footer-more-section {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: nowrap;
-	justify-content: flex-start;
-	align-content: stretch;
-	align-items: flex-start;
-	color: var(--text-color-subdued);
-}
-
-.facet-footer-more-count {
-	order: 0;
-	flex: 1 1 auto;
-	align-self: auto;
-}
-
-.facet-footer-more-controls {
-	order: 0;
-	flex: 0 1 auto;
-	align-self: auto;
-}
-
-.more,
-.less {
-	display: inline-flex;
-	margin-left: 16px;
-}
-
-.more:hover {
-	color: var(--text-color-primary);
-}
-.less:hover {
-	color: var(--text-color-primary);
-}
-.facet-footer-more-controls > span {
-	cursor: pointer;
-}
-
-.facet-font {
-	font-family: var(--font-family);
-}
-</style>
diff --git a/packages/client/hmi-client/src/page/data-explorer/components/facets/tera-numerical-facet.vue b/packages/client/hmi-client/src/page/data-explorer/components/facets/tera-numerical-facet.vue
deleted file mode 100644
index 516012b2da..0000000000
--- a/packages/client/hmi-client/src/page/data-explorer/components/facets/tera-numerical-facet.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-<template>
-	<facet-bars
-		:data.prop="facetData"
-		:selection.prop="selection"
-		:subselection.prop="subSelection"
-		class="facet-font"
-		@facet-element-updated="updateSelection"
-	>
-		<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute vue/first-attribute-linebreak -->
-		<div slot="header-label">
-			<span class="facet-font">{{ label }}</span>
-		</div>
-
-		<facet-template
-			v-if="facetData.values.length > 0"
-			target="facet-bars-value"
-			title="${tooltip}"
-			class="facet-pointer"
-		/>
-
-		<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute vue/first-attribute-linebreak -->
-		<div v-else slot="content" />
-
-		<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute vue/first-attribute-linebreak -->
-		<div slot="footer" v-if="facetData.values.length > 0" class="facet-footer-container">
-			<facet-plugin-zoom-bar min-bar-width="8" auto-hide="true" round-caps="true" />
-		</div>
-
-		<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute vue/first-attribute-linebreak -->
-		<div v-else slot="footer" class="facet-footer-container">No Data Available</div>
-	</facet-bars>
-</template>
-
-<script lang="ts">
-/* eslint-disable */
-// @ts-nocheck
-
-import { defineComponent } from 'vue';
-
-import { isEqual } from 'lodash';
-
-import '@uncharted.software/facets-core';
-import '@uncharted.software/facets-plugins';
-
-import filtersUtil from '@/utils/filters-util';
-
-import useQueryStore from '@/stores/query';
-
-/**
- * Facet 3 component - displays aggregated search terms and update query state.
- * Note facet does not filter itself, this is to allow term disjunction queries.
- * Properties
- * - label: facet label
- * - facet: field key
- * - selectedData: Array of selected bins
- * - baseData: Array of unfiltered bins
- */
-export default defineComponent({
-	name: 'NumericalFacet',
-	props: {
-		label: {
-			type: String,
-			default: 'Facet'
-		},
-		facet: {
-			type: String,
-			default: null
-		},
-		selectedData: {
-			type: Array,
-			default: () => []
-		},
-		baseData: {
-			type: Array,
-			default: () => []
-		}
-	},
-	setup(props) {
-		const query = useQueryStore();
-		return {
-			query
-		};
-	},
-	computed: {
-		max() {
-			const values = this.baseData.map((b) => b.value);
-			return Math.max(...values);
-		},
-		facetData() {
-			const values = this.baseData.map((b) => {
-				return {
-					ratio: b.value / this.max,
-					label: b.key,
-					tooltip: `${this.label}: ${b.key}\nCount: ${b.value}`
-				};
-			});
-			return {
-				label: this.label,
-				values
-			};
-		},
-		selection() {
-			const facetClause = filtersUtil.findPositiveFacetClause(this.query.filters, this.facet);
-			if (facetClause) {
-				const values = facetClause.values[0];
-				const selIndexes = this.baseData.reduce(
-					(a, b, i) => {
-						if (parseFloat(b.key) <= parseFloat(values[0])) {
-							a[0] = i; // largest matching index for the start
-						} else if (parseFloat(b.key) <= parseFloat(values[1])) {
-							a[1] = i; // largest matching index for the end
-						}
-						return a;
-					},
-					[null, null]
-				);
-
-				// if the largest key is still less than the last value or is a special string
-				// set to the max length of the baseData array
-				if (values[1] > this.baseData[this.baseData.length - 1].key || values[1] === '--') {
-					selIndexes[1] = this.baseData.length;
-				}
-				return selIndexes;
-			} else {
-				return [0, this.baseData.length];
-			}
-		},
-		subSelection() {
-			return this.selectedData ? this.selectedData.map((s) => s.value / this.max) : [];
-		}
-	},
-	methods: {
-		updateSelection(event) {
-			const facet = event.currentTarget;
-			if (event.detail.changedProperties.get('selection') !== undefined && !isEqual(facet.selection, this.selection)) {
-				if (facet.selection) {
-					const from = this.baseData[facet.selection[0]].key;
-
-					// HACK: numEvidence key has a custom filter expectation for 5+
-					const to =
-						this.facet === 'numEvidence' && facet.selection[1] >= 5
-							? '--'
-							: facet.selection[1] !== this.baseData.length
-								? this.baseData[facet.selection[1]].key
-								: (this.baseData[1].key - this.baseData[0].key) * this.baseData.length + this.baseData[0].key;
-					this.query.setSearchClause({ field: this.facet, values: [[from, to]] });
-				} else {
-					this.query.setSearchClause({ field: this.facet, values: [[0, this.baseData.length]] });
-				}
-			}
-		}
-	}
-});
-</script>
-
-<style scoped>
-.facet-pointer {
-	cursor: pointer;
-}
-
-.facet-font {
-	font-family: var(--font-family);
-}
-</style>
diff --git a/packages/client/hmi-client/src/page/data-explorer/components/tera-asset-card.vue b/packages/client/hmi-client/src/page/data-explorer/components/tera-asset-card.vue
deleted file mode 100644
index 4a166696dc..0000000000
--- a/packages/client/hmi-client/src/page/data-explorer/components/tera-asset-card.vue
+++ /dev/null
@@ -1,222 +0,0 @@
-<template>
-	<div class="asset-card" draggable="true" @dragstart="startDrag(asset, resourceType)" @dragend="endDrag">
-		<main>
-			<div class="type-and-filters">
-				{{ resourceType !== ResourceType.DOCUMENT ? resourceType.toUpperCase() : 'DOCUMENT' }}
-				<div v-if="resourceType === ResourceType.MODEL">
-					{{ (asset as Model).header.schema_name }}
-				</div>
-				<ul>
-					<li v-for="(project, index) in foundInProjects" :key="index">
-						<a>{{ project }}</a>
-					</li>
-				</ul>
-			</div>
-			<header class="title" v-html="title" />
-			<div class="details" v-html="formatDetails" />
-			<div
-				class="description"
-				v-if="resourceType === ResourceType.MODEL"
-				v-html="highlightSearchTerms((asset as Model).header.description)"
-			/>
-			<div
-				class="description"
-				v-else-if="resourceType === ResourceType.DATASET"
-				v-html="highlightSearchTerms((asset as Dataset).description)"
-			/>
-			<div
-				class="description"
-				v-else-if="resourceType === ResourceType.DOCUMENT"
-				v-html="highlightSearchTerms((asset as DocumentAsset).description)"
-			/>
-			<div class="parameters" v-if="resourceType === ResourceType.MODEL && (asset as Model).semantics?.ode?.parameters">
-				PARAMETERS:
-				{{ (asset as Model).semantics?.ode.parameters }}
-				<!--may need a formatting function this attribute is always undefined at the moment-->
-			</div>
-			<div class="features" v-else-if="resourceType === ResourceType.DATASET">
-				FEATURES:
-				<span v-for="(feature, index) in formatFeatures()" :key="index"> {{ feature }}, </span>
-			</div>
-			<footer><!--pill tags if already in another project--></footer>
-		</main>
-		<!--Add button from tera-search-item-->
-		<slot />
-	</div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import type { DocumentAsset, Dataset, Model } from '@/types/Types';
-import { ResourceType, ResultType } from '@/types/common';
-import * as textUtil from '@/utils/text';
-import { useDragEvent } from '@/services/drag-drop';
-
-const props = defineProps<{
-	asset: ResultType;
-	resourceType: ResourceType;
-	source: string;
-	highlight?: string;
-}>();
-
-// Highlight strings based on props.highlight
-function highlightSearchTerms(text: string | undefined): string {
-	if (!!props.highlight && !!text) {
-		return textUtil.highlight(text, props.highlight);
-	}
-	return text ?? '';
-}
-
-const foundInProjects = computed(() => [] /* ['project 1', 'project 2'] */);
-
-const title = computed(() => {
-	let value = '';
-	if (props.resourceType === ResourceType.DOCUMENT) {
-		value = (props.asset as DocumentAsset).name ?? '';
-	} else if (props.resourceType === ResourceType.MODEL) {
-		value = (props.asset as Model).header.name;
-	} else if (props.resourceType === ResourceType.DATASET) {
-		value = (props.asset as Dataset).name ?? '';
-	}
-	return highlightSearchTerms(value);
-});
-
-// Return formatted author, year, journal
-const formatDetails = computed(() => {
-	if (props.resourceType === ResourceType.DATASET) {
-		return (props.asset as Dataset).datasetUrl;
-	}
-	return null;
-});
-
-// Format features for dataset type
-const formatFeatures = () => {
-	if (props.resourceType === ResourceType.DATASET) {
-		// TODO: Once we have enrichment and extraction working we can see what annotations will look like
-		/* const columns = props.asset.columns ?? [];
-		if (!columns || columns.length === 0) return [];
-		const annotations = columns.map((c) => (c.annotations ? c.annotations : []));
-		const annotationNames = annotations.map((a) => (a.name ? a.name : ''));
-		const max = 5;
-		return annotationNames.length < max ? annotationNames : annotationNames.slice(0, max); */
-	}
-	return [];
-};
-
-const { setDragData, deleteDragData } = useDragEvent();
-
-function startDrag(asset, resourceType) {
-	setDragData('asset', asset);
-	setDragData('resourceType', resourceType);
-}
-
-function endDrag() {
-	deleteDragData('asset');
-	deleteDragData('resourceType');
-}
-</script>
-
-<style scoped>
-.asset-card {
-	background-color: var(--surface-a);
-	border: 1px solid var(--surface-border-light);
-	border-radius: var(--border-radius);
-	color: var(--text-color-subdued);
-	display: flex;
-	font-size: var(--font-caption);
-	justify-content: space-between;
-	margin: 1px;
-	min-height: 5rem;
-	padding: 0.5rem 0.625rem 0.625rem;
-
-	& > main {
-		width: 100%;
-	}
-}
-
-.asset-card:hover {
-	border-color: var(--surface-border);
-	cursor: pointer;
-}
-
-.asset-card[active='true'] {
-	outline: 1px solid var(--primary-color-dark);
-}
-
-.type-and-filters {
-	display: flex;
-	align-items: center;
-	gap: 2rem;
-	font-size: 0.75rem;
-
-	& > ul {
-		margin-left: auto;
-		list-style: none;
-		display: flex;
-		margin-right: 0.5rem;
-		gap: 0.5rem;
-
-		/* & > li:not(:last-child)::after {
-			content: '-';
-		} */
-	}
-}
-
-aside {
-	display: flex;
-	gap: 0.5rem;
-}
-
-.title,
-.details,
-.description,
-.parameters,
-.features,
-.snippets li {
-	display: -webkit-box;
-	-webkit-box-orient: vertical;
-	-webkit-line-clamp: 1;
-	overflow: hidden;
-}
-
-.asset-filters {
-	display: flex;
-	gap: 0.5rem;
-}
-
-.title {
-	color: var(--text-color-primary);
-	font-size: var(--font-body-medium);
-	margin: 0.1rem 0 0.1rem 0;
-}
-
-.details {
-	margin: 0rem 0 0.25rem 0;
-	font-size: var(--font-size);
-}
-
-i {
-	padding: 0.2rem;
-	border-radius: 3px;
-	font-size: var(--font-caption);
-}
-
-.pi[active='true'] {
-	background-color: var(--primary-color-light);
-}
-
-i:hover {
-	cursor: pointer;
-	background-color: hsla(0, 0%, 0%, 0.1);
-}
-
-.snippets {
-	list-style: none;
-}
-
-/* Add ellipsis around a snippet */
-.snippets li::before,
-.snippets li::after {
-	content: '…';
-}
-</style>
diff --git a/packages/client/hmi-client/src/page/data-explorer/components/tera-filter-bar.vue b/packages/client/hmi-client/src/page/data-explorer/components/tera-filter-bar.vue
deleted file mode 100644
index 655386cef2..0000000000
--- a/packages/client/hmi-client/src/page/data-explorer/components/tera-filter-bar.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-	<div class="flex align-items-center">
-		<label class="mr-2">Topic Filter</label>
-		<Dropdown class="topic-dropdown" optionLabel="label" placeholder="Select a Topic" />
-	</div>
-</template>
-
-<script setup lang="ts">
-import Dropdown from 'primevue/dropdown';
-</script>
-
-<style scoped>
-.topic-dropdown {
-	min-width: 12rem;
-}
-</style>
diff --git a/packages/client/hmi-client/src/page/data-explorer/components/tera-preview-panel.vue b/packages/client/hmi-client/src/page/data-explorer/components/tera-preview-panel.vue
deleted file mode 100644
index ed3d9c9642..0000000000
--- a/packages/client/hmi-client/src/page/data-explorer/components/tera-preview-panel.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<template>
-	<tera-slider content-width="100%" tab-width="0" direction="right" :is-open="Boolean(previewItem)">
-		<template v-slot:content>
-			<template v-if="previewItemResourceType === ResourceType.DOCUMENT">
-				<tera-document-asset
-					:asset-id="previewItemId"
-					:previewLineLimit="10"
-					:feature-config="{ isPreview: true }"
-					@close-preview="closePreview"
-				/>
-			</template>
-			<tera-dataset
-				v-else-if="previewItemResourceType === ResourceType.DATASET"
-				:asset-id="previewItemId"
-				:feature-config="{ isPreview: true }"
-				:source="source"
-				@close-preview="closePreview"
-			/>
-			<tera-model
-				v-else-if="previewItemResourceType === ResourceType.MODEL"
-				:asset-id="previewItemId"
-				:feature-config="{ isPreview: true }"
-				@close-preview="closePreview"
-			/>
-		</template>
-	</tera-slider>
-</template>
-
-<script setup lang="ts">
-import { computed, PropType, ref, watch } from 'vue';
-import { ResourceType, ResultType } from '@/types/common';
-import { DatasetSource } from '@/types/search';
-import type { Source } from '@/types/search';
-import TeraModel from '@/components/model/tera-model.vue';
-import TeraDataset from '@/components/dataset/tera-dataset.vue';
-import TeraSlider from '@/components/widgets/tera-slider.vue';
-import TeraDocumentAsset from '@/components/documents/tera-document-asset.vue';
-import { Dataset } from '@/types/Types';
-
-const props = defineProps({
-	// slider props
-	direction: {
-		type: String,
-		default: 'right'
-	},
-	contentWidth: {
-		type: String,
-		default: '25%'
-	},
-	tabWidth: {
-		type: String,
-		default: '0'
-	},
-	previewItem: {
-		type: Object as PropType<ResultType | null>,
-		default: null
-	},
-	resourceType: {
-		type: String as PropType<ResourceType>,
-		default: null
-	},
-	searchTerm: {
-		type: String,
-		default: null
-	},
-	source: {
-		type: String as PropType<Source>,
-		default: DatasetSource.TERARIUM
-	}
-});
-
-// store and use copy of previewItem to disconnect it from prop for persistence
-const previewItemState = ref(props.previewItem);
-const previewItemResourceType = ref<ResourceType | null>(null);
-
-const previewItemId = computed(() => {
-	if (!previewItemState.value) return '';
-	if (previewItemResourceType.value === ResourceType.DATASET && props.source === DatasetSource.ESGF) {
-		const dataset: Dataset = previewItemState.value as Dataset;
-		return dataset.esgfId as string;
-	}
-	return previewItemState.value.id as string;
-});
-
-const emit = defineEmits(['update:previewItem']);
-
-watch(
-	() => props.previewItem,
-	(previewItem) => {
-		if (previewItem) {
-			previewItemState.value = previewItem;
-			previewItemResourceType.value = props.resourceType;
-		}
-	}
-);
-
-function closePreview() {
-	emit('update:previewItem', null);
-}
-</script>
-
-<style scoped>
-header {
-	display: flex;
-	align-items: center;
-	margin: 1rem;
-	margin-bottom: 0;
-	font-size: 14px;
-	color: var(--text-color-subdued);
-	font-weight: bold;
-	justify-content: space-between;
-}
-
-i {
-	cursor: pointer;
-}
-
-.toggle-selection {
-	margin-left: 1rem;
-}
-
-footer button {
-	margin: 0 3px;
-}
-</style>
diff --git a/packages/client/hmi-client/src/page/data-explorer/components/tera-search-item.vue b/packages/client/hmi-client/src/page/data-explorer/components/tera-search-item.vue
deleted file mode 100644
index 080fc8b46c..0000000000
--- a/packages/client/hmi-client/src/page/data-explorer/components/tera-search-item.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-	<tera-asset-card
-		:asset="asset"
-		:resourceType="resourceType"
-		:active="isPreviewed"
-		:source="source"
-		:highlight="searchTerm"
-		@click="emit('toggle-asset-preview')"
-	>
-		<Button @click.stop="toggle" icon="pi pi-plus" text rounded :loading="isAddingAsset" />
-		<Menu class="search-item-menu" ref="menu" :model="projectOptions" :popup="true" />
-	</tera-asset-card>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import Button from 'primevue/button';
-import Menu from 'primevue/menu';
-import { ResultType, ResourceType } from '@/types/common';
-import TeraAssetCard from '@/page/data-explorer/components/tera-asset-card.vue';
-import { MenuItem } from 'primevue/menuitem';
-
-defineProps<{
-	asset: ResultType;
-	source: string;
-	projectOptions: { label: string; items: MenuItem[] }[];
-	isAddingAsset: boolean;
-	isPreviewed: boolean;
-	resourceType: ResourceType;
-	searchTerm?: string;
-}>();
-
-const emit = defineEmits(['select-asset', 'toggle-asset-preview']);
-
-const menu = ref();
-const toggle = (event: Event) => {
-	menu.value.toggle(event);
-	emit('select-asset');
-};
-</script>
-
-<style scoped>
-.p-button:deep(.pi-check) {
-	color: var(--primary-color);
-}
-</style>
diff --git a/packages/client/hmi-client/src/page/data-explorer/components/tera-search-results-list.vue b/packages/client/hmi-client/src/page/data-explorer/components/tera-search-results-list.vue
deleted file mode 100644
index fc5488c16b..0000000000
--- a/packages/client/hmi-client/src/page/data-explorer/components/tera-search-results-list.vue
+++ /dev/null
@@ -1,321 +0,0 @@
-<template>
-	<div class="result-details">
-		<span class="result-count">
-			<template v-if="isLoading">Loading...</template>
-			<template v-else-if="props.searchTerm || searchByExampleOptionsStr">
-				{{ resultsText }}
-				<span v-if="isEmpty(searchByExampleOptionsStr)"> "{{ props.searchTerm }}" </span>
-				<div v-else-if="!isEmpty(searchByExampleOptionsStr)" class="search-by-example-card">
-					<tera-asset-card :asset="searchByExampleItem!" :resource-type="resourceType" :source="source" />
-				</div>
-			</template>
-			<template v-else>{{ itemsText }} </template>
-		</span>
-	</div>
-	<div v-if="!isEmpty(chosenFacets)" class="facet-chips">
-		<template v-for="facet in chosenFacets">
-			<Chip
-				v-for="(value, index) in facet.values"
-				:key="index"
-				icon="pi pi-filter"
-				removable
-				@remove="removeFacetValue(facet.field, facet.values, value)"
-				remove-icon="pi pi-times"
-			>
-				{{ facet.field.charAt(0).toUpperCase() + facet.field.slice(1) }}:<span>{{ value }}</span>
-			</Chip>
-		</template>
-	</div>
-
-	<!-- Loading animation -->
-	<div v-if="isLoading" class="explorer-status loading-spinner">
-		<Vue3Lottie :animationData="LoadingWateringCan" :height="200" :width="200" />
-	</div>
-
-	<!-- Nothing found -->
-	<div v-else-if="resultsCount === 0" class="empty-state-image">
-		<!-- <img src="@assets/svg/seed.svg" alt="Seed" /> -->
-		<Vue3Lottie :animationData="EmptySeed" :height="150"></Vue3Lottie>
-		<h4 class="no-results-found">No results found</h4>
-		<span>Try adjusting your search or filters and try again.</span>
-	</div>
-	<ul v-else>
-		<li v-for="(asset, index) in filteredAssets" :key="index">
-			<tera-search-item
-				:asset="asset"
-				:source="source"
-				:resource-type="resourceType"
-				:is-adding-asset="isAdding && selectedAsset === asset"
-				:is-previewed="previewedAsset === asset"
-				:search-term="searchTerm"
-				:project-options="projectOptions"
-				@select-asset="updateSelection(asset)"
-				@toggle-asset-preview="togglePreview(asset)"
-			/>
-		</li>
-	</ul>
-</template>
-
-<script setup lang="ts">
-import EmptySeed from '@/assets/images/lottie-empty-seed.json';
-import LoadingWateringCan from '@/assets/images/lottie-loading-watering-can.json';
-import { useProjects } from '@/composables/project';
-import { AssetType, Dataset, DocumentAsset, Model, ProjectAsset } from '@/types/Types';
-import useQueryStore from '@/stores/query';
-import { ResourceType, ResultType, SearchResults } from '@/types/common';
-import { DatasetSource } from '@/types/search';
-import type { Source } from '@/types/search';
-import Chip from 'primevue/chip';
-import { ClauseValue } from '@/types/Filter';
-import TeraAssetCard from '@/page/data-explorer/components/tera-asset-card.vue';
-import { getSearchByExampleOptionsString, useSearchByExampleOptions } from '@/page/data-explorer/search-by-example';
-import { isDataset, isModel } from '@/utils/data-util';
-import { logger } from '@/utils/logger';
-import { isEmpty, sortBy, orderBy, remove } from 'lodash';
-import { computed, PropType, Ref, ref } from 'vue';
-import { Vue3Lottie } from 'vue3-lottie';
-import { createDataset, getClimateDataset } from '@/services/dataset';
-import TeraSearchItem from './tera-search-item.vue';
-
-const { searchByExampleItem } = useSearchByExampleOptions();
-
-const emit = defineEmits(['toggle-data-item-selected']);
-
-const props = defineProps({
-	dataItems: {
-		type: Array as PropType<SearchResults[]>,
-		default: () => []
-	},
-	resourceType: {
-		type: String as PropType<ResourceType>,
-		default: ResourceType.ALL
-	},
-	searchTerm: {
-		type: String,
-		default: ''
-	},
-	isLoading: {
-		type: Boolean,
-		default: true
-	},
-	docCount: {
-		type: Number,
-		default: 0
-	},
-	source: {
-		type: String as PropType<Source>,
-		default: DatasetSource.TERARIUM
-	}
-});
-
-const selectedAsset: Ref<ResultType> = ref({} as ResultType);
-const isAdding = ref(false);
-
-const projectOptions = computed(() => {
-	const items =
-		useProjects().allProjects.value?.map((project) => ({
-			label: project.name,
-			command: async () => {
-				let response: ProjectAsset['id'] | null = null;
-				let assetName: string = '';
-				isAdding.value = true;
-
-				if (isModel(selectedAsset.value)) {
-					const modelAsset: Model = selectedAsset.value as Model;
-
-					const modelId = modelAsset.id;
-					response = await useProjects().addAsset(AssetType.Model, modelId, project.id);
-					assetName = modelAsset.header.name;
-				} else if (isDataset(selectedAsset.value)) {
-					let datasetId = selectedAsset.value.id;
-
-					if (useProjects().hasEditPermission()) {
-						if (!datasetId && selectedAsset.value.esgfId) {
-							// The selectedAsset is a light asset for front end and we need the whole thing.
-							const climateDataset: Dataset | null = await getClimateDataset(selectedAsset.value.esgfId);
-							if (climateDataset) {
-								const dataset: Dataset | null = await createDataset(climateDataset);
-								if (dataset) {
-									datasetId = dataset.id;
-								}
-							}
-						}
-					}
-
-					// then, link and store in the project assets
-					if (datasetId) {
-						response = await useProjects().addAsset(AssetType.Dataset, datasetId, project.id);
-						assetName = selectedAsset.value.name ?? '';
-					}
-				} else {
-					const document = selectedAsset.value as DocumentAsset;
-					const assetType = AssetType.Document;
-					response = await useProjects().addAsset(assetType, document.id, project.id);
-					assetName = document.name ?? '';
-				}
-
-				if (response) logger.info(`Added ${assetName} to ${project.name}`);
-
-				isAdding.value = false;
-			}
-		})) ?? [];
-
-	const lastProjectUpdated = orderBy(useProjects().allProjects.value, ['updatedOn'], ['desc'])[0];
-	const lastUpdatedProjectItem = remove(items, (item) => item.label === lastProjectUpdated.name);
-
-	return [
-		{
-			label: 'Add to which project?',
-			items: [...lastUpdatedProjectItem, ...sortBy(items, (item) => item.label?.toString().toLowerCase())]
-		}
-	];
-});
-
-const previewedAsset = ref<ResultType | null>(null);
-
-const chosenFacets = computed(() => useQueryStore().clientFilters.clauses);
-
-const removeFacetValue = (field: string, values: ClauseValue[], valueToRemove: ClauseValue) => {
-	const query = useQueryStore();
-	values.splice(values.indexOf(valueToRemove), 1);
-	query.setSearchClause({ field, values });
-};
-
-const updateSelection = (asset: ResultType) => {
-	selectedAsset.value = asset;
-};
-
-const togglePreview = (asset: ResultType) => {
-	emit('toggle-data-item-selected', { item: asset, type: 'clicked' });
-	previewedAsset.value = previewedAsset.value === asset ? null : asset;
-};
-
-// const rawConceptFacets = computed(() => {
-// 	const searchResults = props.dataItems.find((res) => res.searchSubsystem === props.resourceType);
-// 	if (searchResults) {
-// 		return searchResults.rawConceptFacets;
-// 	}
-// 	return null;
-// });
-
-const filteredAssets = computed(() => {
-	const searchResults = props.dataItems.find((res) => res.searchSubsystem === props.resourceType)?.results ?? [];
-	return searchResults;
-});
-
-const resultsCount = computed(() => {
-	let total = 0;
-	if (props.resourceType === ResourceType.ALL) {
-		// count the results from all subsystems
-		props.dataItems.forEach((res) => {
-			const count = res?.hits ?? res?.results.length;
-			total += count;
-		});
-	} else {
-		// only return the results count for the selected subsystems
-		total = filteredAssets.value.length;
-	}
-	return total;
-});
-
-const searchByExampleOptionsStr = computed(() => getSearchByExampleOptionsString());
-
-const resultsText = computed(() => {
-	if (resultsCount.value === 0) {
-		return 'No results found for';
-	}
-	const truncated = props.docCount > resultsCount.value ? `of ${props.docCount} ` : '';
-	const s = resultsCount.value === 1 ? '' : 's';
-	const toOrFor = searchByExampleOptionsStr.value.length > 0 ? `with ${searchByExampleOptionsStr.value} to` : 'for';
-	return `Showing ${resultsCount.value} ${truncated}result${s} ${toOrFor} `;
-});
-
-const itemsText = computed(() => {
-	if (resultsCount.value === 0) {
-		return 'No results found';
-	}
-	const truncated = props.docCount > resultsCount.value ? `of ${props.docCount} ` : '';
-	const s = resultsCount.value === 1 ? '' : 's';
-	return `Showing ${resultsCount.value} ${truncated}item${s}.`;
-});
-</script>
-
-<style scoped>
-ul {
-	display: flex;
-	flex-direction: column;
-	list-style: none;
-	overflow-y: scroll;
-}
-
-.explorer-status {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	gap: 1rem;
-	align-items: center;
-	margin-bottom: 8rem;
-	flex-grow: 1;
-	font-size: var(--font-body-small);
-	color: var(--text-color-subdued);
-}
-.empty-state-image {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	gap: var(--gap-1);
-	align-items: center;
-	margin-bottom: 8rem;
-	flex-grow: 1;
-	font-size: var(--font-body-small);
-	color: var(--text-color-subdued);
-}
-
-.loading-spinner {
-}
-
-.pi-spinner {
-	font-size: 8rem;
-}
-
-.no-results-found {
-	font-weight: var(--font-weight);
-	margin-top: var(--gap-1);
-	font-size: 1.5rem;
-}
-
-.result-details {
-	display: flex;
-	align-items: center;
-	overflow: visible;
-	gap: 0.5rem;
-}
-
-.result-details {
-	margin-left: var(--gap-small);
-}
-
-.facet-chips {
-	display: inline-flex;
-	gap: 1rem;
-}
-
-.p-chip {
-	background-color: var(--surface-section);
-	font-weight: 400;
-}
-
-.p-chip span {
-	color: var(--text-color-primary);
-	margin-left: var(--gap-1);
-}
-
-.search-container {
-	overflow-y: auto;
-}
-
-.search-by-example-card {
-	margin-top: 1rem;
-	margin-bottom: 2rem;
-}
-</style>
diff --git a/packages/client/hmi-client/src/page/data-explorer/components/tera-selected-resources-header-pane.vue b/packages/client/hmi-client/src/page/data-explorer/components/tera-selected-resources-header-pane.vue
deleted file mode 100644
index dd3d6d8605..0000000000
--- a/packages/client/hmi-client/src/page/data-explorer/components/tera-selected-resources-header-pane.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<template>
-	<div class="breakdown-pane-container">
-		<div class="add-selected-buttons">
-			<Button
-				v-if="selectedSearchItems.length > 0"
-				severity="secondary"
-				@click="emit('clear-selected')"
-				label="Remove all"
-			/>
-			<Dropdown
-				v-if="selectedSearchItems.length > 0"
-				placeholder="Add to project"
-				class="p-button dropdown-button"
-				:is-dropdown-left-aligned="false"
-				:options="projectOptions"
-				option-label="name"
-				v-on:change="addAssetsToProject"
-			/>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { computed, PropType } from 'vue';
-import { isDataset, isModel } from '@/utils/data-util';
-import { ResultType } from '@/types/common';
-import { AssetType } from '@/types/Types';
-import Dropdown from 'primevue/dropdown';
-import Button from 'primevue/button';
-import { useRouter } from 'vue-router';
-import { useProjects } from '@/composables/project';
-
-const router = useRouter();
-
-const props = defineProps({
-	selectedSearchItems: {
-		type: Array as PropType<ResultType[]>,
-		required: true
-	}
-});
-
-const emit = defineEmits(['close', 'clear-selected']);
-
-const projectOptions = computed(() => useProjects().allProjects.value?.map((p) => ({ name: p.name, id: p.id })));
-
-const addResourcesToProject = async (projectId: string) => {
-	// send selected items to the store
-	props.selectedSearchItems.forEach(async (selectedItem) => {
-		if (isModel(selectedItem)) {
-			// FIXME: handle cases where assets is already added to the project
-			const modelId = selectedItem.id;
-			// then, link and store in the project assets
-			const assetsType = AssetType.Model;
-			await useProjects().addAsset(assetsType, modelId, projectId);
-		}
-		if (isDataset(selectedItem)) {
-			// FIXME: handle cases where assets is already added to the project
-			const datasetId = selectedItem.id;
-			// then, link and store in the project assets
-			const assetsType = AssetType.Dataset;
-			if (datasetId) {
-				await useProjects().addAsset(assetsType, datasetId, projectId);
-			}
-		}
-	});
-};
-
-const addAssetsToProject = async (projectOption) => {
-	if (props.selectedSearchItems.length === 0) return;
-
-	const projectId = projectOption.value.id ?? useProjects().activeProject.value?.id;
-	addResourcesToProject(projectId);
-
-	emit('close');
-	router.push(`/projects/${projectId}`);
-};
-</script>
-
-<style scoped>
-.invalid-project {
-	background-color: gray;
-	cursor: not-allowed;
-}
-
-:deep(.p-dropdown .p-dropdown-label.p-placeholder) {
-	display: contents;
-	color: white;
-	font-size: small;
-}
-
-:deep .p-dropdown .p-dropdown-trigger {
-	color: white;
-}
-
-.p-button.p-button-secondary {
-	height: 3rem;
-	margin-right: 16px;
-}
-.dropdown-button {
-	width: 156px;
-	height: 3rem;
-	border-radius: var(--border-radius);
-	gap: 16px;
-}
-
-.dropdown-button:hover {
-	background-color: var(--primary-color-dark);
-}
-
-.add-selected-buttons {
-	display: flex;
-	flex-direction: row;
-}
-
-.add-selected-buttons button {
-	margin-bottom: 5px;
-	padding-top: 4px;
-	padding-bottom: 4px;
-}
-
-.breakdown-pane-container {
-	min-height: 0;
-	display: flex;
-	flex-direction: column;
-}
-
-.cart-item {
-	border-bottom: 1px solid var(--surface-ground);
-}
-
-i {
-	padding: 0.2rem;
-	border-radius: var(--border-radius);
-}
-
-i:hover {
-	cursor: pointer;
-	background-color: hsla(0, 0%, 0%, 0.1);
-	background-color: hsla(0, 0%, 0%, 0.1);
-}
-</style>
diff --git a/packages/client/hmi-client/src/page/data-explorer/search-by-example.ts b/packages/client/hmi-client/src/page/data-explorer/search-by-example.ts
deleted file mode 100644
index 7e4f8412bf..0000000000
--- a/packages/client/hmi-client/src/page/data-explorer/search-by-example.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { ref } from 'vue';
-import { ResultType, SearchByExampleOptions } from '@/types/common';
-
-const searchByExampleOptions = ref<SearchByExampleOptions>({
-	similarContent: false,
-	forwardCitation: false,
-	backwardCitation: false,
-	relatedContent: false
-});
-const searchByExampleItem = ref<ResultType | null>(null);
-export function useSearchByExampleOptions() {
-	return { searchByExampleOptions, searchByExampleItem };
-}
-
-export function extractResourceName(resource): string {
-	return resource.name ?? resource.title;
-}
-
-const optionBoolsToStrs = {
-	similarContent: 'similar content',
-	forwardCitation: 'forward citations',
-	backwardCitation: 'backward citations',
-	relatedContent: 'related resources'
-};
-export function getSearchByExampleOptionsString(): string {
-	const result: string[] = [];
-	Object.entries(searchByExampleOptions.value).forEach(([key, value]) => {
-		if (value) {
-			result.push(optionBoolsToStrs[key]);
-		}
-	});
-
-	return result.join(', ');
-}
diff --git a/packages/client/hmi-client/src/router/index.ts b/packages/client/hmi-client/src/router/index.ts
index 77afde8168..2ec43b00fb 100644
--- a/packages/client/hmi-client/src/router/index.ts
+++ b/packages/client/hmi-client/src/router/index.ts
@@ -1,7 +1,6 @@
 import { computed } from 'vue';
 import { createRouter, createWebHistory } from 'vue-router';
 import HomeView from '@/page/Home.vue';
-import DataExplorerView from '@/page/data-explorer/DataExplorer.vue';
 import UnauthorizedView from '@/page/Unauthorized.vue';
 import ProjectView from '@/page/tera-project.vue';
 import WorkflowNodeView from '@/page/WorkflowNode.vue';
@@ -23,7 +22,6 @@ export enum RoutePath {
 	Home = '/',
 	Project = `/projects/:projectId/:pageType?/:assetId?`,
 	WorkflowNode = `/${RouteName.WorkflowNode}/:workflowId/:nodeId`,
-	DataExplorer = '/explorer',
 	UserAdmin = '/user-admin',
 	Unauthorized = '/unauthorized',
 
@@ -48,11 +46,6 @@ const routes = [
 		component: WorkflowNodeView,
 		props: true
 	},
-	{
-		name: RouteName.DataExplorer,
-		path: RoutePath.DataExplorer,
-		component: DataExplorerView
-	},
 	{
 		name: RouteName.UserAdmin,
 		path: RoutePath.UserAdmin,
diff --git a/packages/client/hmi-client/src/router/routes.ts b/packages/client/hmi-client/src/router/routes.ts
index 3cbe8f1a95..92bf04e6ca 100644
--- a/packages/client/hmi-client/src/router/routes.ts
+++ b/packages/client/hmi-client/src/router/routes.ts
@@ -1,23 +1,7 @@
-import IconAccount32 from '@carbon/icons-vue/es/account/32';
-import IconFlow32 from '@carbon/icons-vue/es/flow/32';
-import { AssetType } from '@/types/Types';
-
 export enum RouteName {
 	Home = 'home',
 	Project = 'project',
 	Provenance = 'provenance',
-	DataExplorer = 'dataExplorer',
 	WorkflowNode = 'workflow-node',
 	UserAdmin = 'user-admin'
 }
-
-export const RouteMetadata: {
-	[key in RouteName]: { displayName: string; icon: any; projectAsset?: AssetType };
-} = {
-	[RouteName.Project]: { displayName: 'Project summary', icon: IconAccount32 },
-	[RouteName.Provenance]: { displayName: 'Provenance', icon: IconFlow32 },
-	[RouteName.Home]: { displayName: 'Home', icon: 'pi pi-home' },
-	[RouteName.DataExplorer]: { displayName: 'Explorer', icon: 'pi pi-compass' },
-	[RouteName.WorkflowNode]: { displayName: 'Workflow Node', icon: 'pi pi-bolt' },
-	[RouteName.UserAdmin]: { displayName: 'User Administration', icon: 'pi pi-users' }
-};
diff --git a/packages/client/hmi-client/src/services/data.ts b/packages/client/hmi-client/src/services/data.ts
deleted file mode 100644
index bcbfed6865..0000000000
--- a/packages/client/hmi-client/src/services/data.ts
+++ /dev/null
@@ -1,251 +0,0 @@
-import { DATASET_FILTER_FIELDS, DatasetSearchParams } from '@/types/Dataset';
-import { Dataset, DocumentAsset, Model, ProvenanceType } from '@/types/Types';
-import { FullSearchResults, ResourceType, ResultType, SearchParameters, SearchResults } from '@/types/common';
-import { DatasetSource } from '@/types/search';
-import { applyFacetFilters, isDataset, isModel } from '@/utils/data-util';
-import { isEmpty, uniqBy } from 'lodash';
-import { ID, MODEL_FILTER_FIELDS, ModelSearchParams } from '../types/Model';
-import * as DatasetService from './dataset';
-import { getAllModelDescriptions } from './model';
-// eslint-disable-next-line import/no-cycle
-import { getRelatedArtifacts } from './provenance';
-
-const filterAssets = (allAssets: ResultType[], resourceType: ResourceType, term: string) => {
-	if (term.length > 0) {
-		// simulate applying filters
-		const AssetFilterAttributes: string[] =
-			resourceType === ResourceType.MODEL ? MODEL_FILTER_FIELDS : DATASET_FILTER_FIELDS; // maybe turn into switch case when other resource types have to go through here
-
-		let finalAssets: ResultType[] = [];
-
-		AssetFilterAttributes.forEach((attribute) => {
-			finalAssets = allAssets.filter((d) => {
-				const searchTarget = resourceType === ResourceType.MODEL ? (d as Model).header : d;
-
-				if (searchTarget[attribute])
-					return (searchTarget[attribute] as string).toLowerCase().includes(term.toLowerCase());
-				return '';
-			});
-		});
-
-		return uniqBy(finalAssets, ID);
-	}
-	return allAssets;
-};
-
-interface GetAssetsParams {
-	term: string;
-	resourceType: ResourceType;
-	searchParam: ModelSearchParams & DatasetSearchParams;
-}
-
-const getAssets = async (params: GetAssetsParams) => {
-	// Get paramaters as an interface allowing us to provide optional fields accurately with names rather than positions
-	const term = params.term;
-	const resourceType = params.resourceType;
-	const searchParam = params.searchParam;
-
-	const results = {} as FullSearchResults;
-
-	// fetch list of model or datasets data from the HMI server
-	let assetList: Model[] | Dataset[] | Document[] = [];
-
-	switch (resourceType) {
-		case ResourceType.MODEL:
-			assetList = (await getAllModelDescriptions()) ?? ([] as Model[]);
-			break;
-		case ResourceType.DATASET:
-			if (searchParam.source === DatasetSource.TERARIUM)
-				assetList = (await DatasetService.getAll()) ?? ([] as Dataset[]);
-			else if (searchParam.source === DatasetSource.ESGF)
-				assetList = (await DatasetService.searchClimateDatasets(term)) ?? ([] as Dataset[]);
-			break;
-		default:
-			return results; // error or make new resource type compatible
-	}
-
-	// needed?
-	const allAssets: ResultType[] = assetList.map((a: Model | Dataset | DocumentAsset) => ({
-		...a
-	}));
-
-	// FIXME: this client-side computation of facets from "models" data should be done
-	//        at the HMI server
-	//
-	// This is going to calculate facets aggregations from the list of results
-
-	const assetResults: ResultType[] =
-		resourceType === ResourceType.DATASET && searchParam.source === DatasetSource.ESGF
-			? allAssets
-			: filterAssets(allAssets, resourceType, term);
-
-	// TODO: xdd facets are now driven by the back end, however our other facets are not (and are also unused?)
-	/* let assetFacets:Facets;
-	switch (resourceType) {
-		case ResourceType.MODEL:
-			assetFacets = getModelFacets(assetResults as Model[]); // will be moved to HMI server - keep this for now
-			break;
-		case ResourceType.DATASET:
-			assetFacets = getDatasetFacets(assetResults as Dataset[]); // will be moved to HMI server - keep this for now
-			break;
-		default:
-			return results; // error or make new resource type compatible
-	}
-
-	results.allData = {
-		results: assetResults,
-		searchSubsystem: resourceType,
-		hits
-	}; */
-
-	// apply facet filters
-	if (resourceType === ResourceType.MODEL || resourceType === ResourceType.DATASET) {
-		// Filtering for model/dataset data
-		if (searchParam && searchParam.filters && !isEmpty(searchParam?.filters?.clauses)) {
-			applyFacetFilters(assetResults, searchParam.filters, resourceType);
-
-			// remove any previously added concept/id filters
-			searchParam.filters.clauses = searchParam.filters.clauses.filter((c) => c.field !== ID);
-
-			// FIXME: this client-side computation of facets from "models" data should be done
-			//        at the HMI server
-			//
-			// This is going to calculate facets aggregations from the list of results
-
-			/* let assetFacetsFiltered: Facets;
-			switch (resourceType) {
-				case ResourceType.MODEL:
-					assetFacetsFiltered = getModelFacets(assetResults as Model[]);
-					break;
-				case ResourceType.DATASET:
-					assetFacetsFiltered = getDatasetFacets(assetResults as Dataset[]);
-					break;
-				default:
-					return results; // error or make new resource type compatible
-			} */
-
-			results.allDataFilteredWithFacets = {
-				results: assetResults,
-				searchSubsystem: resourceType
-			};
-		} else {
-			results.allDataFilteredWithFacets = results.allData;
-		}
-	} else {
-		results.allDataFilteredWithFacets = results.allData;
-	}
-
-	return results;
-};
-
-const fetchResource = async (
-	term: string,
-	resourceType: ResourceType,
-	searchParamWithFacetFilters?: SearchParameters
-): Promise<FullSearchResults> =>
-	// eslint-disable-next-line no-async-promise-executor
-	new Promise<FullSearchResults>(async (resolve, reject) => {
-		try {
-			resolve(
-				getAssets({
-					term,
-					resourceType,
-					searchParam: searchParamWithFacetFilters?.[resourceType]
-				})
-			);
-		} catch (err: any) {
-			reject(new Error(`Error fetching ${resourceType} results: ${err}`));
-		}
-	});
-
-const fetchData = async (
-	term: string,
-	searchParam?: SearchParameters,
-	searchParamWithFacetFilters?: SearchParameters,
-	resourceType?: string
-) => {
-	const finalResponse = {
-		allData: [],
-		allDataFilteredWithFacets: []
-	} as {
-		allData: SearchResults[];
-		allDataFilteredWithFacets: SearchResults[];
-	};
-
-	//
-	// normal search flow continue here
-	//
-	const promiseList = [] as Promise<FullSearchResults>[];
-
-	if (resourceType) {
-		if (searchParam?.model?.related_search_enabled || searchParam?.dataset?.related_search_enabled) {
-			let relatedArtifacts: ResultType[] = [];
-			//
-			// search by example
-			//
-			// FIXME: no facets support when search by example is executed
-			// FIXME: no concepts support when search by example is executed
-
-			// are we executing a search-by-example
-			// (i.e., to find related artifacts for a given model)?
-			if (searchParam?.model && searchParam?.model.related_search_id) {
-				relatedArtifacts = await getRelatedArtifacts(searchParam?.model.related_search_id, ProvenanceType.Model);
-			}
-
-			// are we executing a search-by-example
-			// (i.e., to find related artifacts for a given dataset)?
-			if (searchParam?.dataset && searchParam?.dataset.related_search_id) {
-				relatedArtifacts = await getRelatedArtifacts(searchParam?.dataset.related_search_id, ProvenanceType.Dataset);
-			}
-
-			// parse retrieved related artifacts and make them ready for consumption by the explorer
-			if (relatedArtifacts.length > 0) {
-				//
-				// models
-				//
-				const relatedModels = relatedArtifacts.filter((a) => isModel(a));
-				const relatedModelsSearchResults: SearchResults = {
-					results: relatedModels,
-					searchSubsystem: ResourceType.MODEL
-				};
-				finalResponse.allData.push(relatedModelsSearchResults);
-				finalResponse.allDataFilteredWithFacets.push(relatedModelsSearchResults);
-
-				//
-				// datasets
-				//
-				const relatedDatasets = relatedArtifacts.filter((a) => isDataset(a));
-				const relatedDatasetSearchResults: SearchResults = {
-					results: relatedDatasets,
-					searchSubsystem: ResourceType.DATASET
-				};
-				finalResponse.allData.push(relatedDatasetSearchResults);
-				finalResponse.allDataFilteredWithFacets.push(relatedDatasetSearchResults);
-			}
-
-			return finalResponse;
-		}
-
-		//
-		// normal search flow continue here
-		//
-		if (resourceType === ResourceType.ALL) {
-			Object.entries(ResourceType).forEach(async ([key]) => {
-				if (ResourceType[key] !== ResourceType.ALL) {
-					promiseList.push(fetchResource(term, ResourceType[key], searchParamWithFacetFilters));
-				}
-			});
-		} else if ((<any>Object).values(ResourceType).includes(resourceType)) {
-			promiseList.push(fetchResource(term, resourceType as ResourceType, searchParamWithFacetFilters));
-		}
-	}
-
-	// fetch results from all search subsystems in parallel
-	const responses = await Promise.all(promiseList);
-	finalResponse.allData = responses.map((r) => r.allData);
-	finalResponse.allDataFilteredWithFacets = responses.map((r) => r.allDataFilteredWithFacets);
-
-	return finalResponse;
-};
-
-export { fetchData, getAssets };
diff --git a/packages/client/hmi-client/src/services/provenance.ts b/packages/client/hmi-client/src/services/provenance.ts
index 2b0dc23767..03ac9567d3 100644
--- a/packages/client/hmi-client/src/services/provenance.ts
+++ b/packages/client/hmi-client/src/services/provenance.ts
@@ -4,7 +4,7 @@
 
 import API from '@/api/api';
 import { AssetType, ProvenanceQueryParam, ProvenanceSearchResult, ProvenanceType, TerariumAsset } from '@/types/Types';
-import { ResultType } from '@/types/common';
+import type { Asset } from '@/utils/asset';
 import { logger } from '@/utils/logger';
 import { getBulkDatasets } from './dataset';
 /* eslint-disable-next-line import/no-cycle */
@@ -57,8 +57,8 @@ async function getRelatedArtifacts(
 	id: TerariumAsset['id'],
 	rootType: ProvenanceType,
 	types: ProvenanceType[] = Object.values(ProvenanceType)
-): Promise<ResultType[]> {
-	const response: ResultType[] = [];
+): Promise<Asset[]> {
+	const response: Asset[] = [];
 
 	if (!rootType || !id) return response;
 	const connectedNodes: ProvenanceSearchResult | null = await getConnectedNodes(id, rootType, types);
diff --git a/packages/client/hmi-client/src/stores/query.ts b/packages/client/hmi-client/src/stores/query.ts
deleted file mode 100644
index ab5eee6137..0000000000
--- a/packages/client/hmi-client/src/stores/query.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { defineStore } from 'pinia';
-import { cloneDeep, isEmpty, isNil } from 'lodash';
-
-import FiltersUtil from '@/utils/filters-util';
-import { Clause, Filters } from '@/types/Filter';
-
-/**
- * Main store used for data explorer search query
- */
-const useQueryStore = defineStore('query', {
-	state: () => ({
-		filters: null as Filters | null
-	}),
-	getters: {
-		clientFilters: (state) => (isEmpty(state.filters) ? FiltersUtil.newFilters() : state.filters)
-	},
-	actions: {
-		setSearchClause({ field, values, operand, isNot }: Clause) {
-			const filters = cloneDeep(this.clientFilters);
-
-			// eslint-disable-next-line no-param-reassign
-			if (isNil(operand)) operand = 'or';
-			// eslint-disable-next-line no-param-reassign
-			if (isNil(isNot)) isNot = false;
-
-			FiltersUtil.setClause(filters, field, values, operand, isNot);
-
-			this.filters = filters;
-		},
-		reset() {
-			this.filters = null;
-		}
-	}
-});
-
-export default useQueryStore;
diff --git a/packages/client/hmi-client/src/types/Concept.ts b/packages/client/hmi-client/src/types/Concept.ts
deleted file mode 100644
index 6391c1c51c..0000000000
--- a/packages/client/hmi-client/src/types/Concept.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export type Concept = {
-	count: number;
-	name: string | null;
-};
-
-export const CONCEPT_FACETS_FIELD = 'concepts'; // @REVIEW: what about using 'id'
-export const CONCEPT_FACETS_DISPLAY_NAME = 'Concepts';
diff --git a/packages/client/hmi-client/src/types/Dataset.ts b/packages/client/hmi-client/src/types/Dataset.ts
index 75f83b622d..1819411ec5 100644
--- a/packages/client/hmi-client/src/types/Dataset.ts
+++ b/packages/client/hmi-client/src/types/Dataset.ts
@@ -1,28 +1,4 @@
-import { CONCEPT_FACETS_DISPLAY_NAME, CONCEPT_FACETS_FIELD } from './Concept';
-import { DatasetSource } from './search';
-import { Filters } from './Filter';
-
-export type DatasetSearchParams = {
-	filters?: Filters;
-	related_search_id?: string;
-	related_search_enabled?: boolean; // if true, then perform a search by example by finding related datasets
-	source: DatasetSource;
-	topic: string;
-};
-
-//
-// Dataset Field names
-//
-export const ID = 'id';
-export const NAME = 'name';
-export const DESCRIPTION = 'description';
-export const SIMULATION_RUN = 'simulation_run';
-
-export const DISPLAY_NAMES: { [key: string]: string } = {
-	[NAME]: 'Dataset Name',
-	[SIMULATION_RUN]: 'Simulation Run',
-	[CONCEPT_FACETS_FIELD]: CONCEPT_FACETS_DISPLAY_NAME
-};
-
-export const FACET_FIELDS: string[] = [ID, SIMULATION_RUN]; // fields to show facets for
-export const DATASET_FILTER_FIELDS: string[] = [NAME, DESCRIPTION]; // when applying non-facet filters, search these fields
+export enum DatasetSource {
+	TERARIUM = 'Terarium',
+	ESGF = 'ESGF'
+}
diff --git a/packages/client/hmi-client/src/types/Filter.ts b/packages/client/hmi-client/src/types/Filter.ts
deleted file mode 100644
index 290c7054af..0000000000
--- a/packages/client/hmi-client/src/types/Filter.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-// search construct
-export type ClauseField = string;
-export type ClauseValue = string | number | Array<number>;
-export type ClauseOperand = 'and' | 'or';
-export type ClauseNegation = true | false;
-
-export interface Clause {
-	field: ClauseField;
-	operand?: ClauseOperand;
-	isNot?: ClauseNegation;
-	values: ClauseValue[];
-}
-
-export interface Filters {
-	clauses: Clause[];
-}
-
-// search options
-export interface FiltersOptions {
-	from?: number;
-	size?: number;
-	sort?: { [key: string]: string };
-	documents?: boolean; // this is a hack to get around document-context issue: in some places we want them, in others we do not.
-}
diff --git a/packages/client/hmi-client/src/types/Model.ts b/packages/client/hmi-client/src/types/Model.ts
index c490d595a3..acb0a25c6e 100644
--- a/packages/client/hmi-client/src/types/Model.ts
+++ b/packages/client/hmi-client/src/types/Model.ts
@@ -1,12 +1,4 @@
 import { ModelGrounding } from '@/types/Types';
-import { CONCEPT_FACETS_DISPLAY_NAME, CONCEPT_FACETS_FIELD } from './Concept';
-import { Filters } from './Filter';
-
-export type ModelSearchParams = {
-	filters?: Filters;
-	related_search_id?: string;
-	related_search_enabled?: boolean; // if true, then perform a search by example by finding related models
-};
 
 // These are common properties among states, parameters, transitions, observables, etc
 // Useful for UI components that need to display these properties
@@ -29,20 +21,3 @@ export enum StratifiedMatrix {
 	Parameters = 'parameters',
 	Rates = 'rates'
 }
-
-//
-// Model Field names
-//
-export const ID = 'id';
-export const NAME = 'name';
-export const DESCRIPTION = 'description';
-export const FRAMEWORK = 'schema';
-
-export const DISPLAY_NAMES: { [key: string]: string } = {
-	[NAME]: 'Model Name',
-	[FRAMEWORK]: 'Model Framework',
-	[CONCEPT_FACETS_FIELD]: CONCEPT_FACETS_DISPLAY_NAME
-};
-
-export const FACET_FIELDS: string[] = [ID, FRAMEWORK]; // fields to show facets for
-export const MODEL_FILTER_FIELDS: string[] = [NAME, DESCRIPTION]; // when applying non-facet filters, search these fields
diff --git a/packages/client/hmi-client/src/types/common.ts b/packages/client/hmi-client/src/types/common.ts
index 20d0c12459..f7040ba345 100644
--- a/packages/client/hmi-client/src/types/common.ts
+++ b/packages/client/hmi-client/src/types/common.ts
@@ -1,16 +1,11 @@
 import {
 	AssetType,
 	ClientEventType,
-	Dataset,
-	DocumentAsset,
-	Model,
 	ModelGrounding,
 	ProgrammingLanguage,
 	ProgressState,
 	StatusUpdate
 } from '@/types/Types';
-import { DatasetSearchParams } from './Dataset';
-import { ModelSearchParams } from './Model';
 import { ProjectPages } from './Project';
 
 export interface FeatureConfig {
@@ -68,52 +63,6 @@ export enum ViewType {
 	GRAPH = 'graph'
 }
 
-export enum ResourceType {
-	DOCUMENT = 'document',
-	MODEL = 'model',
-	DATASET = 'dataset',
-	ALL = 'all'
-}
-
-export type SearchParameters = {
-	[ResourceType.MODEL]?: ModelSearchParams;
-	[ResourceType.DATASET]?: DatasetSearchParams;
-};
-
-export type ResultType = Model | Dataset | DocumentAsset;
-
-export type SearchResults = {
-	results: ResultType[];
-	searchSubsystem?: string;
-	hits?: number;
-	hasMore?: boolean;
-	nextPage?: string;
-};
-
-export type FullSearchResults = {
-	allData: SearchResults;
-	allDataFilteredWithFacets: SearchResults;
-};
-
-export type SearchByExampleOptions = {
-	similarContent: boolean;
-	forwardCitation: boolean;
-	backwardCitation: boolean;
-	relatedContent: boolean;
-};
-
-//
-// Facets
-//
-export type FacetBucket = {
-	key: string;
-	value: number;
-};
-
-export type Facets = {
-	[key: string]: FacetBucket[];
-};
-
 // Side panel
 export type SidePanelTab = {
 	name: string;
diff --git a/packages/client/hmi-client/src/types/search.ts b/packages/client/hmi-client/src/types/search.ts
deleted file mode 100644
index 2281e53cba..0000000000
--- a/packages/client/hmi-client/src/types/search.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export enum DatasetSource {
-	TERARIUM = 'Terarium',
-	ESGF = 'ESGF'
-}
-
-export type Source = DatasetSource;
diff --git a/packages/client/hmi-client/src/utils/asset.ts b/packages/client/hmi-client/src/utils/asset.ts
new file mode 100644
index 0000000000..e541379930
--- /dev/null
+++ b/packages/client/hmi-client/src/utils/asset.ts
@@ -0,0 +1,16 @@
+import { Dataset, DocumentAsset, Model } from '@/types/Types';
+
+export type Asset = Model | Dataset | DocumentAsset;
+
+// TEMP FUNCTIONS
+export function isModel(item: Asset): item is Model {
+	return (<Model>item)?.header?.model_version !== undefined;
+}
+
+export function isDataset(item: Asset): item is Dataset {
+	return (<Dataset>item).columns !== undefined || (<Dataset>item).esgfId !== undefined;
+}
+
+export function isDocumentAsset(item: Asset): item is DocumentAsset {
+	return (<DocumentAsset>item).fileNames !== undefined;
+}
diff --git a/packages/client/hmi-client/src/utils/data-util.ts b/packages/client/hmi-client/src/utils/data-util.ts
deleted file mode 100644
index 536d6b3ef5..0000000000
--- a/packages/client/hmi-client/src/utils/data-util.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { ResourceType, ResultType } from '@/types/common';
-import { Filters } from '@/types/Filter';
-import { isEmpty } from 'lodash';
-import { FACET_FIELDS as MODEL_FACET_FIELDS } from '@/types/Model';
-import { Dataset, DocumentAsset, Model, ProgrammingLanguage } from '@/types/Types';
-import IconDocument20 from '@carbon/icons-vue/es/document/20';
-import IconMachineLearningModel20 from '@carbon/icons-vue/es/machine-learning-model/20';
-import IconTableSplit20 from '@carbon/icons-vue/es/table--split/20';
-import { FACET_FIELDS as DATASET_FACET_FIELDS } from '@/types/Dataset';
-
-export const applyFacetFilters = <T>(results: T[], filters: Filters, resourceType: ResourceType) => {
-	if (isEmpty(filters) || isEmpty(results)) {
-		return;
-	}
-
-	const { clauses } = filters;
-	const ASSET_FACET_FIELDS: string[] = resourceType === ResourceType.MODEL ? MODEL_FACET_FIELDS : DATASET_FACET_FIELDS;
-
-	clauses.forEach((clause) => {
-		const filterField: string = clause.field; // the field to filter on
-		// "filters" may include fields that belong to different types of artifacts
-		//  thus make sure to only filter models using Model fields
-		if (ASSET_FACET_FIELDS.includes(filterField)) {
-			const filterValues = clause.values.map((v) => v.toString()); // array of values to filter upon
-			const isNot = !clause.isNot; // is the filter reversed?
-
-			results.splice(
-				0,
-				results.length,
-				...results.filter((asset) => {
-					const assetAttribute: any = asset[filterField as keyof T];
-					return filterValues.includes(assetAttribute.toString()) === isNot;
-				})
-			);
-		}
-	});
-};
-
-export const getResourceTypeIcon = (type: string) => {
-	switch (type) {
-		case ResourceType.MODEL:
-			return IconMachineLearningModel20;
-		case ResourceType.DATASET:
-			return IconTableSplit20;
-		default:
-			return IconDocument20;
-	}
-};
-
-// TEMP FUNCTIONS
-export function isModel(item: ResultType): item is Model {
-	return (<Model>item)?.header?.model_version !== undefined;
-}
-
-export function isDataset(item: ResultType): item is Dataset {
-	return (<Dataset>item).columns !== undefined || (<Dataset>item).esgfId !== undefined;
-}
-
-export function isDocumentAsset(item: ResultType): item is DocumentAsset {
-	return (<DocumentAsset>item).fileNames !== undefined;
-}
-export function getResourceID(item: ResultType) {
-	return item.id;
-}
-
-//
-
-export function pdfNameFromUrl(url: string): string | null {
-	const urlWithoutParams = url.split('?')[0]; // Remove query parameters
-	const regex = /\/([^/]+\.pdf)$/i;
-	const match = urlWithoutParams.match(regex);
-
-	if (match && match[1]) {
-		return match[1];
-	}
-	return null;
-}
-
-export function extensionFromProgrammingLanguage(lang: ProgrammingLanguage): string | null {
-	switch (lang) {
-		case ProgrammingLanguage.Python:
-			return 'py';
-		case ProgrammingLanguage.Julia:
-			return 'jl';
-		case ProgrammingLanguage.R:
-			return 'r';
-		case ProgrammingLanguage.Zip:
-			return 'zip';
-		default:
-			return null;
-	}
-}
diff --git a/packages/client/hmi-client/src/utils/facets.ts b/packages/client/hmi-client/src/utils/facets.ts
deleted file mode 100644
index 4c1977030d..0000000000
--- a/packages/client/hmi-client/src/utils/facets.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import { Facets, FacetBucket, ResourceType } from '@/types/common';
-import type { Model, Dataset } from '@/types/Types';
-import { FACET_FIELDS as DATASET_FACET_FIELDS, DISPLAY_NAMES as DATASET_DISPLAY_NAMES } from '@/types/Dataset';
-import { FACET_FIELDS as MODEL_FACET_FIELDS, DISPLAY_NAMES as MODEL_DISPLAY_NAMES, ID } from '@/types/Model';
-
-import { groupBy } from 'lodash';
-
-import { logger } from '@/utils/logger';
-
-// FIXME: this client-side computation of facets from "models" data should be done //////////////////no point in editing//////////////////
-//        at the HMI server
-export const getModelFacets = (models: Model[]) => {
-	// utility function for manually calculating facet aggregation from model results
-	const aggField = (fieldName: string) => {
-		const aggs: FacetBucket[] = [];
-		const modelsMap = models.map((model) => model[fieldName as keyof Model]);
-		const grouped = groupBy(modelsMap);
-		Object.keys(grouped).forEach((gKey) => {
-			if (gKey !== '') {
-				aggs.push({ key: gKey, value: grouped[gKey].length });
-			}
-		});
-		return aggs;
-	};
-
-	const facets = {} as Facets;
-
-	// create facets from specific model fields
-	MODEL_FACET_FIELDS.forEach((field) => {
-		// exclude model ID as a facet since it is created from mapping concepts
-		if (field !== ID) {
-			const facetForField = aggField(field);
-			if (facetForField.length > 0) {
-				facets[field] = facetForField;
-			}
-		}
-	});
-
-	return facets;
-};
-
-// FIXME: this client-side computation of facets from "datasets" data should be done //////////////////no point in editing//////////////////
-//        at the HMI server
-export const getDatasetFacets = (datasets: Dataset[]) => {
-	// utility function for manually calculating facet aggregation from dataset results
-	const aggField = (fieldName: string) => {
-		const aggs: FacetBucket[] = [];
-		const datasetsMap = datasets.map((model) => model[fieldName as keyof Dataset]);
-		const grouped = groupBy(datasetsMap);
-		Object.keys(grouped).forEach((gKey) => {
-			if (gKey !== '') {
-				aggs.push({ key: gKey, value: grouped[gKey].length });
-			}
-		});
-		return aggs;
-	};
-
-	const facets = {} as Facets;
-
-	// create facets from specific dataset fields
-	DATASET_FACET_FIELDS.forEach((field) => {
-		// exclude dataset ID as a facet since it is created from mapping concepts
-		if (field !== ID) {
-			const facetForField = aggField(field);
-			if (facetForField.length > 0) {
-				facets[field] = facetForField;
-			}
-		}
-	});
-
-	return facets;
-};
-
-export const getFacetsDisplayNames = (resultType: string, key: string) => {
-	let hits = 0;
-
-	switch (resultType) {
-		case ResourceType.MODEL:
-			return MODEL_DISPLAY_NAMES[key];
-		case ResourceType.DATASET:
-			return DATASET_DISPLAY_NAMES[key];
-		case ResourceType.ALL:
-			// merge display names from all results types,
-			//  exclude fields that exist in more than once (e.g., 'type' for models and XDD documents),
-			//  and attempt to return the display-name based on the input key
-			[MODEL_DISPLAY_NAMES].forEach((d) => {
-				if (d[key] !== undefined) hits += 1;
-			});
-			if (hits === 1) {
-				const displayName = {
-					...MODEL_DISPLAY_NAMES,
-					...MODEL_DISPLAY_NAMES
-				}[key];
-				logger.info(displayName);
-				return displayName;
-			}
-			return key;
-		default:
-			return key;
-	}
-};
diff --git a/packages/client/hmi-client/src/utils/filters-util.ts b/packages/client/hmi-client/src/utils/filters-util.ts
deleted file mode 100644
index a04f44a0fb..0000000000
--- a/packages/client/hmi-client/src/utils/filters-util.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import _ from 'lodash';
-import { Filters, ClauseValue, ClauseField, ClauseNegation, ClauseOperand } from '@/types/Filter';
-
-/**
- * Constructs search queries to pass through the API.
- *
- * Queries are made of 3 parts:
- * - filters: filters data
- * - pageStart/pageLimit: pagination
- * - orderBy: sort options
- *
- * Filters consist of an array of sub-filters, each of which are expected to define these attributes
- * - field: the logical-field to filter
- * - values: an array of matching values
- * - operand: specifies either 'and' or 'or' operations
- * - isNot: specifies whether the sub-filter should be negated, expect true|false
- *
- * Note: Currently there is a 'clauses' object, used to get around encoding issues. This is subjected
- * to change and so "clauses" should not be exposed outside of this module.
- *
- */
-
-/**
- * Filters object.
- * @typedef {Object} Filters
- * @property {Filter[]} clauses - A list of filters
- */
-
-/**
- * A filter object
- * @typedef {Object} Filter
- * @property {string} field - the logical-field to filter
- * @property {string[]|number[]} values - an array of matching values
- * @property {string} operand -  specifies either 'and' or 'or' operations
- * @property {boolean} isNot - specifies whether the sub-filter should be negated, expect true|false
- */
-
-function isEmpty(filters: Filters | undefined): boolean {
-	if (_.isNil(filters)) return true;
-	return _.isEmpty(filters) || _.isEmpty(filters.clauses);
-}
-
-/**
- * Custom equality to check if two filters are the same, this is needed
- * as the clauses is an array of object and in some cases we cannot ensure
- * order.
- *
- * @param {Filters} a - first filter
- * @param {Filters} b - second filters
- */
-function isEqual(a: Filters, b: Filters) {
-	if (isEmpty(a) && isEmpty(b)) return true;
-	if (isEmpty(a) && !isEmpty(b)) return false;
-	if (!isEmpty(a) && isEmpty(b)) return false;
-	if (a.clauses.length !== b.clauses.length) return false;
-
-	for (let i = 0; i < a.clauses.length; i++) {
-		const aClause = a.clauses[i];
-		const foundItem = b.clauses.find((bClause) => _.isEqual(aClause, bClause));
-		if (_.isNil(foundItem)) return false;
-	}
-	return true;
-}
-
-function findPositiveFacetClause(filters: Filters, field: ClauseField) {
-	if (filters) return _.find(filters.clauses, (clause) => clause.field === field && clause.isNot === false);
-	return null;
-}
-
-function removeClause(filters: Filters, field: ClauseField, operand: ClauseOperand, isNot: ClauseNegation) {
-	_.remove(filters.clauses, (clause) => clause.field === field && clause.operand === operand && clause.isNot === isNot);
-}
-
-function setClause(
-	filters: Filters,
-	field: ClauseField,
-	values: ClauseValue[],
-	operand: ClauseOperand,
-	isNot: ClauseNegation
-) {
-	removeClause(filters, field, operand, isNot);
-
-	if (!_.isEmpty(values)) {
-		filters.clauses.push({
-			field,
-			operand,
-			isNot,
-			values
-		});
-	}
-}
-
-/**
- * @returns {Filters}
- */
-function newFilters(): Filters {
-	return { clauses: [] };
-}
-
-export default {
-	findPositiveFacetClause,
-	isEmpty,
-	newFilters,
-	removeClause,
-	setClause,
-	isEqual
-};
diff --git a/packages/client/hmi-client/tests/unit/utils/data-util.spec.ts b/packages/client/hmi-client/tests/unit/utils/data-util.spec.ts
deleted file mode 100644
index 1dc410303a..0000000000
--- a/packages/client/hmi-client/tests/unit/utils/data-util.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { pdfNameFromUrl } from '@/utils/data-util';
-import { describe, expect, it } from 'vitest';
-
-const pdfUrl = 'https://example.com/documents/document.pdf';
-const nonPdfUrl = 'https://example.com/documents/document.notapdf';
-const pdfUrlWithParams = 'https://example.com/documents/document.pdf?q=12344e';
-describe('data util tests', () => {
-	it('gets pdf url name', () => {
-		const pdfName = pdfNameFromUrl(pdfUrl);
-
-		expect(pdfName).toBe('document.pdf');
-	});
-
-	it('gets pdf url name with params', () => {
-		const pdfName = pdfNameFromUrl(pdfUrlWithParams);
-
-		expect(pdfName).toBe('document.pdf');
-	});
-
-	it('returns null on bad url', () => {
-		const pdfName = pdfNameFromUrl(nonPdfUrl);
-
-		expect(pdfName).toBeNull();
-	});
-});
diff --git a/yarn.lock b/yarn.lock
index 7c4894066f..47bd34eb85 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -525,24 +525,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/icon-helpers@npm:^10.45.0":
-  version: 10.48.0
-  resolution: "@carbon/icon-helpers@npm:10.48.0"
-  dependencies:
-    "@ibm/telemetry-js": "npm:^1.5.0"
-  checksum: 10/361b72df213c72f5f052a2da53bf3e673f92ee205404baa44e2a1d08d138d763f3660bc1fdc52f63345ed744bcb6d89568b54f4e129df8cb9cd3745e178930f2
-  languageName: node
-  linkType: hard
-
-"@carbon/icons-vue@npm:10.79.1":
-  version: 10.79.1
-  resolution: "@carbon/icons-vue@npm:10.79.1"
-  dependencies:
-    "@carbon/icon-helpers": "npm:^10.45.0"
-  checksum: 10/0c18da9a8760d64c8c2b282f1a479e7d56c7204c44c077b819983c5d5589b187b3dcd4e9cf9f44136d39a8fd67b0036ed86353028c836913c86ade0c4ed4b76e
-  languageName: node
-  linkType: hard
-
 "@chevrotain/cst-dts-gen@npm:11.0.3":
   version: 11.0.3
   resolution: "@chevrotain/cst-dts-gen@npm:11.0.3"
@@ -1136,13 +1118,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@fortawesome/fontawesome-common-types@npm:^0.2.36":
-  version: 0.2.36
-  resolution: "@fortawesome/fontawesome-common-types@npm:0.2.36"
-  checksum: 10/ea8575388b5ef67bb490a029bb1c13acd2a7f4e7a7cc00b6818a78aaa85be152075f8265558cec5751df560f74d9cdcddbc2f99a8e39265cd1ca63f3e9238c17
-  languageName: node
-  linkType: hard
-
 "@fortawesome/fontawesome-free@npm:^5.12.0":
   version: 5.15.4
   resolution: "@fortawesome/fontawesome-free@npm:5.15.4"
@@ -1150,24 +1125,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@fortawesome/free-regular-svg-icons@npm:^5.10.2":
-  version: 5.15.4
-  resolution: "@fortawesome/free-regular-svg-icons@npm:5.15.4"
-  dependencies:
-    "@fortawesome/fontawesome-common-types": "npm:^0.2.36"
-  checksum: 10/897ec569c734fa96ff13443b5023c79195f8d0f3f6f78190ee40809d552194ef361704592976b017a53133f1cd1e68f7880b33d262c657a60637ec9ab1867e83
-  languageName: node
-  linkType: hard
-
-"@fortawesome/free-solid-svg-icons@npm:^5.10.2":
-  version: 5.15.4
-  resolution: "@fortawesome/free-solid-svg-icons@npm:5.15.4"
-  dependencies:
-    "@fortawesome/fontawesome-common-types": "npm:^0.2.36"
-  checksum: 10/2fae46291b6fbf1c6be90d2f088d23a5c0046ed29befd8c3326550637de629fb6bcebce7e4394c0bed06a08eb5a63af4a6d3333c5e84b6409cb82e4c1165f07e
-  languageName: node
-  linkType: hard
-
 "@hsorby/vue3-katex@npm:0.6.0-rc.7":
   version: 0.6.0-rc.7
   resolution: "@hsorby/vue3-katex@npm:0.6.0-rc.7"
@@ -1218,15 +1175,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ibm/telemetry-js@npm:^1.5.0":
-  version: 1.5.2
-  resolution: "@ibm/telemetry-js@npm:1.5.2"
-  bin:
-    ibmtelemetry: dist/collect.js
-  checksum: 10/1dcc971e78a927baba382a7179f75bc2b6fb1b237d8e9e88941c6410810e716a862e9135c709887a245daaf0e3e158ac3d01bf7e830457933ec91afffc479146
-  languageName: node
-  linkType: hard
-
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -3704,13 +3652,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@uncharted.software/css-options@npm:^3.2.4":
-  version: 3.2.5
-  resolution: "@uncharted.software/css-options@npm:3.2.5"
-  checksum: 10/981d5ede4f6ddc8d201ec5b4608fcc958f538b44e2f79932d95caab8bf0eb4278c42aec5ae034f18edd307d8278a49c945a0b6b463a8b0e96162cace63bc7d3a
-  languageName: node
-  linkType: hard
-
 "@uncharted.software/design-tokens@npm:1.1.0":
   version: 1.1.0
   resolution: "@uncharted.software/design-tokens@npm:1.1.0"
@@ -3718,32 +3659,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@uncharted.software/facets-core@npm:3.2.6, @uncharted.software/facets-core@npm:^3.2.5":
-  version: 3.2.6
-  resolution: "@uncharted.software/facets-core@npm:3.2.6"
-  dependencies:
-    "@fortawesome/free-regular-svg-icons": "npm:^5.10.2"
-    "@fortawesome/free-solid-svg-icons": "npm:^5.10.2"
-    "@uncharted.software/css-options": "npm:^3.2.4"
-    lit-element: "npm:^2.2.1"
-    lit-html: "npm:^1.1.2"
-  checksum: 10/2a8d5d1d6889211646a57a68a1f0d13274f13bd853c11192c28c682b05b694a9b418f7d91d2a05271862abdbb74485388d7d7765a0839aca475707fe1837764e
-  languageName: node
-  linkType: hard
-
-"@uncharted.software/facets-plugins@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@uncharted.software/facets-plugins@npm:3.2.5"
-  dependencies:
-    "@fortawesome/free-regular-svg-icons": "npm:^5.10.2"
-    "@fortawesome/free-solid-svg-icons": "npm:^5.10.2"
-    "@uncharted.software/facets-core": "npm:^3.2.5"
-    lit-element: "npm:^2.2.1"
-    lit-html: "npm:^1.1.2"
-  checksum: 10/947de54cd53b23b45b2da6db4aa66340aa600299b61c66275ecfa252c31c13030287e5d24578a83984dec40e76c1d02529c76ad595744f39e2e920dd97b5b697
-  languageName: node
-  linkType: hard
-
 "@uncharted/server-type-generator@workspace:packages/server":
   version: 0.0.0-use.local
   resolution: "@uncharted/server-type-generator@workspace:packages/server"
@@ -8867,7 +8782,6 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "hmi-client@workspace:packages/client/hmi-client"
   dependencies:
-    "@carbon/icons-vue": "npm:10.79.1"
     "@hsorby/vue3-katex": "npm:0.6.0-rc.7"
     "@jupyter/ydoc": "npm:1.0.2"
     "@jupyterlab/application": "npm:3.6.8"
@@ -8893,8 +8807,6 @@ __metadata:
     "@types/markdown-it": "npm:14.1.2"
     "@types/node": "npm:18.19.3"
     "@uncharted.software/design-tokens": "npm:1.1.0"
-    "@uncharted.software/facets-core": "npm:3.2.6"
-    "@uncharted.software/facets-plugins": "npm:3.2.5"
     "@vitejs/plugin-vue": "npm:4.6.2"
     "@vitest/coverage-c8": "npm:0.24.5"
     "@vue/runtime-dom": "npm:3.4.38"
@@ -10920,22 +10832,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lit-element@npm:^2.2.1":
-  version: 2.5.1
-  resolution: "lit-element@npm:2.5.1"
-  dependencies:
-    lit-html: "npm:^1.1.1"
-  checksum: 10/68ee1f666e853d321f6285e5f43562bbc220b9b17b912f7901bfbae264f557a3e29c74a2dc3e0d4a6116721e5afaf179a589be4f80331b426271937c28da263e
-  languageName: node
-  linkType: hard
-
-"lit-html@npm:^1.1.1, lit-html@npm:^1.1.2":
-  version: 1.4.1
-  resolution: "lit-html@npm:1.4.1"
-  checksum: 10/4f997740be2cde7fa1945d695a683e8fdd94787e861a992852202573d9211d57e166817408d8e4f516845b9fe5ce4456d0cfd3985ff907fdce17fbacb46c0635
-  languageName: node
-  linkType: hard
-
 "live-server@npm:1.2.2":
   version: 1.2.2
   resolution: "live-server@npm:1.2.2"