From f5a4d25fc44fa51d023b8f1313297546ebc2d3f9 Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Mon, 4 Nov 2024 14:50:21 +0100
Subject: [PATCH] show node's output when selected

---
 .../flows/map/FlowModuleSchemaItem.svelte     | 30 ++++++++++++++-----
 .../flows/propPicker/FlowPropPicker.svelte    |  1 +
 2 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte b/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
index 4c74beddeb..0354e8a318 100644
--- a/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
+++ b/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
@@ -54,6 +54,8 @@
 	)
 
 	const flowEditorContext = getContext<FlowEditorContext>('FlowEditorContext')
+	const flowStateStore = flowEditorContext?.flowStateStore
+
 	const dispatch = createEventDispatcher()
 
 	const { currentStepStore: copilotCurrentStepStore } =
@@ -274,14 +276,26 @@ hover:border-blue-700 hover:!visible {hover ? '' : '!hidden'}"
 		</div>
 	</div>
 
-	{#if id && (selected || $propPickerConfig)}
-		<div class="absolute -top-[14px] right-[200px]">
-			<FlowPropPicker
-				json={{ [id]: pickableIds?.[id] }}
-				prefix={'results'}
-				viewOnly={!$propPickerConfig || !pickableIds || !Object.keys(pickableIds).includes(id)}
-			/>
-		</div>
+	{#if id}
+		{#if $propPickerConfig && pickableIds && Object.keys(pickableIds).includes(id)}
+			<div class="absolute -top-[14px] right-[200px]">
+				<FlowPropPicker
+					json={{
+						[id]: pickableIds[id]
+					}}
+					prefix={'results'}
+					viewOnly={false}
+				/>
+			</div>
+		{:else if selected && !$propPickerConfig}
+			<div class="absolute -top-[14px] right-[200px]">
+				<FlowPropPicker
+					json={{ [id]: $flowStateStore[id]?.previewResult }}
+					prefix={'results'}
+					viewOnly={true}
+				/>
+			</div>
+		{/if}
 	{/if}
 
 	{#if deletable}
diff --git a/frontend/src/lib/components/flows/propPicker/FlowPropPicker.svelte b/frontend/src/lib/components/flows/propPicker/FlowPropPicker.svelte
index 5a03d45712..f5f887a842 100644
--- a/frontend/src/lib/components/flows/propPicker/FlowPropPicker.svelte
+++ b/frontend/src/lib/components/flows/propPicker/FlowPropPicker.svelte
@@ -18,6 +18,7 @@
 
 	$: console.log('dbg view only', viewOnly)
 	$: console.log('dbg popupOpen', popupOpen)
+	$: console.log('dbg json', json)
 </script>
 
 <button