Agent pane: one column, one gap for the bottom stack (tray chevron on 22, narrow outset, radius token)

.github/design-surfaces.json

@@ -26,7 +26,7 @@
     },
     "composer": {
       "spec": "leo-workspace design/composer.md",
-      "aliases": ["composer", "prompt box"],
+      "aliases": ["composer", "prompt box", "bottom stack", "PR dock", "N PRs"],
       "paths": [
         "webviews/src/agent-session/acpmux/Composer.tsx",
         "webviews/src/agent-session/acpmux/ComposerBox.tsx",
@@ -36,7 +36,18 @@
         "webviews/src/agent-session/acpmux/composerControls.css",
         "webviews/src/agent-session/acpmux/composerFooterShared.css",
         "webviews/src/agent-session/acpmux/composerLook.css",
-        "webviews/src/agent-session/acpmux/composerStates.css"
+        "webviews/src/agent-session/acpmux/composerStates.css",
+        "webviews/src/agent-session/acpmux/bottomStack.css",
+        "webviews/src/agent-session/acpmux/summary/PullRequestStack.tsx",
+        "webviews/src/agent-session/acpmux/summary/PullRequestDockLegacy.tsx"
+      ]
+    },
+    "running-tray": {
+      "spec": "leo-workspace design/running-tray.md",
+      "aliases": ["running tray", "subagent tray", "running in background"],
+      "paths": [
+        "webviews/src/agent-session/acpmux/subagents/SubagentTray.tsx",
+        "webviews/src/agent-session/acpmux/subagents/subagents.css"
       ]
     },
     "session-rail": {

webviews/scripts/design-tokens-baseline.jsonl

@@ -180,7 +180,7 @@
 {"file":"agent-session/acpmux/subagents/subagents.css","kind":"spacing","property":"padding-top","values":{"2px":1}}
 {"file":"agent-session/acpmux/summary/summary.css","kind":"height","property":"height","values":{"26px":5,"6px":1,"22px":2,"14px":1,"18px":1,"40px":1}}
 {"file":"agent-session/acpmux/summary/summary.css","kind":"spacing","property":"gap","values":{"2px":5,"6px":3}}
-{"file":"agent-session/acpmux/summary/summary.css","kind":"spacing","property":"padding","values":{"8px 8px 10px":1,"4px 4px 4px 6px":1,"0 2px 4px 4px":1,"0 6px":1,"0 6px 6px":1,"0 0 6px":1,"2px 4px":1,"0 var(--cv-inset,max(18px,calc((100% - 760px)/2))) 6px":1,"6px 8px 0":1,"10px 36px 10px 12px":1,"0 10px":1,"10px 8px 6px":1}}
+{"file":"agent-session/acpmux/summary/summary.css","kind":"spacing","property":"padding","values":{"8px 8px 10px":1,"4px 4px 4px 6px":1,"0 2px 4px 4px":1,"0 6px":1,"0 6px 6px":1,"0 0 6px":1,"2px 4px":1,"6px 8px 0":1,"10px 36px 10px 12px":1,"0 10px":1,"10px 8px 6px":1}}
 {"file":"agent-session/acpmux/summary/summary.css","kind":"spacing","property":"padding-right","values":{"2px":2}}
 {"file":"agent-session/acpmux/summary/WorkflowCard.css","kind":"height","property":"height","values":{"calc(var(--ds-control-icon) + 2px)":1}}
 {"file":"agent-session/acpmux/summary/WorkflowSideTab.css","kind":"height","property":"height","values":{"calc(var(--ds-space-3) + 1px)":1}}

webviews/src/agent-session/acpmux/App.tsx

@@ -477,6 +477,14 @@ import {
 import { ThreadTitle } from "./header/ThreadTitle";
 import { headerState, setHeaderState, useHeaderState } from "./header/headerState";
 import { setTabRow, tabRowStyle, useTabRow, useTabRowTools } from "./header/tabRow";
+import type { SummaryPullRequest } from "./summary/transcriptPullRequests";
+import {
+  PullRequestCountInStack,
+  PullRequestList,
+  PullRequestStackProvider,
+  pullRequestControlLook,
+  useTranscriptPullRequests,
+} from "./summary/PullRequestStack";
 import { SubagentPaneFooter } from "./subagents/SubagentPaneFooter";
 import { RecapCard, useRecapCard } from "./RecapCard";
 import { HarnessStatusCard } from "./HarnessStatusCard";
@@ -5140,6 +5148,9 @@ export function NewTabComposerChips({
 }
 
 /// The chat's own composer chips, as the pane draws them under a chat (tests drive them directly).
+/// No pull requests: a stable empty list for the Quick Composer and a new chat.
+const NO_PULL_REQUESTS: readonly SummaryPullRequest[] = [];
+
 export function ChatComposerChips({ snapshot }: { snapshot: AcpmuxSnapshot }) {
   return <DefaultComposerChips snapshot={snapshot} />;
 }
@@ -8281,6 +8292,14 @@ function AcpmuxPane() {
         </SubagentClockContext.Provider>
       </BackgroundTaskOutputContext.Provider>
     ) : null;
+  // The chat's pull requests, one "N PRs" row in the bottom stack (summary/PullRequestStack.tsx),
+  // counted from the transcript's command findings (Session Info's Changes).
+  const stackPullRequests = useTranscriptPullRequests(snapshot.rows, githubRepository ?? undefined);
+  // Where the folded count sits: the quiet row, or a gallery comparison's place; the tray's header
+  // line only while the tray shows there.
+  const prControlLook = pullRequestControlLook();
+  const prControlPlacement =
+    prControlLook === "tray" && !(trayPlacement === "tray" && trayNode) ? "quiet" : prControlLook;
   /// The composer's prompt, which dictation writes into.
   const prompt = useRef<MarkdownFieldHandle>(null);
   /// The composer itself, which takes back prompts a harness switch held; prompts handed back
@@ -11832,7 +11851,14 @@ function AcpmuxPane() {
     <SubagentPaneFooter chat={chatName} />
   ) : (
     !reviewing && (
-      <>
+      // The chat's pull requests (summary/PullRequestStack.tsx): the "N PRs" count in the composer's
+      // quiet row and the chips it opens over the composer, both inside the composer's own element,
+      // so neither shows where the composer does not (a handoff review, the Sandboxed receipt).
+      <PullRequestStackProvider
+        prs={quick || freshView ? NO_PULL_REQUESTS : stackPullRequests}
+        sessionId={shownSessionId}
+        placement={prControlPlacement}
+      >
         {recapCard.recap && (
           <RecapCard
             recap={recapCard.recap}
@@ -11999,7 +12025,12 @@ function AcpmuxPane() {
         </Notice>
         {/* The tray (subagents/SubagentTray.tsx): in the bottom stack, right above the composer, every
           running or recently ended subagent, background command and started chat, one card each. */}
+        {/* A gallery comparison's count on the tray's header line (PullRequestCountInStack). */}
+        <PullRequestCountInStack at="tray" />
         {trayPlacement === "tray" && trayNode}
+        {/* The chips the "N PRs" count opens, right over the composer. */}
+        <PullRequestList />
+        <PullRequestCountInStack at="above" />
         {statusCardOpen && (
           <HarnessStatusCard
             summary={snapshot.summary}
@@ -12311,7 +12342,7 @@ function AcpmuxPane() {
             onEdit={(command) => ignoreFailure(callNative("pane.edit", { command }))}
           />
         </ImageViewerContext.Provider>
-      </>
+      </PullRequestStackProvider>
     )
   );
   // A handshake that still waits for acpmux: once it has waited long, one line says how long, with

webviews/src/agent-session/acpmux/Composer.tsx

@@ -1,4 +1,5 @@
 import React, { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { PullRequestCountSlot } from "./summary/PullRequestStack";
 import { createPortal } from "react-dom";
 // Send's iMessage colors (--cmux-messages-blue); build-agent-pane-web.sh inlines the sheet.
 import "../../theme/messages.css";
@@ -2501,6 +2502,8 @@ export function Composer({
         chips={
           <PromptFocus value={focusPrompt}>
             <Chips snapshot={snapshot} permissionAccess={permissionAccess} />
+            {/* The chat's "N PRs" count beside the mode, in a row already there (summary/PullRequestStack.tsx). */}
+            <PullRequestCountSlot />
           </PromptFocus>
         }
         // Claude Code ends the quiet row on the context ring. It keeps its place before the chat

webviews/src/agent-session/acpmux/Localizable.xcstrings

@@ -16252,6 +16252,140 @@
         }
       }
     },
+    "prDock.label": {
+      "comment": "Agent pane: name of the bars above the composer listing the pull requests this chat opened (cx-ncc.81)",
+      "extractionState": "manual",
+      "localizations": {
+        "en": {
+          "stringUnit": {
+            "state": "translated",
+            "value": "Pull requests in this chat"
+          }
+        },
+        "ar": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "طلبات السحب في هذه المحادثة"
+          }
+        },
+        "bs": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Pull requestovi u ovom chatu"
+          }
+        },
+        "da": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Pull requests i denne chat"
+          }
+        },
+        "de": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Pull Requests in diesem Chat"
+          }
+        },
+        "es": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Pull requests de este chat"
+          }
+        },
+        "fr": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Pull requests de cette discussion"
+          }
+        },
+        "it": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Pull request in questa chat"
+          }
+        },
+        "ja": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "このチャットのプルリクエスト"
+          }
+        },
+        "km": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "សំណើ Pull ក្នុងការជជែកនេះ"
+          }
+        },
+        "ko": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "이 채팅의 풀 리퀘스트"
+          }
+        },
+        "nb": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Pull requests i denne chatten"
+          }
+        },
+        "pl": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Pull requesty w tym czacie"
+          }
+        },
+        "pt-BR": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Pull requests nesta conversa"
+          }
+        },
+        "ru": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Пул-реквесты в этом чате"
+          }
+        },
+        "th": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Pull request ในแชทนี้"
+          }
+        },
+        "tr": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Bu sohbetteki pull request'ler"
+          }
+        },
+        "uk": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Пул-реквести в цьому чаті"
+          }
+        },
+        "vi": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "Pull request trong cuộc trò chuyện này"
+          }
+        },
+        "zh-Hans": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "此聊天中的拉取请求"
+          }
+        },
+        "zh-Hant": {
+          "stringUnit": {
+            "state": "needs_review",
+            "value": "此聊天中的提取要求"
+          }
+        }
+      }
+    },
+    "prDock.countOne": {"comment":"Agent pane: compact count of one pull request above the composer (si-prpills)","extractionState":"manual","localizations":{"en":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"ar":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"bs":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"da":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"de":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"es":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"fr":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"it":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"ja":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"km":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"ko":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"nb":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"pl":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"pt-BR":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"ru":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"th":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"tr":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"uk":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"vi":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"zh-Hans":{"stringUnit":{"state":"needs_review","value":"1 PR"}},"zh-Hant":{"stringUnit":{"state":"needs_review","value":"1 PR"}}}},
+    "prDock.count": {"comment":"Agent pane: compact count of pull requests above the composer; {count} is the number (si-prpills)","extractionState":"manual","localizations":{"en":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"ar":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"bs":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"da":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"de":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"es":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"fr":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"it":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"ja":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"km":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"ko":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"nb":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"pl":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"pt-BR":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"ru":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"th":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"tr":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"uk":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"vi":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"zh-Hans":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}},"zh-Hant":{"stringUnit":{"state":"needs_review","value":"{count} PRs"}}}},
     "prDock.dismiss": {
       "comment": "Agent pane: button that hides a pull request's bar above the composer for this chat; {number} is the PR number (cx-ncc.81)",
       "extractionState": "manual",