T10a feedback: toasts with undo and a hover-held clock, notifications and their center, alert, banner, callout, inline and status messages, empty state; root focus scopes take lost focus

examples/gallery/pages/feedback/mod.rs

@@ -0,0 +1,52 @@
+mod messages;
+
+use gpui::{AnyElement, App, IntoElement, ParentElement, Window, div};
+
+use super::Page;
+use crate::script::Step;
+
+pub const PAGE: Page = Page {
+    number: 10,
+    slug: "feedback",
+    title: "Feedback",
+    summary: "What the app tells you: toasts, notifications, alerts and the states a view can be in.",
+    render,
+    script: SCRIPT,
+};
+
+const SCRIPT: &[Step] = &[
+    Step::Rest,
+    Step::Click("center-reset"),
+    Step::Click("toast-saved"),
+    Step::Wait(200),
+    Step::Click("toast-error"),
+    Step::Wait(200),
+    Step::Click("toast-undo"),
+    Step::Wait(800),
+    Step::Shot("toasts"),
+    Step::Wait(5600),
+    Step::DownAt("center", 265.0, 20.0),
+    Step::UpAt("center", 265.0, 20.0),
+    Step::Wait(300),
+    Step::Shot("center-read"),
+    Step::DownAt("center", 350.0, 20.0),
+    Step::UpAt("center", 350.0, 20.0),
+    Step::Wait(700),
+    Step::Shot("center-clear"),
+    Step::Click("status"),
+    Step::Wait(80),
+    Step::Shot("status-rising"),
+    Step::Rest,
+];
+
+fn render(window: &mut Window, cx: &mut App) -> AnyElement {
+    div()
+        .child(messages::toasts(window, cx))
+        .child(messages::center(window, cx))
+        .child(messages::alerts(window, cx))
+        .child(messages::banner(window, cx))
+        .child(messages::callouts(cx))
+        .child(messages::lines(window, cx))
+        .child(messages::empties(cx))
+        .into_any_element()
+}