@codingame/monaco-vscode-welcome-service-override 36.2.7 → 37.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +1 -0
- package/package.json +3 -2
- package/vscode/src/vs/workbench/contrib/onboarding/browser/media/spotlight.css +5 -0
- package/vscode/src/vs/workbench/contrib/onboarding/browser/onboarding.contribution.js +37 -7
- package/vscode/src/vs/workbench/contrib/onboarding/browser/onboardingService.d.ts +2 -0
- package/vscode/src/vs/workbench/contrib/onboarding/browser/onboardingService.js +36 -5
- package/vscode/src/vs/workbench/contrib/onboarding/browser/sequence/runOnboardingStep.d.ts +17 -0
- package/vscode/src/vs/workbench/contrib/onboarding/browser/sequence/runOnboardingStep.js +32 -0
- package/vscode/src/vs/workbench/contrib/onboarding/browser/sequence/sequencePresentation.d.ts +10 -0
- package/vscode/src/vs/workbench/contrib/onboarding/browser/sequence/sequencePresentation.js +154 -0
- package/vscode/src/vs/workbench/contrib/onboarding/browser/spotlight/onboardingTarget.d.ts +7 -1
- package/vscode/src/vs/workbench/contrib/onboarding/browser/spotlight/onboardingTarget.js +5 -1
- package/vscode/src/vs/workbench/contrib/onboarding/browser/spotlight/spotlightOverlay.d.ts +13 -9
- package/vscode/src/vs/workbench/contrib/onboarding/browser/spotlight/spotlightOverlay.js +60 -15
- package/vscode/src/vs/workbench/contrib/onboarding/browser/spotlight/spotlightPresentation.d.ts +5 -1
- package/vscode/src/vs/workbench/contrib/onboarding/browser/spotlight/spotlightPresentation.js +222 -49
- package/vscode/src/vs/workbench/contrib/onboarding/browser/spotlight/spotlightTypes.d.ts +23 -5
- package/vscode/src/vs/workbench/contrib/onboarding/common/onboardingPresentation.d.ts +4 -0
- package/vscode/src/vs/workbench/contrib/onboarding/common/onboardingScenario.d.ts +9 -8
- package/vscode/src/vs/workbench/contrib/onboarding/common/onboardingScenarioService.d.ts +7 -0
- package/vscode/src/vs/workbench/contrib/onboarding/common/onboardingScenarioService.js +2 -1
- package/vscode/src/vs/workbench/contrib/onboarding/common/onboardingSequence.d.ts +45 -0
- package/vscode/src/vs/workbench/contrib/onboarding/common/onboardingSequence.js +29 -0
- package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.contribution.d.ts +1 -0
- package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.contribution.js +158 -0
- package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.d.ts +105 -0
- package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.js +765 -0
- package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/media/agentSessionsWelcome.css +564 -0
- package/vscode/src/vs/workbench/contrib/welcomeOnboarding/browser/media/variationA.css +2 -149
- package/vscode/src/vs/workbench/contrib/welcomeOnboarding/browser/onboardingVariationA.d.ts +5 -5
- package/vscode/src/vs/workbench/contrib/welcomeOnboarding/browser/onboardingVariationA.js +61 -131
- package/vscode/src/vs/workbench/contrib/welcomeOnboarding/browser/welcomeOnboarding.contribution.js +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeViews/common/newFile.contribution.js +10 -10
- package/vscode/src/vs/workbench/contrib/welcomeViews/common/viewsWelcomeContribution.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeViews/common/viewsWelcomeExtensionPoint.js +8 -8
|
@@ -557,10 +557,6 @@
|
|
|
557
557
|
padding: 0;
|
|
558
558
|
}
|
|
559
559
|
|
|
560
|
-
.onboarding-a-personalize > .onboarding-a-sessions-tip {
|
|
561
|
-
margin-top: auto;
|
|
562
|
-
}
|
|
563
|
-
|
|
564
560
|
.onboarding-a-personalize-section {
|
|
565
561
|
display: flex;
|
|
566
562
|
flex-direction: column;
|
|
@@ -658,7 +654,7 @@
|
|
|
658
654
|
.onboarding-a-theme-label {
|
|
659
655
|
padding: 4px 6px;
|
|
660
656
|
font-size: 12px;
|
|
661
|
-
font-weight:
|
|
657
|
+
font-weight: var(--vscode-fontWeight-semiBold);
|
|
662
658
|
text-align: center;
|
|
663
659
|
color: var(--vscode-editor-foreground);
|
|
664
660
|
border-top: 1px solid var(--vscode-widget-border, rgba(255, 255, 255, 0.08));
|
|
@@ -778,94 +774,6 @@
|
|
|
778
774
|
text-align: center;
|
|
779
775
|
}
|
|
780
776
|
|
|
781
|
-
/* Agent Sessions step */
|
|
782
|
-
.onboarding-a-sessions {
|
|
783
|
-
display: flex;
|
|
784
|
-
flex-direction: column;
|
|
785
|
-
gap: 0;
|
|
786
|
-
flex: 1;
|
|
787
|
-
width: 100%;
|
|
788
|
-
min-height: 0;
|
|
789
|
-
margin: 0 auto;
|
|
790
|
-
padding: 0;
|
|
791
|
-
}
|
|
792
|
-
|
|
793
|
-
.onboarding-a-sessions-features {
|
|
794
|
-
display: flex;
|
|
795
|
-
flex-direction: column;
|
|
796
|
-
gap: 14px;
|
|
797
|
-
flex: 1;
|
|
798
|
-
}
|
|
799
|
-
|
|
800
|
-
.onboarding-a-sessions-group {
|
|
801
|
-
display: flex;
|
|
802
|
-
flex-direction: column;
|
|
803
|
-
gap: 6px;
|
|
804
|
-
}
|
|
805
|
-
|
|
806
|
-
.onboarding-a-sessions-group-label {
|
|
807
|
-
font-size: 11px;
|
|
808
|
-
font-weight: 600;
|
|
809
|
-
text-transform: uppercase;
|
|
810
|
-
letter-spacing: 0.5px;
|
|
811
|
-
color: var(--vscode-descriptionForeground);
|
|
812
|
-
}
|
|
813
|
-
|
|
814
|
-
.onboarding-a-sessions-grid {
|
|
815
|
-
display: grid;
|
|
816
|
-
gap: 10px;
|
|
817
|
-
}
|
|
818
|
-
|
|
819
|
-
.onboarding-a-sessions-grid-2 {
|
|
820
|
-
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
821
|
-
}
|
|
822
|
-
|
|
823
|
-
.onboarding-a-feature-card {
|
|
824
|
-
display: flex;
|
|
825
|
-
align-items: flex-start;
|
|
826
|
-
gap: 12px;
|
|
827
|
-
padding: 14px 16px;
|
|
828
|
-
border-radius: 8px;
|
|
829
|
-
border: 1px solid var(--vscode-widget-border, rgba(255, 255, 255, 0.08));
|
|
830
|
-
font-family: inherit;
|
|
831
|
-
text-align: left;
|
|
832
|
-
color: inherit;
|
|
833
|
-
}
|
|
834
|
-
|
|
835
|
-
.onboarding-a-feature-icon {
|
|
836
|
-
display: flex;
|
|
837
|
-
align-items: center;
|
|
838
|
-
justify-content: center;
|
|
839
|
-
flex-shrink: 0;
|
|
840
|
-
width: 24px;
|
|
841
|
-
height: 24px;
|
|
842
|
-
margin-top: 1px;
|
|
843
|
-
}
|
|
844
|
-
|
|
845
|
-
.onboarding-a-feature-icon .codicon {
|
|
846
|
-
font-size: 20px;
|
|
847
|
-
color: var(--vscode-descriptionForeground);
|
|
848
|
-
}
|
|
849
|
-
|
|
850
|
-
.onboarding-a-feature-text {
|
|
851
|
-
display: flex;
|
|
852
|
-
flex-direction: column;
|
|
853
|
-
gap: 2px;
|
|
854
|
-
min-width: 0;
|
|
855
|
-
}
|
|
856
|
-
|
|
857
|
-
.onboarding-a-feature-title {
|
|
858
|
-
font-size: 13px;
|
|
859
|
-
font-weight: 600;
|
|
860
|
-
color: var(--vscode-editor-foreground);
|
|
861
|
-
}
|
|
862
|
-
|
|
863
|
-
.onboarding-a-feature-desc {
|
|
864
|
-
font-size: 12px;
|
|
865
|
-
color: var(--vscode-descriptionForeground);
|
|
866
|
-
line-height: 1.4;
|
|
867
|
-
}
|
|
868
|
-
|
|
869
777
|
.onboarding-a-kbd {
|
|
870
778
|
display: inline-block;
|
|
871
779
|
padding: 1px 6px;
|
|
@@ -880,33 +788,6 @@
|
|
|
880
788
|
vertical-align: middle;
|
|
881
789
|
}
|
|
882
790
|
|
|
883
|
-
.onboarding-a-sessions-docs {
|
|
884
|
-
display: flex;
|
|
885
|
-
align-items: center;
|
|
886
|
-
gap: 16px;
|
|
887
|
-
margin-top: auto;
|
|
888
|
-
padding: 14px 4px 4px 4px;
|
|
889
|
-
}
|
|
890
|
-
|
|
891
|
-
/* Tip banner */
|
|
892
|
-
.onboarding-a-sessions-tip {
|
|
893
|
-
display: flex;
|
|
894
|
-
align-items: center;
|
|
895
|
-
gap: 8px;
|
|
896
|
-
padding: 8px 14px;
|
|
897
|
-
font-size: 13px;
|
|
898
|
-
}
|
|
899
|
-
|
|
900
|
-
.onboarding-a-sessions-tip-icon .codicon {
|
|
901
|
-
font-size: 16px;
|
|
902
|
-
color: var(--vscode-textLink-foreground, #3794ff);
|
|
903
|
-
}
|
|
904
|
-
|
|
905
|
-
.onboarding-a-sessions-tip-text {
|
|
906
|
-
color: var(--vscode-descriptionForeground);
|
|
907
|
-
line-height: 1.5;
|
|
908
|
-
}
|
|
909
|
-
|
|
910
791
|
/* Sign-in nudge */
|
|
911
792
|
.onboarding-a-signin-nudge {
|
|
912
793
|
display: flex;
|
|
@@ -936,29 +817,6 @@
|
|
|
936
817
|
outline-offset: -2px;
|
|
937
818
|
}
|
|
938
819
|
|
|
939
|
-
.onboarding-a-doc-link {
|
|
940
|
-
font-size: 12px;
|
|
941
|
-
color: var(--vscode-textLink-foreground, #3794ff);
|
|
942
|
-
text-decoration: none;
|
|
943
|
-
display: inline-flex;
|
|
944
|
-
align-items: center;
|
|
945
|
-
gap: 4px;
|
|
946
|
-
}
|
|
947
|
-
|
|
948
|
-
.onboarding-a-doc-link .codicon {
|
|
949
|
-
color: var(--vscode-textLink-foreground, #3794ff);
|
|
950
|
-
}
|
|
951
|
-
|
|
952
|
-
.onboarding-a-doc-link:hover {
|
|
953
|
-
text-decoration: underline;
|
|
954
|
-
}
|
|
955
|
-
|
|
956
|
-
.onboarding-a-doc-link:focus-visible {
|
|
957
|
-
outline: 2px solid var(--vscode-focusBorder);
|
|
958
|
-
outline-offset: 2px;
|
|
959
|
-
border-radius: 2px;
|
|
960
|
-
}
|
|
961
|
-
|
|
962
820
|
/* Sign-in icon row */
|
|
963
821
|
.onboarding-a-signin-icon-row {
|
|
964
822
|
display: flex;
|
|
@@ -1072,16 +930,11 @@
|
|
|
1072
930
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1073
931
|
}
|
|
1074
932
|
|
|
1075
|
-
.onboarding-a-sessions-grid-2 {
|
|
1076
|
-
grid-template-columns: 1fr;
|
|
1077
|
-
}
|
|
1078
|
-
|
|
1079
933
|
.onboarding-a-ai-pref-cards {
|
|
1080
934
|
grid-template-columns: 1fr;
|
|
1081
935
|
}
|
|
1082
936
|
|
|
1083
|
-
.onboarding-a-personalize
|
|
1084
|
-
.onboarding-a-sessions {
|
|
937
|
+
.onboarding-a-personalize {
|
|
1085
938
|
justify-content: flex-start;
|
|
1086
939
|
}
|
|
1087
940
|
}
|
|
@@ -23,7 +23,6 @@ import { IOnboardingService } from "@codingame/monaco-vscode-api/vscode/vs/workb
|
|
|
23
23
|
* Steps:
|
|
24
24
|
* 1. Sign In — sessions-style sign-in hero with GitHub Copilot, Google, and Apple options
|
|
25
25
|
* 2. Personalize — Theme selection grid + keymap pills
|
|
26
|
-
* 3. Agent Sessions — Feature cards showcasing AI capabilities
|
|
27
26
|
*/
|
|
28
27
|
export declare class OnboardingVariationA extends Disposable implements IOnboardingService {
|
|
29
28
|
private readonly layoutService;
|
|
@@ -77,6 +76,11 @@ export declare class OnboardingVariationA extends Disposable implements IOnboard
|
|
|
77
76
|
show(): void;
|
|
78
77
|
private _dismiss;
|
|
79
78
|
private _nextStep;
|
|
79
|
+
/**
|
|
80
|
+
* Applies the selections made on a step once the user moves past it, either
|
|
81
|
+
* by continuing to the next step or by completing the onboarding.
|
|
82
|
+
*/
|
|
83
|
+
private _applyStepSelections;
|
|
80
84
|
private _prevStep;
|
|
81
85
|
private _isLastStep;
|
|
82
86
|
private _renderProgress;
|
|
@@ -110,11 +114,7 @@ export declare class OnboardingVariationA extends Disposable implements IOnboard
|
|
|
110
114
|
private _detectInstalledEditors;
|
|
111
115
|
private _renderAiPreferenceStep;
|
|
112
116
|
private _applyAiPreference;
|
|
113
|
-
private _renderAgentSessionsSubtitle;
|
|
114
|
-
private _renderAgentSessionsStep;
|
|
115
|
-
private _createFeatureCard;
|
|
116
117
|
private _createKbd;
|
|
117
|
-
private _createDocLink;
|
|
118
118
|
private _createInlineLink;
|
|
119
119
|
/**
|
|
120
120
|
* Sets up WAI-ARIA radio-group keyboard navigation on a set of elements:
|