Files
Ely-GPUI-Components/examples/gallery/pages/onboarding/mod.rs
T
ZacharyZhang-NYandClaude Opus 5.5 5f5e2f73e1 Onboarding · Help: help panel, cheatsheet, what's new, feedback, support, inline help
HelpPanel searches articles and opens one, its body in Markdown, with a
way back; focus follows to All articles and back to the search, a
link to help:<key> opens another, and Contact support and Keyboard
shortcuts wait at its foot. KeyboardShortcutCheatsheet puts
settings::KeyboardShortcutsList in a dialog with its search focused;
WhatsNewDialog puts data_display::Changelog in one with Got it.
FeedbackWidget asks how it is going with four faces and a note, and
thanks. ContactSupport sends a topic and a message, spins while the
owner sends, and empties the message with focus back in it. InlineHelp
is a quiet line with Learn more. HelpTooltip moves to primitives,
where FormLabel's help mark shows it; ToggleGroup keys its toggles by
its own id. EmptyStateWithAction points to feedback::EmptyState.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-09-27 15:05:06 -04:00

63 lines
1.9 KiB
Rust

use gpui::{AnyElement, App, Window, div, prelude::*};
mod flows;
mod help;
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, first things to do, and help where it is needed.",
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"),
Step::DownAt("onboarding-help-panel", 120.0, 124.0),
Step::UpAt("onboarding-help-panel", 120.0, 124.0),
Step::Wait(200),
Step::Shot("help-article"),
Step::DownAt("onboarding-shortcuts", 20.0, 16.0),
Step::UpAt("onboarding-shortcuts", 20.0, 16.0),
Step::Wait(300),
Step::Shot("cheatsheet"),
Step::Key("escape"),
Step::DownAt("onboarding-whats-new", 20.0, 16.0),
Step::UpAt("onboarding-whats-new", 20.0, 16.0),
Step::Wait(300),
Step::Shot("whats-new"),
Step::Key("escape"),
Step::DownAt("onboarding-feedback", 20.0, 16.0),
Step::UpAt("onboarding-feedback", 20.0, 16.0),
Step::Wait(200),
Step::Shot("feedback"),
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))
.child(help::tips(window, cx))
.child(help::panel(window, cx))
.child(help::dialogs(window, cx))
.child(help::feedback(window, cx))
.into_any_element()
}