From 77f2b33f92a9934c09c6fcd5dabc38655fb5e6c2 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Thu, 16 Jan 2025 14:03:43 +0100
Subject: [PATCH] improve step mocking ui

---
 frontend/src/lib/components/ArgInput.svelte         |  3 ++-
 .../components/flows/content/FlowModuleMock.svelte  | 13 ++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/ArgInput.svelte b/frontend/src/lib/components/ArgInput.svelte
index 599474ad88..705da3e07c 100644
--- a/frontend/src/lib/components/ArgInput.svelte
+++ b/frontend/src/lib/components/ArgInput.svelte
@@ -266,7 +266,7 @@
 		if (nullable && emptyString(v)) {
 			error = ''
 			valid && (valid = true)
-		} else if (required && (v == undefined || v == null || v === '')) {
+		} else if (required && (v == undefined || v == null || v === '') && inputCat != 'object') {
 			error = 'Required'
 			valid && (valid = false)
 		} else {
@@ -345,6 +345,7 @@
 	}}
 	readOnlyMode={false}
 />
+
 <!-- svelte-ignore a11y-autofocus -->
 <div class="flex flex-col w-full {minW ? 'min-w-[250px]' : ''}">
 	<div>
diff --git a/frontend/src/lib/components/flows/content/FlowModuleMock.svelte b/frontend/src/lib/components/flows/content/FlowModuleMock.svelte
index d6d181662f..0886630064 100644
--- a/frontend/src/lib/components/flows/content/FlowModuleMock.svelte
+++ b/frontend/src/lib/components/flows/content/FlowModuleMock.svelte
@@ -45,15 +45,14 @@
 	/>
 	<div>
 		<span class="text-xs font-bold">Mocked Return value</span>
-		{#if flowModule?.mock?.return_value != undefined}
+		{#if flowModule?.mock?.enabled}
 			<JsonEditor {code} bind:value={flowModule.mock.return_value} />
 		{:else}
-			<input
-				type="text"
-				disabled
-				value={flowModule.mock?.return_value ? code : ''}
-				class="w-full p-2 border rounded-md"
-			/>
+			<pre class="text-xs border rounded p-2 bg-surface-disabled"
+				>{flowModule.mock?.return_value
+					? JSON.stringify(flowModule.mock?.return_value, null, 2)
+					: ''}</pre
+			>
 		{/if}
 	</div>
 </Section>