Add Composio connector suggestions to composer

AGENTS.md

@@ -15,7 +15,8 @@
   1. commit task in feature worktree
   2. create/switch feature branch
   3. rebase feature branch on `main`
-  4. from main worktree: `git checkout main && git merge --no-ff <feature-branch>`
+  4. if a GitHub PR exists or GitHub merge is available, prefer updating/creating the PR, rebasing the branch, and merging the PR on GitHub instead of merging locally
+  5. if no PR/GitHub merge path is available, from main worktree: `git checkout main && git merge --no-ff <feature-branch>`
 - If user explicitly asks for a single merge commit, use:
   - `git checkout main`
   - `git reset --hard <pre-merge-main-commit>`

src/App.vue

@@ -942,7 +942,8 @@
                   @update:selected-collaboration-mode="onSelectCollaborationMode"
                   @update:selected-model="onSelectModel"
                   @update:selected-reasoning-effort="onSelectReasoningEffort"
-                  @update:selected-speed-mode="onSelectSpeedMode" />
+                  @update:selected-speed-mode="onSelectSpeedMode"
+                  @open-composio-connector="onOpenComposioConnectorFromComposer" />
               </div>
             </div>
           </template>
@@ -1027,6 +1028,7 @@
                     @submit="onSubmitThreadMessage" @update:selected-model="onSelectModel"
                     @update:selected-reasoning-effort="onSelectReasoningEffort"
                     @update:selected-speed-mode="onSelectSpeedMode"
+                    @open-composio-connector="onOpenComposioConnectorFromComposer"
                     @interrupt="onInterruptTurn" />
                 </div>
               </template>
@@ -1753,6 +1755,12 @@ function onOpenPluginsHomeCard(): void {
   void router.push({ name: 'skills', query: { tab: 'plugins' } })
 }
 
+function onOpenComposioConnectorFromComposer(slug: string): void {
+  const normalizedSlug = slug.trim()
+  if (!normalizedSlug) return
+  void router.push({ name: 'skills', query: { tab: 'composio', connector: normalizedSlug } })
+}
+
 const threadContextBadgeState = computed(() => {
   const remainingPercent = selectedThreadTokenUsage.value?.remainingContextPercent
   if (remainingPercent === null || typeof remainingPercent !== 'number') return 'pending'

src/api/codexGateway.test.ts

@@ -1,5 +1,5 @@
 import { afterEach, describe, expect, it, vi } from 'vitest'
-import { getAvailableModelIds, getThreadDetail, listDirectoryComposioConnectors, resumeThread, startThreadTurn } from './codexGateway'
+import { getAvailableModelIds, getThreadDetail, listDirectoryComposioConnectors, logoutDirectoryComposioCli, resumeThread, startThreadTurn } from './codexGateway'
 
 function mockRpcFetch(): { requests: Array<{ method: string, params: Record<string, unknown> }> } {
   const requests: Array<{ method: string, params: Record<string, unknown> }> = []
@@ -86,6 +86,30 @@ describe('listDirectoryComposioConnectors', () => {
 
     expect(requests).toEqual(['/codex-api/composio/connectors?query=instagram&cursor=50&limit=25'])
   })
+
+  it('posts to the logout endpoint', async () => {
+    const requests: Array<{ input: string, method: string }> = []
+    vi.stubGlobal('fetch', vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+      requests.push({
+        input: String(input),
+        method: String(init?.method ?? 'GET'),
+      })
+      return new Response(JSON.stringify({
+        ok: true,
+        command: 'composio logout',
+        output: '',
+      }), {
+        status: 200,
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      })
+    }))
+
+    await logoutDirectoryComposioCli()
+
+    expect(requests).toEqual([{ input: '/codex-api/composio/logout', method: 'POST' }])
+  })
 })
 
 describe('getAvailableModelIds', () => {

src/api/codexGateway.ts

@@ -241,6 +241,12 @@ export type DirectoryComposioInstallResult = {
   output: string
 }
 
+export type DirectoryComposioLogoutResult = {
+  ok: boolean
+  command: string
+  output: string
+}
+
 type DirectoryComposioConnectorPage = {
   data: DirectoryComposioConnector[]
   nextCursor: string | null
@@ -2376,6 +2382,16 @@ export async function installDirectoryComposioCli(): Promise<DirectoryComposioIn
   return await response.json() as DirectoryComposioInstallResult
 }
 
+export async function logoutDirectoryComposioCli(): Promise<DirectoryComposioLogoutResult> {
+  const response = await fetch('/codex-api/composio/logout', {
+    method: 'POST',
+  })
+  if (!response.ok) {
+    throw new Error(`Failed to logout Composio CLI (${response.status})`)
+  }
+  return await response.json() as DirectoryComposioLogoutResult
+}
+
 export async function getAccountRateLimitsResponse(): Promise<GetAccountRateLimitsResponse> {
   return await callRpc<GetAccountRateLimitsResponse>('account/rateLimits/read')
 }