fix flow UX

frontend/src/lib/components/ArgInput.svelte

@@ -254,7 +254,7 @@
 						size="sm"
 						btnClasses="mt-1"
 						on:click={() => {
-							if (value == undefined) {
+							if (value == undefined || !Array.isArray(value)) {
 								value = []
 							}
 							value = value.concat('')

frontend/src/lib/components/FlowPreviewContent.svelte

@@ -133,7 +133,7 @@
 			}}>Fill test args from payload</Button
 		>
 	</div>
-	<div class="grow pb-8 max-h-1/2 overflow-auto">
+	<div class="h-full grow pb-20 max-h-60 overflow-auto">
 		<SchemaForm
 			class="h-full pt-4"
 			schema={$flowStore.schema}

frontend/src/lib/components/common/toggleButton/ToggleButtonGroup.svelte

@@ -12,6 +12,12 @@
 	export let selected: any
 	const dispatch = createEventDispatcher()
 
+	$: setSelected(selected)
+
+	function setSelected(selected: any) {
+		selectedContent.set(selected)
+	}
+
 	const selectedContent = writable(selected)
 
 	$: $selectedContent && dispatch('selected', $selectedContent)

frontend/src/lib/components/flows/map/InsertModuleButton.svelte

@@ -26,7 +26,7 @@
 			tabindex="-1"
 		>
 			<Icon data={faCode} scale={0.8} class="mr-1" />
-			Script
+			Script or Module
 		</button>
 		<button
 			class="w-full text-left p-2 hover:bg-gray-100"