Onboarding · Flows and highlights: wizard, hotspot, highlight, setup checklist

OnboardingWizard runs a first run on navigation::Wizard without its
numbered steps: "Step 2 of 4" over a bar in as many parts, the step's
title, line and content, Back and Next once ready, Finish last, and
Skip for now. Hotspot pulses on a dot that opens a tip on a press or
Enter, with Got it. FeatureHighlight names something new under a New
badge, with Try it and Not now, and rises in. SetupChecklist counts
first things to do in words and a bar, offers Start on each left, eases
a check in as one gets done, and offers Hide once all are.

navigation::Wizard now keys its buttons, steps and motion by its own id
and takes on_step and on_finish at render, failing loud without them.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

examples/gallery/pages/onboarding/mod.rs

@@ -0,0 +1,38 @@
+use gpui::{AnyElement, App, Window, div, prelude::*};
+
+mod flows;
+
+use super::Page;
+use crate::script::Step;
+
+pub const PAGE: Page = Page {
+    number: 37,
+    slug: "onboarding",
+    title: "Onboarding & Help",
+    summary: "A first run in steps, what is new called out, and first things to do.",
+    render,
+    script: SCRIPT,
+};
+
+const SCRIPT: &[Step] = &[
+    Step::DownAt("onboarding-wizard", 200.0, 167.0),
+    Step::UpAt("onboarding-wizard", 200.0, 167.0),
+    Step::Type("Acme"),
+    Step::Key("tab"),
+    Step::Key("enter"),
+    Step::Wait(200),
+    Step::Shot("wizard-step-2"),
+    Step::DownAt("onboarding-hotspot", 10.0, 10.0),
+    Step::UpAt("onboarding-hotspot", 10.0, 10.0),
+    Step::Wait(200),
+    Step::Shot("hotspot-tip"),
+    Step::Key("escape"),
+];
+
+fn render(window: &mut Window, cx: &mut App) -> AnyElement {
+    div()
+        .child(flows::wizard(window, cx))
+        .child(flows::highlights(window, cx))
+        .child(flows::checklist(window, cx))
+        .into_any_element()
+}