feat(form): multi-step form wizard

app/e2e/form-widget.spec.ts

@@ -210,10 +210,6 @@ test.describe("Form widget", () => {
     // eslint-disable-next-line playwright/no-wait-for-timeout
     await page.waitForTimeout(400);
 
-    // Wait for the 200ms debounce in DebouncedTextInput to propagate the value
-    // eslint-disable-next-line playwright/no-wait-for-timeout
-    await page.waitForTimeout(400);
-
     // Submit the form
     await page.getByRole("button", { name: "Submit" }).click();
 

app/e2e/transforms.spec.ts

@@ -19,9 +19,6 @@ async function setupWidgetWithQuery(page: import("@playwright/test").Page) {
   await dialog.getByRole("combobox").nth(0).click();
   await page.getByRole("option").first().click();
 
-  // Wait for editor to stabilize after connection selection triggers schema fetch
-  await page.waitForTimeout(1_000);
-
   await typeInEditor(
     dialog,
     page,
@@ -134,9 +131,11 @@ test.describe("Data Transforms", () => {
     await dialog.getByRole("button", { name: "Add Widget" }).click();
     await expect(dialog).not.toBeVisible({ timeout: 10_000 });
 
-    // Save the dashboard
+    // Save the dashboard and wait for it to persist
     await page.getByRole("button", { name: /save/i }).click();
-    await page.waitForTimeout(1_000);
+    await expect(page.getByRole("button", { name: /save/i })).toBeEnabled({
+      timeout: 10_000,
+    });
 
     // Reopen the widget editor
     const widgetCard = page.locator("[data-testid='widget-card']").first();

app/e2e/widget-lab.spec.ts

@@ -575,10 +575,11 @@
         await mainDialog.getByRole("button", { name: "Add Widget" }).click();
         await expect(mainDialog).not.toBeVisible();
 
-        // Save dashboard
+        // Save dashboard and wait for it to persist
         await page.getByRole("button", { name: "Save" }).click();
-        // eslint-disable-next-line playwright/no-wait-for-timeout
-        await page.waitForTimeout(1_000);
+        await expect(page.getByRole("button", { name: "Save" })).toBeEnabled({
+          timeout: 10_000,
+        });
 
         // 3. Edit the template in Widget Lab — change its name
         await page.goto("/widget-lab");
@@ -603,7 +604,7 @@
         await page.goto(`/${dashId}`);
         await expect(
           page.locator("[data-testid='widget-card']").first(),
         ).toBeVisible({ timeout: 15_000 });
 
         // Widget should render (canvas for bar chart) — proving the dashboard copy is independent
         await expect(

app/src/app/(auth)/login/__tests__/page.test.tsx

@@ -190,7 +190,7 @@ describe("LoginPage", () => {
     mockFetchBootstrapStatus(true);
     mockSignIn.mockResolvedValue({ error: "CredentialsSignin" });
 
-    const user = userEvent.setup();
+    const user = userEvent.setup({ delay: null });
     render(<LoginPage />);
 
     const emailInput = screen.getByLabelText("Email");
@@ -210,7 +210,7 @@ describe("LoginPage", () => {
     mockFetchBootstrapStatus(true);
     mockSignIn.mockResolvedValue({ error: null });
 
-    const user = userEvent.setup();
+    const user = userEvent.setup({ delay: null });
     render(<LoginPage />);
 
     const emailInput = screen.getByLabelText("Email");