@kortix/ui 0.14.4 → 0.14.6

package/dist/session/print/session-print-header.d.ts

@@ -1,13 +1,3 @@
-/**
- * The masthead of a printed conversation.
- *
- * A PDF of a session is read away from the app — attached to a ticket, mailed
- * to a customer, filed as a record — so it has to say what it is on its own
- * face. On screen this renders nothing (`print.css` keeps `[data-print-header]`
- * display:none until the print media query), and it is in the DOM at all times
- * so that printing needs no re-render: `window.print()` is synchronous, and a
- * React commit scheduled beside it is not guaranteed to land first.
- */
 export interface SessionPrintHeaderProps {
     title: string;
     projectName?: string | null;

package/dist/session/print/session-print-header.js

@@ -1,15 +1,30 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The masthead of a printed conversation.
+ *
+ * A PDF of a session is read away from the app — attached to a ticket, mailed
+ * to a customer, filed as a record — so it has to say what it is on its own
+ * face. On screen this renders nothing (`print.css` keeps `[data-print-header]`
+ * display:none until the print media query), and it is in the DOM at all times
+ * so that printing needs no re-render: `window.print()` is synchronous, and a
+ * React commit scheduled beside it is not guaranteed to land first.
+ *
+ * The agent is named the way the composer names it: a host's `agentLabels`
+ * entry wins over the raw agent name.
+ */
+import { useUiHostConfig } from '../../providers/ui-provider.js';
+const printedAtFormat = new Intl.DateTimeFormat('en-GB', {
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false,
+});
 /** `16 September 2026 at 20:41` — unambiguous across locales, no slashes. */
 export function formatPrintedAt(date) {
-    return new Intl.DateTimeFormat('en-GB', {
-        day: 'numeric',
-        month: 'long',
-        year: 'numeric',
-        hour: '2-digit',
-        minute: '2-digit',
-        hour12: false,
-    }).format(date);
+    return printedAtFormat.format(date);
 }
 /** The meta line under the title: the parts that exist, separated by a middot. */
 export function printHeaderMeta(input) {
@@ -19,9 +34,10 @@ export function printHeaderMeta(input) {
         .join(' · ');
 }
 export function SessionPrintHeader({ title, projectName, agentName, now, }) {
+    const { agentLabels } = useUiHostConfig();
     const meta = printHeaderMeta({
         projectName,
-        agentName,
+        agentName: (agentName && agentLabels?.[agentName]) || agentName,
         printedAt: formatPrintedAt(now ?? new Date()),
     });
     return (

package/dist/session/status/session-surface.js

@@ -113,7 +113,7 @@ export function resolveResumeOverlay(input) {
  * skeleton rows instead of a restart card or the boot screen.
  */
 export function hasOrExpectsTranscript(input) {
-    return input.hasTranscript || input.savedTranscript === 'loading';
+    return input.hasTranscript || input.savedTranscript !== 'none';
 }
 /**
  * Should the local "brand new session" hint be forgotten?

package/dist/session/thread/optimistic-turn.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import { parseSessionReferences } from './message-parsing.js';
 import type { SentAttachment } from '../composer/sent-attachment-previews.js';
 import { type AttachmentUploadStatus } from '../turn/user-message.js';
 /**
@@ -82,8 +83,11 @@ busy, deliveryStatus, className, }: {
  * app: chip in the composer, underline in the optimistic bubble, underline
  * again in the server turn.
  */
-export declare function HighlightMentions({ text, agentNames, onFileClick, }: {
+export declare function HighlightMentions({ text, sessions: parsedSessions, agentNames, onFileClick, }: {
     text: string;
+    /** The session refs the caller already stripped from `text`. Then `text` is
+     *  not parsed again: a second parse finds no refs and loses every title. */
+    sessions?: ReturnType<typeof parseSessionReferences>['sessions'];
     agentNames?: string[];
     onFileClick?: (path: string) => void;
 }): import("react").JSX.Element;

package/dist/session/thread/optimistic-turn.js

@@ -85,7 +85,7 @@ function OptimisticUserBubble({ text, agentNames, onFileClick, deferPreview, sta
     // Strip every ref block the composer folded into the prompt, in the order it
     // folded them in, so the bubble shows the sentence the user typed and the
     // attachments as tiles — never raw XML.
-    const { quotes, files, cleanText, pastes } = useMemo(() => {
+    const { quotes, files, cleanText, pastes, sessions } = useMemo(() => {
         // Pastes first, as on the sent turn: a ref inside a paste is paste text.
         const { text: afterPastes, pastes } = splitPastedContent(text);
         const { cleanText: afterReply, quotes } = parseReplyContexts(afterPastes);
@@ -93,8 +93,8 @@ function OptimisticUserBubble({ text, agentNames, onFileClick, deferPreview, sta
         const { cleanText: afterProjects } = parseProjectReferences(afterFiles);
         const { cleanText: afterFileMentions } = parseFileMentionReferences(afterProjects);
         const { cleanText: afterAgentMentions } = parseAgentMentionReferences(afterFileMentions);
-        const { cleanText } = parseSessionReferences(afterAgentMentions);
-        return { quotes, files, cleanText, pastes };
+        const { cleanText, sessions } = parseSessionReferences(afterAgentMentions);
+        return { quotes, files, cleanText, pastes, sessions };
     }, [text]);
     // Quotes are drawn where they were written, by the same component the sent
     // message uses — see `QuotedMessageBody`.
@@ -129,7 +129,7 @@ function OptimisticUserBubble({ text, agentNames, onFileClick, deferPreview, sta
         }));
         return [...pastes.map(pastedAttachment), ...fromText, ...fromStaged];
     }, [pastes, files, deferPreview, staged]);
-    return (_jsxs("div", { className: "ml-auto flex w-full max-w-[80%] flex-col items-end gap-2 self-end", children: [attachments.length > 0 && (_jsx(MessageAttachments, { attachments: attachments, status: uploadStatus })), (cleanText || quotedPieces) && (_jsx("div", { className: cn(BUBBLE_SURFACE, 'w-fit overflow-hidden'), children: quotedPieces ? (_jsx(QuotedMessageBody, { pieces: quotedPieces, renderText: (runText) => (_jsx(HighlightMentions, { text: runText, agentNames: agentNames, onFileClick: onFileClick })) })) : (_jsx("p", { className: BUBBLE_TEXT, children: _jsx(HighlightMentions, { text: cleanText, agentNames: agentNames, onFileClick: onFileClick }) })) })), _jsx(UserMessageActions, { timestamp: null, copyText: expandPastedContent(text), deliveryStatus: deliveryStatus })] }));
+    return (_jsxs("div", { className: "ml-auto flex w-full max-w-[80%] flex-col items-end gap-2 self-end", children: [attachments.length > 0 && (_jsx(MessageAttachments, { attachments: attachments, status: uploadStatus })), (cleanText || quotedPieces) && (_jsx("div", { className: cn(BUBBLE_SURFACE, 'w-fit overflow-hidden'), children: quotedPieces ? (_jsx(QuotedMessageBody, { pieces: quotedPieces, renderText: (runText) => (_jsx(HighlightMentions, { text: runText, sessions: sessions, agentNames: agentNames, onFileClick: onFileClick })) })) : (_jsx("p", { className: BUBBLE_TEXT, children: _jsx(HighlightMentions, { text: cleanText, sessions: sessions, agentNames: agentNames, onFileClick: onFileClick }) })) })), _jsx(UserMessageActions, { timestamp: null, copyText: expandPastedContent(text), deliveryStatus: deliveryStatus })] }));
 }
 /**
  * Highlight @mentions in plain text (for optimistic & user messages).
@@ -141,11 +141,13 @@ function OptimisticUserBubble({ text, agentNames, onFileClick, deferPreview, sta
  * app: chip in the composer, underline in the optimistic bubble, underline
  * again in the server turn.
  */
-export function HighlightMentions({ text, agentNames, onFileClick, }) {
+export function HighlightMentions({ text, sessions: parsedSessions, agentNames, onFileClick, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     // Strip every ref block (project/file/agent/session) before processing
     // inline @ mentions so the visible text never shows raw XML.
     const { cleanText, sessions } = useMemo(() => {
+        if (parsedSessions)
+            return { cleanText: text, sessions: parsedSessions };
         const a = parseProjectReferences(text);
         const b = parseFileMentionReferences(a.cleanText);
         const c = parseAgentMentionReferences(b.cleanText);
@@ -154,7 +156,7 @@ export function HighlightMentions({ text, agentNames, onFileClick, }) {
             cleanText: d.cleanText,
             sessions: d.sessions,
         };
-    }, [text]);
+    }, [text, parsedSessions]);
     const sessionTitles = useMemo(() => sessions.map((s) => s.title), [sessions]);
     const segments = useMemo(() => {
         const built = buildMentionSegments({ text: cleanText, sessionTitles, agentNames });

package/dist/session/thread/session-chat.d.ts

@@ -2,6 +2,11 @@ import { type UseSessionResult } from '@kortix/sdk/react';
 export { SessionReportCard, deriveTurnErrorAbortState, deriveTurnErrorPresentation } from './transcript.js';
 interface SessionChatProps {
     sessionId: string;
+    /** A host's reply quote (`SessionThreadProps.quote`): each new id adds its text to the composer's quotes. */
+    hostQuote?: {
+        id: number;
+        text: string;
+    } | null;
     /** Durable Kortix project session id used by project-session APIs. */
     projectSessionId?: string;
     /** Complete SDK state for the root session. Omit for a read-only child session. */
@@ -59,4 +64,4 @@ interface SessionChatProps {
      */
     deferComposerFocus?: boolean;
 }
-export declare function SessionChat({ sessionId, projectSessionId, sessionState, projectId, boundAgentName, headerLeadingAction, hideHeader, readOnly, inputReplacement, initialScrollTop, savedHistoryScope, onContentReady, deferComposerFocus, }: SessionChatProps): import("react").JSX.Element;
+export declare function SessionChat({ sessionId, projectSessionId, sessionState, projectId, boundAgentName, headerLeadingAction, hideHeader, readOnly, inputReplacement, initialScrollTop, savedHistoryScope, onContentReady, deferComposerFocus, hostQuote, }: SessionChatProps): import("react").JSX.Element;

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

@@ -171,7 +171,7 @@ 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, }) {
+export function SessionChat({ sessionId, projectSessionId, sessionState, projectId, boundAgentName, headerLeadingAction, hideHeader, readOnly, inputReplacement, initialScrollTop, savedHistoryScope, onContentReady, deferComposerFocus, hostQuote, }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
     const tQueue = useTranslations('threads');
     const tComposerAttachments = useTranslations('hardcodedUi.composerAttachments');
@@ -283,6 +283,17 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         }
         lastScrollTopRef.current = top;
     }, []);
+    // A host's quote: each new id is one more request, like a "Reply" click.
+    const hostQuoteIdRef = useRef(null);
+    useEffect(() => {
+        const text = hostQuote?.text.trim();
+        if (!hostQuote || !text || hostQuoteIdRef.current === hostQuote.id)
+            return;
+        hostQuoteIdRef.current = hostQuote.id;
+        quoteRequestIdRef.current += 1;
+        const request = { id: quoteRequestIdRef.current, text };
+        setQuoteRequests((current) => [...current, request]);
+    }, [hostQuote]);
     // When user clicks "Reply" in the popup
     const handleSelectionReply = useCallback(() => {
         if (!selectionPopup)
@@ -378,7 +389,9 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     const messages = thread?.messages.length ? thread.messages : undefined;
     // The thread for handlers that read it at call time (the optimistic answers cache).
     const threadRef = useRef(thread);
-    threadRef.current = thread;
+    useLayoutEffect(() => {
+        threadRef.current = thread;
+    }, [thread]);
     const messagesLoading = syncMessagesLoading;
     // Who wrote each user message. A one-person session stays unlabelled.
     const viewerId = useUiViewerId();
@@ -1274,6 +1287,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         autoLoadedPages,
         handleLoadOlder,
         scrollRef,
+        spacerElRef,
         sessionId,
         transcriptOnLog,
     ]);
@@ -1477,6 +1491,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         held: heldTurnIds,
         pricing: pricingLookup,
         hideOutOfContext,
+        foldCompactions: true,
     }), [lastTurnWorking, heldTurnIds, pricingLookup, hideOutOfContext]);
     // WHICH turn carries the shimmer (`live`), and which user bubbles are still
     // queued at the agent (`queued`): the working projection's turn, else this
@@ -1494,7 +1509,9 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     const harnessSwitches = useMemo(() => sessionLogHarnessSwitches(sessionRecord?.harness?.history, turns), [sessionRecord?.harness?.history, turns]);
     // P5.6: load the whole of every text a turn shows as a preview, on request only.
     const fullTextsRef = useRef(loaded);
-    fullTextsRef.current = loaded;
+    useLayoutEffect(() => {
+        fullTextsRef.current = loaded;
+    });
     const loadFullTexts = useCallback((turnId, refs) => {
         const key = fullTextsRef.current.key;
         const mark = (state) => setFullTexts((prev) => {
@@ -1948,7 +1965,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     // A compaction turn of any state (`turn.compaction`), so a failed attempt's
     // turn suppresses the optimistic "Compacting…" marker instead of leaving it
     // shimmering beside the failure row.
-    const hasCompactionTurn = useMemo(() => turns.some((turn) => turn.compaction !== null), [turns]);
+    const hasCompactionTurn = useMemo(() => turns.some((turn) => turn.compaction !== null || turn.blocks.some((block) => block.type === 'compaction')), [turns]);
     // Index of the LAST compaction turn (any state). Every FAILED attempt
     // before it is history the reader retried past — a run of retries renders
     // as ONE failure row (the latest), not a stack of near-identical lines.
@@ -3189,6 +3206,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
                     ? 'duration-slow max-h-130 translate-y-0 opacity-100'
                     : 'duration-slow pointer-events-none max-h-0 -translate-y-1 opacity-0'), children: _jsx(QuestionPrompt, { ref: questionPromptRef, request: renderedQuestion, onReply: handleQuestionReply, onReject: handleQuestionReject, onActionChange: handleQuestionActionChange }, renderedQuestion.id) })) : null] })), [
         sessionId,
+        sessionScopeAgentName,
         pendingPermissions,
         handlePermissionReply,
         renderedQuestion,
@@ -3196,10 +3214,6 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         handleQuestionReply,
         handleQuestionReject,
         handleQuestionActionChange,
-        tHardcodedUi,
-        local.model.fallback,
-        local.model.list,
-        handleModelChange,
     ]);
     // The rewound-path notice lives on the composer toolbar, beside send/stop —
     // send is what commits the path, so the control sits at the moment of
@@ -3382,12 +3396,20 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         // when the host router observes history and routes through it otherwise.
         shallowNavigate(qs ? `${pathname}?${qs}` : pathname, { replace: true });
     }, [readOnly, pathname, searchParams, shallowNavigate]);
