Complete Guide to the Modernized Interface of Visual Studio Code 1.129

Visual Studio Code 1.129 introduces an experimental preview of a completely renewed interface for this popular cross-platform code editor. The main novelty concerns the workbench, which has been updated to improve the visual separation between panels, editor groups, tabs, menus, and toolbars.

This new version is useful for developers who want greater visual clarity and a more modern user experience. The redesigned interface is particularly advantageous for those working with multiple panels simultaneously, thanks to the greater distinction between the different areas of the application.

The experimental interface is not automatically enabled in the stable version of VS Code. To activate it, you need to modify the workbench settings.

The new host agent architecture allows running coding-agent sessions in a dedicated process, making it possible to access them from multiple VS Code windows simultaneously. This is useful for those using tools like GitHub Copilot, Claude, and Codex, as it allows for more flexible and integrated management of coding-agent sessions.

The new feature of running terminal commands directly from chats supported by host agents is another innovation that simplifies the workflow for developers.

Finally, the new authentication features and conversion of .prompt.md files make VS Code 1.129 a particularly interesting version for those using GitHub Enterprise and wanting to convert prompt files into reusable skills for agents.

Prerequisites

• Operating System: Windows, macOS, or Linux
• Visual Studio Code: Version 1.129 or later
• GitHub Account: Required for GitHub Enterprise authentication
• Agent Host Protocol: Supported by harnesses like GitHub Copilot, Claude, and Codex

Enabling the Experimental Modern Interface in Visual Studio Code 1.129

Follow this step-by-step guide to enable and use the new experimental modern interface in Visual Studio Code 1.129.

• Step 1: Open Visual Studio Code
• Step 2: Access Settings
• Step 3: Search for the Modern Option
• Step 4: Enable the Modern Interface
• Step 5: Restart Visual Studio Code
• Step 6: Verify the Modern Interface

Using the Experimental Editor Panel for Agents

• Step 5: Use the Editor Panel

Running Terminal Commands from Agents

• Step 1: Open a Chat with a Supported Agent
• Step 2: Prefix Commands with an Exclamation Mark
• Step 3: Execute the Command

For more details, check the Visual Studio Code 1.129 release notes.

Verification and Troubleshooting

By the end of this guide, you will be able to test the functionality of the modernized interface of Visual Studio Code 1.129 and resolve any activation issues.

Testing the Modernized Interface

• Open Visual Studio Code.
• Click on File > Preferences > Settings (or press Ctrl + ,).
• Make sure the option is enabled (check the box).

Resolving Activation Issues

• If the interface does not update, ensure you are using the correct version of Visual Studio Code 1.129.
• Check for conflicting extensions that might interfere with the user interface.
• Temporarily disable extensions and restart Visual Studio Code.
• If the problem persists, try restarting your computer and reopening Visual Studio Code.

Testing the Agent Host Architecture

• Open Visual Studio Code Insiders.
• Make sure the option sessions.layout.singlePaneDetailPanel is enabled in the settings.
• Verify that the agents panel is visible and can be used to open files generated by agents and view code differences.
• Try running terminal commands directly from a supported chat by prefixing messages with an exclamation mark.

Resolving Issues with the Agent Host

• Verify that the agent extension or harness is correctly installed and configured.
• If terminal commands do not work, ensure you prefix messages with an exclamation mark and that the agent supports this feature.

Educational Summary and Call to Action

By the end of this guide, you will have learned how to enable and use the new features introduced in Visual Studio Code 1.129, focusing in particular on the experimental modern interface and the advanced capabilities of the agent host.

• Enabling the Modern Interface: You have discovered how to activate the new UI through the option workbench.experimental.modernUI in VS Code settings.
• Exploring Agent Host Features: You have learned how to use the experimental editor panel for agents and how to run terminal commands directly from supported chats.
• Improving Development Efficiency: You have seen how to manage files generated by agents and perform actions such as creating pull requests directly from the editor.

Try these new features right away to optimize your workflow and improve your software development efficiency.