Skip to content

Add product icon to Welcome page tabs#292194

Open
Copilot wants to merge 3 commits intomainfrom
copilot/add-icon-to-welcome-tab
Open

Add product icon to Welcome page tabs#292194
Copilot wants to merge 3 commits intomainfrom
copilot/add-icon-to-welcome-tab

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Feb 1, 2026

Welcome page tabs displayed without icons while other editor tabs show the appropriate product icon (VS Code stable or Insiders variant).

Changes

Added getIcon() override to both Welcome page editor inputs:

override getIcon(): ThemeIcon {
    return product.quality === 'stable' ? Codicon.vscode : Codicon.vscodeInsiders;
}

Files modified:

  • GettingStartedInput - Getting Started/Welcome page
  • AgentSessionsWelcomeInput - Agent Sessions Welcome page

Both now return the correct product icon based on build quality.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • github-production-user-asset-6210df.s3.amazonaws.com
    • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Original prompt

This section details on the original issue you should resolve

<issue_title>Welcome page doesnt have icon in tab name</issue_title>
<issue_description>Image

The other welcome view uses the VS Code icon (Insiders or Stable), can we do the same here?
</issue_description>

Comments on the Issue (you are @copilot in this section)


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Co-authored-by: osortega <48293249+osortega@users.noreply.github.com>
Copilot AI changed the title [WIP] Add VS Code icon to welcome page tab name Add product icon to Welcome page tabs Feb 1, 2026
Copilot AI requested a review from osortega February 1, 2026 20:18
Copilot AI review requested due to automatic review settings April 10, 2026 16:59
@osortega osortega marked this pull request as ready for review April 10, 2026 17:00
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds product icons to the Welcome-related editor tabs so they display an icon consistent with other editor tabs (stable vs Insiders variant).

Changes:

  • Added getIcon() override to GettingStartedInput to return a VS Code product codicon based on build quality.
  • Added getIcon() override to AgentSessionsWelcomeInput to return a VS Code product codicon based on build quality.
Show a summary per file
File Description
src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedInput.ts Adds getIcon() so the main Welcome/Getting Started tab shows a product icon.
src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcomeInput.ts Adds getIcon() so the Agent Sessions Welcome tab shows a product icon.

Copilot's findings

  • Files reviewed: 2/2 changed files
  • Comments generated: 2

}

override getIcon(): ThemeIcon {
return product.quality === 'stable' ? Codicon.vscode : Codicon.vscodeInsiders;
Copy link

Copilot AI Apr 10, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

product.quality is optional (it’s not set in this repo’s product.json for Code - OSS). With the current ternary, an undefined quality will fall through to the Insiders icon, so OSS/dev builds would show the wrong tab icon. Consider handling undefined (and/or code-oss) explicitly so the icon matches the actual product variant.

Suggested change
return product.quality === 'stable' ? Codicon.vscode : Codicon.vscodeInsiders;
return product.quality === 'insider' ? Codicon.vscodeInsiders : Codicon.vscode;

Copilot uses AI. Check for mistakes.
}

override getIcon(): ThemeIcon {
return product.quality === 'stable' ? Codicon.vscode : Codicon.vscodeInsiders;
Copy link

Copilot AI Apr 10, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

product.quality is optional (e.g. Code - OSS product.json doesn’t set it). As written, undefined quality will select the Insiders icon, which likely produces an incorrect tab icon for OSS/dev builds. Consider an explicit fallback for undefined (and/or mapping code-oss to the appropriate product icon).

Suggested change
return product.quality === 'stable' ? Codicon.vscode : Codicon.vscodeInsiders;
return product.quality === 'insider' ? Codicon.vscodeInsiders : Codicon.vscode;

Copilot uses AI. Check for mistakes.
@lajczi
Copy link
Copy Markdown

lajczi commented Apr 11, 2026

lgtm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Welcome page doesnt have icon in tab name

4 participants