@kortix/ui 0.14.12 → 0.14.14

package/dist/session/thread/session-chat.js

@@ -9,7 +9,7 @@ import { useSessionWallpaperLayer } from '../panel/session-wallpaper-layer.js';
 import { useTranslations } from '../../i18n/index.js';
 import { errorMessageOf, isDeliveredButDisconnected } from '../../internal/lib/delivered-but-disconnected.js';
 import { useQueuedDraftStore, useQueuedDrafts } from '../composer/stores/queued-draft-store.js';
-import { SESSION_LOG_MINOR, SESSION_LOG_SCHEMA, listSessionPrompts, projectSessionConnection, sessionLogOfV1Rows, sessionLogPromptMessage, sessionLogRetrying, sessionLogTurns, fetchSessionAttachment, sessionLogFullTextPlan, sessionLogHarnessSwitches, sessionLogRestoreNotice, sessionLogWithFullTexts, } from '@kortix/sdk';
+import { SESSION_LOG_MINOR, SESSION_LOG_SCHEMA, listSessionPrompts, sessionLogOfV1Rows, sessionLogPromptMessage, sessionLogRetrying, sessionLogTurns, fetchSessionAttachment, sessionLogFullTextPlan, sessionLogHarnessSwitches, sessionLogRestoreNotice, sessionLogWithFullTexts, } from '@kortix/sdk';
 import { useProjectSession, useSessionLogOlder, useSessionLogRecord, useSessionLogThread, useSessionMessageAuthors, useSessionModelUsage, useSessionParticipants, } from '@kortix/sdk/react';
 import { ArrowBendUpLeftIcon, CaretDownIcon, StackIcon as Layers, } from '@phosphor-icons/react';
 import { jumpToOutcome } from '../outcomes/jump-to-outcome.js';
@@ -39,6 +39,9 @@ import { ProjectFilesProvider } from '../../files/project/context.js';
 import { useOptionalSessionPanel } from '../panel/session-panel-provider.js';
 import { COMPOSER_SHELL_CLASS, Composer as SessionChatInput, } from '../composer/composer.js';
 import { ComposerDropZone } from '../composer/composer-drop-zone.js';
+import { AgentsLine } from '../agents/agent-strip.js';
+import { HeldMessages } from '../agents/held-messages.js';
+import { SessionPromptContext } from '../agents/session-prompt.js';
 import { channelRunnableAgents, resolveComposerAgent, withChannelAgents } from '../composer/composer-agent-access.js';
 import { acknowledgeQuoteRequests, } from '../composer/composer-logic.js';
 import { sessionSlashFiles } from '../composer/menus/slash-files.js';
@@ -349,7 +352,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     // useSessionSync is the SINGLE source of truth for messages (matches OpenCode SolidJS).
     // It fetches on first access, then SSE events keep it up to date.
     // No React Query fallback — prevents stale refetches from overwriting live data.
-    // A chat with no `useSession` (a sub-agent's: `sub-session-modal`, the `?rs=` route) runs
+    // A chat with no `useSession` (a sub-agent's: `legacy-subagent-chat`, the `?rs=` route) runs
     // inside the route's session. While that session reads its log (v2: the store holds it),
     // the sub-agent's thread and its older pages are the log's, and no saved copy is read.
     const [scopeProjectId = '', scopeSessionId = ''] = savedHistoryScope?.split('/') ?? [];
@@ -370,7 +373,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     // failure that needs a retry affordance. Neither is an empty session: a
     // swallowed 503 used to render exactly that, blank and "complete".
     freshness: transcriptFreshness, retryTranscript, } = sessionState ?? localSync;
-    // A chat with no `useSession` (a sub-agent's, `sub-session-modal`) reads its
+    // A chat with no `useSession` (a sub-agent's, `legacy-subagent-chat`) reads its
     // runtime session's rows through `useSessionSync`: the same `fromV1` view.
     // On v2 that is the fallback while the log does not hold the sub-agent's thread yet.
     const detachedThread = useMemo(() => sessionState || hookMessages.length === 0
@@ -785,7 +788,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
      * turn authority first (`GET .../turn`), the stream second, and this tab's
      * own send receipt only until either of them answers.
      */
-    // A child-session mount (`sub-session-modal.tsx` passes no project ids) has
+    // A child-session mount (`legacy-subagent-chat.tsx` passes no project ids) has
     // no Kortix session row for `/turn` to answer about, so the projection below
     // is disabled and every working read falls back to the raw stream slot —
     // the same split `session-layout.tsx` makes for its busy indicator.
@@ -3289,6 +3292,10 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     }), [panelOutputs, panelContextFiles]);
     const sessionScopeAgentName = composerAgentName ?? undefined;
     const chatToolbarSlot = useMemo(() => projectId && projectSessionId ? (_jsx(SessionOverridesComposer, { projectId: projectId, sessionId: projectSessionId, selectedAgent: sessionScopeAgentName ?? null })) : undefined, [projectId, projectSessionId, sessionScopeAgentName]);
