diff --git a/packages/client/hmi-client/src/components/models/tera-model.vue b/packages/client/hmi-client/src/components/models/tera-model.vue
index b29ce015cd..44b5176b75 100644
--- a/packages/client/hmi-client/src/components/models/tera-model.vue
+++ b/packages/client/hmi-client/src/components/models/tera-model.vue
@@ -572,7 +572,7 @@ import {
 } from '@/model-representation/petrinet/petrinet-service';
 import { RouteName } from '@/router/routes';
 import { getCuriesEntities } from '@/services/concept';
-import { createModel, getModel, updateModel } from '@/services/model';
+import { createModel, getModel, getModelConfigurations, updateModel } from '@/services/model';
 import * as ProjectService from '@/services/project';
 import { getRelatedArtifacts } from '@/services/provenance';
 import { ResultType, FeatureConfig } from '@/types/common';
@@ -936,6 +936,7 @@ async function confirmEdit() {
 	if (model.value && transientTableValue.value) {
 		const { tableType, idx, updateProperty } = transientTableValue.value;
 		const modelClone = cloneDeep(model.value);
+		const modelConfigs = await getModelConfigurations(model?.value?.id);
 
 		switch (tableType) {
 			case 'parameters':
@@ -950,7 +951,9 @@ async function confirmEdit() {
 
 							// note that this is making a call to an async function to update the different model configs
 							// but we don't need to wait for it to finish because we don't need immediate access to the model configs
-							updateConfigFields(model.value!.id, ode.parameters![idx][key], value as string);
+							if (modelConfigs) {
+								updateConfigFields(modelConfigs, ode.parameters![idx][key], value as string);
+							}
 						}
 					});
 				}
diff --git a/packages/client/hmi-client/src/model-representation/petrinet/petrinet-service.ts b/packages/client/hmi-client/src/model-representation/petrinet/petrinet-service.ts
index 31787d26ef..313cf57028 100644
--- a/packages/client/hmi-client/src/model-representation/petrinet/petrinet-service.ts
+++ b/packages/client/hmi-client/src/model-representation/petrinet/petrinet-service.ts
@@ -1,9 +1,14 @@
 import _, { cloneDeep } from 'lodash';
 import API from '@/api/api';
 import { IGraph } from '@graph-scaffolder/types';
-import { PetriNetModel, Model, PetriNetTransition, TypingSemantics } from '@/types/Types';
+import {
+	PetriNetModel,
+	Model,
+	PetriNetTransition,
+	TypingSemantics,
+	ModelConfiguration
+} from '@/types/Types';
 import { PetriNet } from '@/petrinet/petrinet-service';
