fix(issues): move agent live bar back into the activity section (#3533)

PR #3517 moved the AgentLiveCard out of the activity section to a
sticky bar above the editable title. This restores its original
placement (after LocalDirectoryHint, above the timeline) and reverts
the container margin from mb-4 back to mt-4 that suited the top slot.

Everything else from #3517 is kept: the single-container multi-agent
accordion, the lifted cancel-confirmation dialog, and the dropped
parked/running background variant.

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Naiyuan Qing
2026-05-29 19:51:19 +08:00
committed by GitHub
parent c7fdc77908
commit 8b37edbbb1
2 changed files with 9 additions and 9 deletions

View File

@@ -292,7 +292,7 @@ export function AgentLiveCard({ issueId }: AgentLiveCardProps) {
// thread scrolls under it. One bordered container in every state: the
// single row, the collapsed summary, and the expanded list all share it,
// so the bar reads at one consistent width.
<div className="mb-4 sticky top-4 z-10 rounded-lg bg-background/80 supports-[backdrop-filter]:bg-background/55 backdrop-blur-md">
<div className="mt-4 sticky top-4 z-10 rounded-lg bg-background/80 supports-[backdrop-filter]:bg-background/55 backdrop-blur-md">
<div className="overflow-hidden rounded-lg border border-info/20 bg-info/5">
{isMulti ? (
<>

View File

@@ -1728,14 +1728,6 @@ export function IssueDetail({ issueId, onDelete, onDone, defaultSidebarOpen = tr
className="relative flex-1 overflow-y-auto"
>
<div className="mx-auto w-full max-w-4xl px-8 py-8">
{/* Agent live status — sticky bar at the top of the main content,
above the editable title. Keyed by issue id so switching issues
remounts and clears in-flight task state from the previous
issue. A single active task is directly actionable (Logs +
Stop); multiple collapse into a click-to-open popover. The full
execution log lives in the right panel via ExecutionLogSection —
this bar is just the "is anyone working?" anchor. */}
<AgentLiveCard key={id} issueId={id} />
<TitleEditor
key={`title-${id}`}
defaultValue={issue.title}
@@ -1946,6 +1938,14 @@ export function IssueDetail({ issueId, onDelete, onDone, defaultSidebarOpen = tr
<LocalDirectoryHint projectId={issue?.project_id} />
{/* Agent live output — sticky banner in the activity section,
keyed by issue id so switching issues remounts the card and
clears any in-flight task state from the previous issue.
The execution log itself (per-task timeline + past runs)
lives in the right panel via ExecutionLogSection — this
card is just a header-style "agent is working" anchor. */}
<AgentLiveCard key={id} issueId={id} />
{/* Timeline entries — virtualized via react-virtuoso to keep
first-paint cost O(viewport) instead of O(N). On a 500-comment
issue the unvirtualized .map froze the page for several