T09b overlays: lightbox, spotlight and tour, floating toolbar, peek; images fill their box; overlays take focus back when its element leaves the tree

2026-09-25 15:19:57 -04:00
1 parent ca73d24c01
commit ef74bac823
@@ -0,0 +1,88 @@
+mod anchored;
+mod dialogs;
+mod guides;
+
+use gpui::{AnyElement, App, IntoElement, ParentElement, Window, div};
+
+use super::Page;
+use crate::script::Step;
+
+pub const PAGE: Page = Page {
+    number: 9,
+    slug: "overlays",
+    title: "Overlays",
+    summary: "Panels over the page: anchored to a control, over a scrim, or over everything.",
+    render,
+    script: SCRIPT,
+};
+
+const SCRIPT: &[Step] = &[
+    Step::Rest,
+    Step::Click("share"),
+    Step::Wait(400),
+    Step::Shot("popover"),
+    Step::Key("escape"),
+    Step::Hover("ada"),
+    Step::Wait(900),
+    Step::Shot("hovercard"),
+    Step::Hover("share"),
+    Step::Wait(400),
+    Step::Click("edit-profile"),
+    Step::Wait(500),
+    Step::Shot("dialog"),
+    Step::Key("escape"),
+    Step::Click("alert"),
+    Step::Wait(500),
+    Step::Shot("alert"),
+    Step::Key("escape"),
+    Step::Click("confirm"),
+    Step::Wait(500),
+    Step::Shot("confirm"),
+    Step::Key("escape"),
+    Step::Click("prompt"),
+    Step::Wait(400),
+    Step::Type("drafts/2027"),
+    Step::Wait(300),
+    Step::Shot("prompt"),
+    Step::Key("escape"),
+    Step::Click("fullscreen"),
+    Step::Wait(600),
+    Step::Shot("fullscreen"),
+    Step::Key("escape"),
+    Step::Click("lightbox-0"),
+    Step::Wait(700),
+    Step::Shot("lightbox"),
+    Step::Key("right"),
+    Step::Wait(500),
+    Step::Shot("lightbox-next"),
+    Step::Key("escape"),
+    Step::Click("tour"),
+    Step::Wait(700),
+    Step::Shot("tour"),
+    Step::Key("right"),
+    Step::Wait(700),
+    Step::Shot("tour-next"),
+    Step::Key("escape"),
+    Step::Click("toolbar"),
+    Step::Key("secondary-a"),
+    Step::Wait(400),
+    Step::Shot("toolbar"),
+    Step::Click("peek"),
+    Step::Wait(500),
+    Step::Shot("peek"),
+    Step::Click("peek"),
+    Step::Rest,
+];
+
+fn render(window: &mut Window, cx: &mut App) -> AnyElement {
+    div()
+        .child(anchored::popovers(window, cx))
+        .child(anchored::hover_card(cx))
+        .child(dialogs::dialogs(window, cx))
+        .child(guides::lightbox(window, cx))
+        .child(guides::tour(window, cx))
+        .child(guides::toolbar(window, cx))
+        .child(guides::peek(window, cx))
+        .child(dialogs::pointers(cx))
+        .into_any_element()
+}