+    // A session tab stays mounted, so a later `?cr=` (the turn-done toast's
+    // Review) must open the dialog too, not only the one read at mount.
+    const crParam = readOnly ? null : (searchParams?.get('cr') ?? null);
+    useEffect(() => {
+        if (crParam)
+            setOpenCrIdState(crParam);
+    }, [crParam]);
     const handleOpenOutcome = useCallback((outcome) => {
         // Change requests are the only kind a turn produces. `external` exists on
         // the union for `setup-links/setup-link-button.tsx`, which renders this
         // card inline in prose and handles its own open.
-        if (outcome.kind === 'change_request')
-            setOpenCrId(outcome.id.slice('cr:'.length));
+        if (outcome.kind === 'change_request') {
+            setOpenCrId(outcome.action.target ?? outcome.id.slice('cr:'.length));
+        }
     }, [setOpenCrId]);
     // While the session is still connecting / loading its content, render ONLY the
     // staged loader — never the session shell (header + input) at the same time.
@@ -3420,7 +3442,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
                     : 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, providers: providers, allSessions: allSessions, servedModel: sessionServedModel, billedCost: sessionBilledCost(modelUsage) }), _jsx(CompactModal, { sessionId: sessionId, open: compactModalOpen, onOpenChange: setCompactModalOpen }), _jsx(ChangeRequestDetailDialog, { crId: openCrId, onClose: () => setOpenCrId(null) }), _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: () => {
+                    detachedRows: sessionState ? undefined : hookMessages, source: sessionState ?? DETACHED_SESSION_MESSAGES, session: session, 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);
@@ -3448,7 +3470,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
                                         // 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, onOpen: handleOpenOutcome, children: _jsxs(ToolActivateContext.Provider, { value: toolActivate, children: [showFirstPromptPreview &&
