show node's output when selected

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}

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