[BUG]: download model-configurations is broken #6407

packages/client/hmi-client/src/components/workflow/ops/model-config/tera-model-config-drilldown.vue

@@ -55,7 +55,8 @@
 									:empty-input-count="missingInputCount(configuration)"
 									@click="onSelectConfiguration(configuration)"
 									@delete="fetchConfigurations(model.id)"
-									@download="downloadModelArchive(configuration)"
+									@downloadArchive="downloadZippedModelAndConfig(configuration)"
+									@downloadModel="downloadModel(configuration)"
 									@use="onSelectConfiguration(configuration)"
 								/>
 							</li>
@@ -263,7 +264,8 @@ import {
 	setInitialSource,
 	setParameterDistributions,
 	setParameterSource,
-	updateModelConfiguration
+	updateModelConfiguration,
+	getAsConfiguredModel
 } from '@/services/model-configurations';
 import { useToastService } from '@/services/toast';
 import type { Initial, Model, ModelConfiguration, TaskResponse } from '@/types/Types';
@@ -566,7 +568,7 @@ const configuredMmt = ref(makeConfiguredMMT(mmt.value, knobs.value.transientMode
 
 const calendarSettings = ref<CalendarSettings | null>(null);
 
-const downloadModelArchive = async (configuration: ModelConfiguration = knobs.value.transientModelConfig) => {
+const downloadZippedModelAndConfig = async (configuration: ModelConfiguration = knobs.value.transientModelConfig) => {
 	const archive = await getArchive(configuration);
 	if (archive) {
 		const a = document.createElement('a');
@@ -577,6 +579,21 @@ const downloadModelArchive = async (configuration: ModelConfiguration = knobs.va
 	}
 };
 
+const downloadModel = async (configuration: ModelConfiguration = knobs.value.transientModelConfig) => {
+	if (!configuration.id) return;
+
+	const configuredModel = await getAsConfiguredModel(configuration.id);
+	if (configuredModel) {
+		const data = `text/json;charset=utf-8,${encodeURIComponent(JSON.stringify(configuredModel, null, 2))}`;
+		const a = document.createElement('a');
+		a.href = `data:${data}`;
+		a.download = `${configuredModel.name ?? 'model'}.json`;
+		a.innerHTML = 'download JSON';
+		a.click();
+		a.remove();
+	}
+};
+
 const createConfiguration = async () => {
 	if (!model.value || isSaveDisabled.value) return;
 	const modelConfig = cloneDeep(knobs.value.transientModelConfig);

packages/client/hmi-client/src/components/workflow/ops/model-config/tera-model-configuration-item.vue

@@ -27,7 +27,7 @@ import { ref } from 'vue';
 import { useConfirm } from 'primevue/useconfirm';
 import { deleteModelConfiguration } from '@/services/model-configurations';
 
-const emit = defineEmits(['delete', 'use', 'download']);
+const emit = defineEmits(['delete', 'use', 'downloadArchive', 'downloadModel']);
 const props = defineProps<{
 	configuration: ModelConfiguration;
 	selected?: boolean;
@@ -46,10 +46,17 @@ const contextMenuItems = ref([
 		}
 	},
 	{
-		label: 'Download',
+		label: 'Download model configuration',
 		icon: 'pi pi-download',
 		command() {
-			emit('download');
+			emit('downloadArchive');
+		}
+	},
+	{
+		label: 'Download as Model',
+		icon: 'pi pi-download',
+		command() {
+			emit('downloadModel');
 		}
 	},
 	{

packages/client/hmi-client/src/services/model-configurations.ts

@@ -53,7 +53,7 @@ export const getAsConfiguredModel = async (modelConfigurationId: string): Promis
 };
 
 export const getArchive = async (modelConfiguration: ModelConfiguration): Promise<any> => {
-	const response = await API.get(`model-configurations/download/${modelConfiguration.id}`, {
+	const response = await API.get(`model-configurations/download-archive/${modelConfiguration.id}`, {
 		responseType: 'arraybuffer'
 	});
 	const blob = new Blob([response?.data], { type: 'application/octet-stream' });

packages/client/hmi-client/src/services/model.ts

@@ -29,7 +29,7 @@ export async function createModelAndModelConfig(file: File, progress?: Ref<numbe
 	const formData = new FormData();
 	formData.append('file', file);
 
-	const response = await API.post(`/model-configurations/import`, formData, {
+	const response = await API.post(`/model-configurations/import-archive`, formData, {
 		headers: {
 			'Content-Type': 'multipart/form-data'
 		},

packages/server/src/main/java/software/uncharted/terarium/hmiserver/controller/dataservice/ModelConfigurationController.java

@@ -112,7 +112,7 @@ public ResponseEntity<ModelConfiguration> getModelConfiguration(
 		}
 	}
 
-	@PostMapping(value = "/import", consumes = MediaType.MULTIPART_FORM_DATA_VALUE)
+	@PostMapping(value = "/import-archive", consumes = MediaType.MULTIPART_FORM_DATA_VALUE)
 	@Secured(Roles.USER)
 	@Operation(summary = "Imports both a model and its configuration in a single go")
 	@ApiResponses(
@@ -180,9 +180,9 @@ public ResponseEntity<Model> importModelConfigAndModel(
 		}
 	}
 
-	@GetMapping("/download/{id}")
+	@GetMapping("/download-archive/{id}")
 	@Secured(Roles.USER)
-	@Operation(summary = "Imports both a model and its configuration in a single go")
+	@Operation(summary = "Downloads both a model and its configuration in a single go in a zipped archive")
 	@ApiResponses(
 		value = {
 			@ApiResponse(