+                                                                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

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

@@ -15,6 +15,7 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
  */
 import { ArrowsLeftRightIcon, ClockCounterClockwiseIcon, XIcon } from '@phosphor-icons/react';
 import { sessionLogFullTextAction, sessionLogReferencedTexts, } from '@kortix/sdk';
+import { useMemo } from 'react';
 import { Button } from '../../primitives/button.js';
 import { InfoBanner } from '../../primitives/info-banner.js';
 import { useLocale, useTranslations } from '../../i18n/index.js';
@@ -51,7 +52,8 @@ function missingLabel(t, kind, count) {
 export function RestoreNotice({ notice, onDismiss }) {
     const t = useTranslations('sessionUi.history');
     const locale = useLocale();
-    const items = new Intl.ListFormat(locale, { style: 'narrow', type: 'unit' }).format(notice.missing.map((m) => missingLabel(t, m.kind, m.count)));
+    const listFormat = useMemo(() => new Intl.ListFormat(locale, { style: 'narrow', type: 'unit' }), [locale]);
+    const items = listFormat.format(notice.missing.map((m) => missingLabel(t, m.kind, m.count)));
     return (
     // `info`: the neutral tone keeps `Alert`'s default fill under a hairline (two boundaries).
     _jsxs(InfoBanner, { tone: "info", role: "status", "data-restore-notice": "", className: "mb-6 rounded-md", icon: ClockCounterClockwiseIcon, title: t('restoreTitle'), action: _jsx(Button, { variant: "ghost", size: "icon-sm", onClick: onDismiss, "aria-label": t('restoreDismiss'), className: "text-muted-foreground", children: _jsx(XIcon, { className: "size-4" }) }), children: [notice.missing.length > 0 && _jsxs("span", { children: [t('restoreMissing', { items }), " "] }), t('restoreAgent')] }));

package/dist/session/thread/session-thread.d.ts

@@ -21,6 +21,15 @@ export interface SessionThreadProps {
     hideHeader?: boolean;
     /** Hide the composer: a transcript to read, not to answer. */
     readOnly?: boolean;
+    /**
+     * A quote the host adds to the composer's reply quotes (the card above the
+     * input), as a transcript selection's "Reply" does. Each new `id` adds its
+     * `text` once.
+     */
+    quote?: {
+        id: number;
+        text: string;
+    } | null;
     className?: string;
 }
-export declare function SessionThread({ session, hideHeader, readOnly, className }: SessionThreadProps): import("react").JSX.Element;
+export declare function SessionThread({ session, hideHeader, readOnly, quote, className }: SessionThreadProps): import("react").JSX.Element;

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

@@ -7,7 +7,7 @@ import { SessionPanelFallback } from '../panel/panel-fallback.js';
 import { SessionChat } from './session-chat.js';
 import { SessionStartingLoader } from '../status/session-starting-loader.js';
 import '../tool/tools/register.js';
-export function SessionThread({ session, hideHeader = false, readOnly = false, className }) {
+export function SessionThread({ session, hideHeader = false, readOnly = false, quote, className }) {
     const { projectId, sessionId, runtimeSessionId } = session;
-    return (_jsx(ProjectScope, { projectId: projectId, sessionId: sessionId, children: _jsx(ProviderPoolDraftBoundary, { identity: `${projectId}/${sessionId}`, children: _jsxs("div", { "data-slot": "session-thread", className: cn('relative flex h-full min-h-0 flex-col', className), children: [runtimeSessionId ? (_jsx(SessionChat, { sessionId: runtimeSessionId, projectSessionId: sessionId, projectId: projectId, sessionState: session, hideHeader: hideHeader, readOnly: readOnly }, runtimeSessionId)) : (_jsx(SessionStartingLoader, { stage: session.stage === 'starting' ? 'starting' : 'provisioning', projectId: projectId, sessionId: sessionId })), _jsx(SessionPanelFallback, { projectId: projectId, projectSessionId: sessionId, runtimeSessionId: runtimeSessionId })] }) }) }));
+    return (_jsx(ProjectScope, { projectId: projectId, sessionId: sessionId, children: _jsx(ProviderPoolDraftBoundary, { identity: `${projectId}/${sessionId}`, children: _jsxs("div", { "data-slot": "session-thread", className: cn('relative flex h-full min-h-0 flex-col', className), children: [runtimeSessionId ? (_jsx(SessionChat, { sessionId: runtimeSessionId, projectSessionId: sessionId, projectId: projectId, sessionState: session, hideHeader: hideHeader, readOnly: readOnly, hostQuote: quote }, runtimeSessionId)) : (_jsx(SessionStartingLoader, { stage: session.stage === 'starting' ? 'starting' : 'provisioning', projectId: projectId, sessionId: sessionId })), _jsx(SessionPanelFallback, { projectId: projectId, projectSessionId: sessionId, runtimeSessionId: runtimeSessionId })] }) }) }));
 }

package/dist/session/thread/transcript.js

@@ -43,6 +43,8 @@ import { Disclosure, DisclosureContent, DisclosureTrigger } from '../../primitiv
 import { useUserPreferencesStore } from '../../internal/stores/user-preferences-store.js';
 import { SubSessionModal } from './sub-session-modal.js';
 import { ToolPartRenderer, TurnLiveContext } from '../tool/tool-renderers.js';
+import { RecoveredCallsContext } from '../tool/shared/infrastructure.js';
+import { recoveredShellFailures } from '../turn/recovered-failures.js';
 import { cn } from '../../lib/utils.js';
 import { extractKortixSystemMessages, extractSessionReport, stripKortixSystemTags, } from '../../internal/lib/utils/kortix-system-tags.js';
 // Shared UI primitives (framework-agnostic, reusable on mobile)
@@ -959,6 +961,8 @@ function TurnUserBubble(props) {
                         ? () => onRemoveQueued(pendingPrompt.prompt_id)
                         : undefined })) : queuedStatus === 'sending' || queuedStatus === 'queued' || queuedStatus === 'interrupted' ? (_jsx(QueuedPromptProgress, { state: queuedStatus })) : undefined }) })) }));
 }
