mod agent_api_keys_onboarding; mod agent_panel_onboarding_card; mod agent_panel_onboarding_content; mod ai_upsell_card; mod edit_prediction_onboarding_content; mod plan_definitions; mod young_account_banner; pub use agent_api_keys_onboarding::{ApiKeysWithProviders, ApiKeysWithoutProviders}; pub use agent_panel_onboarding_card::AgentPanelOnboardingCard; pub use agent_panel_onboarding_content::AgentPanelOnboarding; pub use ai_upsell_card::AiUpsellCard; use cloud_llm_client::Plan; pub use edit_prediction_onboarding_content::EditPredictionOnboarding; pub use plan_definitions::PlanDefinitions; pub use young_account_banner::YoungAccountBanner; use std::sync::Arc; use client::{Client, UserStore, zed_urls}; use gpui::{AnyElement, Entity, IntoElement, ParentElement}; use ui::{Divider, RegisterComponent, TintColor, Tooltip, prelude::*}; #[derive(PartialEq)] pub enum SignInStatus { SignedIn, SigningIn, SignedOut, } impl From for SignInStatus { fn from(status: client::Status) -> Self { if status.is_signing_in() { Self::SigningIn } else if status.is_signed_out() { Self::SignedOut } else { Self::SignedIn } } } #[derive(RegisterComponent, IntoElement)] pub struct ZedAiOnboarding { pub sign_in_status: SignInStatus, pub has_accepted_terms_of_service: bool, pub plan: Option, pub account_too_young: bool, pub continue_with_zed_ai: Arc, pub sign_in: Arc, pub accept_terms_of_service: Arc, pub dismiss_onboarding: Option>, } impl ZedAiOnboarding { pub fn new( client: Arc, user_store: &Entity, continue_with_zed_ai: Arc, cx: &mut App, ) -> Self { let store = user_store.read(cx); let status = *client.status().borrow(); Self { sign_in_status: status.into(), has_accepted_terms_of_service: store.has_accepted_terms_of_service(), plan: store.plan(), account_too_young: store.account_too_young(), continue_with_zed_ai, accept_terms_of_service: Arc::new({ let store = user_store.clone(); move |_window, cx| { let task = store.update(cx, |store, cx| store.accept_terms_of_service(cx)); task.detach_and_log_err(cx); } }), sign_in: Arc::new(move |_window, cx| { cx.spawn({ let client = client.clone(); async move |cx| client.sign_in_with_optional_connect(true, cx).await }) .detach_and_log_err(cx); }), dismiss_onboarding: None, } } pub fn with_dismiss( mut self, dismiss_callback: impl Fn(&mut Window, &mut App) + 'static, ) -> Self { self.dismiss_onboarding = Some(Arc::new(dismiss_callback)); self } fn render_accept_terms_of_service(&self) -> AnyElement { v_flex() .gap_1() .w_full() .child(Headline::new("Accept Terms of Service")) .child( Label::new("We don’t sell your data, track you across the web, or compromise your privacy.") .color(Color::Muted) .mb_2(), ) .child( Button::new("terms_of_service", "Review Terms of Service") .full_width() .style(ButtonStyle::Outlined) .icon(IconName::ArrowUpRight) .icon_color(Color::Muted) .icon_size(IconSize::Small) .on_click(move |_, _window, cx| { telemetry::event!("Review Terms of Service Clicked"); cx.open_url(&zed_urls::terms_of_service(cx)) }), ) .child( Button::new("accept_terms", "Accept") .full_width() .style(ButtonStyle::Tinted(TintColor::Accent)) .on_click({ let callback = self.accept_terms_of_service.clone(); move |_, window, cx| { telemetry::event!("Terms of Service Accepted"); (callback)(window, cx)} }), ) .into_any_element() } fn render_sign_in_disclaimer(&self, _cx: &mut App) -> AnyElement { let signing_in = matches!(self.sign_in_status, SignInStatus::SigningIn); let plan_definitions = PlanDefinitions; v_flex() .gap_1() .child(Headline::new("Welcome to Zed AI")) .child( Label::new("Sign in to try Zed Pro for 14 days, no credit card required.") .color(Color::Muted) .mb_2(), ) .child(plan_definitions.pro_plan(false)) .child( Button::new("sign_in", "Try Zed Pro for Free") .disabled(signing_in) .full_width() .style(ButtonStyle::Tinted(ui::TintColor::Accent)) .on_click({ let callback = self.sign_in.clone(); move |_, window, cx| { telemetry::event!("Start Trial Clicked", state = "pre-sign-in"); callback(window, cx) } }), ) .into_any_element() } fn render_free_plan_state(&self, cx: &mut App) -> AnyElement { let young_account_banner = YoungAccountBanner; let plan_definitions = PlanDefinitions; if self.account_too_young { v_flex() .relative() .max_w_full() .gap_1() .child(Headline::new("Welcome to Zed AI")) .child(young_account_banner) .child( v_flex() .mt_2() .gap_1() .child( h_flex() .gap_2() .child( Label::new("Pro") .size(LabelSize::Small) .color(Color::Accent) .buffer_font(cx), ) .child(Divider::horizontal()), ) .child(plan_definitions.pro_plan(true)) .child( Button::new("pro", "Get Started") .full_width() .style(ButtonStyle::Tinted(ui::TintColor::Accent)) .on_click(move |_, _window, cx| { telemetry::event!( "Upgrade To Pro Clicked", state = "young-account" ); cx.open_url(&zed_urls::upgrade_to_zed_pro_url(cx)) }), ), ) .into_any_element() } else { v_flex() .relative() .gap_1() .child(Headline::new("Welcome to Zed AI")) .child( v_flex() .mt_2() .gap_1() .child( h_flex() .gap_2() .child( Label::new("Free") .size(LabelSize::Small) .color(Color::Muted) .buffer_font(cx), ) .child( Label::new("(Current Plan)") .size(LabelSize::Small) .color(Color::Custom( cx.theme().colors().text_muted.opacity(0.6), )) .buffer_font(cx), ) .child(Divider::horizontal()), ) .child(plan_definitions.free_plan()), ) .when_some( self.dismiss_onboarding.as_ref(), |this, dismiss_callback| { let callback = dismiss_callback.clone(); this.child( h_flex().absolute().top_0().right_0().child( IconButton::new("dismiss_onboarding", IconName::Close) .icon_size(IconSize::Small) .tooltip(Tooltip::text("Dismiss")) .on_click(move |_, window, cx| { telemetry::event!( "Banner Dismissed", source = "AI Onboarding", ); callback(window, cx) }), ), ) }, ) .child( v_flex() .mt_2() .gap_1() .child( h_flex() .gap_2() .child( Label::new("Pro Trial") .size(LabelSize::Small) .color(Color::Accent) .buffer_font(cx), ) .child(Divider::horizontal()), ) .child(plan_definitions.pro_trial(true)) .child( Button::new("pro", "Start Free Trial") .full_width() .style(ButtonStyle::Tinted(ui::TintColor::Accent)) .on_click(move |_, _window, cx| { telemetry::event!( "Start Trial Clicked", state = "post-sign-in" ); cx.open_url(&zed_urls::start_trial_url(cx)) }), ), ) .into_any_element() } } fn render_trial_state(&self, _cx: &mut App) -> AnyElement { let plan_definitions = PlanDefinitions; v_flex() .relative() .gap_1() .child(Headline::new("Welcome to the Zed Pro Trial")) .child( Label::new("Here's what you get for the next 14 days:") .color(Color::Muted) .mb_2(), ) .child(plan_definitions.pro_trial(false)) .when_some( self.dismiss_onboarding.as_ref(), |this, dismiss_callback| { let callback = dismiss_callback.clone(); this.child( h_flex().absolute().top_0().right_0().child( IconButton::new("dismiss_onboarding", IconName::Close) .icon_size(IconSize::Small) .tooltip(Tooltip::text("Dismiss")) .on_click(move |_, window, cx| { telemetry::event!( "Banner Dismissed", source = "AI Onboarding", ); callback(window, cx) }), ), ) }, ) .into_any_element() } fn render_pro_plan_state(&self, _cx: &mut App) -> AnyElement { let plan_definitions = PlanDefinitions; v_flex() .gap_1() .child(Headline::new("Welcome to Zed Pro")) .child( Label::new("Here's what you get:") .color(Color::Muted) .mb_2(), ) .child(plan_definitions.pro_plan(false)) .when_some( self.dismiss_onboarding.as_ref(), |this, dismiss_callback| { let callback = dismiss_callback.clone(); this.child( h_flex().absolute().top_0().right_0().child( IconButton::new("dismiss_onboarding", IconName::Close) .icon_size(IconSize::Small) .tooltip(Tooltip::text("Dismiss")) .on_click(move |_, window, cx| { telemetry::event!( "Banner Dismissed", source = "AI Onboarding", ); callback(window, cx) }), ), ) }, ) .into_any_element() } } impl RenderOnce for ZedAiOnboarding { fn render(self, _window: &mut ui::Window, cx: &mut App) -> impl IntoElement { if matches!(self.sign_in_status, SignInStatus::SignedIn) { if self.has_accepted_terms_of_service { match self.plan { None | Some(Plan::ZedFree) => self.render_free_plan_state(cx), Some(Plan::ZedProTrial) => self.render_trial_state(cx), Some(Plan::ZedPro) => self.render_pro_plan_state(cx), } } else { self.render_accept_terms_of_service() } } else { self.render_sign_in_disclaimer(cx) } } } impl Component for ZedAiOnboarding { fn scope() -> ComponentScope { ComponentScope::Onboarding } fn name() -> &'static str { "Agent Panel Banners" } fn sort_name() -> &'static str { "Agent Panel Banners" } fn preview(_window: &mut Window, _cx: &mut App) -> Option { fn onboarding( sign_in_status: SignInStatus, has_accepted_terms_of_service: bool, plan: Option, account_too_young: bool, ) -> AnyElement { ZedAiOnboarding { sign_in_status, has_accepted_terms_of_service, plan, account_too_young, continue_with_zed_ai: Arc::new(|_, _| {}), sign_in: Arc::new(|_, _| {}), accept_terms_of_service: Arc::new(|_, _| {}), dismiss_onboarding: None, } .into_any_element() } Some( v_flex() .gap_4() .items_center() .max_w_4_5() .children(vec![ single_example( "Not Signed-in", onboarding(SignInStatus::SignedOut, false, None, false), ), single_example( "Not Accepted ToS", onboarding(SignInStatus::SignedIn, false, None, false), ), single_example( "Young Account", onboarding(SignInStatus::SignedIn, true, None, true), ), single_example( "Free Plan", onboarding(SignInStatus::SignedIn, true, Some(Plan::ZedFree), false), ), single_example( "Pro Trial", onboarding(SignInStatus::SignedIn, true, Some(Plan::ZedProTrial), false), ), single_example( "Pro Plan", onboarding(SignInStatus::SignedIn, true, Some(Plan::ZedPro), false), ), ]) .into_any_element(), ) } }