Investigate UI for showing ports in VS Code terminal

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

MR: Pending

Description

With this investigation issue we want to determine what the UI will look like for the workspace ports in the VSCode fork.

For reference, see &15732 (comment 2184312800)

This investigation should help to clarify questions such as:

• Do we replace the default "Ports" tab in VSCode or just leave it as is and instead create a new tab through the extension?
• What information needs to be displayed for the ports?
  • Port number
  • Address/URL
  • Visibility
  • Anything else?
• How does the user interact with a port to open/close it, where do we display these buttons?
• What visibility options do we want to support
  • closed
  • open(private)
  • open(public)
• Do we want to notify the user if a port has been opened? If so, what does that dialog box look like?
• Since there will be a delay between when a user issues a port visibility change and the port actually being opened/closed (accounting for API calls and agent response time) how do we want to convey this in the UI?

Acceptance Criteria

• Determine what the port forwarding UI should look like? Do we use a tree view or a web view to implement it?
• The ports tab will display the following:
  • A list of all available ports (including configured ports in the Devfile)
  • The URL for each corresponding port on the list
  • The visibility of the ports listed