+/** One shared empty set: a live turn has no recovered calls yet. */
+const NO_RECOVERED_CALLS = new Set();
 /** The assistant's part tree: bursts, standalone deliverables, and prose
  *  between them, under one live-context provider. */
 function TurnToolBlocks(props) {
@@ -972,6 +976,8 @@ function TurnToolBlocks(props) {
     // Settled turns only: while working the split is null anyway, and the
     // filter re-runs the burst steps on every SSE frame.
     const split = useMemo(() => (fold && !working ? splitSessionLogTurnWork(segments.filter(segmentRendersSomething), { working }) : null), [fold, segments, working]);
+    // Settled turns only: while the turn runs, the next step has not happened yet.
+    const recovered = useMemo(() => (working ? NO_RECOVERED_CALLS : recoveredShellFailures(turnBlocks(turn))), [turn, working]);
     const renderSegment = (segment) => {
         const key = turnSegmentKey(segment);
         if (key === null)
@@ -984,13 +990,13 @@ function TurnToolBlocks(props) {
         // will. Provided here rather than per-row because `working` is a fact
         // about the TURN, and this block is the turn's whole part tree.
         // See `TurnLiveContext`.
-        _jsx(TurnLiveContext.Provider, { value: working, children: _jsx("div", { className: "space-y-3", children: split
-                    ? [
-                        _jsx(TurnWorkAccordion, { durationMs: durationMs, children: split.work.map(renderSegment) }, "turn-work"),
-                        ...split.hoisted.map(renderSegment),
-                        ...split.final.map(renderSegment),
-                    ]
-                    : segments.map(renderSegment) }) })) }));
+        _jsx(TurnLiveContext.Provider, { value: working, children: _jsx(RecoveredCallsContext.Provider, { value: recovered, children: _jsx("div", { className: "space-y-3", children: split
+                        ? [
+                            _jsx(TurnWorkAccordion, { durationMs: durationMs, children: split.work.map(renderSegment) }, "turn-work"),
+                            ...split.hoisted.map(renderSegment),
+                            ...split.final.map(renderSegment),
+                        ]
+                        : segments.map(renderSegment) }) }) })) }));
 }
 /** One segment of the turn's steps section: a burst, a show group, a
  *  standalone deliverable, or prose between bursts. Keyed by the first

package/dist/session/tool/shared/file-list.js

@@ -59,6 +59,8 @@ export function parseListing(output, dir) {
     return files.length ? files : null;
 }
 export function ToolListRow({ icon, name, dir, trailing, chevron, onClick, onNameClick, disabled = false, title, }) {
+    const rowAction = onClick && !disabled ? onClick : undefined;
+    const nameAction = onNameClick && !disabled ? onNameClick : undefined;
     return (_jsxs("div", { className: cn(
         // Same row grammar as WebSourceRow: leading glyph, the name taking the
         // free space, and the secondary detail parked on the right. A file list
@@ -68,10 +70,25 @@ export function ToolListRow({ icon, name, dir, trailing, chevron, onClick, onNam
             ? 'cursor-default opacity-70'
             : onClick
                 ? 'hover:bg-muted cursor-pointer'
-                : undefined), onClick: onClick && !disabled ? onClick : undefined, title: title, children: [chevron && (_jsx(ChevronRight, { className: cn('text-muted-foreground/60 size-3.5 shrink-0 transition-transform', chevron === 'expanded' && 'rotate-90') })), _jsx("span", { className: "text-muted-foreground/60 group-hover:text-foreground/70 shrink-0 transition-colors [&>svg]:size-4", children: icon }), _jsx("span", { className: cn('text-foreground min-w-0 flex-1 truncate font-mono text-sm', onNameClick && !disabled && 'hover:text-primary cursor-pointer transition-colors'), onClick: onNameClick && !disabled
+                : undefined), role: rowAction ? 'button' : undefined, tabIndex: rowAction ? 0 : undefined, onClick: rowAction, onKeyDown: rowAction
+            ? (e) => {
+                if (e.target !== e.currentTarget || (e.key !== 'Enter' && e.key !== ' '))
+                    return;
+                e.preventDefault();
+                rowAction();
+            }
+            : undefined, title: title, children: [chevron && (_jsx(ChevronRight, { className: cn('text-muted-foreground/60 size-3.5 shrink-0 transition-transform', chevron === 'expanded' && 'rotate-90') })), _jsx("span", { className: "text-muted-foreground/60 group-hover:text-foreground/70 shrink-0 transition-colors [&>svg]:size-4", children: icon }), _jsx("span", { className: cn('text-foreground min-w-0 flex-1 truncate font-mono text-sm', onNameClick && !disabled && 'hover:text-primary cursor-pointer transition-colors'), role: nameAction ? 'button' : undefined, tabIndex: nameAction ? 0 : undefined, onClick: nameAction
                     ? (e) => {
                         e.stopPropagation();
-                        onNameClick();
+                        nameAction();
+                    }
+                    : undefined, onKeyDown: nameAction
+                    ? (e) => {
+                        if (e.key !== 'Enter' && e.key !== ' ')
+                            return;
+                        e.preventDefault();
+                        e.stopPropagation();
+                        nameAction();
                     }
                     : undefined, children: name }), dir && (_jsx("span", { className: "text-muted-foreground max-w-[40%] shrink-0 truncate font-mono text-sm", children: dir })), trailing !== undefined && trailing !== null && (_jsx("span", { className: "text-muted-foreground shrink-0 text-sm tabular-nums", children: trailing }))] }));
 }

package/dist/session/tool/shared/infrastructure-contexts.d.ts

@@ -59,6 +59,13 @@ export declare const StalePendingContext: import("react").Context<boolean>;
  * reading without opting in.
  */
 export declare const TurnLiveContext: import("react").Context<boolean>;