-import { getModelConfigurations } from '@/services/model';
 import { updateModelConfiguration } from '@/services/model-configurations';
 
 export interface NodeData {
@@ -160,30 +165,6 @@ export const convertToIGraph = (amr: Model) => {
 const DUMMY_VALUE = -999;
 export const convertToAMRModel = (g: IGraph<NodeData, EdgeData>) => g.amr;
 
-export const newAMR = (modelName: string) => {
-	const amr: Model = {
-		id: '',
-		name: modelName,
-		description: '',
-		schema:
-			'https://raw.githubusercontent.com/DARPA-ASKEM/Model-Representations/petrinet_v0.5/petrinet/petrinet_schema.json',
-		schema_name: 'petrinet',
-		model_version: '0.1',
-		model: {
-			states: [],
-			transitions: []
-		},
-		semantics: {
-			ode: {
-				rates: [],
-				initials: [],
-				parameters: []
-			}
-		}
-	};
-	return amr;
-};
-
 export const addState = (amr: Model, id: string, name: string) => {
 	if (amr.model.states.find((s) => s.id === id)) {
 		return;
@@ -516,9 +497,11 @@ export const updateParameterId = (amr: Model, id: string, newId: string) => {
 	}
 };
 
-export const updateConfigFields = async (modelId: string, id: string, newId: string) => {
-	const modelConfigs = await getModelConfigurations(modelId);
-
+export const updateConfigFields = async (
+	modelConfigs: ModelConfiguration[],
+	id: string,
+	newId: string
+) => {
 	modelConfigs.forEach((config) => {
 		updateParameterId(config.configuration, id, newId);
 		// note that this is making an async call but we don't need to wait for it to finish
@@ -682,3 +665,27 @@ export const extractStateMatrixData = (amr: Model, stateIds: string[], dimension
 	});
 	return results;
 };
+
+export function newAMR(modelName: string) {
+	const amr: Model = {
+		id: '',
+		name: modelName,
+		description: '',
+		schema:
+			'https://raw.githubusercontent.com/DARPA-ASKEM/Model-Representations/petrinet_v0.5/petrinet/petrinet_schema.json',
+		schema_name: 'petrinet',
+		model_version: '0.1',
+		model: {
+			states: [],
+			transitions: []
+		},
+		semantics: {
+			ode: {
+				rates: [],
+				initials: [],
+				parameters: []
+			}
+		}
+	};
+	return amr;
+}
diff --git a/packages/client/hmi-client/src/page/project/components/tera-model-modal.vue b/packages/client/hmi-client/src/page/project/components/tera-model-modal.vue
new file mode 100644
index 0000000000..541ef1e7a1
--- /dev/null
+++ b/packages/client/hmi-client/src/page/project/components/tera-model-modal.vue
@@ -0,0 +1,84 @@
+<template>
+	<Teleport to="body">
+		<tera-modal v-if="isVisible" class="modal" @modal-mask-clicked="emit('close-modal')">
+			<template #header>
+				<h4>New model</h4>
+			</template>
+			<template #default>
+				<form>
+					<label for="new-model">Enter a unique name for your model</label>
+					<InputText
+						v-bind:class="invalidInputStyle"
+						id="new-model"
+						type="text"
+						v-model="newModelName"
+						placeholder="new model"
+					/>
+				</form>
+			</template>
+			<template #footer>
+				<Button @click="createNewModel">Create model</Button>
+				<Button class="p-button-secondary" @click="emit('close-modal')"> Cancel </Button>
+			</template>
+		</tera-modal>
+	</Teleport>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import TeraModal from '@/components/widgets/tera-modal.vue';
+import Button from 'primevue/button';
+import InputText from 'primevue/inputtext';
+import { IProject, ProjectAssetTypes } from '@/types/Project';
+import { logger } from '@/utils/logger';
+import { addNewModelToProject } from '@/services/model';
+import router from '@/router';
+import { RouteName } from '@/router/routes';
+
+const props = defineProps<{
+	project: IProject;
+	isVisible: boolean;
+}>();
+const emit = defineEmits(['close-modal']);
+
+// New Model Modal
+const newModelName = ref<string>('');
+const isValidName = ref<boolean>(true);
+const invalidInputStyle = computed(() => (!isValidName.value ? 'p-invalid' : ''));
+
+const existingModelNames = computed(() => {
+	const modelNames: string[] = [];
+	props.project.assets?.models.forEach((item) => {
+		modelNames.push(item.name);
+	});
+	return modelNames;
+});
+
+async function createNewModel() {
+	if (newModelName.value.trim().length === 0) {
+		isValidName.value = false;
+		logger.info('Model name cannot be empty - please enter a different name');
+		return;
+	}
+	if (existingModelNames.value.includes(newModelName.value.trim())) {
+		isValidName.value = false;
+		logger.info('Duplicate model name - please enter a different name');
+		return;
+	}
+	isValidName.value = true;
+	const modelId = await addNewModelToProject(newModelName.value.trim(), props.project);
+	if (modelId) {
+		router.push({
+			name: RouteName.ProjectRoute,
+			params: {
+				assetName: 'Model',
+				pageType: ProjectAssetTypes.MODELS,
+				assetId: modelId
+			}
+		});
+	}
+	emit('close-modal');
+}
+</script>
+
+<style></style>
diff --git a/packages/client/hmi-client/src/page/project/components/tera-project-overview.vue b/packages/client/hmi-client/src/page/project/components/tera-project-overview.vue
index 4bbc4f61bd..eb20a1b1d1 100644
--- a/packages/client/hmi-client/src/page/project/components/tera-project-overview.vue
+++ b/packages/client/hmi-client/src/page/project/components/tera-project-overview.vue
@@ -61,12 +61,12 @@
 						size="large"
 						icon="pi pi-share-alt"
 						class="p-button p-button-secondary quick-link-button"
-						@click="isNewModelModalVisible = true"
+						@click="emit('open-new-asset', ProjectAssetTypes.MODELS)"
 					/>
 					<Button
 						size="large"
 						class="p-button p-button-secondary quick-link-button"
-						@click="emit('open-workflow')"
+						@click="emit('open-new-asset', ProjectAssetTypes.SIMULATION_WORKFLOW)"
 					>
 						<vue-feather
 							class="p-button-icon-left"
@@ -244,37 +244,6 @@
 				</tera-modal>
 			</section>
 		</section>
-
-		<!-- New model modal -->
-		<Teleport to="body">
-			<tera-modal
-				v-if="isNewModelModalVisible"
-				class="modal"
-				@modal-mask-clicked="isNewModelModalVisible = false"
-			>
-				<template #header>
-					<h4>New model</h4>
-				</template>
-				<template #default>
-					<form>
-						<label for="new-model">Enter a unique name for your model</label>
-						<InputText
-							v-bind:class="invalidInputStyle"
-							id="new-model"
-							type="text"
-							v-model="newModelName"
-							placeholder="new model"
-						/>
-					</form>
-				</template>
-				<template #footer>
-					<Button @click="createNewModel">Create model</Button>
-					<Button class="p-button-secondary" @click="isNewModelModalVisible = false">
-						Cancel
-					</Button>
-				</template>
-			</tera-modal>
-		</Teleport>
 	</main>
 </template>
 
@@ -306,7 +275,7 @@ import { uploadArtifactToProject } from '@/services/artifact';
 const props = defineProps<{
 	project: IProject;
 }>();
-const emit = defineEmits(['open-workflow', 'open-asset', 'new-model']);
+const emit = defineEmits(['open-asset', 'open-new-asset']);
 const router = useRouter();
 const isRenamingProject = ref(false);
 const inputElement = ref<HTMLInputElement | null>(null);
@@ -319,20 +288,6 @@ const selectedResources = ref();
 
 const openedRow = ref(null);
 
-const isNewModelModalVisible = ref<boolean>(false);
-const newModelName = ref<string>('');
-
-const isValidName = ref<boolean>(true);
-const invalidInputStyle = computed(() => (!isValidName.value ? 'p-invalid' : ''));
-
-const existingModelNames = computed(() => {
-	const modelNames: string[] = [];
-	props.project.assets?.models.forEach((item) => {
-		modelNames.push(item.name);
-	});
-	return modelNames;
-});
-
 const assets = computed(() => {
 	const tabs = new Map<ProjectAssetTypes, Set<Tab>>();
 
@@ -389,22 +344,6 @@ async function processFiles(files: File[], csvDescription: string) {
 	});
 }
 
-function createNewModel() {
-	if (newModelName.value.trim().length === 0) {
-		isValidName.value = false;
-		logger.info('Model name cannot be empty - please enter a different name');
-		return;
-	}
-	if (existingModelNames.value.includes(newModelName.value.trim())) {
-		isValidName.value = false;
-		logger.info('Duplicate model name - please enter a different name');
-		return;
-	}
-	isValidName.value = true;
-	emit('new-model', newModelName.value.trim());
-	isNewModelModalVisible.value = false;
-}
-
 async function openImportModal() {
 	isUploadResourcesModalVisible.value = true;
 	results.value = null;
diff --git a/packages/client/hmi-client/src/page/project/components/tera-project-page.vue b/packages/client/hmi-client/src/page/project/components/tera-project-page.vue
index c710c994d6..1f2a06b9ab 100644
--- a/packages/client/hmi-client/src/page/project/components/tera-project-page.vue
+++ b/packages/client/hmi-client/src/page/project/components/tera-project-page.vue
@@ -31,8 +31,7 @@
 		v-else-if="pageType === ProjectPages.OVERVIEW"
 		:project="project"
 		@vue:mounted="emit('asset-loaded')"
-		@open-workflow="openWorkflow"
-		@new-model="newModel"
+		@open-new-asset="(assetType) => emit('open-new-asset', assetType)"
 	/>
 	<tera-simulation-workflow
 		v-else-if="pageType === ProjectAssetTypes.SIMULATION_WORKFLOW"
@@ -78,11 +77,8 @@ import TeraModel from '@/components/models/tera-model.vue';
 import CodeEditor from '@/page/project/components/code-editor.vue';
 import TeraProjectOverview from '@/page/project/components/tera-project-overview.vue';
 import TeraSimulationWorkflow from '@/components/workflow/tera-simulation-workflow.vue';
-import { emptyWorkflow, createWorkflow } from '@/services/workflow';
 import * as ProjectService from '@/services/project';
 import { getArtifactArrayBuffer, getArtifactFileAsText } from '@/services/artifact';
-import { newAMR } from '@/model-representation/petrinet/petrinet-service';
-import { createModel } from '@/services/model';
 import TeraPdfEmbed from '@/components/widgets/tera-pdf-embed.vue';
 
 const props = defineProps<{
@@ -94,7 +90,13 @@ const props = defineProps<{
 	activeTabIndex?: number;
 }>();
 
-const emit = defineEmits(['update:tabs', 'asset-loaded', 'update-tab-name', 'close-current-tab']);
+const emit = defineEmits([
+	'update:tabs',
+	'asset-loaded',
+	'update-tab-name',
+	'close-current-tab',
+	'open-new-asset'
+]);
 
 const router = useRouter();
 
@@ -106,57 +108,6 @@ const queuedCodeRequests: Ref<CodeRequest[]> = ref([]);
 const getXDDuri = (assetId: Tab['assetId']): string =>
 	ProjectService.getDocumentAssetXddUri(props?.project, assetId) ?? '';
 
-// These 3 open functions can potentially make use of openAssetFromSidebar in tera-project.vue
-const openWorkflow = async () => {
-	// Create a new workflow
-	let wfName = 'workflow';
-	if (props.project && props.project.assets) {
-		wfName = `workflow ${props.project.assets[ProjectAssetTypes.SIMULATION_WORKFLOW].length + 1}`;
-	}
-	const wf = emptyWorkflow(wfName, '');
-
-	// Add the workflow to the project
-	const response = await createWorkflow(wf);
-	const workflowId = response.id;
-	await ProjectService.addAsset(
-		props.project.id,
-		ProjectAssetTypes.SIMULATION_WORKFLOW,
-		workflowId
-	);
-
-	router.push({
-		name: RouteName.ProjectRoute,
-		params: {
-			assetName: 'Workflow',
-			pageType: ProjectAssetTypes.SIMULATION_WORKFLOW,
-			assetId: workflowId
-		}
-	});
-};
-
-const newModel = async (modelName: string) => {
-	// 1. Load an empty AMR
-	const amr = newAMR(modelName);
-	(amr as any).id = undefined; // FIXME: id hack
-
-	const response = await createModel(amr);
-	const modelId = response?.id;
-
-	// 2. Add the model to the project
-	if (modelId) {
-		await ProjectService.addAsset(props.project.id, ProjectAssetTypes.MODELS, modelId);
-		// 3. Reroute
-		router.push({
-			name: RouteName.ProjectRoute,
-			params: {
-				assetName: 'Model',
-				pageType: ProjectAssetTypes.MODELS,
-				assetId: modelId
-			}
-		});
-	}
-};
-
 const openOverview = () => {
 	router.push({
 		name: RouteName.ProjectRoute,
diff --git a/packages/client/hmi-client/src/page/project/components/tera-resource-sidebar.vue b/packages/client/hmi-client/src/page/project/components/tera-resource-sidebar.vue
index 0316e0f7ad..0568f63beb 100644
--- a/packages/client/hmi-client/src/page/project/components/tera-resource-sidebar.vue
+++ b/packages/client/hmi-client/src/page/project/components/tera-resource-sidebar.vue
@@ -11,7 +11,27 @@
 				class="p-button-sm secondary-button"
 				@click="toggleOptionsMenu"
 			/>
-			<Menu ref="optionsMenu" :model="optionsMenuItems" :popup="true" />
+			<Menu ref="optionsMenu" :model="optionsMenuItems" :popup="true">
+				<!-- A way to use vue feather icons in the MenuItem component, it might be better to try to use 1 icon library for easier integration -->
+				<template #item="slotProps">
+					<a class="p-menuitem-link">
+						<vue-feather
+							v-if="typeof getAssetIcon(slotProps.item.key ?? null) === 'string'"
+							class="p-button-icon-left icon"
+							:type="getAssetIcon(slotProps.item.key ?? null)"
+							size="1rem"
+						/>
+						<component
+							v-else
+							:is="getAssetIcon(slotProps.item.key ?? null)"
+							class="p-button-icon-left icon"
+						/>
+						<span class="p-menuitem-text">
+							{{ slotProps.item.label }}
+						</span>
+					</a>
+				</template>
+			</Menu>
 		</header>
 		<Button
 			class="asset-button"
@@ -143,7 +163,7 @@ const props = defineProps<{
 	tabs: Tab[];
 }>();
 
-const emit = defineEmits(['open-asset', 'open-overview', 'remove-asset']);
+const emit = defineEmits(['open-asset', 'open-overview', 'remove-asset', 'open-new-asset']);
 
 const activeAssetId = ref<string | undefined>('');
 const isRemovalModal = ref(false);
@@ -161,13 +181,24 @@ const assets = computed((): IProjectAssetTabs => {
 	Object.keys(projectAssets).forEach((type) => {
 		if (isProjectAssetTypes(type) && !isEmpty(projectAssets[type])) {
 			const projectAssetType = type as ProjectAssetTypes;
-			const typeAssets = projectAssets[projectAssetType].map((asset) => {
-				const assetName = (asset?.name || asset?.title || asset?.id)?.toString();
-				const pageType = asset?.type ?? projectAssetType;
-				const assetId = asset?.id?.toString();
-				return { assetName, pageType, assetId };
-			}) as Tab[];
-			tabs.set(projectAssetType, new Set(typeAssets));
+			const typeAssets = projectAssets[projectAssetType]
+				.map((asset) => {
+					const assetName = (asset?.name || asset?.title || asset?.id)?.toString();
+					const pageType = asset?.type ?? projectAssetType;
+					const assetId = asset?.id?.toString();
+					return { assetName, pageType, assetId };
+				})
+				.filter((asset) => {
+					// filter assets
+					if (!searchAsset.value?.trim()) {
+						return true;
+					}
+					const searchTermLower = searchAsset.value?.trim().toLowerCase();
+					return asset.assetName.toLowerCase().includes(searchTermLower);
+				}) as Tab[];
+			if (!isEmpty(typeAssets)) {
+				tabs.set(projectAssetType, new Set(typeAssets));
+			}
 		}
 	});
 	return tabs;
@@ -196,7 +227,7 @@ function endDrag() {
 const optionsMenu = ref();
 const optionsMenuItems = ref([
 	{
-		icon: 'pi pi-code',
+		key: ProjectAssetTypes.CODE,
 		label: 'Code editor',
 		command() {
 			emit('open-asset', {
@@ -205,6 +236,20 @@ const optionsMenuItems = ref([
 				assetId: undefined
 			});
 		}
+	},
+	{
+		key: ProjectAssetTypes.MODELS,
+		label: 'New Model',
+		command() {
+			emit('open-new-asset', ProjectAssetTypes.MODELS);
+		}
+	},
+	{
+		key: ProjectAssetTypes.SIMULATION_WORKFLOW,
+		label: 'New Workflow',
+		command() {
+			emit('open-new-asset', ProjectAssetTypes.SIMULATION_WORKFLOW);
+		}
 	}
 ]);
 
@@ -336,4 +381,8 @@ header {
 	color: var(--text-color-secondary) !important;
 	background-color: var(--surface-highlight) !important;
 }
+
+:deep(.p-button-icon-left.icon) {
+	margin-right: 0.5rem;
+}
 </style>
diff --git a/packages/client/hmi-client/src/page/project/tera-project.vue b/packages/client/hmi-client/src/page/project/tera-project.vue
index a325b7b3a4..f3cdaed147 100644
--- a/packages/client/hmi-client/src/page/project/tera-project.vue
+++ b/packages/client/hmi-client/src/page/project/tera-project.vue
@@ -15,6 +15,7 @@
 					@open-asset="openAssetFromSidebar"
 					@close-tab="removeClosedTab"
 					@remove-asset="removeAsset"
+					@open-new-asset="openNewAsset"
 				/>
 			</template>
 		</tera-slider-panel>
@@ -38,6 +39,7 @@
 					v-model:tabs="tabs"
 					@asset-loaded="setActiveTab"
 					@close-current-tab="removeClosedTab(activeTabIndex as number)"
+					@open-new-asset="openNewAsset"
 				/>
 			</SplitterPanel>
 			<SplitterPanel class="project-page top-z-index" v-if="workflowNode" :size="20">
@@ -121,6 +123,12 @@
 				<tera-notes-sidebar :asset-id="assetId" :page-type="pageType" />
 			</template>
 		</tera-slider-panel>
+		<!-- New model modal -->
+		<tera-model-modal
+			:project="project"
+			:is-visible="isNewModelModalVisible"
+			@close-modal="onCloseModelModal"
+		/>
 	</main>
 </template>
 
@@ -150,7 +158,9 @@ import TeraSimulateCiemss from '@/components/workflow/tera-simulate-ciemss.vue';
 import TeraStratify from '@/components/workflow/tera-stratify.vue';
 import teraSimulateEnsembleCiemss from '@/components/workflow/tera-simulate-ensemble-ciemss.vue';
 import teraCalibrateEnsembleCiemss from '@/components/workflow/tera-calibrate-ensemble-ciemss.vue';
-import { workflowEventBus } from '@/services/workflow';
+import { createWorkflow, emptyWorkflow, workflowEventBus } from '@/services/workflow';
+import TeraModelModal from './components/tera-model-modal.vue';
+
 import TeraProjectPage from './components/tera-project-page.vue';
 
 // Asset props are extracted from route
@@ -176,6 +186,7 @@ workflowEventBus.on('drilldown', (payload: any) => {
 const isResourcesSliderOpen = ref(true);
 const isNotesSliderOpen = ref(false);
 
+const isNewModelModalVisible = ref(false);
 // Associated with tab storage
 const projectContext = computed(() => props.project?.id.toString());
 const tabs = computed(() => tabStore.getTabs(projectContext.value) ?? []);
@@ -239,6 +250,49 @@ async function removeAsset(asset: Tab) {
 	logger.error(`Failed to remove ${assetName}`, { showToast: true });
 }
 
+const openWorkflow = async () => {
+	// Create a new workflow
+	let wfName = 'workflow';
+	if (props.project && props.project.assets) {
+		wfName = `workflow ${props.project.assets[ProjectAssetTypes.SIMULATION_WORKFLOW].length + 1}`;
+	}
+	const wf = emptyWorkflow(wfName, '');
+
+	// Add the workflow to the project
+	const response = await createWorkflow(wf);
+	const workflowId = response.id;
+	await ProjectService.addAsset(
+		props.project.id,
+		ProjectAssetTypes.SIMULATION_WORKFLOW,
+		workflowId
+	);
+
+	router.push({
+		name: RouteName.ProjectRoute,
+		params: {
+			assetName: 'Workflow',
+			pageType: ProjectAssetTypes.SIMULATION_WORKFLOW,
+			assetId: workflowId
+		}
+	});
+};
+
+const openNewAsset = (assetType: string) => {
+	switch (assetType) {
+		case ProjectAssetTypes.MODELS:
+			isNewModelModalVisible.value = true;
+			break;
+		case ProjectAssetTypes.SIMULATION_WORKFLOW:
+			openWorkflow();
+			break;
+		default:
+			break;
+	}
+};
+
+const onCloseModelModal = () => {
+	isNewModelModalVisible.value = false;
+};
 watch(
 	() => projectContext.value,
 	() => {
diff --git a/packages/client/hmi-client/src/services/model.ts b/packages/client/hmi-client/src/services/model.ts
index 388242feac..d21f73fddb 100644
--- a/packages/client/hmi-client/src/services/model.ts
+++ b/packages/client/hmi-client/src/services/model.ts
@@ -2,6 +2,9 @@ import API from '@/api/api';
 import { EventType, Model, ModelConfiguration } from '@/types/Types';
 import useResourcesStore from '@/stores/resources';
 import * as EventService from '@/services/event';
+import { IProject, ProjectAssetTypes } from '@/types/Project';
+import * as ProjectService from '@/services/project';
+import { newAMR } from '@/model-representation/petrinet/petrinet-service';
 
 export async function createModel(model): Promise<Model | null> {
 	const response = await API.post(`/models`, model);
@@ -69,3 +72,23 @@ export async function reconstructAMR(amr: any) {
 	const response = await API.post('/mira/reconstruct_ode_semantics', amr);
 	return response?.data;
 }
+
+// function adds model to project, returns modelId if successful otherwise null
+export async function addNewModelToProject(
+	modelName: string,
+	project: IProject
+): Promise<string | null> {
+	// 1. Load an empty AMR
+	const amr = newAMR(modelName);
+	(amr as any).id = undefined; // FIXME: id hack
+
+	const response = await createModel(amr);
+	const modelId = response?.id;
+
+	// 2. Add the model to the project
+	if (modelId) {
+		await ProjectService.addAsset(project.id, ProjectAssetTypes.MODELS, modelId);
+		return modelId;
+	}
+	return null;
+}