diff --git a/packages/client/hmi-client/src/components/workflow/ops/model-config/tera-model-config-drilldown.vue b/packages/client/hmi-client/src/components/workflow/ops/model-config/tera-model-config-drilldown.vue
index dbd9f44c89..d86887d8f0 100644
--- a/packages/client/hmi-client/src/components/workflow/ops/model-config/tera-model-config-drilldown.vue
+++ b/packages/client/hmi-client/src/components/workflow/ops/model-config/tera-model-config-drilldown.vue
@@ -155,13 +155,9 @@
 						@update-parameters="setParameterDistributions(knobs.transientModelConfig, $event)"
 						@update-source="setParameterSource(knobs.transientModelConfig, $event.id, $event.value)"
 					/>
-					<Accordion :active-index="observableActiveIndicies" v-if="!isEmpty(calibratedConfigObservables)">
+					<Accordion :active-index="observableActiveIndicies" v-if="!isEmpty(observablesList)">
 						<AccordionTab header="Observables">
-							<tera-model-part
-								class="pl-4"
-								:items="calibratedConfigObservables"
-								:feature-config="{ isPreview: true }"
-							/>
+							<tera-model-part class="pl-4" :items="observablesList" :feature-config="{ isPreview: true }" />
 						</AccordionTab>
 					</Accordion>
 					<!-- vertical spacer at end of page -->
@@ -269,14 +265,15 @@ import {
 } from '@/services/model-configurations';
 import { useToastService } from '@/services/toast';
 import type { Initial, Model, ModelConfiguration, TaskResponse } from '@/types/Types';
-import { AssetType, ModelParameter, Observable } from '@/types/Types';
+import { AssetType, ModelParameter } from '@/types/Types';
 import type { WorkflowNode } from '@/types/workflow';
 import { OperatorStatus } from '@/types/workflow';
 import { logger } from '@/utils/logger';
 import {
 	isModelMissingMetadata,
 	getParameters as getAmrParameters,
-	getInitials as getAmrInitials
+	getInitials as getAmrInitials,
+	createObservablesList
 } from '@/model-representation/service';
 import Message from 'primevue/message';
 import TeraColumnarPanel from '@/components/widgets/tera-columnar-panel.vue';
@@ -331,15 +328,6 @@ const knobs = ref<BasicKnobs>({
 	transientModelConfig: blankModelConfig
 });
 
-const calibratedConfigObservables = computed<Observable[]>(() =>
-	knobs.value.transientModelConfig.observableSemanticList.map(({ referenceId, states, expression }) => ({
-		id: referenceId,
-		name: referenceId,
-		states,
-		expression
-	}))
-);
-
 const getTotalInput = (modelConfiguration: ModelConfiguration) =>
 	modelConfiguration.initialSemanticList.length + modelConfiguration.parameterSemanticList.length;
 
@@ -518,6 +506,9 @@ const datasetIds = computed(() =>
 		.filter((id): id is string => id !== undefined)
 );
 
+const observables = computed(() => model.value?.semantics?.ode?.observables ?? []);
+const observablesList = computed(() => createObservablesList(observables.value));
+
 const modelConfigurations = ref<ModelConfiguration[]>([]);
 
 const initializing = ref(false);