+/**
+ * The ids of the failed commands in a settled turn that the agent moved past: a
+ * later step of the same turn worked (`recoveredShellFailures`). Their rows keep
+ * "Command failed" and the exit code, in the muted ink; red stays for a failure
+ * the turn ended on (KRTX-3021). Empty outside a settled turn.
+ */
+export declare const RecoveredCallsContext: import("react").Context<ReadonlySet<string>>;
 export declare const ToolDurationContext: import("react").Context<number | undefined>;
 export declare function shouldShowToolPartInActionsPanel(call: ToolCallBlock): boolean;
 export declare const ToolActivateContext: import("react").Context<((callID: string) => void) | null>;

package/dist/session/tool/shared/infrastructure-contexts.js

@@ -63,6 +63,13 @@ export const StalePendingContext = createContext(false);
  * reading without opting in.
  */
 export const TurnLiveContext = createContext(false);
+/**
+ * The ids of the failed commands in a settled turn that the agent moved past: a
+ * later step of the same turn worked (`recoveredShellFailures`). Their rows keep
+ * "Command failed" and the exit code, in the muted ink; red stays for a failure
+ * the turn ended on (KRTX-3021). Empty outside a settled turn.
+ */
+export const RecoveredCallsContext = createContext(new Set());
 export const ToolDurationContext = createContext(undefined);
 // Background memory plumbing (searches/gets and raw memory/ reads) stays
 // out of the Actions panel. The memory editor tool itself ('memory'/'oc-memory')

