Model config empty input total (#5430)

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

@@ -50,6 +50,7 @@
 								<tera-model-configuration-item
 									:configuration="configuration"
 									:selected="selectedConfigId === configuration.id"
+									:empty-input-count="missingInputCount(configuration)"
 									@click="onSelectConfiguration(configuration)"
 									@delete="fetchConfigurations(model.id)"
 									@download="downloadModelArchive(configuration)"
@@ -255,6 +256,7 @@ import { getMMT, getModel, getModelConfigurationsForModel, getCalendarSettingsFr
 import {
 	createModelConfiguration,
 	getArchive,
+	getMissingInputAmount,
 	getModelConfigurationById,
 	setInitialExpression,
 	setInitialSource,
@@ -299,6 +301,7 @@ const emit = defineEmits(['append-output', 'update-state', 'select-output', 'clo
 
 const isFetchingPDF = ref(false);
 const isDocViewerOpen = ref(true);
+const selectedConfigMissingInputCount = ref('');
 
 const currentActiveIndexes = ref([0, 1, 2]);
 const pdfData = ref<{ document: any; data: string; isPdf: boolean; name: string }[]>([]);
@@ -329,6 +332,23 @@ const calibratedConfigObservables = computed<Observable[]>(() =>
 	}))
 );
 
+const getTotalInput = (modelConfiguration: ModelConfiguration) =>
+	modelConfiguration.initialSemanticList.length + modelConfiguration.parameterSemanticList.length;
+
+const getMissingInputCountMessage = (modelConfiguration: ModelConfiguration) => {
+	const amount = getMissingInputAmount(modelConfiguration);
+	const total = getTotalInput(modelConfiguration);
+	const precent = (amount / total) * 100;
+	return amount ? `Missing values: ${amount}/${total} (${precent.toFixed(0)}%)` : '';
+};
+
+const missingInputCount = (modelConfiguration: ModelConfiguration) => {
+	if (selectedConfigId.value === modelConfiguration.id) {
+		return selectedConfigMissingInputCount.value;
+	}
+	return getMissingInputCountMessage(modelConfiguration);
+};
+
 // Check if the model configuration is the same as the original
 const isModelConfigChanged = computed(() => !isModelConfigsEqual(originalConfig, knobs.value.transientModelConfig));
 
@@ -740,6 +760,7 @@ const debounceUpdateState = debounce(() => {
 	configuredMmt.value = makeConfiguredMMT(mmt.value, knobs.value.transientModelConfig);
 
 	emit('update-state', state);
+	selectedConfigMissingInputCount.value = getMissingInputCountMessage(state.transientModelConfig);
 }, 100);
 watch(
 	() => knobs.value,

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

@@ -7,6 +7,7 @@
 		<ContextMenu ref="contextMenu" :model="contextMenuItems" />
 		<p>{{ configuration.description }}</p>
 		<p>{{ formatTimestamp(configuration.createdOn) }}</p>
+		<span v-if="emptyInputCount" :class="{ 'input-count': emptyInputCount }">{{ emptyInputCount }}</span>
 	</div>
 </template>
 
@@ -23,6 +24,7 @@ const emit = defineEmits(['delete', 'use', 'download']);
 const props = defineProps<{
 	configuration: ModelConfiguration;
 	selected?: boolean;
+	emptyInputCount?: string;
 }>();
 
 const confirm = useConfirm();
@@ -102,10 +104,18 @@ header {
 	}
 }
 
-p {
+p,
+span {
 	color: var(--text-color-subdued);
 	font-size: var(--font-caption);
 	padding-right: var(--gap-6);
+
+	&.input-count {
+		background-color: var(--error-background);
+	}
+}
+span {
+	padding-right: unset;
 }
 
 p + p {

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

@@ -7,7 +7,7 @@ import type {
 	ObservableSemantic,
 	ParameterSemantic
 } from '@/types/Types';
-import { isEmpty } from 'lodash';
+import { isEmpty, isNaN, isNumber } from 'lodash';
 import { pythonInstance } from '@/python/PyodideController';
 import { DistributionType } from './distribution';
 
@@ -207,3 +207,31 @@ export function getOtherValues(configs: ModelConfiguration[], id: string, key: s
 	});
 	return otherValues;
 }
+
+export function isNumberInputEmpty(value: string) {
+	const number = parseFloat(value);
+	return isNaN(number) || !isNumber(number);
+}
+
+export function getMissingInputAmount(modelConfiguration: ModelConfiguration) {
+	let missingInputs = 0;
+	modelConfiguration.initialSemanticList.forEach((initial) => {
+		if (isNumberInputEmpty(initial.expression)) {
+			missingInputs++;
+		}
+	});
+
+	modelConfiguration.parameterSemanticList.forEach((parameter) => {
+		if (parameter.distribution.type === DistributionType.Constant) {
+			if (isNumberInputEmpty(parameter.distribution.parameters.value)) {
+				missingInputs++;
+			}
+		} else if (
+			isNumberInputEmpty(parameter.distribution.parameters.minimum) ||
+			isNumberInputEmpty(parameter.distribution.parameters.maximum)
+		) {
+			missingInputs++;
+		}
+	});
+	return missingInputs;
+}