+    // The agents this session started, as one line in the composer's under-row
+    // (Claude Code's agent panel). It reads its own lists and never holds the composer.
+    const agentsLineCompact = !!transcriptRows && !isPhone;
+    const chatUnderbarSlot = useMemo(() => _jsx(AgentsLine, { projectId: projectId, sessionId: projectSessionId, compact: agentsLineCompact }), [projectId, projectSessionId, agentsLineCompact]);
     // The queued messages and the one Resume while a Stop holds the queue: their
     // own full-width card above the composer stack, not inside the strip.
     const chatAboveSlot = useMemo(() => (_jsx(QueuedPromptList, { rows: heldCommands.length > 0 ? [...queueRows.rows, ...heldCommandRows(heldCommands)] : queueRows.rows, heldCount: queueRows.heldCount, resumePending: resumePending, onResume: () => void handleResumeQueue(), onEdit: (id) => {
@@ -3385,22 +3392,8 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     // its cause attached instead of a shrug. An actionable cause reports to
     // Sentry; a routine browser tab discard only leaves a breadcrumb.
     useReloadForensics(projectSessionId);
-    // ONE answer for every surface that draws this session's runtime, and the
-    // reason the composer no longer guesses: `unknown` and `connecting` are
-    // waits, and a wait is not a fault. A routine wake says nothing either; only
-    // a parked box with no wake under way earns the asleep notice.
-    const sessionConnection = projectSessionConnection({
-        sandbox: projectSessionRow?.status ?? null,
-        runtimeReady,
-        unreachable: runtimePhase === 'unreachable' || runtimeUnreachable,
-        stalled: runtimeStalled,
-        activityFresh: working.state === 'working' && working.source === 'stream',
-    });
     const composerReadiness = sessionComposerReadiness({
         runtimeReady,
-        pendingPrompt: allowSendBeforeReady && working.state === 'working',
-        pendingDelivery: working.pendingDelivery,
-        connection: sessionConnection,
         // Only an OPEN TURN the control plane is holding counts here. This tab's
         // optimistic receipt and a stream frame both survive a box that died
         // mid-turn, and a durable inbox row (which the projection also sources to
@@ -3409,12 +3402,6 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         serverTurnLive: serverHoldsOpenTurn(working),
         unreachable: runtimePhase === 'unreachable' || runtimeUnreachable,
         stalled: runtimeStalled,
-        // The route's `/start` is bringing the computer up (or has not answered):
-        // the same fact the boot pill above the thread shows.
-        starting: !!sessionState &&
-            (sessionState.stage == null ||
-                sessionState.stage === 'provisioning' ||
-                sessionState.stage === 'starting'),
     });
     // #6509's `promptLikelyDropped` notice is deliberately NOT carried over: it
     // instrumented the deleted prompt-observation stall machinery to warn about
@@ -3480,7 +3467,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     // about which ref backs a change request.
     const outcomesBaseRef = useSessionBaseRef(projectId, projectSessionId);
     const searchParams = useUiSearchParams();
-    // `readOnly` is the nested sub-session modal (`sub-session-modal.tsx`) — it
+    // `readOnly` is the nested sub-session modal (`legacy-subagent-chat.tsx`) — it
     // shares this component but must not rewrite the parent route's URL.
     const [openCrId, setOpenCrIdState] = useState(() => readOnly ? null : (searchParams?.get('cr') ?? null));
     const setOpenCrId = useCallback((id) => {
@@ -3523,6 +3510,9 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     // the loader exists to avoid). The connection keeps running in the parent
     // ProjectSessionRuntimeConnection, so as soon as the runtime is ready
     // isDataLoading flips and the full shell renders in one shot.
+    // A control outside the composer ("Save as workflow" on a workflow card) sends through the
+    // same path as a typed prompt: a running turn is steered, an idle session starts a turn.
+    const sendSessionPrompt = useCallback((text) => handleSend(text, undefined, undefined, undefined, composerSendDelivery('transcript', isBusyRef.current)), [handleSend]);
     if (isDataLoading) {
         // A transcript read that genuinely FAILED (not a waking box — the SDK keeps
         // those on `loading` and retries them itself) gets an explicit retry, not
@@ -3535,275 +3525,275 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     }
     return (
     // A read-only view (the sub-session modal) offers no fix inside a tool card.
-    _jsx(ReadOnlySessionContext.Provider, { value: !!readOnly, children: _jsx(ProjectFilesProvider, { value: { projectId: projectId ?? '', ref: outcomesBaseRef, defaultBranch: outcomesBaseRef }, children: _jsxs(ComposerDropZone, { className: cn('relative flex h-full flex-col', 
-                // Transparent in the welcome state so the root-level full-bleed wallpaper
-                // (portaled into SessionLayout) reads through; solid once real content
-                // takes over. Same base color either way, so non-welcome is unchanged.
-                shouldShowWelcomeOverlay ? 'bg-transparent' : 'bg-background'), "data-testid": "session-chat", children: [isPreparingPrint && (_jsxs("div", { "data-print-hide": true, role: "status", className: "bg-popover text-muted-foreground fixed bottom-6 left-1/2 z-50 flex -translate-x-1/2 items-center gap-2 rounded-lg border px-4 py-2 text-xs shadow-lg", children: [_jsx(Loading, { className: "size-3.5 shrink-0" }), tHardcodedUi.raw('i18nComplete.text7dac2ca010fe')] })), wallpaperLayer
-                        ? welcomeWallpaper && createPortal(welcomeWallpaper, wallpaperLayer)
-                        : welcomeWallpaper, !hideHeader && (_jsx(SessionSiteHeader, { sessionId: sessionId, sessionTitle: session?.title || 'Untitled', leadingAction: headerLeadingAction, parent: parentCrumb })), _jsx(SessionContextModal, { open: contextModalOpen, onOpenChange: setContextModalOpen, 
-                        // A chat with no `useSession` source: the raw explorer lists the
-                        // rows `useSessionSync` read for it.
-                        detachedRows: sessionState ? undefined : hookMessages, source: sessionState ?? DETACHED_SESSION_MESSAGES, session: session, sessionRow: projectSessionRow, providers: providers, allSessions: allSessions, servedModel: sessionServedModel, billedCost: sessionBilledCost(modelUsage) }), _jsx(CompactModal, { sessionId: sessionId, open: compactModalOpen, onOpenChange: setCompactModalOpen }), _jsx(ChangeRequestDetailDialog, { crId: openCrId, onClose: () => setOpenCrId(null), onOpenChangeRequest: setOpenCrId }), _jsxs(SessionBodyRow, { actionPanel: !hideHeader && !readOnly, children: [isNotFound ? (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 px-6 text-center", children: [_jsx("div", { className: "text-muted-foreground text-sm", children: tHardcodedUi.raw('componentsSessionSessionChat.line5821JsxTextThisSessionIsNotAccessibleRightNow') }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { href: "/", prefetch: true, onClick: () => {
-                                                try {
-                                                    if (sessionId)
-                                                        useTabStore.getState().closeTab?.(sessionId);
-                                                }
-                                                catch { }
-                                            }, children: tHardcodedUi.raw('componentsSessionSessionChat.line5833JsxTextGoToHome') }) })] })) : (_jsxs("div", { ref: chatAreaRef, className: "relative z-10 min-h-0 flex-1", children: [_jsx("div", { ref: scrollContainerCallbackRef, className: cn(
-                                        // overflow-anchor:none — this scroll area does ALL of its own
-                                        // anchoring (useAutoScroll's spacer + RAF follow, the send-path
-                                        // turn anchor, and the history-prepend content-space restore in
-                                        // session-history-scroll.ts). The browser's native scroll
-                                        // anchoring (default `overflow-anchor: auto`) tries to
-                                        // compensate for the SAME prepends independently, and the two
-                                        // corrections stacking is the other half of the scroll-up
-                                        // teleport: ours restores the reader's position, then the
-                                        // native one nudges it again.
-                                        'scrollbar-hide relative z-10 h-full flex-1 overflow-y-auto [scroll-behavior:auto] [overflow-anchor:none]', shouldShowWelcomeOverlay ? 'bg-transparent' : 'bg-background'), onMouseUp: handleChatMouseUp, onMouseDown: handleChatMouseDown, onScroll: handleChatScroll, children: _jsxs("div", { ref: contentRef, role: "log", 
-                                            // Width and gutters live in `SESSION_TRANSCRIPT_CLASS`: the
-                                            // instant shell draws this same column and the two crossfade
-                                            // into each other, so a difference here is a sideways jump on
-                                            // screen, not a style opinion. See session-body.tsx.
-                                            //
-                                            // No bottom padding, there or here: the space under the last
-                                            // message is the auto-scroll spacer's job alone. The `pb-32`
-                                            // that used to sit here stacked 128px of dead space on top of
-                                            // it — the "extra inset at the bottom of the session".
-                                            // Rows run edge to edge: each row owns its gutters and its hover fill.
-                                            className: transcriptRows ? 'w-full min-w-0 pt-4' : SESSION_TRANSCRIPT_CLASS, children: [_jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx(SessionPrintHeader, { title: session?.title || 'Untitled', agentName: composerAgentName }), (hasOlder || showOlderLoading) && (_jsxs("div", { className: "mb-6 flex flex-col items-center gap-2", children: [hasOlder && (_jsx("div", { ref: olderSentinelRef, "aria-hidden": true, className: "h-px w-full" })), showOlderLoading && (_jsxs("div", { role: "status", className: "text-muted-foreground flex items-center gap-2 py-1 text-xs", children: [_jsx(Loading, { className: "size-3.5 shrink-0" }), tHardcodedUi.raw('i18nComplete.text85bf890776a7')] })), !showOlderLoading &&
-                                                                    !olderPullFailed &&
-                                                                    olderAutoloadExhausted({ hasOlder, autoLoadedPages }) && (_jsx(Button, { type: "button", variant: "outline-ghost", size: "sm", onClick: () => void handleLoadOlder(), children: tHardcodedUi.raw('i18nComplete.textf17671d83db0') })), olderPullFailed && !showOlderLoading && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: tHardcodedUi.raw('i18nComplete.textb03a0041ce33') }), _jsx(Button, { type: "button", variant: "outline-ghost", size: "sm", onClick: () => void handleLoadOlder(), children: tHardcodedUi.raw('i18nComplete.text942087cc2d41') })] }))] })), restoreNotice && !restoreDismissed && (_jsx(RestoreNotice, { notice: restoreNotice, onDismiss: () => dismissRestore(historyKey, restoreNotice.generation) })), _jsx(SessionOutcomesProvider, { projectSessionId: projectSessionId, turnSpans: turnSpans, busy: effectiveBusy, onOpen: handleOpenOutcome, onJump: handleJumpToOutcome, jumping: jumpingToOutcome, children: _jsxs(ToolActivateContext.Provider, { value: toolActivate, children: [showFirstPromptPreview &&
-                                                                        firstPromptSource &&
-                                                                        queuedSyntheticMessages.length === 0 &&
-                                                                        rowsContext && (
-                                                                    // A channel thread draws the stand-in as rows, the same
-                                                                    // rows its boot body drew (`ThreadBootRows`).
-                                                                    _jsx(PendingPromptRows, { text: buildOptimisticPromptTextWithUploads(firstPromptSource.text, firstPromptSource.files), author: rowsContext.owner, sessionId: sessionId, busy: turns.length === 0 && (lastTurnWorking || promptInbox.prompts.some(isFirstPromptRow)) })), showFirstPromptPreview &&
-                                                                        firstPromptSource &&
-                                                                        queuedSyntheticMessages.length === 0 &&
-                                                                        !rowsContext && (_jsx(OptimisticTurn, { text: buildOptimisticPromptTextWithUploads(firstPromptSource.text, firstPromptSource.files), 
-                                                                        // Preserve a real failed-send status through the
-                                                                        // boot-shell handover without inventing upload progress.
-                                                                        // A first prompt held on its uploads carries its own.
-                                                                        uploadStatus: firstPromptSource.uploadStatus ?? firstPromptUploadStatus, agentNames: agentNames, onFileClick: openFileInComputer, sessionId: sessionId, 
-                                                                        // The first item of the conversation, like turn 0, which has no
-                                                                        // top margin. `first:mt-0` misses here: the list opens with a
-                                                                        // zero-height <header>, so the stand-in sat 44px lower than turn 0
-                                                                        // and every swap between the two jumped the bubble (KRTX-2931).
-                                                                        className: "mt-0", 
-                                                                        // An undelivered first prompt is a turn about to start, as the
-                                                                        // shell above this chat shows it: busy from the first frame,
-                                                                        // before the working projection has read the inbox (KRTX-2931).
-                                                                        busy: turns.length === 0 && (lastTurnWorking || promptInbox.prompts.some(isFirstPromptRow)) })), turns.map((turn, turnIndex) => {
-                                                                        // Check if this turn is a compaction summary — and
-                                                                        // whether it actually PRODUCED one. A failed/aborted
-                                                                        // attempt (compaction-flagged, no content, not the
-                                                                        // working turn) renders as one slim row, draws no
-                                                                        // divider, and stacks tight against a neighbouring
-                                                                        // failed attempt.
-                                                                        const compaction = turn.compaction;
-                                                                        const hasCompaction = compaction !== null;
-                                                                        const isTurnWorking = turn.live;
-                                                                        // `inFlight` (message state) alongside the projection:
-                                                                        // classifying by projection alone flipped a streaming
-                                                                        // compaction to "failed" for the frames where the two
-                                                                        // disagree, popping the divider in and out — a layout
-                                                                        // bounce right where the reader is looking.
-                                                                        const isFailedCompaction = compaction !== null &&
-                                                                            !compaction.hasContent &&
-                                                                            !compaction.inFlight &&
-                                                                            !isTurnWorking;
-                                                                        // Retries collapse to ONE visible row, GLOBALLY: a
-                                                                        // failed attempt with ANY later compaction turn (a
-                                                                        // retry, or the one that finally landed) is history —
-                                                                        // it keeps its TurnViewport (stable keys, scroll
-                                                                        // anchors) but renders no content, and an empty
-                                                                        // TurnViewport costs 0px (turn-viewport.tsx RULE 2).
-                                                                        // Adjacency was not enough: attempts whose error landed
-                                                                        // on a plain assistant message used to interleave as
-                                                                        // unclassified turns, breaking every consecutive run.
-                                                                        const suppressedFailedCompaction = isFailedCompaction && turnIndex < lastCompactionTurnIndex;
-                                                                        // Notification-only early-return removed: it rendered the
-                                                                        // user's pty_* card but skipped the turn's replies,
-                                                                        // hiding every subsequent assistant response in that turn.
-                                                                        // Fall through to the normal turn renderer instead.
-                                                                        const confirmedActive = turnIsConfirmedActive({
-                                                                            isTurnWorking,
-                                                                            turnId: turn.id,
-                                                                            activeTurnId,
-                                                                            pendingDelivery: !!working.pendingDelivery,
-                                                                        });
-                                                                        const pendingPrompt = !confirmedActive && turn.assistant.length === 0
-                                                                            ? pendingPromptsByMessageId.get(turn.id)
-                                                                            : undefined;
-                                                                        // A queued prompt is not in the runtime transcript yet;
-                                                                        // its author still shows (`authorForTurn`).
-                                                                        const turnAuthor = authorForTurn(transcriptAuthors, messageAuthors, turn.id, pendingPrompt?.wire_message_id);
-                                                                        return (_jsx(TranscriptTurnRow
-                                                                        // ONE element per prompt: keyed by the id the
-                                                                        // bubble was FIRST painted under, so the swap to a
-                                                                        // re-minted echo id re-renders this node instead
-                                                                        // of mounting a new one (opacity keeps animating,
-                                                                        // hover state survives, nothing jumps).
-                                                                        , { turnId: turn.id, modelOptions: modelOptions, suppressed: suppressedFailedCompaction, continuedWith: harnessSwitches.get(turn.id)?.harness, fullTextState: loaded.state[turn.id] ?? 'idle', onLoadFullText: loadFullTexts, showBusyRow: showFallbackBusyRow &&
-                                                                                fallbackBusyRowTurnId === turn.id, 
-                                                                            // Queued bubbles STACK: a pending turn right after
-                                                                            // another pending turn sits close to it, like a
-                                                                            // list of what is waiting — not a turn's width
-                                                                            // apart as if each had been answered in between.
-                                                                            // (Failed compaction rows need no stacking rule any
-                                                                            // more — at most one is visible at a time.)
-                                                                            viewportClassName: turnIndex === 0 || transcriptRows
-                                                                                ? ''
-                                                                                : // A compaction and the work after it continue the turn above.
-                                                                                    turn.compaction || turn.continues
-                                                                                        ? 'mt-6'
-                                                                                        : lastTurnWorking &&
-                                                                                            pendingTurnIds.has(turn.id) &&
-                                                                                            pendingTurnIds.has(turns[turnIndex - 1].id)
-                                                                                            ? 'mt-3'
-                                                                                            : 'mt-12', turn: turn, author: turnAuthor, showAuthor: showAuthorName(turnAuthor, groupChat, viewerId), stoppedBy: stoppedByName(messageAuthors, turn.id, viewerId), servedModel: servedModelOfTurn(modelUsage, turn.id, turns[turnIndex - 1]?.id), turnOutcome: turnOutcome, isLast: turn.id === lastUserMessageId, ownsPlan: turn.id === planAnchorId, sessionId: sessionId, projectId: projectId, projectSessionId: projectSessionId, sessionStatus: sessionStatus, permissions: pendingPermissions, questions: pendingQuestions, agentNames: agentNames, isFirstTurn: turnIndex === 0, 
-                                                                            // Handed over only once the stand-in has stepped
-                                                                            // aside — while it is up it draws these itself.
-                                                                            pendingText: turnIndex === 0 ? firstTurnHandover?.text : undefined, pendingAttachments: sentAttachmentsForTurn({
-                                                                                sentByMessage: sentAttachmentsByMessage,
-                                                                                messageId: turn.id,
-                                                                                originId: optimisticOriginOf(sessionId, turn.id),
-                                                                                isFirstTurn: turnIndex === 0,
-                                                                                firstTurnHandover: firstTurnHandover?.attachments,
-                                                                                firstTurnSent: firstPromptAttachments(projectSessionId),
-                                                                                queuedRowAttachments: inboxRowsByMessageId.get(turn.id)?.attachments,
-                                                                            }), uploadStatus: heldSendFailures?.[turn.id]
-                                                                                ? {
-                                                                                    state: 'failed',
-                                                                                    message: heldSendFailures[turn.id].message,
-                                                                                    onRetry: () => retryHeldSend(sessionId, turn.id, resendHeldSend, (error) => classifySessionError(error).message),
-                                                                                }
-                                                                                : turnIndex === 0 && firstTurnHandover?.attachments.length
-                                                                                    ? firstPromptUploadStatus
-                                                                                    : undefined, sessionWorking: lastTurnWorking, isWorkingTurn: turn.live, suppressBusyIndicator: suppressWorkingTurnBusy, awaitingUser: awaitingUserInput, 
-                                                                            // An idle send stays in the inbox until delivery,
-                                                                            // but nothing runs ahead of it: queued only while
-                                                                            // it waits behind a turn (`turnRendersQueued`).
-                                                                            // The first turn, with no turn working, has
-                                                                            // nothing ahead of it: a session's first prompt is
-                                                                            // starting, not queued, while the computer comes up
-                                                                            // and before the turn layer marks it queued or live.
-                                                                            pending: turnIndex === 0 && workingTurn.workingTurnId === null && !confirmedActive
-                                                                                ? pendingPrompt?.state === 'waiting' || pendingPrompt?.state === 'failed'
-                                                                                : turnRendersQueued({
-                                                                                    turnId: turn.id,
-                                                                                    resolution: workingTurn,
-                                                                                    sessionWorking: lastTurnWorking,
-                                                                                    confirmedActive,
-                                                                                    inboxPrompt: pendingPrompt,
-                                                                                }), pendingPrompt: pendingPrompt, onRetryQueued: stableRetryQueued, onRemoveQueued: stableRemoveQueued, queuedPromptViewer: queuedPromptViewer, interruptedBeforeRun: interruptedTurnIds.has(turn.id), isCompaction: hasCompaction, onOpenCompactionSummary: panel ? stableOpenCompactionSummary : undefined, onOpenPastedContent: panel ? stableOpenPastedContent : undefined, providers: providers, commandMessages: commandMessagesRef.current, commands: commands, disableToolNavigation: disableToolNavigation, onPermissionReply: stablePermissionReply, onRewind: stableRewind, editingText: rewindTarget?.messageId === turn.id
-                                                                                ? rewindTarget.text
-                                                                                : null, editPending: editSendPending || !!sessionState?.rewindPending, onEditCancel: stableEditCancel, onEditSend: stableEditSend, rewindDisabled: !!readOnly ||
-                                                                                (rewindable !== null && !rewindable.has(turn.id)) ||
-                                                                                !runtimeCanRewind ||
-                                                                                !sessionState ||
-                                                                                isBusy ||
-                                                                                sessionState.rewindPending ||
-                                                                                // The runtime is not idle while queued prompts
-                                                                                // are still on their way to it — a rewind mid-
-                                                                                // delivery fails downstream with "Session is
-                                                                                // busy" (measured); refuse it up front instead.
-                                                                                promptInbox.prompts.length > 0 }, turnRenderKeys.get(turn.id)));
-                                                                    })] }) }), isOptimisticCompacting && !hasCompactionTurn && (_jsx("div", { className: turns.length > 0 ? 'mt-12' : 'mt-2', children: _jsx(CompactionMarker, { running: true }) })), [
-                                                            ...(turnOutcome.recent_failures ?? []),
-                                                            ...(turnOutcome.last_ended?.end_reason === 'failed' &&
-                                                                !turnOutcome.recent_failures?.some((failure) => failure.message_id === turnOutcome.last_ended?.message_id)
-                                                                ? [turnOutcome.last_ended]
-                                                                : []),
-                                                        ].filter((failure) => !isAbortError(failure.error) &&
-                                                            !failureShownByTurn(failure, turns) &&
-                                                            !failureSupersededByTurn(failure, turns) &&
-                                                            (!failure.error?.message || failure.error.message !== commandError?.message)).map((failure) => {
-                                                            const messageId = failure.message_id ?? 'persisted-turn-failure';
-                                                            // Use the SDK's settle window for a cause that may arrive
-                                                            // one frame later, including an unnamed failed last turn.
-                                                            const notice = turnEndNotice({
-                                                                ...turnOutcome,
-                                                                recent_failures: [{ ...failure, message_id: messageId, error: failure.error ?? null }],
-                                                            }, messageId, { hasError: false, isAbort: false });
-                                                            return notice ? (_jsx(TurnErrorDisplay, { errorText: notice.kind === 'unexplained'
-                                                                    ? tHardcodedUi.raw('i18nComplete.text73112526c03a')
-                                                                    : persistedFailureText(failure.error), className: "mt-2" }, messageId)) : null;
-                                                        }), commandError && (_jsx(TurnErrorDisplay, { error: commandError, isAbort: isAbortError(commandError.cause), modelOptions: modelOptions, className: "mt-2" })), showFallbackBusyRow && fallbackBusyRowTurnId === null && (rowsContext ? (
-                                                        // A channel thread waits in the agent's answer row.
-                                                        _jsx(AgentBusyRow, { sessionId: sessionId })) : (_jsx(SessionBusyIndicator, { sessionId: sessionId, 
-                                                            // Matches the stand-in's row spacing under a bubble
-                                                            // (`OptimisticTurn`), so the crossfade into the real
-                                                            // transcript does not move it. Nothing above it when
-                                                            // the transcript is empty, so no margin there.
-                                                            className: turns.length === 0 ? undefined : 'mt-6' })))] }), _jsx("div", { ref: spacerElRef, "data-scroll-spacer": true })] }) }), selectionPopup && (_jsx("div", { "data-reply-popup": true, className: "absolute z-50", style: {
-                                            left: `${selectionPopup.x}px`,
-                                            top: `${selectionPopup.y}px`,
-                                            transform: 'translate(-50%, -100%)',
-                                        }, children: _jsxs(Button, { onClick: handleSelectionReply, size: "sm", className: "animate-in fade-in-0 zoom-in-95 duration-normal origin-bottom px-3 text-xs ease-out has-[>svg]:px-3", children: [tHardcodedUi.raw('i18nComplete.textc253f451bdd5'), _jsx(ArrowBendUpLeftIcon, { className: "size-4 shrink-0" })] }) })), transcriptRows ? null : (_jsx(ChatMinimap, { turns: turns, scrollRef: scrollRef, contentRef: contentRef })), _jsx("div", { className: cn('absolute inset-x-0 bottom-4 z-20 flex justify-center', !showScrollButton && 'pointer-events-none'), children: _jsx(Button, { variant: "outline", size: "icon-md", "aria-hidden": !showScrollButton, tabIndex: showScrollButton ? undefined : -1, className: cn('hit-area-2 bg-background hover:bg-muted rounded-full', 'transition-[opacity,scale] ease-[cubic-bezier(0.23,1,0.32,1)] active:scale-[0.96] motion-reduce:scale-100 motion-reduce:transition-opacity', showScrollButton
-                                                ? 'duration-normal scale-100 opacity-100'
-                                                : 'duration-fast scale-[0.97] opacity-0'), onClick: smoothScrollToAbsoluteBottom, children: _jsx(CaretDownIcon, { className: "size-4" }) }) })] })), readOnly && inputReplacement ? (_jsx("div", { className: cn(COMPOSER_SHELL_CLASS, 'pb-4'), children: inputReplacement })) : null, !readOnly && (_jsx(_Fragment, { children: _jsx(SessionChatInput
-                                // `undefined`, not `true`, once released: the composer's own
-                                // viewport rule (>= 640px) still decides, so this never forces
-                                // focus onto a phone keyboard.
-                                , { 
-                                    // `undefined`, not `true`, once released: the composer's own
-                                    // viewport rule (>= 640px) still decides, so this never forces
-                                    // focus onto a phone keyboard.
-                                    autoFocus: deferComposerFocus ? false : undefined, onSend: async (text, files, mentions, attachments, placement) => {
-                                        if (await queueEdit.save(text))
-                                            return;
-                                        // Enter while a turn runs steers it (D9.1); Cmd/Ctrl+Enter is Queue List.
-                                        await handleSend(text, files, mentions, attachments, composerSendDelivery(placement ?? 'transcript', isBusyRef.current));
-                                    }, prefill: composerPrefill, onPrefillApplied: (id) => {
-                                        useSessionComposerPrefillStore.getState().clearPrefill(sessionId, id);
-                                    }, 
-                                    // Up from the first row takes the queue back; the placeholder
-                                    // says so while there is something to take.
-                                    onArrowUpAtStart: () => queueEdit.takeBack(), 
-                                    // A host placeholder ("Reply…") is static: the rotating tips would replace it.
-                                    hint: canTakeBackQueue ? tHardcodedUi.raw('i18nComplete.text03a01dd53ffa') : composerPlaceholder, 
-                                    // Editing a queued message: the send saves it back into the
-                                    // queue, so the control says Submit, never Stop.
-                                    submitLabel: queueEdit.editing ? tQueue('submitEdit') : null, draftScope: composerDraftScope, draftActive: !deferComposerFocus, attachRequestId: attachRequestId, isBusy: isBusy, 
-                                    // The ONE projection, not the 300 ms busy fade: it is what
-                                    // decides whether a `/` command may be dispatched, and a fade
-                                    // timer that has already lapsed would let one abort a live turn.
-                                    // `effectiveBusy` folds in optimistic compaction (not a turn, so
-                                    // not in `working`) and the retrying-turn predicate, so this
-                                    // site reads one value instead of re-OR-ing a term onto it.
-                                    sessionWorking: effectiveBusy, 
-                                    // Gates `/` COMMANDS only. A prompt typed at a sleeping box is
-                                    // an inbox row and goes out when the box answers; a command has
-                                    // no row, and `runCommand` swallows it silently until the
-                                    // runtime is switched.
-                                    runtimeReady: runtimeReady, rewind: composerRewind, onStop: handleStop, canStop: canStop, escCount: escCount, agents: local.agent.list, selectedAgent: composerAgentName, onAgentChange: handleAgentChange, noAccessibleAgents: noAccessibleAgents, commands: chatCommands, commandsResolved: agentCommands !== undefined, slashFiles: chatSlashFiles, onOpenPastedContent: panel ? stableOpenPastedContent : undefined, onCommand: handleCommand, onHoldCommand: handleHoldCommand, models: local.model.list, selectedModel: local.model.currentKey ?? null, onModelChange: handleModelChange, modelDefaultControls: chatModelDefaultControls, variants: local.model.variant.list, selectedVariant: local.model.variant.current ?? null, onVariantChange: handleVariantChange, messages: messages, sessionId: sessionId, projectId: projectId, providers: providers, modelRequired: true, modelsLoading: providersLoading, onContextClick: handleContextClick, onCompactClick: runtimeCanCompact ? handleCompactClick : undefined, quoteRequests: quoteRequests, onQuoteRequestsApplied: handleQuoteRequestsApplied, 
-                                    // Only lock the input into question-answer mode while the session is
-                                    // actually busy (a live question keeps the run busy). If a question
-                                    // chip is ever showing while the session is idle — e.g. a dead /
-                                    // abandoned question the agent left behind — the input stays unlocked
-                                    // so a typed message is sent to the agent instead of being swallowed
-                                    // as a custom answer.
-                                    lockForQuestion: !!renderedQuestion && isBusy, 
-                                    // Same dead-prompt guard as questions: only lock while the agent is
-                                    // actually paused on the decision (isBusy), so a stale card can't
-                                    // swallow the composer on an idle session.
-                                    lockForApproval: runtimePermissionLocksComposer(pendingPermissions.length, isBusy), onCustomAnswer: handleCustomAnswer, questionButtonLabel: renderedQuestion ? questionAction.label : null, questionActive: !!renderedQuestion || approvalDocked, questionCanAct: questionAction.canAct, onQuestionAction: handleQuestionAction, aboveSlot: chatAboveSlot, inputSlot: chatInputSlot, toolbarSlot: chatToolbarSlot, 
-                                    // The shell can now render on a cached transcript alone, i.e. before
-                                    // the sandbox answers — so sending has to be gated separately from
-                                    // reading. See sessionComposerReadiness.
-                                    notice: hostNotice(composerReadiness.notice, rowsContext?.notices), noticeAsleep: composerReadiness.notice === SESSION_NOTICE.idle, 
-                                    // Inside the thread panel's bordered box, as the channel composer.
-                                    // A phone keeps the row under the card; a 720px desktop window does not.
-                                    underbarPlacement: transcriptRows && !isPhone ? 'inline' : undefined, 
-                                    // The panel's toolbar is narrow: the agent is its tile, the model keeps its name.
-                                    agentPickerCompact: transcriptRows && !isPhone, 
-                                    // A thread panel's rows run `px-5`, and the channel composer
-                                    // beside it sits `pb-4` off the window's bottom edge: the same
-                                    // margins, so the two boxes line up.
-                                    parentClassName: transcriptRows ? 'max-w-none px-5 pb-4' : undefined, onNoticeRetry: composerReadiness.notice && composerReadiness.retryable
-                                        ? requestRuntimeReconnect
-                                        : undefined }) }))] })] }) }) }));
+    _jsx(ReadOnlySessionContext.Provider, { value: !!readOnly, children: _jsx(SessionPromptContext.Provider, { value: readOnly ? null : sendSessionPrompt, children: _jsx(ProjectFilesProvider, { value: { projectId: projectId ?? '', ref: outcomesBaseRef, defaultBranch: outcomesBaseRef }, children: _jsxs(ComposerDropZone, { className: cn('relative flex h-full flex-col', 
+                    // Transparent in the welcome state so the root-level full-bleed wallpaper
+                    // (portaled into SessionLayout) reads through; solid once real content
+                    // takes over. Same base color either way, so non-welcome is unchanged.
+                    shouldShowWelcomeOverlay ? 'bg-transparent' : 'bg-background'), "data-testid": "session-chat", children: [isPreparingPrint && (_jsxs("div", { "data-print-hide": true, role: "status", className: "bg-popover text-muted-foreground fixed bottom-6 left-1/2 z-50 flex -translate-x-1/2 items-center gap-2 rounded-lg border px-4 py-2 text-xs shadow-lg", children: [_jsx(Loading, { className: "size-3.5 shrink-0" }), tHardcodedUi.raw('i18nComplete.text7dac2ca010fe')] })), wallpaperLayer
+                            ? welcomeWallpaper && createPortal(welcomeWallpaper, wallpaperLayer)
+                            : welcomeWallpaper, !hideHeader && (_jsx(SessionSiteHeader, { sessionId: sessionId, sessionTitle: session?.title || 'Untitled', leadingAction: headerLeadingAction, parent: parentCrumb })), _jsx(SessionContextModal, { open: contextModalOpen, onOpenChange: setContextModalOpen, 
+                            // A chat with no `useSession` source: the raw explorer lists the
+                            // rows `useSessionSync` read for it.
+                            detachedRows: sessionState ? undefined : hookMessages, source: sessionState ?? DETACHED_SESSION_MESSAGES, session: session, sessionRow: projectSessionRow, providers: providers, allSessions: allSessions, servedModel: sessionServedModel, billedCost: sessionBilledCost(modelUsage) }), _jsx(CompactModal, { sessionId: sessionId, open: compactModalOpen, onOpenChange: setCompactModalOpen }), _jsx(ChangeRequestDetailDialog, { crId: openCrId, onClose: () => setOpenCrId(null), onOpenChangeRequest: setOpenCrId }), _jsxs(SessionBodyRow, { actionPanel: !hideHeader && !readOnly, children: [isNotFound ? (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 px-6 text-center", children: [_jsx("div", { className: "text-muted-foreground text-sm", children: tHardcodedUi.raw('componentsSessionSessionChat.line5821JsxTextThisSessionIsNotAccessibleRightNow') }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { href: "/", prefetch: true, onClick: () => {
+                                                    try {
+                                                        if (sessionId)
+                                                            useTabStore.getState().closeTab?.(sessionId);
+                                                    }
+                                                    catch { }
+                                                }, children: tHardcodedUi.raw('componentsSessionSessionChat.line5833JsxTextGoToHome') }) })] })) : (_jsxs("div", { ref: chatAreaRef, className: "relative z-10 min-h-0 flex-1", children: [_jsx("div", { ref: scrollContainerCallbackRef, className: cn(
+                                            // overflow-anchor:none — this scroll area does ALL of its own
+                                            // anchoring (useAutoScroll's spacer + RAF follow, the send-path
+                                            // turn anchor, and the history-prepend content-space restore in
+                                            // session-history-scroll.ts). The browser's native scroll
+                                            // anchoring (default `overflow-anchor: auto`) tries to
+                                            // compensate for the SAME prepends independently, and the two
+                                            // corrections stacking is the other half of the scroll-up
+                                            // teleport: ours restores the reader's position, then the
+                                            // native one nudges it again.
+                                            'scrollbar-hide relative z-10 h-full flex-1 overflow-y-auto [scroll-behavior:auto] [overflow-anchor:none]', shouldShowWelcomeOverlay ? 'bg-transparent' : 'bg-background'), onMouseUp: handleChatMouseUp, onMouseDown: handleChatMouseDown, onScroll: handleChatScroll, children: _jsxs("div", { ref: contentRef, role: "log", 
+                                                // Width and gutters live in `SESSION_TRANSCRIPT_CLASS`: the
+                                                // instant shell draws this same column and the two crossfade
+                                                // into each other, so a difference here is a sideways jump on
+                                                // screen, not a style opinion. See session-body.tsx.
+                                                //
+                                                // No bottom padding, there or here: the space under the last
+                                                // message is the auto-scroll spacer's job alone. The `pb-32`
+                                                // that used to sit here stacked 128px of dead space on top of
+                                                // it — the "extra inset at the bottom of the session".
+                                                // Rows run edge to edge: each row owns its gutters and its hover fill.
+                                                className: transcriptRows ? 'w-full min-w-0 pt-4' : SESSION_TRANSCRIPT_CLASS, children: [_jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx(SessionPrintHeader, { title: session?.title || 'Untitled', agentName: composerAgentName }), (hasOlder || showOlderLoading) && (_jsxs("div", { className: "mb-6 flex flex-col items-center gap-2", children: [hasOlder && (_jsx("div", { ref: olderSentinelRef, "aria-hidden": true, className: "h-px w-full" })), showOlderLoading && (_jsxs("div", { role: "status", className: "text-muted-foreground flex items-center gap-2 py-1 text-xs", children: [_jsx(Loading, { className: "size-3.5 shrink-0" }), tHardcodedUi.raw('i18nComplete.text85bf890776a7')] })), !showOlderLoading &&
+                                                                        !olderPullFailed &&
+                                                                        olderAutoloadExhausted({ hasOlder, autoLoadedPages }) && (_jsx(Button, { type: "button", variant: "outline-ghost", size: "sm", onClick: () => void handleLoadOlder(), children: tHardcodedUi.raw('i18nComplete.textf17671d83db0') })), olderPullFailed && !showOlderLoading && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: tHardcodedUi.raw('i18nComplete.textb03a0041ce33') }), _jsx(Button, { type: "button", variant: "outline-ghost", size: "sm", onClick: () => void handleLoadOlder(), children: tHardcodedUi.raw('i18nComplete.text942087cc2d41') })] }))] })), restoreNotice && !restoreDismissed && (_jsx(RestoreNotice, { notice: restoreNotice, onDismiss: () => dismissRestore(historyKey, restoreNotice.generation) })), _jsx(SessionOutcomesProvider, { projectSessionId: projectSessionId, turnSpans: turnSpans, busy: effectiveBusy, onOpen: handleOpenOutcome, onJump: handleJumpToOutcome, jumping: jumpingToOutcome, children: _jsxs(ToolActivateContext.Provider, { value: toolActivate, children: [showFirstPromptPreview &&
+                                                                            firstPromptSource &&
+                                                                            queuedSyntheticMessages.length === 0 &&
+                                                                            rowsContext && (
+                                                                        // A channel thread draws the stand-in as rows, the same
+                                                                        // rows its boot body drew (`ThreadBootRows`).
+                                                                        _jsx(PendingPromptRows, { text: buildOptimisticPromptTextWithUploads(firstPromptSource.text, firstPromptSource.files), author: rowsContext.owner, sessionId: sessionId, busy: turns.length === 0 && (lastTurnWorking || promptInbox.prompts.some(isFirstPromptRow)) })), showFirstPromptPreview &&
+                                                                            firstPromptSource &&
+                                                                            queuedSyntheticMessages.length === 0 &&
+                                                                            !rowsContext && (_jsx(OptimisticTurn, { text: buildOptimisticPromptTextWithUploads(firstPromptSource.text, firstPromptSource.files), 
+                                                                            // Preserve a real failed-send status through the
+                                                                            // boot-shell handover without inventing upload progress.
+                                                                            // A first prompt held on its uploads carries its own.
+                                                                            uploadStatus: firstPromptSource.uploadStatus ?? firstPromptUploadStatus, agentNames: agentNames, onFileClick: openFileInComputer, sessionId: sessionId, 
+                                                                            // The first item of the conversation, like turn 0, which has no
+                                                                            // top margin. `first:mt-0` misses here: the list opens with a
+                                                                            // zero-height <header>, so the stand-in sat 44px lower than turn 0
+                                                                            // and every swap between the two jumped the bubble (KRTX-2931).
+                                                                            className: "mt-0", 
+                                                                            // An undelivered first prompt is a turn about to start, as the
+                                                                            // shell above this chat shows it: busy from the first frame,
+                                                                            // before the working projection has read the inbox (KRTX-2931).
+                                                                            busy: turns.length === 0 && (lastTurnWorking || promptInbox.prompts.some(isFirstPromptRow)) })), turns.map((turn, turnIndex) => {
+                                                                            // Check if this turn is a compaction summary — and
+                                                                            // whether it actually PRODUCED one. A failed/aborted
+                                                                            // attempt (compaction-flagged, no content, not the
+                                                                            // working turn) renders as one slim row, draws no
+                                                                            // divider, and stacks tight against a neighbouring
+                                                                            // failed attempt.
+                                                                            const compaction = turn.compaction;
+                                                                            const hasCompaction = compaction !== null;
+                                                                            const isTurnWorking = turn.live;
+                                                                            // `inFlight` (message state) alongside the projection:
+                                                                            // classifying by projection alone flipped a streaming
+                                                                            // compaction to "failed" for the frames where the two
+                                                                            // disagree, popping the divider in and out — a layout
+                                                                            // bounce right where the reader is looking.
+                                                                            const isFailedCompaction = compaction !== null &&
+                                                                                !compaction.hasContent &&
+                                                                                !compaction.inFlight &&
+                                                                                !isTurnWorking;
+                                                                            // Retries collapse to ONE visible row, GLOBALLY: a
+                                                                            // failed attempt with ANY later compaction turn (a
+                                                                            // retry, or the one that finally landed) is history —
+                                                                            // it keeps its TurnViewport (stable keys, scroll
+                                                                            // anchors) but renders no content, and an empty
+                                                                            // TurnViewport costs 0px (turn-viewport.tsx RULE 2).
+                                                                            // Adjacency was not enough: attempts whose error landed
+                                                                            // on a plain assistant message used to interleave as
+                                                                            // unclassified turns, breaking every consecutive run.
+                                                                            const suppressedFailedCompaction = isFailedCompaction && turnIndex < lastCompactionTurnIndex;
+                                                                            // Notification-only early-return removed: it rendered the
+                                                                            // user's pty_* card but skipped the turn's replies,
+                                                                            // hiding every subsequent assistant response in that turn.
+                                                                            // Fall through to the normal turn renderer instead.
+                                                                            const confirmedActive = turnIsConfirmedActive({
+                                                                                isTurnWorking,
+                                                                                turnId: turn.id,
+                                                                                activeTurnId,
+                                                                                pendingDelivery: !!working.pendingDelivery,
+                                                                            });
+                                                                            const pendingPrompt = !confirmedActive && turn.assistant.length === 0
+                                                                                ? pendingPromptsByMessageId.get(turn.id)
+                                                                                : undefined;
+                                                                            // A queued prompt is not in the runtime transcript yet;
+                                                                            // its author still shows (`authorForTurn`).
+                                                                            const turnAuthor = authorForTurn(transcriptAuthors, messageAuthors, turn.id, pendingPrompt?.wire_message_id);
+                                                                            return (_jsx(TranscriptTurnRow
+                                                                            // ONE element per prompt: keyed by the id the
+                                                                            // bubble was FIRST painted under, so the swap to a
+                                                                            // re-minted echo id re-renders this node instead
+                                                                            // of mounting a new one (opacity keeps animating,
+                                                                            // hover state survives, nothing jumps).
+                                                                            , { turnId: turn.id, modelOptions: modelOptions, suppressed: suppressedFailedCompaction, continuedWith: harnessSwitches.get(turn.id)?.harness, fullTextState: loaded.state[turn.id] ?? 'idle', onLoadFullText: loadFullTexts, showBusyRow: showFallbackBusyRow &&
+                                                                                    fallbackBusyRowTurnId === turn.id, 
+                                                                                // Queued bubbles STACK: a pending turn right after
+                                                                                // another pending turn sits close to it, like a
+                                                                                // list of what is waiting — not a turn's width
+                                                                                // apart as if each had been answered in between.
+                                                                                // (Failed compaction rows need no stacking rule any
+                                                                                // more — at most one is visible at a time.)
+                                                                                viewportClassName: turnIndex === 0 || transcriptRows
+                                                                                    ? ''
+                                                                                    : // A compaction and the work after it continue the turn above.
+                                                                                        turn.compaction || turn.continues
+                                                                                            ? 'mt-6'
+                                                                                            : lastTurnWorking &&
+                                                                                                pendingTurnIds.has(turn.id) &&
+                                                                                                pendingTurnIds.has(turns[turnIndex - 1].id)
+                                                                                                ? 'mt-3'
+                                                                                                : 'mt-12', turn: turn, author: turnAuthor, showAuthor: showAuthorName(turnAuthor, groupChat, viewerId), stoppedBy: stoppedByName(messageAuthors, turn.id, viewerId), servedModel: servedModelOfTurn(modelUsage, turn.id, turns[turnIndex - 1]?.id), turnOutcome: turnOutcome, isLast: turn.id === lastUserMessageId, ownsPlan: turn.id === planAnchorId, sessionId: sessionId, projectId: projectId, projectSessionId: projectSessionId, sessionStatus: sessionStatus, permissions: pendingPermissions, questions: pendingQuestions, agentNames: agentNames, isFirstTurn: turnIndex === 0, 
+                                                                                // Handed over only once the stand-in has stepped
+                                                                                // aside — while it is up it draws these itself.
+                                                                                pendingText: turnIndex === 0 ? firstTurnHandover?.text : undefined, pendingAttachments: sentAttachmentsForTurn({
+                                                                                    sentByMessage: sentAttachmentsByMessage,
+                                                                                    messageId: turn.id,
+                                                                                    originId: optimisticOriginOf(sessionId, turn.id),
+                                                                                    isFirstTurn: turnIndex === 0,
+                                                                                    firstTurnHandover: firstTurnHandover?.attachments,
+                                                                                    firstTurnSent: firstPromptAttachments(projectSessionId),
+                                                                                    queuedRowAttachments: inboxRowsByMessageId.get(turn.id)?.attachments,
+                                                                                }), uploadStatus: heldSendFailures?.[turn.id]
+                                                                                    ? {
+                                                                                        state: 'failed',
+                                                                                        message: heldSendFailures[turn.id].message,
+                                                                                        onRetry: () => retryHeldSend(sessionId, turn.id, resendHeldSend, (error) => classifySessionError(error).message),
+                                                                                    }
+                                                                                    : turnIndex === 0 && firstTurnHandover?.attachments.length
+                                                                                        ? firstPromptUploadStatus
+                                                                                        : undefined, sessionWorking: lastTurnWorking, isWorkingTurn: turn.live, suppressBusyIndicator: suppressWorkingTurnBusy, awaitingUser: awaitingUserInput, 
+                                                                                // An idle send stays in the inbox until delivery,
+                                                                                // but nothing runs ahead of it: queued only while
+                                                                                // it waits behind a turn (`turnRendersQueued`).
+                                                                                // The first turn, with no turn working, has
+                                                                                // nothing ahead of it: a session's first prompt is
+                                                                                // starting, not queued, while the computer comes up
+                                                                                // and before the turn layer marks it queued or live.
+                                                                                pending: turnIndex === 0 && workingTurn.workingTurnId === null && !confirmedActive
+                                                                                    ? pendingPrompt?.state === 'waiting' || pendingPrompt?.state === 'failed'
+                                                                                    : turnRendersQueued({
+                                                                                        turnId: turn.id,
+                                                                                        resolution: workingTurn,
+                                                                                        sessionWorking: lastTurnWorking,
+                                                                                        confirmedActive,
+                                                                                        inboxPrompt: pendingPrompt,
+                                                                                    }), pendingPrompt: pendingPrompt, onRetryQueued: stableRetryQueued, onRemoveQueued: stableRemoveQueued, queuedPromptViewer: queuedPromptViewer, interruptedBeforeRun: interruptedTurnIds.has(turn.id), isCompaction: hasCompaction, onOpenCompactionSummary: panel ? stableOpenCompactionSummary : undefined, onOpenPastedContent: panel ? stableOpenPastedContent : undefined, providers: providers, commandMessages: commandMessagesRef.current, commands: commands, disableToolNavigation: disableToolNavigation, onPermissionReply: stablePermissionReply, onRewind: stableRewind, editingText: rewindTarget?.messageId === turn.id
+                                                                                    ? rewindTarget.text
+                                                                                    : null, editPending: editSendPending || !!sessionState?.rewindPending, onEditCancel: stableEditCancel, onEditSend: stableEditSend, rewindDisabled: !!readOnly ||
+                                                                                    (rewindable !== null && !rewindable.has(turn.id)) ||
+                                                                                    !runtimeCanRewind ||
+                                                                                    !sessionState ||
+                                                                                    isBusy ||
+                                                                                    sessionState.rewindPending ||
+                                                                                    // The runtime is not idle while queued prompts
+                                                                                    // are still on their way to it — a rewind mid-
+                                                                                    // delivery fails downstream with "Session is
+                                                                                    // busy" (measured); refuse it up front instead.
+                                                                                    promptInbox.prompts.length > 0 }, turnRenderKeys.get(turn.id)));
+                                                                        })] }) }), isOptimisticCompacting && !hasCompactionTurn && (_jsx("div", { className: turns.length > 0 ? 'mt-12' : 'mt-2', children: _jsx(CompactionMarker, { running: true }) })), [
+                                                                ...(turnOutcome.recent_failures ?? []),
+                                                                ...(turnOutcome.last_ended?.end_reason === 'failed' &&
+                                                                    !turnOutcome.recent_failures?.some((failure) => failure.message_id === turnOutcome.last_ended?.message_id)
+                                                                    ? [turnOutcome.last_ended]
+                                                                    : []),
+                                                            ].filter((failure) => !isAbortError(failure.error) &&
+                                                                !failureShownByTurn(failure, turns) &&
+                                                                !failureSupersededByTurn(failure, turns) &&
+                                                                (!failure.error?.message || failure.error.message !== commandError?.message)).map((failure) => {
+                                                                const messageId = failure.message_id ?? 'persisted-turn-failure';
+                                                                // Use the SDK's settle window for a cause that may arrive
+                                                                // one frame later, including an unnamed failed last turn.
+                                                                const notice = turnEndNotice({
+                                                                    ...turnOutcome,
+                                                                    recent_failures: [{ ...failure, message_id: messageId, error: failure.error ?? null }],
+                                                                }, messageId, { hasError: false, isAbort: false });
+                                                                return notice ? (_jsx(TurnErrorDisplay, { errorText: notice.kind === 'unexplained'
+                                                                        ? tHardcodedUi.raw('i18nComplete.text73112526c03a')
+                                                                        : persistedFailureText(failure.error), className: "mt-2" }, messageId)) : null;
+                                                            }), commandError && (_jsx(TurnErrorDisplay, { error: commandError, isAbort: isAbortError(commandError.cause), modelOptions: modelOptions, className: "mt-2" })), showFallbackBusyRow && fallbackBusyRowTurnId === null && (rowsContext ? (
+                                                            // A channel thread waits in the agent's answer row.
+                                                            _jsx(AgentBusyRow, { sessionId: sessionId })) : (_jsx(SessionBusyIndicator, { sessionId: sessionId, 
+                                                                // Matches the stand-in's row spacing under a bubble
+                                                                // (`OptimisticTurn`), so the crossfade into the real
+                                                                // transcript does not move it. Nothing above it when
+                                                                // the transcript is empty, so no margin there.
+                                                                className: turns.length === 0 ? undefined : 'mt-6' })))] }), _jsx("div", { ref: spacerElRef, "data-scroll-spacer": true })] }) }), selectionPopup && (_jsx("div", { "data-reply-popup": true, className: "absolute z-50", style: {
+                                                left: `${selectionPopup.x}px`,
+                                                top: `${selectionPopup.y}px`,
+                                                transform: 'translate(-50%, -100%)',
+                                            }, children: _jsxs(Button, { onClick: handleSelectionReply, size: "sm", className: "animate-in fade-in-0 zoom-in-95 duration-normal origin-bottom px-3 text-xs ease-out has-[>svg]:px-3", children: [tHardcodedUi.raw('i18nComplete.textc253f451bdd5'), _jsx(ArrowBendUpLeftIcon, { className: "size-4 shrink-0" })] }) })), transcriptRows ? null : (_jsx(ChatMinimap, { turns: turns, scrollRef: scrollRef, contentRef: contentRef })), _jsx("div", { className: cn('absolute inset-x-0 bottom-4 z-20 flex justify-center', !showScrollButton && 'pointer-events-none'), children: _jsx(Button, { variant: "outline", size: "icon-md", "aria-hidden": !showScrollButton, tabIndex: showScrollButton ? undefined : -1, className: cn('hit-area-2 bg-background hover:bg-muted rounded-full', 'transition-[opacity,scale] ease-[cubic-bezier(0.23,1,0.32,1)] active:scale-[0.96] motion-reduce:scale-100 motion-reduce:transition-opacity', showScrollButton
+                                                    ? 'duration-normal scale-100 opacity-100'
+                                                    : 'duration-fast scale-[0.97] opacity-0'), onClick: smoothScrollToAbsoluteBottom, children: _jsx(CaretDownIcon, { className: "size-4" }) }) })] })), readOnly && inputReplacement ? (_jsx("div", { className: cn(COMPOSER_SHELL_CLASS, 'pb-4'), children: inputReplacement })) : null, !readOnly && (_jsxs(_Fragment, { children: [_jsx(SessionChatInput
+                                        // `undefined`, not `true`, once released: the composer's own
+                                        // viewport rule (>= 640px) still decides, so this never forces
+                                        // focus onto a phone keyboard.
+                                        , { 
+                                            // `undefined`, not `true`, once released: the composer's own
+                                            // viewport rule (>= 640px) still decides, so this never forces
+                                            // focus onto a phone keyboard.
+                                            autoFocus: deferComposerFocus ? false : undefined, onSend: async (text, files, mentions, attachments, placement) => {
+                                                if (await queueEdit.save(text))
+                                                    return;
+                                                // Enter while a turn runs steers it (D9.1); Cmd/Ctrl+Enter is Queue List.
+                                                await handleSend(text, files, mentions, attachments, composerSendDelivery(placement ?? 'transcript', isBusyRef.current));
+                                            }, prefill: composerPrefill, onPrefillApplied: (id) => {
+                                                useSessionComposerPrefillStore.getState().clearPrefill(sessionId, id);
+                                            }, 
+                                            // Up from the first row takes the queue back; the placeholder
+                                            // says so while there is something to take.
+                                            onArrowUpAtStart: () => queueEdit.takeBack(), 
+                                            // A host placeholder ("Reply…") is static: the rotating tips would replace it.
+                                            hint: canTakeBackQueue ? tHardcodedUi.raw('i18nComplete.text03a01dd53ffa') : composerPlaceholder, 
+                                            // Editing a queued message: the send saves it back into the
+                                            // queue, so the control says Submit, never Stop.
+                                            submitLabel: queueEdit.editing ? tQueue('submitEdit') : null, draftScope: composerDraftScope, draftActive: !deferComposerFocus, attachRequestId: attachRequestId, isBusy: isBusy, 
+                                            // The ONE projection, not the 300 ms busy fade: it is what
+                                            // decides whether a `/` command may be dispatched, and a fade
+                                            // timer that has already lapsed would let one abort a live turn.
+                                            // `effectiveBusy` folds in optimistic compaction (not a turn, so
+                                            // not in `working`) and the retrying-turn predicate, so this
+                                            // site reads one value instead of re-OR-ing a term onto it.
+                                            sessionWorking: effectiveBusy, 
+                                            // Gates `/` COMMANDS only. A prompt typed at a sleeping box is
+                                            // an inbox row and goes out when the box answers; a command has
+                                            // no row, and `runCommand` swallows it silently until the
+                                            // runtime is switched.
+                                            runtimeReady: runtimeReady, rewind: composerRewind, onStop: handleStop, canStop: canStop, escCount: escCount, agents: local.agent.list, selectedAgent: composerAgentName, onAgentChange: handleAgentChange, noAccessibleAgents: noAccessibleAgents, commands: chatCommands, commandsResolved: agentCommands !== undefined, slashFiles: chatSlashFiles, onOpenPastedContent: panel ? stableOpenPastedContent : undefined, onCommand: handleCommand, onHoldCommand: handleHoldCommand, models: local.model.list, selectedModel: local.model.currentKey ?? null, onModelChange: handleModelChange, modelDefaultControls: chatModelDefaultControls, variants: local.model.variant.list, selectedVariant: local.model.variant.current ?? null, onVariantChange: handleVariantChange, messages: messages, sessionId: sessionId, projectId: projectId, providers: providers, modelRequired: true, modelsLoading: providersLoading, onContextClick: handleContextClick, onCompactClick: runtimeCanCompact ? handleCompactClick : undefined, quoteRequests: quoteRequests, onQuoteRequestsApplied: handleQuoteRequestsApplied, 
+                                            // Only lock the input into question-answer mode while the session is
+                                            // actually busy (a live question keeps the run busy). If a question
+                                            // chip is ever showing while the session is idle — e.g. a dead /
+                                            // abandoned question the agent left behind — the input stays unlocked
+                                            // so a typed message is sent to the agent instead of being swallowed
+                                            // as a custom answer.
+                                            lockForQuestion: !!renderedQuestion && isBusy, 
+                                            // Same dead-prompt guard as questions: only lock while the agent is
+                                            // actually paused on the decision (isBusy), so a stale card can't
+                                            // swallow the composer on an idle session.
+                                            lockForApproval: runtimePermissionLocksComposer(pendingPermissions.length, isBusy), onCustomAnswer: handleCustomAnswer, questionButtonLabel: renderedQuestion ? questionAction.label : null, questionActive: !!renderedQuestion || approvalDocked, questionCanAct: questionAction.canAct, onQuestionAction: handleQuestionAction, aboveSlot: chatAboveSlot, inputSlot: chatInputSlot, toolbarSlot: chatToolbarSlot, underbarSlot: chatUnderbarSlot, 
+                                            // The shell can now render on a cached transcript alone, i.e. before
+                                            // the sandbox answers — so sending has to be gated separately from
+                                            // reading. See sessionComposerReadiness.
+                                            notice: hostNotice(composerReadiness.notice, rowsContext?.notices), 
+                                            // Inside the thread panel's bordered box, as the channel composer.
+                                            // A phone keeps the row under the card; a 720px desktop window does not.
+                                            underbarPlacement: transcriptRows && !isPhone ? 'inline' : undefined, 
+                                            // The panel's toolbar is narrow: the agent is its tile, the model keeps its name.
+                                            agentPickerCompact: transcriptRows && !isPhone, 
+                                            // A thread panel's rows run `px-5`, and the channel composer
+                                            // beside it sits `pb-4` off the window's bottom edge: the same
+                                            // margins, so the two boxes line up.
+                                            parentClassName: transcriptRows ? 'max-w-none px-5 pb-4' : undefined, onNoticeRetry: composerReadiness.notice && composerReadiness.retryable
+                                                ? requestRuntimeReconnect
+                                                : undefined }), _jsx("div", { className: cn(COMPOSER_SHELL_CLASS, 'pb-3 empty:hidden', transcriptRows && 'max-w-none px-5'), children: _jsx(HeldMessages, { projectId: projectId, sessionId: projectSessionId }) })] }))] })] }) }) }) }));
 }