package/dist/session/tool/shared/infrastructure-output.js

@@ -15,9 +15,13 @@ import { useMemo } from 'react';
 import { MD_FLUSH_CLASSES } from './infrastructure-preview.js';
 import { cleanErrorMessage, formatJsonFailureOutput, looksLikeError, parseJsonFailure } from '@kortix/sdk';
 export function JsonFailureOutputCard({ failure, }) {
-    const summary = cleanErrorMessage(failure.errorSummary);
-    const detail = failure.nestedMessage ? cleanErrorMessage(failure.nestedMessage) : undefined;
-    return (_jsxs("div", { className: "flex items-start gap-2.5 px-3 py-2.5 text-xs", children: [_jsx("span", { className: cn('mt-px flex size-5 shrink-0 items-center justify-center rounded-sm', STATUS_BG.destructive), children: _jsx(CircleAlert, { className: cn('size-3.5', STATUS_TEXT.destructive) }) }), _jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [_jsx("p", { className: "text-foreground/90 text-xs leading-relaxed text-pretty wrap-break-word", children: summary }), detail && detail !== summary && (_jsx("p", { className: "text-muted-foreground text-xs leading-relaxed text-pretty wrap-break-word", children: detail })), failure.hint && (_jsx("p", { className: "text-muted-foreground/80 text-xs leading-relaxed text-pretty wrap-break-word", children: failure.hint.trim() }))] }), typeof failure.status === 'number' && (_jsx("span", { className: "text-muted-foreground/60 shrink-0 font-mono text-xs tabular-nums", children: failure.status }))] }));
+    // A provider's sentence nested in the error body is the readable line; the
+    // raw `432 Error: {…}` around it is noise, and its status is in the chip
+    // (KRTX-3022).
+    const summary = failure.nestedMessage
+        ? cleanErrorMessage(failure.nestedMessage)
+        : cleanErrorMessage(failure.errorSummary);
+    return (_jsxs("div", { className: "flex items-start gap-2.5 px-3 py-2.5 text-xs", children: [_jsx("span", { className: cn('mt-px flex size-5 shrink-0 items-center justify-center rounded-sm', STATUS_BG.destructive), children: _jsx(CircleAlert, { className: cn('size-3.5', STATUS_TEXT.destructive) }) }), _jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [_jsx("p", { className: "text-foreground text-xs leading-relaxed text-pretty wrap-break-word", children: summary }), failure.hint && (_jsx("p", { className: "text-muted-foreground text-xs leading-relaxed text-pretty wrap-break-word", children: failure.hint.trim() }))] }), typeof failure.status === 'number' && (_jsx("span", { className: "text-muted-foreground shrink-0 font-mono text-xs tabular-nums", children: failure.status }))] }));
 }
 export function ToolOutputFallback({ output, isStreaming = false, toolName, }) {
     const parsedJsonFailure = !isStreaming ? parseJsonFailure(output) : null;
@@ -65,7 +69,7 @@ function ToolOutputCard({ copyText, children }) {
         // have). On the panel the card IS the disclosure body, which already
         // supplies `px-3 py-3` — a top margin there is double-spacing, 18px
         // over 12px at the bottom.
-        indent && 'mt-1.5', indent), children: [copyText && (_jsx(CopyButton, { code: copyText, className: "text-muted-foreground/60 hover:text-foreground absolute top-1 right-1 z-10" })), _jsx("div", { "data-scrollable": true, className: cn('max-h-96 overflow-auto', pad, 'pr-11'), children: children })] }));
+        indent && 'mt-1.5', indent), children: [copyText && (_jsx(CopyButton, { code: copyText, className: "text-muted-foreground hover:text-foreground absolute top-1 right-1 z-10" })), _jsx("div", { "data-scrollable": true, className: cn('max-h-96 overflow-auto', pad, 'pr-11'), children: children })] }));
 }
 /**
  * Raw tool output as its own object: a muted, hairlined card with a copy
@@ -89,5 +93,5 @@ export function RawOutputBlock({ output, maxChars = 2000 }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const { text, truncatedChars } = useMemo(() => formatRawOutput(output, maxChars), [output, maxChars]);
     const isMarkdown = useMemo(() => looksLikeMarkdown(text), [text]);
-    return (_jsxs(ToolOutputCard, { copyText: output, children: [isMarkdown ? (_jsx("div", { className: cn('text-sm', MD_FLUSH_CLASSES), children: _jsx(UnifiedMarkdown, { content: text, trust: "untrusted" }) })) : (_jsx("pre", { className: "text-muted-foreground font-mono text-xs leading-relaxed wrap-break-word whitespace-pre-wrap", children: text })), truncatedChars > 0 && (_jsxs("div", { className: "text-muted-foreground/40 mt-2 text-xs", children: ["+", truncatedChars.toLocaleString(), " ", tI18nComplete.raw('text6d0123a90793')] }))] }));
+    return (_jsxs(ToolOutputCard, { copyText: output, children: [isMarkdown ? (_jsx("div", { className: cn('text-sm', MD_FLUSH_CLASSES), children: _jsx(UnifiedMarkdown, { content: text, trust: "untrusted" }) })) : (_jsx("pre", { className: "text-muted-foreground font-mono text-xs leading-relaxed wrap-break-word whitespace-pre-wrap", children: text })), truncatedChars > 0 && (_jsxs("div", { className: "text-muted-foreground mt-2 text-xs", children: ["+", truncatedChars.toLocaleString(), " ", tI18nComplete.raw('text6d0123a90793')] }))] }));
 }

package/dist/session/tool/shared/infrastructure-row-header.js

@@ -120,7 +120,15 @@ export function PanelRowTitle({ trigger, running, onSubtitleClick, }) {
     const open = useToolOpen();
     const subtitle = open && trigger.hideSubtitleWhenOpen ? undefined : trigger.subtitle;
     return (_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden", children: [running ? (_jsx(TextShimmer, { className: cn(PANEL_TITLE_CLASS, 'text-sm font-medium'), children: trigger.title || 'Working' })) : (_jsx("span", { className: cn('text-foreground text-sm font-medium', PANEL_TITLE_CLASS), children: trigger.title })), subtitle && (_jsx("span", { className: cn('text-muted-foreground min-w-0 truncate font-mono text-xs', onSubtitleClick &&
-                    'hover:text-foreground cursor-pointer underline-offset-2 hover:underline'), title: subtitle, 
+                    'hover:text-foreground cursor-pointer underline-offset-2 hover:underline'), role: onSubtitleClick ? 'button' : undefined, tabIndex: onSubtitleClick ? 0 : undefined, title: subtitle, onKeyDown: onSubtitleClick
+                    ? (e) => {
+                        if (e.key !== 'Enter' && e.key !== ' ')
+                            return;
+                        e.preventDefault();
+                        e.stopPropagation();
+                        onSubtitleClick();
+                    }
+                    : undefined, 
                 // `stopPropagation` is load-bearing now and was not before: the
                 // subtitle sits INSIDE the disclosure trigger, so without it every
                 // "open this file" click would also toggle the row it lives on.

package/dist/session/tool/shared/infrastructure-rows.js

@@ -4,7 +4,7 @@ import { Disclosure, DisclosureContent, DisclosureTrigger } from '../../../primi
 import { SidebarGlyph as PanelRight } from '../../../icons/sidebar-toggle.js';
 import { CaretRightIcon } from '@phosphor-icons/react';
 import { cn } from '../../../lib/utils.js';
-import { useCallback, useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useState } from 'react';
 import { ToolSurfaceContext } from './surface.js';
 import { BoundActivateContext, ToolDurationContext, ToolOpenContext, ToolOutcomeContext, ToolRunningContext } from './infrastructure-contexts.js';
 import { PanelRowTitle, TOOL_ROW_CLASS, ToolHeaderRow, ToolOutcomeIcon } from './infrastructure-row-header.js';
@@ -110,13 +110,15 @@ export function BasicTool({ icon, trigger, children, defaultOpen = false, forceO
     // could only open the row on the frame AFTER mount, so a call that arrives
     // already waiting on a permission or a question rendered closed once and then
     // snapped open — a flash of the wrong answer on the exact row whose prompt is
-    // the point. The effect stays for the case it is actually for: `forceOpen`
-    // flipping true on an already-mounted row.
+    // the point. The render-time latch below covers `forceOpen` flipping true on
+    // an already-mounted row, in the same render.
     const [open, setOpen] = useState(defaultOpen || !!forceOpen);
-    useEffect(() => {
+    const [prevForceOpen, setPrevForceOpen] = useState(forceOpen);
+    if (forceOpen !== prevForceOpen) {
+        setPrevForceOpen(forceOpen);
         if (forceOpen)
             setOpen(true);
-    }, [forceOpen]);
+    }
     const handleOpenChange = useCallback((value) => {
         if (locked && !value)
             return;