ZacharyZhang-NY/Ely-GPUI-Components
2
2 Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Onboarding · Help: help panel, cheatsheet, what's new, feedback, support, inline help

Browse Source 
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>
This commit is contained in:
ZacharyZhang-NYandClaude Opus 5.5 committed 2026-09-27 15:05:06 -04:00
1 parent a066179699
commit 5f5e2f73e1
20 files changed
+1662 -122
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

examples/gallery/pages/onboarding/mod.rs
+25 -1
View File
@@ -1,6 +1,7 @@
use gpui::{AnyElement, App, Window, div, prelude::*};
mod flows;
mod help;
use super::Page;
use crate::script::Step;
@@ -9,7 +10,7 @@ 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.",
summary: "A first run in steps, what is new called out, first things to do, and help where it is needed.",
render,
script: SCRIPT,
};
@@ -27,6 +28,25 @@ const SCRIPT: &[Step] = &[
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 {
@@ -34,5 +54,9 @@ fn render(window: &mut Window, cx: &mut App) -> AnyElement {
.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()
}