From f11e997ccee77a69f30f2851e8651fc8f1b3e855 Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Mon, 2 Jun 2025 12:40:28 +0100
Subject: [PATCH] save flow step result layout

---
 .../src/lib/components/ModulePreviewResultViewer.svelte   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/ModulePreviewResultViewer.svelte b/frontend/src/lib/components/ModulePreviewResultViewer.svelte
index b70008fb0b..67e084fdee 100644
--- a/frontend/src/lib/components/ModulePreviewResultViewer.svelte
+++ b/frontend/src/lib/components/ModulePreviewResultViewer.svelte
@@ -6,7 +6,7 @@
 	import type Editor from './Editor.svelte'
 	import type { Script, Job, FlowModule } from '$lib/gen'
 	import OutputPickerInner from '$lib/components/flows/propPicker/OutputPickerInner.svelte'
-	import { Pane, Splitpanes } from 'svelte-splitpanes'
+	import { Pane, Splitpanes } from '$lib/components/splitPanes'
 	import type { FlowEditorContext } from './flows/types'
 	import { getContext } from 'svelte'
 
@@ -38,8 +38,8 @@
 	let forceJson = false
 </script>
 
-<Splitpanes horizontal>
-	<Pane size={50} minSize={10} class="text-sm text-tertiary">
+<Splitpanes horizontal id={`module-preview-result-viewer-${mod.id}`} defaultSizes={[50, 50]}>
+	<Pane index={0} minSize={10} class="text-sm text-tertiary">
 		{#if scriptProgress}
 			<JobProgressBar
 				job={testJob}
@@ -82,7 +82,7 @@
 			</svelte:fragment>
 		</OutputPickerInner>
 	</Pane>
-	<Pane size={50} minSize={10}>
+	<Pane index={1} minSize={10}>
 		{#if (mod.mock?.enabled && preview != 'job') || preview == 'mock'}
 			<LogViewer
 				small