From 39fb1f468a6afb44be3d2a90f2d76c6f98b6a30f Mon Sep 17 00:00:00 2001
From: Daniel Chang <mwdchang@gmail.com>
Date: Tue, 5 Mar 2024 18:22:31 -0500
Subject: [PATCH 1/5] reorg sciml simulate

---
 .../simulate-julia/tera-simulate-julia.vue    | 69 +++++++++----------
 1 file changed, 32 insertions(+), 37 deletions(-)

diff --git a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
index 943a529430..22fee0b293 100644
--- a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
+++ b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
@@ -85,7 +85,7 @@
 				:style="{ marginRight: 'auto' }"
 				label="Run"
 				icon="pi pi-play"
-				@click="runSimulate"
+				@click="run"
 				:disabled="showSpinner"
 			/>
 			<Button
@@ -128,7 +128,6 @@ import { Poller, PollerState } from '@/api/api';
 
 import {
 	getRunResult,
-	getSimulation,
 	makeForecastJob,
 	querySimulationInProgress,
 	pollAction
@@ -203,15 +202,21 @@ const updateState = () => {
 	emit('update-state', state);
 };
 
-const runSimulate = async () => {
-	const modelConfigurationList = props.node.inputs[0].value;
-	if (!modelConfigurationList?.length) return;
+// Main entry point
+const run = async () => {
+	showSpinner.value = true;
+	const simulationId = await makeForecastRequest();
+	await pollResult(simulationId);
+	await processResult(simulationId);
+	await lazyLoadSimulationData(simulationId);
+	showSpinner.value = false;
+};
 
-	// Since we've disabled multiple configs to a simulation node, we can assume only one config
-	const configId = modelConfigurationList[0];
+const makeForecastRequest = async (): Promise<string> => {
+	const configId = props.node.inputs[0].value?.[0];
+	if (!configId) throw new Error('No model configuration found for simulate');
 
 	const state = props.node.state;
-
 	const payload: SimulationRequest = {
 		projectId: useProjects().activeProject.value?.id as string,
 		modelConfigId: configId,
@@ -223,11 +228,10 @@ const runSimulate = async () => {
 		engine: 'sciml'
 	};
 	const response = await makeForecastJob(payload);
-	getStatus(response.id);
+	return response.id;
 };
 
-const getStatus = async (runId: string) => {
-	showSpinner.value = true;
+const pollResult = async (runId: string) => {
 	poller
 		.setInterval(3000)
 		.setThreshold(300)
@@ -235,37 +239,34 @@ const getStatus = async (runId: string) => {
 	const pollerResults = await poller.start();
 
 	if (pollerResults.state === PollerState.Cancelled) {
-		showSpinner.value = false;
-		return;
+		return pollerResults;
 	}
 	if (pollerResults.state !== PollerState.Done || !pollerResults.data) {
 		// throw if there are any failed runs for now
-		showSpinner.value = false;
 		logger.error(`Simulate: ${runId} has failed`, {
 			toastTitle: 'Error - Julia'
 		});
 		throw Error('Failed Runs');
 	}
+	return pollerResults;
+};
 
+const processResult = async (runId: string) => {
 	const state = _.cloneDeep(props.node.state);
 	if (state.chartConfigs.length === 0) {
 		addChart();
 	}
 
-	const sim = await getSimulation(runId);
-
 	emit('append-output', {
 		type: SimulateJuliaOperation.outputs[0].type,
 		label: `Output - ${props.node.outputs.length + 1}`,
 		value: runId,
 		state: {
-			currentTimespan: sim?.executionPayload.timespan ?? timespan.value,
+			currentTimespan: state.currentTimespan,
 			simulationsInProgress: state.simulationsInProgress
 		},
 		isSelected: false
 	});
-
-	showSpinner.value = false;
 };
 
 const lazyLoadSimulationData = async (runId: string) => {
@@ -281,12 +282,11 @@ const lazyLoadSimulationData = async (runId: string) => {
 	if (modelConfiguration) {
 		const parameters = modelConfiguration.configuration.semantics.ode.parameters;
 		csvData.forEach((row) =>
-			parameters.forEach((parameter) => {
+			parameters.forEach((parameter: any) => {
 				row[parameter.id] = parameter.value;
 			})
 		);
 	}
-
 	runResults.value[runId] = csvData as any;
 	rawContent.value[runId] = createCsvAssetFromRunResults(runResults.value, runId);
 };
@@ -323,7 +323,7 @@ onMounted(() => {
 	const runIds = querySimulationInProgress(props.node);
 	if (runIds.length === 1) {
 		// there should only be one run happening at a time
-		getStatus(runIds[0]);
+		pollResult(runIds[0]);
 	}
 });
 
@@ -331,26 +331,21 @@ onUnmounted(() => {
 	poller.stop();
 });
 
-watch(
-	() => selectedRunId.value,
-	() => {
-		if (selectedRunId.value) {
-			lazyLoadSimulationData(selectedRunId.value);
-		}
-	},
-	{ immediate: true }
-);
-
 watch(
 	() => props.node.active,
-	() => {
-		// Update selected output
-		if (props.node.active) {
-			selectedOutputId.value = props.node.active;
-		}
+	async () => {
+		if (!props.node.active) return;
+		selectedOutputId.value = props.node.active;
 
 		// Update Wizard form fields with current selected output state timespan
 		timespan.value = props.node.state.currentTimespan;
+
+		// Resume or fetch result
+		const simulationId = selectedRunId.value;
+		const response = await pollResult(simulationId);
+		if (response?.state !== PollerState.Done) return;
+		await processResult(simulationId);
+		await lazyLoadSimulationData(simulationId);
 	},
 	{ immediate: true }
 );

From 911be201e4e24e2bf51625dafce8923ff8f6e726 Mon Sep 17 00:00:00 2001
From: Daniel Chang <mwdchang@gmail.com>
Date: Wed, 6 Mar 2024 11:00:00 -0500
Subject: [PATCH 2/5] reorg

---
 .../simulate-julia-operation.ts               |  6 +-
 .../simulate-julia/tera-simulate-julia.vue    | 99 +++++--------------
 .../tera-simulate-node-julia.vue              | 71 ++++++++++++-
 3 files changed, 94 insertions(+), 82 deletions(-)

diff --git a/packages/client/hmi-client/src/workflow/ops/simulate-julia/simulate-julia-operation.ts b/packages/client/hmi-client/src/workflow/ops/simulate-julia/simulate-julia-operation.ts
index bc1e0b58bd..2fe5c8d5ad 100644
--- a/packages/client/hmi-client/src/workflow/ops/simulate-julia/simulate-julia-operation.ts
+++ b/packages/client/hmi-client/src/workflow/ops/simulate-julia/simulate-julia-operation.ts
@@ -7,7 +7,9 @@ export interface SimulateJuliaOperationState {
 
 	// state specific to individual simulate runs
 	currentTimespan: TimeSpan;
-	simulationsInProgress: string[];
+
+	// In progress
+	inProgressSimulationId: string;
 }
 
 export const SimulateJuliaOperation: Operation = {
@@ -22,7 +24,7 @@ export const SimulateJuliaOperation: Operation = {
 		const init: SimulateJuliaOperationState = {
 			chartConfigs: [],
 			currentTimespan: { start: 1, end: 100 },
-			simulationsInProgress: []
+			inProgressSimulationId: ''
 		};
 		return init;
 	},
diff --git a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
index 22fee0b293..02133f9e22 100644
--- a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
+++ b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
@@ -117,34 +117,27 @@
 
 <script setup lang="ts">
 import _ from 'lodash';
-import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
+import { computed, ref, shallowRef, watch } from 'vue';
 import Button from 'primevue/button';
 import InputNumber from 'primevue/inputnumber';
 import type { CsvAsset, SimulationRequest, TimeSpan } from '@/types/Types';
 import { ChartConfig, RunResults } from '@/types/SimulateConfig';
 
 import { getModelConfigurationById } from '@/services/model-configurations';
-import { Poller, PollerState } from '@/api/api';
-
-import {
-	getRunResult,
-	makeForecastJob,
-	querySimulationInProgress,
-	pollAction
-} from '@/services/models/simulation-service';
+
+import { getRunResult, makeForecastJob } from '@/services/models/simulation-service';
 import { createCsvAssetFromRunResults, saveDataset } from '@/services/dataset';
 import { csvParse } from 'd3';
-import { WorkflowNode } from '@/types/workflow';
 import InputText from 'primevue/inputtext';
 import TeraSimulateChart from '@/workflow/tera-simulate-chart.vue';
 import TeraDatasetDatatable from '@/components/dataset/tera-dataset-datatable.vue';
-import { useProjects } from '@/composables/project';
 import SelectButton from 'primevue/selectbutton';
 import TeraDrilldown from '@/components/drilldown/tera-drilldown.vue';
 import TeraDrilldownSection from '@/components/drilldown/tera-drilldown-section.vue';
 import TeraDrilldownPreview from '@/components/drilldown/tera-drilldown-preview.vue';
-import { logger } from '@/utils/logger';
-import { SimulateJuliaOperation, SimulateJuliaOperationState } from './simulate-julia-operation';
+import { useProjects } from '@/composables/project';
+import type { WorkflowNode } from '@/types/workflow';
+import { SimulateJuliaOperationState } from './simulate-julia-operation';
 
 const props = defineProps<{
 	node: WorkflowNode<SimulateJuliaOperationState>;
@@ -172,11 +165,12 @@ const viewOptions = ref([
 const hasValidDatasetName = computed<boolean>(() => saveAsName.value !== '');
 
 const showSpinner = ref(false);
-const runResults = ref<RunResults>({});
 
 const showSaveInput = ref(<boolean>false);
 const saveAsName = ref(<string | null>'');
-const rawContent = ref<{ [runId: string]: CsvAsset | null }>({});
+
+const runResults = shallowRef<RunResults>({});
+const rawContent = shallowRef<{ [runId: string]: CsvAsset | null }>({});
 
 const outputs = computed(() => {
 	if (!_.isEmpty(props.node.outputs)) {
@@ -194,8 +188,6 @@ const selectedRunId = computed(
 	() => props.node.outputs.find((o) => o.id === selectedOutputId.value)?.value?.[0]
 );
 
-const poller = new Poller();
-
 const updateState = () => {
 	const state = _.cloneDeep(props.node.state);
 	state.currentTimespan = timespan.value;
@@ -204,12 +196,12 @@ const updateState = () => {
 
 // Main entry point
 const run = async () => {
-	showSpinner.value = true;
+	console.log('making request');
 	const simulationId = await makeForecastRequest();
-	await pollResult(simulationId);
-	await processResult(simulationId);
-	await lazyLoadSimulationData(simulationId);
-	showSpinner.value = false;
+
+	const state = _.cloneDeep(props.node.state);
+	state.inProgressSimulationId = simulationId;
+	emit('update-state', state);
 };
 
 const makeForecastRequest = async (): Promise<string> => {
@@ -231,44 +223,6 @@ const makeForecastRequest = async (): Promise<string> => {
 	return response.id;
 };
 
-const pollResult = async (runId: string) => {
-	poller
-		.setInterval(3000)
-		.setThreshold(300)
-		.setPollAction(async () => pollAction(runId));
-	const pollerResults = await poller.start();
-
-	if (pollerResults.state === PollerState.Cancelled) {
-		return pollerResults;
-	}
-	if (pollerResults.state !== PollerState.Done || !pollerResults.data) {
-		// throw if there are any failed runs for now
-		logger.error(`Simulate: ${runId} has failed`, {
-			toastTitle: 'Error - Julia'
-		});
-		throw Error('Failed Runs');
-	}
-	return pollerResults;
-};
-
-const processResult = async (runId: string) => {
-	const state = _.cloneDeep(props.node.state);
-	if (state.chartConfigs.length === 0) {
-		addChart();
-	}
-
-	emit('append-output', {
-		type: SimulateJuliaOperation.outputs[0].type,
-		label: `Output - ${props.node.outputs.length + 1}`,
-		value: runId,
-		state: {
-			currentTimespan: state.currentTimespan,
-			simulationsInProgress: state.simulationsInProgress
-		},
-		isSelected: false
-	});
-};
-
 const lazyLoadSimulationData = async (runId: string) => {
 	if (runResults.value[runId] && rawContent.value[runId]) return;
 
@@ -298,14 +252,12 @@ const onSelection = (id: string) => {
 const configurationChange = (index: number, config: ChartConfig) => {
 	const state = _.cloneDeep(props.node.state);
 	state.chartConfigs[index] = config.selectedVariable;
-
 	emit('update-state', state);
 };
 
 const addChart = () => {
 	const state = _.cloneDeep(props.node.state);
 	state.chartConfigs.push([]);
-
 	emit('update-state', state);
 };
 
@@ -319,22 +271,18 @@ async function saveDatasetToProject() {
 	}
 }
 
-onMounted(() => {
-	const runIds = querySimulationInProgress(props.node);
-	if (runIds.length === 1) {
-		// there should only be one run happening at a time
-		pollResult(runIds[0]);
+watch(
+	() => props.node.state.inProgressSimulationId,
+	(id) => {
+		if (id === '') showSpinner.value = false;
+		else showSpinner.value = true;
 	}
-});
-
-onUnmounted(() => {
-	poller.stop();
-});
+);
 
 watch(
 	() => props.node.active,
-	async () => {
-		if (!props.node.active) return;
+	async (n, o) => {
+		if (!props.node.active || n === o) return;
 		selectedOutputId.value = props.node.active;
 
 		// Update Wizard form fields with current selected output state timespan
@@ -342,9 +290,6 @@ watch(
 
 		// Resume or fetch result
 		const simulationId = selectedRunId.value;
-		const response = await pollResult(simulationId);
-		if (response?.state !== PollerState.Done) return;
-		await processResult(simulationId);
 		await lazyLoadSimulationData(simulationId);
 	},
 	{ immediate: true }
diff --git a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue
index 9a7b4a82d5..2af56bf83c 100644
--- a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue
+++ b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue
@@ -24,21 +24,24 @@
 </template>
 
 <script setup lang="ts">
+import _ from 'lodash';
 import { ref, computed, watch } from 'vue';
 import Button from 'primevue/button';
 import TeraOperatorPlaceholder from '@/components/operator/tera-operator-placeholder.vue';
 import TeraSimulateChart from '@/workflow/tera-simulate-chart.vue';
 import { WorkflowNode } from '@/types/workflow';
 import { RunResults } from '@/types/SimulateConfig';
-import { getRunResult } from '@/services/models/simulation-service';
+import { getRunResult, pollAction } from '@/services/models/simulation-service';
 import { csvParse } from 'd3';
-import { SimulateJuliaOperationState } from './simulate-julia-operation';
+import { Poller, PollerState } from '@/api/api';
+import { logger } from '@/utils/logger';
+import { SimulateJuliaOperation, SimulateJuliaOperationState } from './simulate-julia-operation';
 
 const props = defineProps<{
 	node: WorkflowNode<SimulateJuliaOperationState>;
 }>();
 
-const emit = defineEmits(['open-drilldown']);
+const emit = defineEmits(['open-drilldown', 'append-output', 'update-state']);
 const runResults = ref<RunResults>({});
 const hasData = ref(false);
 
@@ -46,6 +49,68 @@ const areInputsFilled = computed(() => props.node.inputs[0].value);
 
 const selectedRunId = ref<any>(null);
 
+const poller = new Poller();
+const pollResult = async (runId: string) => {
+	poller
+		.setInterval(3000)
+		.setThreshold(300)
+		.setPollAction(async () => pollAction(runId));
+	const pollerResults = await poller.start();
+
+	if (pollerResults.state === PollerState.Cancelled) {
+		return pollerResults;
+	}
+	if (pollerResults.state !== PollerState.Done || !pollerResults.data) {
+		// throw if there are any failed runs for now
+		logger.error(`Simulate: ${runId} has failed`, {
+			toastTitle: 'Error - Sciml'
+		});
+		throw Error('Failed Runs');
+	}
+	return pollerResults;
+};
+
+const processResult = async (runId: string) => {
+	const state = _.cloneDeep(props.node.state);
+	if (state.chartConfigs.length === 0) {
+		addChart();
+	}
+
+	emit('append-output', {
+		type: SimulateJuliaOperation.outputs[0].type,
+		label: `Output - ${props.node.outputs.length + 1}`,
+		value: runId,
+		state: {
+			currentTimespan: state.currentTimespan
+		},
+		isSelected: false
+	});
+};
+
+const addChart = () => {
+	const state = _.cloneDeep(props.node.state);
+	state.chartConfigs.push([]);
+	emit('update-state', state);
+};
+
+watch(
+	() => props.node.state.inProgressSimulationId,
+	async (id) => {
+		if (!id || id === '') return;
+		console.log('gotta start polling.....');
+
+		const r = await pollResult(id);
+		if (r.state === PollerState.Done) {
+			processResult(id);
+		}
+
+		const state = _.cloneDeep(props.node.state);
+		state.inProgressSimulationId = '';
+		emit('update-state', state);
+	},
+	{ immediate: true }
+);
+
 watch(
 	() => props.node.active,
 	async () => {

From ab45cabd708bb2c21c7656460b8bc958db5077b8 Mon Sep 17 00:00:00 2001
From: Daniel Chang <mwdchang@gmail.com>
Date: Wed, 6 Mar 2024 15:24:23 -0500
Subject: [PATCH 3/5] fix, clean up

---
 .../workflow/ops/simulate-julia/tera-simulate-julia.vue   | 8 +++++---
 .../ops/simulate-julia/tera-simulate-node-julia.vue       | 7 +++----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
index 02133f9e22..6b37c6fa40 100644
--- a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
+++ b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
@@ -117,7 +117,7 @@
 
 <script setup lang="ts">
 import _ from 'lodash';
-import { computed, ref, shallowRef, watch } from 'vue';
+import { computed, ref, watch } from 'vue';
 import Button from 'primevue/button';
 import InputNumber from 'primevue/inputnumber';
 import type { CsvAsset, SimulationRequest, TimeSpan } from '@/types/Types';
@@ -169,8 +169,8 @@ const showSpinner = ref(false);
 const showSaveInput = ref(<boolean>false);
 const saveAsName = ref(<string | null>'');
 
-const runResults = shallowRef<RunResults>({});
-const rawContent = shallowRef<{ [runId: string]: CsvAsset | null }>({});
+const runResults = ref<RunResults>({});
+const rawContent = ref<{ [runId: string]: CsvAsset | null }>({});
 
 const outputs = computed(() => {
 	if (!_.isEmpty(props.node.outputs)) {
@@ -288,6 +288,8 @@ watch(
 		// Update Wizard form fields with current selected output state timespan
 		timespan.value = props.node.state.currentTimespan;
 
+		console.log('hihihi', selectedRunId.value);
+
 		// Resume or fetch result
 		const simulationId = selectedRunId.value;
 		await lazyLoadSimulationData(simulationId);
diff --git a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue
index 2af56bf83c..77b0f00241 100644
--- a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue
+++ b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue
@@ -1,7 +1,7 @@
 <template>
 	<main>
 		<tera-simulate-chart
-			v-if="hasData"
+			v-if="runResults[selectedRunId]"
 			:run-results="{ [selectedRunId]: runResults[selectedRunId] }"
 			:chartConfig="{
 				selectedRun: selectedRunId,
@@ -43,7 +43,6 @@ const props = defineProps<{
 
 const emit = defineEmits(['open-drilldown', 'append-output', 'update-state']);
 const runResults = ref<RunResults>({});
-const hasData = ref(false);
 
 const areInputsFilled = computed(() => props.node.inputs[0].value);
 
@@ -97,7 +96,6 @@ watch(
 	() => props.node.state.inProgressSimulationId,
 	async (id) => {
 		if (!id || id === '') return;
-		console.log('gotta start polling.....');
 
 		const r = await pollResult(id);
 		if (r.state === PollerState.Done) {
@@ -114,6 +112,8 @@ watch(
 watch(
 	() => props.node.active,
 	async () => {
+		if (!props.node.active) return;
+
 		const active = props.node.active;
 		if (!active) return;
 
@@ -123,7 +123,6 @@ watch(
 		const resultCsv = await getRunResult(selectedRunId.value, 'result.csv');
 		const csvData = csvParse(resultCsv);
 		runResults.value[selectedRunId.value] = csvData as any;
-		hasData.value = true;
 	},
 	{ immediate: true }
 );

From f6722652e3451b05c9cea82077b5f334989db181 Mon Sep 17 00:00:00 2001
From: Daniel Chang <mwdchang@gmail.com>
Date: Wed, 6 Mar 2024 17:17:54 -0500
Subject: [PATCH 4/5] clean up

---
 .../workflow/ops/simulate-julia/tera-simulate-julia.vue    | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
index 2a28b625da..d352d81e0b 100644
--- a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
+++ b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-julia.vue
@@ -169,7 +169,6 @@ const updateState = () => {
 
 // Main entry point
 const run = async () => {
-	console.log('making request');
 	const simulationId = await makeForecastRequest();
 
 	const state = _.cloneDeep(props.node.state);
@@ -244,15 +243,13 @@ watch(
 
 watch(
 	() => props.node.active,
-	async (n, o) => {
-		if (!props.node.active || n === o) return;
+	async (newValue, oldValue) => {
+		if (!props.node.active || newValue === oldValue) return;
 		selectedOutputId.value = props.node.active;
 
 		// Update Wizard form fields with current selected output state timespan
 		timespan.value = props.node.state.currentTimespan;
 
-		console.log('hihihi', selectedRunId.value);
-
 		// Resume or fetch result
 		const simulationId = selectedRunId.value;
 		await lazyLoadSimulationData(simulationId);

From 86ccbde087c066e854f77552685dc76caf144829 Mon Sep 17 00:00:00 2001
From: Daniel Chang <mwdchang@gmail.com>
Date: Wed, 6 Mar 2024 17:18:59 -0500
Subject: [PATCH 5/5] clean up

---
 .../workflow/ops/simulate-julia/tera-simulate-node-julia.vue  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue
index 77b0f00241..b4a7285eda 100644
--- a/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue
+++ b/packages/client/hmi-client/src/workflow/ops/simulate-julia/tera-simulate-node-julia.vue
@@ -97,8 +97,8 @@ watch(
 	async (id) => {
 		if (!id || id === '') return;
 
-		const r = await pollResult(id);
-		if (r.state === PollerState.Done) {
+		const response = await pollResult(id);
+		if (response.state === PollerState.Done) {
 			processResult(id);
 		}