Lee Murray cd97b0dff8 Agents window: make bottom panel alignment configurable (#339736)
Fixes #336738

This makes the Agents window bottom panel configurable so it can remain
full-span or align beneath chat without squeezing the side pane.

### Changes

- Add a checkable **Align Panel with Chat** action to the existing panel
overflow and persist the selected alignment per profile.
- Reparent the existing Grid views while preserving panel height,
side-pane width, focus, hidden views, and maximize/restore behavior.
- Preserve hidden leaf and branch visibility in the shared Grid
operations exercised by these transitions.
- Keep the panel inset when the primary sidebar is collapsed, match
native macOS lower-corner geometry, and retain the full-span layout on
mobile.
- Add focused Grid, layout-action, topology, sizing, and styling
regression coverage.

### Validation

- `npm run compile` — passed with 0 errors.
- `./scripts/test.sh --run src/vs/base/test/browser/ui/grid/grid.test.ts
--run src/vs/sessions/test/browser/workbench.test.ts --run
src/vs/sessions/test/browser/layoutActions.test.ts` — passed, 172 tests.
- `npm run typecheck-client` — passed.
- Targeted ESLint for all changed TypeScript files — passed.
- `npm run stylelint -- src/vs/sessions/browser/media/workbench.css` —
passed.
- `git diff --check` — passed.
- Agents window Dev UI scenario PA-01 through PA-08 — passed, covering
both alignments, existing-overflow placement, collapsed-sidebar spacing,
native macOS corners, maximization restoration, hidden views, and sash
regressions.


### UI validation

**Chat-aligned panel**

![Chat-aligned bottom panel beneath the chat
area](https://github.com/user-attachments/assets/3f85de9d-9730-4012-80f8-b7e78a59fd63)

**Full-span panel**

![Full-span bottom panel restored across chat and side
pane](https://github.com/user-attachments/assets/050e4695-08b1-4aaa-8876-181e3ce2d37f)

**Chat-aligned panel with the primary sidebar collapsed**

![Chat-aligned panel showing the left inset and native macOS lower
corner](https://github.com/user-attachments/assets/f855373d-be8d-4c20-8d74-16cc5873aa90)

**Full-span panel after maximization and alignment restoration**

![Full-span panel restored after panel maximization without hidden
columns or extra
sashes](https://github.com/user-attachments/assets/ad09d41e-d4b2-49f3-a2db-86b4aff6e7df)
2026-10-05 15:11:36 +01:00
2026-08-12 11:19:57 +02:00
…
2026-10-05 04:39:50 +00:00
…
…
2026-10-05 10:39:46 +00:00

Visual Studio Code - Open Source ("Code - OSS")

Feature Requests Bugs

The Repository

This repository ("Code - OSS") is where we (Microsoft) develop the Visual Studio Code product together with the community. Not only do we work on code and issues here, but we also publish our roadmap, monthly iteration plans, and our endgame plans. This source code is available to everyone under the standard MIT license.

Visual Studio Code

VS Code in action

Visual Studio Code is a distribution of the Code - OSS repository with Microsoft-specific customizations released under a traditional Microsoft product license.

Visual Studio Code combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. It provides comprehensive code editing, navigation, and understanding support along with lightweight debugging, a rich extensibility model, and lightweight integration with existing tools.

Visual Studio Code is updated monthly with new features and bug fixes. You can download it for Windows, macOS, and Linux on the Visual Studio Code website. To get the latest releases every day, install the Insiders build.

Contributing

There are many ways in which you can participate in this project, for example:

If you are interested in fixing issues and contributing directly to the codebase, please see the document How to Contribute, which covers the following:

Feedback

See our wiki for a description of each of these channels and information on some other available community-driven channels.

Many of the core components and extensions to VS Code live in their own repositories on GitHub. For example, the node debug adapter and the mono debug adapter repositories are separate from each other. For a complete list, please visit the Related Projects page on our wiki.

Bundled Extensions

VS Code includes a set of built-in extensions located in the extensions folder, including grammars and snippets for many languages. Extensions that provide rich language support (inline suggestions, Go to Definition) for a language have the suffix language-features. For example, the json extension provides coloring for JSON and the json-language-features extension provides rich language support for JSON.

Development Container

This repository includes a Visual Studio Code Dev Containers / GitHub Codespaces development container.

  • For Dev Containers, use the Dev Containers: Clone Repository in Container Volume... command, which creates a Docker volume for better disk I/O on macOS and Windows.

    • If you already have VS Code and Docker installed, you can also click here to get started. This will cause VS Code to automatically install the Dev Containers extension if needed, clone the source code into a container volume, and spin up a dev container for use.
  • For Codespaces, install the GitHub Codespaces extension in VS Code, and use the Codespaces: Create New Codespace command.

Docker / the Codespace should have at least 4 cores and 6 GB of RAM (8 GB recommended) to run a full build. See the development container README for more information.

Code of Conduct

This project has adopted the Microsoft Open Source Code of Conduct. For more information, see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.

License

Copyright (c) Microsoft Corporation. All rights reserved.

Licensed under the MIT license.

Languages
TypeScript 81.9%
JSON 14.3%
CSS 1.4%
JavaScript 0.5%
C 0.5%
Other 1%