Detached Agent
A Detached Agent is a floating agent window that you can pop out from Invoke. It stays on top of all your other apps — so you can keep talking to the agent while working in your browser, reading docs, or doing anything else.
Why Use a Detached Agent?
Switching between Invoke and your browser breaks your flow. A detached agent fixes that by keeping the agent chat always visible on your screen.
| Use Case | How It Helps |
|---|---|
| Browser testing | Keep the agent visible while inspecting your app, checking console logs, or browsing docs |
| Multi-monitor setups | Put the agent on one screen, your browser on the other |
| Following instructions | Pop out a step-by-step guide from the agent and follow along in your browser |
| Working on multiple things | Detach different agent for different tasks |
How to Open a Detached Agent
From the Agent Sidebar
Use the pop-out action on any active agent chat to open it in its own floating window.
One window per agent chat
If you try to detach an agent chat that's already open in a floating window, Invoke will bring that window to the front instead of creating a duplicate.
How It Works
Stays on Top
The floating window sits above all your other apps by default. Click into your browser, terminal, or anything else — the agent chat stays visible.
You can turn off the always-on-top behavior if you'd rather have it act like a normal window.
Resizable
Drag the edges to make it bigger or smaller. The default size is compact (400 × 550 px), but you can stretch it to fit your workflow.
Smart Positioning
When you open multiple detached agents, each one is slightly offset so they don't pile up on top of each other.
What You Can Do
Everything you'd expect from the agent chat:
- Send messages and get responses in real time
- View formatted responses with code blocks, tables, and lists
- Copy code snippets with one click
- Use extended thinking for complex questions
- The agent remembers which project you were working on when you detached
Best Workflows with a Browser
Snap the detached agent to one side of your screen and your browser to the other.
Great for:
- Asking the agent about errors you see in the browser
- Pasting in error messages or console output
- Getting CSS suggestions while viewing your live page
Drag the detached agent to your second monitor. Your browser gets the full primary screen, and the agent is always one glance away.
Great for:
- Long debugging sessions
- Following tutorials or API documentation
- Watching agent responses while interacting with your app
Using Invoke's Browser Mode? Detach the agent chat so you can watch the agent's explanations in the floating window while it automates actions in the browser behind the scenes.
Good to Know
- Project-aware — the agent knows which project you were working on
- Clean close — just close the window when you're done, everything is cleaned up automatically