[Mbeaulne]

Intent

Make it obvious at a glance when your own VS Code is connected to a Tangent project, so you know agents can work in your local folder.

Current behavior

• The only sign that VS Code is connected is inside Project settings, next to "Connect VS Code".
• From the chat, there's no way to tell whether agents can reach your local workspace without opening settings.

What changes

• While a VS Code window is connected to the project, a small green plug appears just before the Project settings button at the end of the chat tab strip.
• Hovering it says "Connected to VS Code" and names the window, or says how many windows are connected.
• Clicking it opens Project settings, where the connection details already live.
• When nothing is connected, the plug isn't shown and the bar looks as it does today.

How to test

1. Open a project in Tangent with VS Code disconnected. Only the folder-cog settings button shows at the end of the chat tab strip.
2. In Project settings, use "Connect VS Code" to connect a VS Code window to the project.
3. Close settings. A green plug now shows just before the settings button.
4. Hover the plug. The tooltip reads "Connected to VS Code · <your window's name>".
5. Click the plug. Project settings opens.
6. Connect a second VS Code window and hover again. The tooltip reads "Connected to VS Code · 2 windows".
7. Close the VS Code windows. The plug goes away.

Checks run on this branch: typecheck, lint, Prettier on the changed files, and knip are clean, and the 503 tests in the Tangent folder pass, including new ones for the plug. Not yet tried in the browser.

Related Issue and Pull requests

• Stack: part 8 of 10. Merge in order: Underline the Tangent tab strips and hide resting scrollbars #3010 → Give the Tangent project lists one row design #3011 → Replace the Tangent Sessions panel with a Projects sidebar #3012 → Move Tangent project tools into a card, a settings dialog and the app bar #3013 → Open Tangent agents from the chat's agents pill #3007 → Search projects and sessions from the Tangent sidebar #3016 → Offer the project's pipelines, documents and runs to the chat's # picker #3018 → Show a green plug beside project settings while VS Code is connected #3019 (this PR) → Rework the Tangent project card around reports, runs, pipelines and documents #3021 → Open runs from the chat, and list each chat's runs in a pill #3022.
• Doesn't need any further tangent-shell changes.

Type of Change

• Improvement

Line Breakdown

Category	Added	Removed
Production code	54	8
Comments	8	1
Tests	78	1
Total	140	10

Checklist

• I have tested this does not break current pipelines / runs functionality
• I have tested the changes on staging

Screenshots (if applicable)

None yet.

Additional Comments

• Green, not purple: green already means "connected" in Project settings, so the plug matches it rather than the brand colour.
• Live updates: the plug uses the same live connection status as Project settings, so it appears and disappears without a reload.

🤖 Generated with Claude Code

[github-actions]

🎩 Preview

A preview build has been created at: MB/tangent-local-env-status/46cb5f6