From a4e029e1fbf1621dfa10dcf5b3636609ddf4cc74 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Wed, 23 Nov 2022 00:58:50 +0100
Subject: [PATCH] UX nits

---
 frontend/src/lib/components/ScriptBuilder.svelte    |  4 ++--
 .../lib/components/flows/content/FlowInputs.svelte  | 13 +++++++++----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/ScriptBuilder.svelte b/frontend/src/lib/components/ScriptBuilder.svelte
index 4670fd7608..441d59fc88 100644
--- a/frontend/src/lib/components/ScriptBuilder.svelte
+++ b/frontend/src/lib/components/ScriptBuilder.svelte
@@ -28,8 +28,8 @@
 	export let initialArgs: Record<string, any> = {}
 
 	const langs: [string, SupportedLanguage][] = [
-		['Typescript (Deno)', Script.language.DENO],
-		['Python 3.11', Script.language.PYTHON3],
+		['Typescript', Script.language.DENO],
+		['Python', Script.language.PYTHON3],
 		['Go', Script.language.GO],
 		['Bash', Script.language.BASH]
 	]
diff --git a/frontend/src/lib/components/flows/content/FlowInputs.svelte b/frontend/src/lib/components/flows/content/FlowInputs.svelte
index e43e2ce21d..13c9d7f483 100644
--- a/frontend/src/lib/components/flows/content/FlowInputs.svelte
+++ b/frontend/src/lib/components/flows/content/FlowInputs.svelte
@@ -46,10 +46,15 @@
 			</div>
 		</div>
 	{/if}
-	<h3>Inline new</h3>
+	<h3
+		>Inline new<Tooltip
+			>Embed a script directly inside a flow instead of saving the script into your workspace for
+			reuse. You can always save an inline script later.</Tooltip
+		></h3
+	>
 	<div class="flex flex-row flex-wrap gap-x-4 gap-y-2">
 		<FlowScriptPicker
-			label="Typescript (Deno)"
+			label="Typescript"
 			lang={Script.language.DENO}
 			on:click={() => {
 				dispatch('new', {
@@ -61,7 +66,7 @@
 		/>
 
 		<FlowScriptPicker
-			label="Python (3.11)"
+			label="Python"
 			lang={Script.language.PYTHON3}
 			on:click={() => {
 				dispatch('new', {
@@ -110,7 +115,7 @@
 		{/if}
 	</div>
 
-	<h3>Use pre-made</h3>
+	<h3 class="pt-4">Use pre-made</h3>
 	<div class="max-w-min">
 		<ToggleButtonGroup bind:selected={pick_existing}>
 			<ToggleButton position="left" value="hub" size="xs">