feat(desktop): browser pages as resource tabs, agent works in the background

Each live desktop browser page is now its own resource tab in the Chat
panel, derived from the desktop app's tab list instead of a persisted
singleton "Browser" resource with a second tab strip inside it. The inner
browser tab strip, tab pinning, duplicate, reorder, the native tab context
menu, and the auto-replacement of a closed last tab are removed.

The agent drives its own tab (the desktop's automation cursor) without
moving the user's visible page: the renderer no longer force-activates the
browser on every tool call nor auto-switches the panel to the agent's tab.
The agent's tab is announced as resource activity, so the existing view
policy shows it or badges it depending on whether the user has taken over
selection. Mentions and attachments point at exact tabs; the chat row never
stores browser resources, and legacy rows are dropped on read.

Author: waleedlatif1

apps/desktop/src/main/browser-agent/driver.test.ts

@@ -1395,7 +1395,7 @@ describe('executeTool', () => {
   it('keeps activation lazy, then restores and disposes through the driver API', async () => {
     const snapshot: BrowserSessionSnapshot = {
       v: 1,
-      tabs: [{ url: 'https://restored.example/', pinned: false }],
+      tabs: [{ url: 'https://restored.example/' }],
       activeIndex: 0,
       downloads: [],
     }

apps/desktop/src/main/browser-agent/driver.ts

@@ -905,7 +905,7 @@ export async function clearBrowserProfile(
   retireAllDriverScopeStates()
   const settingsCleared = knownSessions?.clear() !== false
   const outcomes = await Promise.allSettled([session.clearProfileStorage(), clearCredentials()])
-  // Last, covering the pinned-tab list `clearProfileStorage` just emptied.
+  // Last, covering the saved tab list `clearProfileStorage` just emptied.
   // Settings writes coalesce, and an erasure that is still sitting in that
   // window when the process dies leaves the previous account's data on disk
   // after sign-out already told the user it was gone.
@@ -2368,8 +2368,7 @@ async function executeToolInner(
         }
       }
       assertCurrentExecution()
-      // The agent chose to open this page to work in, so the panel follows it.
-      const tab = session.addAutomationTab({ reveal: true })
+      const tab = session.addAutomationTab()
       const contents = tab.view.webContents
       if (url) {
         assertCurrentExecution()
@@ -4782,16 +4781,6 @@ export async function handlePanelAction(
       }
       return
     }
-    if (action.action === 'new-tab') {
-      session.addTab()
-      return
-    }
-    if (action.action === 'duplicate-tab') {
-      if (typeof action.tabId === 'string') {
-        session.duplicateTab(action.tabId)
-      }
-      return
-    }
     if (action.action === 'switch-tab') {
       if (typeof action.tabId === 'string') {
         session.switchTab(action.tabId)

apps/desktop/src/main/browser-agent/panel.test.ts

@@ -20,7 +20,7 @@ function freshPanel(): PanelModule {
     getMainWindow: () => null,
     activeTab: () => null,
     backgroundColor: () => '#ffffff',
-    ensureInitialTab: () => {},
+    restoreActiveScope: () => {},
     onViewDetached: () => {},
   })
   panelModule.activatePanelScope('chat-test')
@@ -33,12 +33,12 @@ const PANEL_RECT = { x: 400, y: 64, width: 600, height: 800 }
 function showPanel(panel: PanelModule) {
   const win = new BrowserWindow()
   const view = new WebContentsView()
-  const active = { id: 'tab-1', scopeId: 'chat-test', view, pinned: false }
+  const active = { id: 'tab-1', scopeId: 'chat-test', view }
   panel.initPanel({
     getMainWindow: () => win,
     activeTab: () => active,
     backgroundColor: () => '#0c0c0c',
-    ensureInitialTab: () => {},
+    restoreActiveScope: () => {},
     onViewDetached: () => {},
   })
   panel.activatePanelScope('chat-test')
@@ -56,13 +56,13 @@ describe('panel chat scope', () => {
   it('returns keyboard focus to the renderer when attaching a view steals it mid-typing', () => {
     const win = new BrowserWindow()
     const view = new WebContentsView()
-    const active = { id: 'tab-1', scopeId: 'chat-test', view, pinned: false }
+    const active = { id: 'tab-1', scopeId: 'chat-test', view }
     vi.mocked(win.webContents.isFocused).mockReturnValue(true)
     panel.initPanel({
       getMainWindow: () => win,
       activeTab: () => active,
       backgroundColor: () => '#0c0c0c',
-      ensureInitialTab: () => {},
+      restoreActiveScope: () => {},
       onViewDetached: () => {},
     })
     panel.activatePanelScope('chat-test')
@@ -327,12 +327,12 @@ describe('panel chat scope', () => {
   it('applies a forced hide before the panel reports its first bounds', () => {
     const win = new BrowserWindow()
     const view = new WebContentsView()
-    const active = { id: 'tab-1', scopeId: 'chat-test', view, pinned: false }
+    const active = { id: 'tab-1', scopeId: 'chat-test', view }
     panel.initPanel({
       getMainWindow: () => win,
       activeTab: () => active,
       backgroundColor: () => '#0c0c0c',
-      ensureInitialTab: () => {},
+      restoreActiveScope: () => {},
       onViewDetached: () => {},
     })
     panel.activatePanelScope('chat-test')

apps/desktop/src/main/browser-agent/panel.ts

@@ -41,12 +41,8 @@ export interface PanelHost {
   activeTab: () => AgentTab | null
   /** Native backdrop used by a blank tab before its first page paint. */
   backgroundColor: () => string
-  /**
-   * Materializes the initial tab when the panel first becomes visible: a
-   * visible browser resource always represents one open browser window, and
-   * the tab strip, omnibox, and native session must not disagree about that.
-   */
-  ensureInitialTab: () => void
+  /** Hydrates the active scope's saved pages when the panel first becomes visible. */
+  restoreActiveScope: () => void
   /** Lets the session drop focus tracking for a view that is no longer attached. */
   onViewDetached: (view: WebContentsView | null) => void
 }
@@ -55,7 +51,7 @@ let host: PanelHost = {
   getMainWindow: () => null,
   activeTab: () => null,
   backgroundColor: () => '#ffffff',
-  ensureInitialTab: () => {},
+  restoreActiveScope: () => {},
   onViewDetached: () => {},
 }
 
@@ -834,7 +830,7 @@ export function setPanelBounds(
   panelBounds = bounds
   panelAnchor = bounds === null ? null : (anchor ?? null)
   if (bounds !== null) {
-    host.ensureInitialTab()
+    host.restoreActiveScope()
   } else {
     resetOcclusion()
   }