@kortix/ui 0.14.8 → 0.14.9

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

@@ -12,10 +12,14 @@ import { useQueuedDraftStore, useQueuedDrafts } from '../composer/stores/queued-
 import { SESSION_LOG_MINOR, SESSION_LOG_SCHEMA, listSessionPrompts, projectSessionConnection, 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';
+import { useIsMobile, useIsPhone } from '../../hooks/use-mobile.js';
 import { useUiLink, useUiPathname, useUiRouter, useUiShallowNavigate, useUiSearchParams, useUiViewerId, } from '../../providers/ui-provider.js';
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { TranscriptRowsContext } from './transcript-rows.js';
+import { AgentBusyRow, PendingPromptRows } from './thread-boot-rows.js';
 import { createPortal } from 'react-dom';
-import { AUTHOR_RETRY_DELAYS_MS, authorForTurn, awaitsAgent, missingAuthorKey, resolveTranscriptAuthors, showAuthorName, stoppedByName, } from '../turn/message-author.js';
+import { AUTHOR_RETRY_DELAYS_MS, authorForTurn, awaitsAgent, missingAuthorKey, resolveTranscriptAuthors, rewindableMessageIds, showAuthorName, stoppedByName, } from '../turn/message-author.js';
 import { stopRefusalMessage } from '../status/stop-refusal.js';
 import { QueuedPromptList } from '../composer/queued-prompt-list.js';
 import { runtimePermissionLocksComposer } from '../composer/send-blockers.js';
@@ -35,7 +39,7 @@ 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 { resolveComposerAgent } from '../composer/composer-agent-access.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';
 import { resolveFirstPromptHandover, transcriptCarriesFirstPrompt, } from './first-prompt-handover.js';
@@ -66,6 +70,7 @@ import { ChatMinimap } from './chat-minimap.js';
 import { usePlanInChat } from './plan-surface.js';
 import { SessionStartingLoader } from '../status/session-starting-loader.js';
 import { ToolActivateContext } from '../tool/tool-renderers.js';
+import { ReadOnlySessionContext } from '../tool/shared/infrastructure-contexts.js';
 import { firstPromptAttachments, retainSentAttachmentPreviews, sentAttachmentsForTurn, } from '../composer/sent-attachment-previews.js';
 import { buildOptimisticPromptTextWithUploads, promptFileParts, sentAttachmentsOf, } from '../composer/uploaded-file-refs.js';
 import { useAutoScroll } from '../../internal/hooks/use-auto-scroll.js';
@@ -84,9 +89,9 @@ import { openTabAndNavigate, useTabStore } from '../../internal/stores/tab-store
 import { projectSessionHref } from '../../internal/lib/navigation/session-href.js';
 import { getRetryInfo } from '../../internal/session-types/index.js';
 import { useModelPricingLookup } from '../../internal/lib/model-pricing.js';
-import { isAbortError, latestPromptModel, turnEndNotice } from '@kortix/sdk';
+import { isAbortError, latestPromptModel, SESSION_NOTICE, turnEndNotice } from '@kortix/sdk';
 import { failureShownByTurn, failureSupersededByTurn, persistedFailureText, } from './persisted-turn-failure.js';
-import { abandonOptimisticSend, applyOptimisticAbort, ascendingId, awaitAbortSettlement, beginOptimisticSend, classifySendError, clearStartStash, formatModelString, formatPromptModel, markOptimisticSendDispatched, markOptimisticSendInboxBacked, mintSessionWireMessageId, readStartStash, recoverFromSendFailure, rejectQuestion, replyToPermission, replyToQuestion, requestRuntimeReconnect, startSessionWithPrompt, useAbortRuntimeSession, useExecuteRuntimeCommand, useProjectConfig, useRuntimeAgents, useRuntimeBootStalled, useRuntimeCommands, useRuntimeConfig, useRuntimeConnectionStore, useRuntimePendingStore, useRuntimePhase, useRuntimeProviders, useRuntimeReady, useRuntimeSession, useRuntimeSessions, useRuntimeSupports, useSessionModelSelection, useSessionPrompts, useSessionStateStore, useSessionSync, useSessionTurnOutcome, useSessionWorking, useSessionWorkingStore, } from '@kortix/sdk/react';
+import { abandonOptimisticSend, applyOptimisticAbort, ascendingId, awaitAbortSettlement, beginOptimisticSend, classifySendError, clearStartStash, formatModelString, formatPromptModel, markOptimisticSendDispatched, markOptimisticSendInboxBacked, mintSessionWireMessageId, readStartStash, recoverFromSendFailure, rejectQuestion, replyToPermission, replyToQuestion, requestRuntimeReconnect, startSessionWithPrompt, useAbortRuntimeSession, useExecuteRuntimeCommand, useProjectConfig, useRuntimeAgents, useProjectSpaces, useRuntimeBootStalled, useRuntimeCommands, useRuntimeConfig, useRuntimeConnectionStore, useRuntimePendingStore, useRuntimePhase, useRuntimeProviders, useRuntimeReady, useRuntimeSession, useRuntimeSessions, useRuntimeSupports, useSessionModelSelection, useSessionPrompts, useSessionStateStore, useSessionSync, useSessionTurnOutcome, useSessionWorking, useSessionWorkingStore, } from '@kortix/sdk/react';
 import { useStableCallback } from '../../internal/hooks/use-stable-callback.js';
 import { useReloadForensics } from '../status/reload-forensics.js';
 import { resolveLastTurnWorking, serverHoldsOpenTurn, sessionComposerReadiness, } from '../composer/session-composer-readiness.js';
@@ -170,8 +175,20 @@ const TRANSCRIPT_THROTTLE_MS = 50;
 /** `useSessionMessages` input when no `useSession` owns this chat: reads nothing. */
 const DETACHED_SESSION_MESSAGES = { projectId: '', sessionId: '', runtimeSessionId: null };
 const NO_FULL_TEXTS = new Map();
-export function SessionChat({ sessionId, projectSessionId, sessionState, projectId, boundAgentName, headerLeadingAction, hideHeader, readOnly, inputReplacement, initialScrollTop, savedHistoryScope, onContentReady, deferComposerFocus, hostQuote, }) {
+/** The composer notice in the host's words (`TranscriptRows.notices`), else the SDK's. */
+function hostNotice(notice, notices) {
+    if (!notice || !notices)
+        return notice;
+    const key = Object.keys(SESSION_NOTICE).find((candidate) => SESSION_NOTICE[candidate] === notice);
+    return (key && notices[key]) || notice;
+}
+export function SessionChat({ sessionId, projectSessionId, sessionState, projectId, boundAgentName, headerLeadingAction, hideHeader, readOnly, composerPlaceholder, inputReplacement, initialScrollTop, savedHistoryScope, onContentReady, deferComposerFocus, hostQuote, }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
+    // A channel's thread panel: turns are message rows, full width, end-anchored.
+    const rowsContext = useContext(TranscriptRowsContext);
+    const transcriptRows = rowsContext !== null;
+    const isMobile = useIsMobile();
+    const isPhone = useIsPhone();
     const tQueue = useTranslations('threads');
     const tComposerAttachments = useTranslations('hardcodedUi.composerAttachments');
     const onboardingActive = useOnboardingModeStore((s) => s.active);
@@ -412,7 +429,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     // chat has no projectId, but runs inside the parent scope's project: its
     // roster is that project's. Only a chat with neither falls back to the
     // runtime's own agent list, which a pi box does not serve (KRTX-2887).
-    const { data: agents } = useRuntimeAgents({
+    const { data: rosterAgents } = useRuntimeAgents({
         directory: session?.directory,
         projectId: projectId ?? (scopeProjectId || undefined),
     });
@@ -507,6 +524,15 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     const projectSessionRow = useProjectSession(projectId, projectSessionId ?? undefined, {
         enabled: !!projectId && !!projectSessionId,
     }).data;
+    // A channel thread: whoever posts in the channel runs its agents, granted or
+    // not (the server applies the same rule).
+    const { data: projectSpaces } = useProjectSpaces(projectId, {
+        enabled: !!projectId && !!projectSessionRow?.space_id,
+    });
+    const threadChannelAgents = useMemo(() => channelRunnableAgents(projectSpaces?.find((space) => space.space_id === projectSessionRow?.space_id), projectConfig?.default_agent ?? projectConfig?.open_code_default_agent), [projectSpaces, projectSessionRow?.space_id, projectConfig?.default_agent, projectConfig?.open_code_default_agent]);
+    const agents = useMemo(() => withChannelAgents(rosterAgents, threadChannelAgents), [rosterAgents, threadChannelAgents]);
+    // Edit-and-rewind only on the viewer's own message with nobody else's after it.
+    const rewindable = useMemo(() => rewindableMessageIds(userMessageIds, transcriptAuthors.byMessage, viewerId, projectSessionRow?.created_by), [userMessageIds, transcriptAuthors.byMessage, viewerId, projectSessionRow?.created_by]);
     // ---- Unified model/agent/variant state (1:1 port of SolidJS local.tsx) ----
     // The composer opens on the model the session already runs (its pin, or its
     // last prompt's model), so a session set from the CLI, the SDK or Slack does
@@ -1095,7 +1121,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         const undoToastId = `queue-undo-${sessionId}-${removed.prompt_id}`;
         undoToast(tHardcodedUi.raw('i18nComplete.text2c6041fda32c'), {
             id: undoToastId,
-            duration: 5000,
+            duration: 5000, // audit:allow a toast lifetime in ms, not motion/react seconds
             undoLabel: tHardcodedUi.raw('i18nComplete.texta737e54996f8'),
             // The SAME `clientMessageId`, so an undo re-creates ONE row and a
             // double-click cannot create two. A FRESH wire id, because
@@ -1166,6 +1192,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     const messageCount = messages?.length ?? 0;
     const { scrollRef, contentRef, spacerElRef, showScrollButton, scrollToBottom, smoothScrollToAbsoluteBottom, anchorTurn, startAtTop, } = useAutoScroll({
         hasContent: messageCount > 0,
+        room: !transcriptRows,
     });
     // Cmd/Ctrl+P prints the WHOLE conversation. The shortcut is intercepted
     // because neither half of what printing needs can be done in CSS: the
@@ -1350,6 +1377,18 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     const awaitingUserInput = pendingQuestions.length > 0 || pendingPermissions.length > 0;
     const QUESTION_PROMPT_ANIMATION_MS = 320;
     const activePendingQuestion = pendingQuestions[0] ?? null;
+    // A new question docks over the bottom of the transcript, and answering it
+    // needs what the agent just wrote (a long tool run can leave the reader
+    // short of the end). Bring the end into view once per question; a reader
+    // who scrolls up afterwards stays where they are.
+    const shownQuestionIdRef = useRef(null);
+    useEffect(() => {
+        const id = activePendingQuestion?.id ?? null;
+        if (!id || id === shownQuestionIdRef.current)
+            return;
+        shownQuestionIdRef.current = id;
+        smoothScrollToAbsoluteBottom();
+    }, [activePendingQuestion?.id, smoothScrollToAbsoluteBottom]);
     const [renderedQuestion, setRenderedQuestion] = useState(null);
     const [questionPromptVisible, setQuestionPromptVisible] = useState(false);
     // A connector call waiting on a decision docks onto the composer the way a
@@ -1996,6 +2035,68 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         scrollEl.scrollTo({ top: Math.max(0, offset), behavior: 'smooth' });
         clearJumpTarget();
     }, [targetMessageId, clearJumpTarget, contentRef, scrollRef]);
+    const tChangeRequests = useTranslations('sessionChangeRequests');
+    const mobileChangeRequests = useIsMobile();
+    const [jumpingToOutcome, setJumpingToOutcome] = useState(false);
+    const outcomeJumpRef = useRef({ sessionId, hasOlder, isLoadingOlder, loadOlder });
+    useEffect(() => {
+        outcomeJumpRef.current = { sessionId, hasOlder, isLoadingOlder, loadOlder };
+    }, [sessionId, hasOlder, isLoadingOlder, loadOlder]);
+    const handleJumpToOutcome = useCallback(async (resolveTurn, createdAt) => {
+        if (jumpingToOutcome)
+            return;
+        setJumpingToOutcome(true);
+        const currentSession = sessionId;
+        const settle = () => new Promise((resolve) => requestAnimationFrame(() => resolve()));
+        try {
+            const earliest = Math.min(...turnSpans.flatMap((span) => span.startedAt === null ? [] : [span.startedAt]));
+            await jumpToOutcome({
+                needsHistory: hasOlder && (!Number.isFinite(createdAt) || createdAt < earliest),
+                history: {
+                    readState: () => outcomeJumpRef.current.sessionId === currentSession
+                        ? outcomeJumpRef.current : { hasOlder: false, isLoadingOlder: false },
+                    loadOlder: () => outcomeJumpRef.current.loadOlder(),
+                    settle,
+                },
+                resolve: () => outcomeJumpRef.current.sessionId === currentSession ? resolveTurn() : undefined,
+                loadError: () => errorToast(tChangeRequests('loadError')),
+                unavailable: () => {
+                    if (outcomeJumpRef.current.sessionId === currentSession)
+                        errorToast(tChangeRequests('unavailable'));
+                },
+                scroll: async (key) => {
+                    if (mobileChangeRequests) {
+                        const store = useKortixComputerStore.getState();
+                        if (store.isExpanded)
+                            store.toggleExpanded();
+                        store.setIsSidePanelOpen(false);
+                        store.setIsActionPanelOpen(false);
+                    }
+                    await settle();
+                    await settle();
+                    releaseOlderAnchor();
+                    const target = key ? Array.from(contentRef.current?.querySelectorAll('[data-turn-id]') ?? [])
+                        .find((node) => node.dataset.turnId === key) : undefined;
+                    const scroll = scrollRef.current;
+                    if (!target || !scroll) {
+                        return false;
+                    }
+                    const top = target.getBoundingClientRect().top - scroll.getBoundingClientRect().top + scroll.scrollTop;
+                    scroll.scrollTo({ top: Math.max(0, top), behavior: 'instant' });
+                    // Static feedback, not motion: keyboard and reduced-motion navigation stay instant.
+                    target.classList.add('bg-accent');
+                    window.setTimeout(() => target.classList.remove('bg-accent'), 1_000);
+                    return true;
+                },
+            });
+        }
+        catch {
+            errorToast(tChangeRequests('loadError'));
+        }
+        finally {
+            setJumpingToOutcome(false);
+        }
+    }, [jumpingToOutcome, sessionId, hasOlder, turnSpans, mobileChangeRequests, releaseOlderAnchor, contentRef, scrollRef, tChangeRequests]);
     // Reset on session change
     useEffect(() => {
         clearSendReceipt();
@@ -3421,252 +3522,276 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         return (_jsx("div", { className: "bg-background relative flex h-full flex-col", "data-testid": "session-chat", children: _jsx(SessionStartingLoader, { projectId: projectId, sessionId: projectSessionId }) }));
     }
     return (
-    // Outcomes' cache coherence and the shareable `?cr=` link both hinge on
-    // ONE `ProjectFilesProvider`: `useChangeRequests` inside
-    // `SessionOutcomesProvider` and `ChangeRequestDetailDialog` below both read
-    // their project id from this context, which is what keeps them on the same
-    // React Query cache entry (see `outcomes/session-outcomes-provider.tsx`).
-    _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".
-                                        className: 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, children: _jsxs(ToolActivateContext.Provider, { value: toolActivate, children: [showFirstPromptPreview &&
-                                                                    firstPromptSource &&
-                                                                    queuedSyntheticMessages.length === 0 && (_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
-                                                                            ? ''
-                                                                            : // 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`).
-                                                                        pending: turnRendersQueued({
+    // 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,
-                                                                            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 ||
-                                                                            !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 && (_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" })] }) })), _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.
-                            , { 
+                                                                            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.
-                                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(), hint: canTakeBackQueue ? tHardcodedUi.raw('i18nComplete.text03a01dd53ffa') : undefined, 
-                                // 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: composerReadiness.notice, onNoticeRetry: composerReadiness.notice && composerReadiness.retryable
-                                    ? requestRuntimeReconnect
-                                    : undefined }) }))] })] }) }));
+                                , { 
+                                    // `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 }) }))] })] }) }) }));
 }