Conversation
3da58d0 to
2ba3a85
Compare
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
- use the round logo icon without the app-name text part - fix positioning of the icon relative to the heading - use brighter foreground color for heading (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
2ba3a85 to
be8b3d8
Compare
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Replaces static feature carousels and lists with a dynamic, state-aware walkthrough experience. The welcome page now presents tailored content to users based on their GitLens subscription status (e.g., community, trial, paid, expired trial). This change provides a more guided and personalized onboarding, highlighting relevant features and upgrade paths. Introduces a new `gl-walkthrough-step` component to encapsulate individual steps and removes the previous `gl-feature-carousel` and `gl-scrollable-features`. Updates styling to support the new layout, including adjustments for gaps, text alignment, and general component presentation. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Introduces conditional rendering for welcome page walkthrough steps based on the user's subscription state. The webview's state now includes the current Plus subscription state, enabling the UI to dynamically show or hide relevant walkthrough items. This ensures users only see steps pertinent to their feature access. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Introduces dynamic updates to the welcome webview to reflect changes in the user's subscription status. The webview provider now listens for subscription changes and sends an IPC notification to the webview's state provider. This allows the webview UI to automatically update and display the current subscription state, ensuring accurate information without requiring manual refresh. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Provides a dedicated button in the Welcome view's title bar to manually refresh its content. This enhances user control and helps ensure the view displays the most current information. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Introduces a new `gl-walkthrough` component to act as a container and controller for its child `gl-walkthrough-step` elements. Updates `gl-walkthrough-step` to be interactive, allowing users to expand and collapse its content via the header. The `gl-walkthrough` component ensures that only one step can be expanded at a time, providing an accordion-like experience. Adds keyboard navigation and ARIA attributes for improved accessibility. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Updates typography to use the VS Code editor font size for better consistency. Centralizes section content and applies consistent max-width and padding. Consolidates and simplifies CSS rules by removing redundant `.plain`, `.start-trial`, and `.wide` classes, generalizing their styles into the base `.section` rules. Refines padding for cards and exposes walkthrough step headers for more granular styling. Adjusts responsive breakpoints for buttons and replaces raw VS Code icon syntax with the `code-icon` component for improved integration. Wraps walkthrough buttons in a `div` for enhanced layout control. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Enables visual indication for completed welcome page walkthrough steps. Integrates with the walkthrough service to fetch and update progress, updating webview state and components to reflect completion status with a new icon. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Positions the step's status icon before the title to improve its prominence and align with common UI patterns. The chevron icon now appears at the end of the header. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Aligns the content of the welcome walkthrough step header to the center. This improves the visual layout and ensures elements within the header are balanced, with the title sizing based on its content rather than filling available space. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Introduces a new section on the welcome page to highlight the GitKraken DevEx platform. Applies styling to center content within this new section and refines paragraph margins for improved layout consistency. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Replaces the static walkthrough progress display on the welcome page with a new, dedicated `gl-walkthrough-progress` component. This change provides a reusable and visually dynamic progress bar, improving the user experience by clearly indicating steps completed in the walkthrough. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Ensures a walkthrough step is automatically expanded upon loading if no step is currently active. This improves the initial user experience by highlighting the next action item. Prioritizes expanding the first incomplete step, or the first step if all steps are complete. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Introduces the `gitlens.showWelcomeView` command, enabling users to explicitly open the GitLens Welcome View via the command palette. When the Welcome View is opened or focused via this new command (or by clicking the "GitLens Walkthrough" link in the onboarding component), it now automatically expands and focuses on the first incomplete walkthrough step (or the first step if all are complete). This enhances discoverability and improves the user experience when navigating directly to the walkthrough section. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Introduces dedicated `gitlens.welcome.*` commands to centralize and standardize telemetry tracking for actions originating from the welcome page. These new commands dispatch specific `welcome/action` telemetry events, providing more granular insights into user interactions like signing up, upgrading, opening help links, or launching specific features directly from the welcome page. Updates the welcome page UI to use these new commands and expands the `welcome/action` telemetry event definition to support the richer data. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Provides a dedicated command and UI button to dismiss the Welcome view. This improves user experience by offering a clear way to close the view, which then automatically navigates to the Home view. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Adjusts padding and margins within walkthrough cards for improved readability and consistent spacing across various screen sizes. Introduces a new utility class to center button groups within card sections, providing more flexible content alignment. Corrects the positioning and sizing of the GitLens logo in the header for better visual alignment. Updates walkthrough step headers to align content to the left and provides distinct styling for completed step icons, enhancing visual feedback. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Integrates GitKraken MCP (Machine Context Provider) setup into the welcome page's guided walkthrough experience. This change replaces a standalone MCP banner with dedicated walkthrough steps, providing a more cohesive onboarding for users. New steps conditionally guide users to install MCP or inform them of its bundled status, driven by an `mcpNeedsInstall` state. Telemetry is also added to track the completion of the MCP setup walkthrough. Updates existing walkthrough step conditions to accept a broader state object, enabling more flexible condition logic. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
Adds new telemetry events to track direct usage of GitKraken MCP features, specifically for IPC requests handled by the CLI server and user interactions within the chat interface. Integrates these new usage events into the MCP walkthrough state, ensuring more accurate and comprehensive tracking of user engagement with MCP features beyond initial setup. Renames the MCP walkthrough context from `mcpSetup` to `mcpFeatures` for improved clarity and consistency across the application and documentation. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
The walkthrough progress bar no longer displays a direct dismiss button. This change simplifies the UI by removing the button's rendering, associated IPC communication, and styling. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 16, 2026
The `nothing` helper was redundantly used in the template, making its import and usage unnecessary. Removing it simplifies the rendered HTML. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
sergeibbb
added a commit
that referenced
this pull request
Feb 17, 2026
Adjusts padding and margins within walkthrough cards for improved readability and consistent spacing across various screen sizes. Introduces a new utility class to center button groups within card sections, providing more flexible content alignment. Corrects the positioning and sizing of the GitLens logo in the header for better visual alignment. Updates walkthrough step headers to align content to the left and provides distinct styling for completed step icons, enhancing visual feedback. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
- use the round logo icon without the app-name text part - fix positioning of the icon relative to the heading - use brighter foreground color for heading (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Replaces static feature carousels and lists with a dynamic, state-aware walkthrough experience. The welcome page now presents tailored content to users based on their GitLens subscription status (e.g., community, trial, paid, expired trial). This change provides a more guided and personalized onboarding, highlighting relevant features and upgrade paths. Introduces a new `gl-walkthrough-step` component to encapsulate individual steps and removes the previous `gl-feature-carousel` and `gl-scrollable-features`. Updates styling to support the new layout, including adjustments for gaps, text alignment, and general component presentation. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Introduces conditional rendering for welcome page walkthrough steps based on the user's subscription state. The webview's state now includes the current Plus subscription state, enabling the UI to dynamically show or hide relevant walkthrough items. This ensures users only see steps pertinent to their feature access. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Introduces dynamic updates to the welcome webview to reflect changes in the user's subscription status. The webview provider now listens for subscription changes and sends an IPC notification to the webview's state provider. This allows the webview UI to automatically update and display the current subscription state, ensuring accurate information without requiring manual refresh. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Provides a dedicated button in the Welcome view's title bar to manually refresh its content. This enhances user control and helps ensure the view displays the most current information. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Introduces a new `gl-walkthrough` component to act as a container and controller for its child `gl-walkthrough-step` elements. Updates `gl-walkthrough-step` to be interactive, allowing users to expand and collapse its content via the header. The `gl-walkthrough` component ensures that only one step can be expanded at a time, providing an accordion-like experience. Adds keyboard navigation and ARIA attributes for improved accessibility. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Updates typography to use the VS Code editor font size for better consistency. Centralizes section content and applies consistent max-width and padding. Consolidates and simplifies CSS rules by removing redundant `.plain`, `.start-trial`, and `.wide` classes, generalizing their styles into the base `.section` rules. Refines padding for cards and exposes walkthrough step headers for more granular styling. Adjusts responsive breakpoints for buttons and replaces raw VS Code icon syntax with the `code-icon` component for improved integration. Wraps walkthrough buttons in a `div` for enhanced layout control. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Enables visual indication for completed welcome page walkthrough steps. Integrates with the walkthrough service to fetch and update progress, updating webview state and components to reflect completion status with a new icon. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Positions the step's status icon before the title to improve its prominence and align with common UI patterns. The chevron icon now appears at the end of the header. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Aligns the content of the welcome walkthrough step header to the center. This improves the visual layout and ensures elements within the header are balanced, with the title sizing based on its content rather than filling available space. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Introduces a new section on the welcome page to highlight the GitKraken DevEx platform. Applies styling to center content within this new section and refines paragraph margins for improved layout consistency. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Replaces the static walkthrough progress display on the welcome page with a new, dedicated `gl-walkthrough-progress` component. This change provides a reusable and visually dynamic progress bar, improving the user experience by clearly indicating steps completed in the walkthrough. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Ensures a walkthrough step is automatically expanded upon loading if no step is currently active. This improves the initial user experience by highlighting the next action item. Prioritizes expanding the first incomplete step, or the first step if all steps are complete. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Introduces the `gitlens.showWelcomeView` command, enabling users to explicitly open the GitLens Welcome View via the command palette. When the Welcome View is opened or focused via this new command (or by clicking the "GitLens Walkthrough" link in the onboarding component), it now automatically expands and focuses on the first incomplete walkthrough step (or the first step if all are complete). This enhances discoverability and improves the user experience when navigating directly to the walkthrough section. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Introduces dedicated `gitlens.welcome.*` commands to centralize and standardize telemetry tracking for actions originating from the welcome page. These new commands dispatch specific `welcome/action` telemetry events, providing more granular insights into user interactions like signing up, upgrading, opening help links, or launching specific features directly from the welcome page. Updates the welcome page UI to use these new commands and expands the `welcome/action` telemetry event definition to support the richer data. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Provides a dedicated command and UI button to dismiss the Welcome view. This improves user experience by offering a clear way to close the view, which then automatically navigates to the Home view. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Adjusts padding and margins within walkthrough cards for improved readability and consistent spacing across various screen sizes. Introduces a new utility class to center button groups within card sections, providing more flexible content alignment. Corrects the positioning and sizing of the GitLens logo in the header for better visual alignment. Updates walkthrough step headers to align content to the left and provides distinct styling for completed step icons, enhancing visual feedback. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Integrates GitKraken MCP (Machine Context Provider) setup into the welcome page's guided walkthrough experience. This change replaces a standalone MCP banner with dedicated walkthrough steps, providing a more cohesive onboarding for users. New steps conditionally guide users to install MCP or inform them of its bundled status, driven by an `mcpNeedsInstall` state. Telemetry is also added to track the completion of the MCP setup walkthrough. Updates existing walkthrough step conditions to accept a broader state object, enabling more flexible condition logic. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Adds new telemetry events to track direct usage of GitKraken MCP features, specifically for IPC requests handled by the CLI server and user interactions within the chat interface. Integrates these new usage events into the MCP walkthrough state, ensuring more accurate and comprehensive tracking of user engagement with MCP features beyond initial setup. Renames the MCP walkthrough context from `mcpSetup` to `mcpFeatures` for improved clarity and consistency across the application and documentation. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
By doing this we make sure that the Welcome view is discoverable by user until it's complete. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Introduces a new walkthrough step on the welcome page to guide users in discovering and utilizing the Home View. This includes updating walkthrough context keys, telemetry event definitions, and the walkthrough state provider. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Introduces a dedicated welcome command, `gitlens.welcome.showHomeView`, to open the Home View. This command ensures consistent behavior and enables proper telemetry tracking when users interact with the "Open Home View" button on the welcome page. The relevant telemetry constants and documentation are updated to reflect the new `open/home-view` event. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Eliminates the "Welcome to the GitLens Home View" banner previously displayed within the preview banner component. Removes all associated `previewCollapsed` state, logic, and UI elements across the Home View webview and protocol. This simplifies the preview banner to solely manage the toggle for enabling/disabling the Home View preview. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Deletes the `GlWelcomeOverlay` component from the home webview. This component is no longer used for displaying the welcome experience. Moves the `GlWelcomePage`, `GlWelcomeParts` components, and their associated styles from the `home` webview to the dedicated `welcome` webview. This consolidates welcome-related UI elements and logic within the `welcome` app, improving modularity. Removes the `welcomeOverlayCollapsed` state and related logic from the `home` webview provider and its protocol as the overlay no longer exists. The `GlWelcomeApp` now directly renders the `GlWelcomePage`. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Deletes the `GlFeatureCarousel`, `GlFeatureCard`, `GlFeatureNarrowCard`, and `GlScrollableFeatures` Lit components, along with their related visibility utilities. These components are no longer utilized in the welcome view. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Replaces direct view method calls with the `gitlens.showHomeView` command. This centralizes the logic for displaying the Home view, improving consistency and maintainability by using the standardized command execution system. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
The welcome page no longer collects or reports specific telemetry data related to user interactions. This change simplifies the component by removing the `TelemetryData` type, its property, and associated methods for handling telemetry events. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
Makes the "GitKraken DevEx platform" text a clickable link, directing users to the DevEx tools page. This improves discoverability and provides easier access to related resources. (gitkraken/vscode-gitlens-private#81, #4970, PLG-164)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
solves gitkraken/vscode-gitlens-private#81
Checklist
Fixes $XXX -orCloses #XXX -prefix to auto-close the issue that your PR addresses