onboarding_modal.rs

  1use std::sync::Arc;
  2
  3use crate::{ZedPredictUpsell, onboarding_event};
  4use ai_onboarding::EditPredictionOnboarding;
  5use client::{Client, UserStore};
  6use db::kvp::Dismissable;
  7use fs::Fs;
  8use gpui::{
  9    ClickEvent, DismissEvent, Entity, EventEmitter, FocusHandle, Focusable, MouseDownEvent, Render,
 10    linear_color_stop, linear_gradient,
 11};
 12use language::language_settings::{AllLanguageSettings, EditPredictionProvider};
 13use settings::update_settings_file;
 14use ui::{Vector, VectorName, prelude::*};
 15use workspace::{ModalView, Workspace};
 16
 17/// Introduces user to Zed's Edit Prediction feature and terms of service
 18pub struct ZedPredictModal {
 19    onboarding: Entity<EditPredictionOnboarding>,
 20    focus_handle: FocusHandle,
 21}
 22
 23pub(crate) fn set_edit_prediction_provider(provider: EditPredictionProvider, cx: &mut App) {
 24    let fs = <dyn Fs>::global(cx);
 25    update_settings_file::<AllLanguageSettings>(fs, cx, move |settings, _| {
 26        settings
 27            .features
 28            .get_or_insert(Default::default())
 29            .edit_prediction_provider = Some(provider);
 30    });
 31}
 32
 33impl ZedPredictModal {
 34    pub fn toggle(
 35        workspace: &mut Workspace,
 36        user_store: Entity<UserStore>,
 37        client: Arc<Client>,
 38        window: &mut Window,
 39        cx: &mut Context<Workspace>,
 40    ) {
 41        workspace.toggle_modal(window, cx, |_window, cx| {
 42            let weak_entity = cx.weak_entity();
 43            Self {
 44                onboarding: cx.new(|cx| {
 45                    EditPredictionOnboarding::new(
 46                        user_store.clone(),
 47                        client.clone(),
 48                        copilot::Copilot::global(cx)
 49                            .is_some_and(|copilot| copilot.read(cx).status().is_configured()),
 50                        Arc::new({
 51                            let this = weak_entity.clone();
 52                            move |_window, cx| {
 53                                ZedPredictUpsell::set_dismissed(true, cx);
 54                                set_edit_prediction_provider(EditPredictionProvider::Zed, cx);
 55                                this.update(cx, |_, cx| cx.emit(DismissEvent)).ok();
 56                            }
 57                        }),
 58                        Arc::new({
 59                            let this = weak_entity.clone();
 60                            move |window, cx| {
 61                                ZedPredictUpsell::set_dismissed(true, cx);
 62                                set_edit_prediction_provider(EditPredictionProvider::Copilot, cx);
 63                                this.update(cx, |_, cx| cx.emit(DismissEvent)).ok();
 64                                copilot::initiate_sign_in(window, cx);
 65                            }
 66                        }),
 67                        cx,
 68                    )
 69                }),
 70                focus_handle: cx.focus_handle(),
 71            }
 72        });
 73    }
 74
 75    fn cancel(&mut self, _: &menu::Cancel, _: &mut Window, cx: &mut Context<Self>) {
 76        ZedPredictUpsell::set_dismissed(true, cx);
 77        cx.emit(DismissEvent);
 78    }
 79}
 80
 81impl EventEmitter<DismissEvent> for ZedPredictModal {}
 82
 83impl Focusable for ZedPredictModal {
 84    fn focus_handle(&self, _cx: &App) -> FocusHandle {
 85        self.focus_handle.clone()
 86    }
 87}
 88
 89impl ModalView for ZedPredictModal {}
 90
 91impl Render for ZedPredictModal {
 92    fn render(&mut self, window: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
 93        let window_height = window.viewport_size().height;
 94        let max_height = window_height - px(200.);
 95
 96        v_flex()
 97            .id("edit-prediction-onboarding")
 98            .key_context("ZedPredictModal")
 99            .relative()
100            .w(px(550.))
101            .h_full()
102            .max_h(max_height)
103            .p_4()
104            .gap_2()
105            .elevation_3(cx)
106            .track_focus(&self.focus_handle(cx))
107            .overflow_hidden()
108            .on_action(cx.listener(Self::cancel))
109            .on_action(cx.listener(|_, _: &menu::Cancel, _window, cx| {
110                onboarding_event!("Cancelled", trigger = "Action");
111                cx.emit(DismissEvent);
112            }))
113            .on_any_mouse_down(cx.listener(|this, _: &MouseDownEvent, window, _cx| {
114                this.focus_handle.focus(window);
115            }))
116            .child(
117                div()
118                    .opacity(0.5)
119                    .absolute()
120                    .top(px(-8.0))
121                    .right_0()
122                    .w(px(400.))
123                    .h(px(92.))
124                    .child(
125                        Vector::new(VectorName::AiGrid, rems_from_px(400.), rems_from_px(92.))
126                            .color(Color::Custom(cx.theme().colors().text.alpha(0.32))),
127                    ),
128            )
129            .child(
130                div()
131                    .absolute()
132                    .top_0()
133                    .right_0()
134                    .w(px(660.))
135                    .h(px(401.))
136                    .overflow_hidden()
137                    .bg(linear_gradient(
138                        75.,
139                        linear_color_stop(cx.theme().colors().panel_background.alpha(0.01), 1.0),
140                        linear_color_stop(cx.theme().colors().panel_background, 0.45),
141                    )),
142            )
143            .child(h_flex().absolute().top_2().right_2().child(
144                IconButton::new("cancel", IconName::Close).on_click(cx.listener(
145                    |_, _: &ClickEvent, _window, cx| {
146                        onboarding_event!("Cancelled", trigger = "X click");
147                        cx.emit(DismissEvent);
148                    },
149                )),
150            ))
151            .child(self.onboarding.clone())
152    }
153}