From 557a9b49d5a9c03f64c7c82447e07aff2050e64f Mon Sep 17 00:00:00 2001
From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com>
Date: Tue, 14 Oct 2025 14:21:03 +0000
Subject: [PATCH] fix(app): ensure result selection completes in tutorial step
 14

The tutorial step 14 was moving to the next step immediately after
clicking the result button, without waiting for the click to complete
and the UI to update. This caused the input component not to be linked
to the runnable input.

Fixed by:
- Making onNextClick properly async
- Adding await wait(100) after the click to ensure UI updates
- Removing unnecessary setTimeout wrapper

Co-authored-by: windmill-internal-app[bot] <windmill-internal-app[bot]@users.noreply.github.com>
---
 .../src/lib/components/tutorials/app/AppTutorial.svelte  | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/tutorials/app/AppTutorial.svelte b/frontend/src/lib/components/tutorials/app/AppTutorial.svelte
index 1b52905525..76d96feff8 100644
--- a/frontend/src/lib/components/tutorials/app/AppTutorial.svelte
+++ b/frontend/src/lib/components/tutorials/app/AppTutorial.svelte
@@ -233,11 +233,10 @@
 				popover: {
 					title: 'Select the output',
 					description: "Let's select the result of the text input component.",
-					onNextClick: () => {
-						setTimeout(async () => {
-							clickButtonBySelector('.component-output-viewer-a li button[title="result"]')
-							driver.moveNext()
-						})
+					onNextClick: async () => {
+						clickButtonBySelector('.component-output-viewer-a li button[title="result"]')
+						await wait(100)
+						driver.moveNext()
 					}
 				}
 			},