@kortix/ui 0.14.8 → 0.14.9

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

@@ -21,6 +21,8 @@ export interface SessionThreadProps {
     hideHeader?: boolean;
     /** Hide the composer: a transcript to read, not to answer. */
     readOnly?: boolean;
+    /** The reply composer's placeholder. Default: the composer's own. */
+    composerPlaceholder?: string;
     /**
      * 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
@@ -32,4 +34,4 @@ export interface SessionThreadProps {
     } | null;
     className?: string;
 }
-export declare function SessionThread({ session, hideHeader, readOnly, quote, className }: SessionThreadProps): import("react").JSX.Element;
+export declare function SessionThread({ session, hideHeader, readOnly, composerPlaceholder, quote, className, }: SessionThreadProps): import("react").JSX.Element;

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

@@ -1,13 +1,20 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
 import { cn } from '../../lib/utils.js';
 import { ProjectScope } from '../../internal/project-scope.js';
 import { ProviderPoolDraftBoundary } from '../overrides/provider-pool-draft-context.js';
 import { SessionPanelFallback } from '../panel/panel-fallback.js';
 import { SessionChat } from './session-chat.js';
 import { SessionStartingLoader } from '../status/session-starting-loader.js';
+import { ThreadBootRows } from './thread-boot-rows.js';
+import { TranscriptRowsContext } from './transcript-rows.js';
 import '../tool/tools/register.js';
-export function SessionThread({ session, hideHeader = false, readOnly = false, quote, className }) {
+export function SessionThread({ session, hideHeader = false, readOnly = false, composerPlaceholder, 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, hostQuote: quote }, runtimeSessionId)) : (_jsx(SessionStartingLoader, { projectId: projectId, sessionId: sessionId })), _jsx(SessionPanelFallback, { projectId: projectId, projectSessionId: sessionId, runtimeSessionId: runtimeSessionId })] }) }) }));
+    const rows = useContext(TranscriptRowsContext) !== null;
+    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, composerPlaceholder: composerPlaceholder, hostQuote: quote }, runtimeSessionId)) : rows ? (
+                    // A channel thread: its prompt, the agent's busy row and the reply
+                    // box from the first frame, while the computer comes up.
+                    _jsx(ThreadBootRows, { projectId: projectId, sessionId: sessionId, composerPlaceholder: composerPlaceholder, readOnly: readOnly })) : (_jsx(SessionStartingLoader, { projectId: projectId, sessionId: sessionId })), _jsx(SessionPanelFallback, { projectId: projectId, projectSessionId: sessionId, runtimeSessionId: runtimeSessionId })] }) }) }));
 }

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

@@ -0,0 +1,36 @@
+import { type TranscriptRows } from './transcript-rows.js';
+/**
+ * A prompt not yet in the transcript, as a channel thread draws it: the
+ * author's row and, while it waits, the agent's row with the busy line. The
+ * thread panel's boot body and its first-prompt stand-in draw this one row, so
+ * the hand-over to the transcript's own row does not move.
+ */
+export declare function PendingPromptRows({ text, author, sessionId, busy, }: {
+    text: string;
+    author: TranscriptRows['owner'];
+    sessionId: string;
+    busy?: boolean;
+}): import("react").JSX.Element;
+/**
+ * The agent's answer row while it has drawn nothing yet: its pixel mark, its
+ * name and the Thinking line, where a working turn's answer row draws them
+ * (`SessionTurn` in rows mode: the body opens `mt-0.5`). Every waiting row of
+ * a channel thread is this row, so none sits outside the row grid. Null
+ * outside a channel thread.
+ */
+export declare function AgentBusyRow({ sessionId }: {
+    sessionId: string;
+}): import("react").JSX.Element | null;
+/**
+ * A channel thread whose computer is still coming up (no runtime session yet).
+ * The session page shows `InstantSessionShell` here; a thread panel shows the
+ * same thing as rows: the first prompt by its author, the agent's busy row,
+ * and a working reply composer. A reply typed now joins the session's prompt
+ * inbox and runs once the computer is up, as on the session page.
+ */
+export declare function ThreadBootRows({ projectId, sessionId, composerPlaceholder, readOnly, }: {
+    projectId: string;
+    sessionId: string;
+    composerPlaceholder?: string;
+    readOnly?: boolean;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,89 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProjectSession, useSessionPrompts } from '@kortix/sdk/react';
+import { useContext, useMemo } from 'react';
+import { AgentMark } from '../../internal/components/agent-mark.js';
+import { cn } from '../../lib/utils.js';
+import { errorToast } from '../../primitives/toast.js';
+import { UserAvatar } from '../../primitives/user-avatar.js';
+import { useUiViewerId } from '../../providers/ui-provider.js';
+import { ComposerChatInput } from '../composer/composer-chat-input.js';
+import { projectQueueRows } from '../composer/queue-projection.js';
+import { QueuedPromptList } from '../composer/queued-prompt-list.js';
+import { useInstantSessionSend } from '../composer/use-instant-session-send.js';
+import { participantLabel } from '../participants/session-participants.js';
+import { SessionBusyIndicator } from '../status/session-busy-indicator.js';
+import { MESSAGE_TEXT_CLASS, MessageRow } from '../turn/message-row.js';
+import { parseAgentMentionReferences, parseFileMentionReferences, parseFileReferences, parseSessionReferences, stripReplyContexts, } from './message-parsing.js';
+import { TranscriptRowsContext } from './transcript-rows.js';
+/** The sentence a person typed, without the ref blocks the composer folds in. */
+function promptSentence(text) {
+    let clean = parseFileReferences(text).cleanText;
+    clean = parseSessionReferences(clean).cleanText;
+    clean = parseFileMentionReferences(clean).cleanText;
+    clean = parseAgentMentionReferences(clean).cleanText;
+    return stripReplyContexts(clean).trim();
+}
+/**
+ * A prompt not yet in the transcript, as a channel thread draws it: the
+ * author's row and, while it waits, the agent's row with the busy line. The
+ * thread panel's boot body and its first-prompt stand-in draw this one row, so
+ * the hand-over to the transcript's own row does not move.
+ */
+export function PendingPromptRows({ text, author, sessionId, busy = true, }) {
+    const rows = useContext(TranscriptRowsContext);
+    const name = author ? participantLabel(author) : '';
+    return (_jsxs(_Fragment, { children: [_jsx(MessageRow, { avatar: _jsx(UserAvatar, { email: author?.email ?? '', name: name, avatarUrl: author?.avatarUrl, size: "lg" }), name: name || rows?.unknownAuthor, children: _jsx("p", { className: cn(MESSAGE_TEXT_CLASS, 'text-pretty whitespace-pre-wrap wrap-anywhere'), children: promptSentence(text) }) }), busy ? _jsx(AgentBusyRow, { sessionId: sessionId }) : null] }));
+}
+/**
+ * The agent's answer row while it has drawn nothing yet: its pixel mark, its
+ * name and the Thinking line, where a working turn's answer row draws them
+ * (`SessionTurn` in rows mode: the body opens `mt-0.5`). Every waiting row of
+ * a channel thread is this row, so none sits outside the row grid. Null
+ * outside a channel thread.
+ */
+export function AgentBusyRow({ sessionId }) {
+    const rows = useContext(TranscriptRowsContext);
+    if (!rows)
+        return null;
+    return (_jsx(MessageRow, { avatar: _jsx(AgentMark, { slug: rows.agentSlug ?? 'kortix', size: 28, tile: 36, label: rows.agent }), name: rows.agent, children: _jsx("div", { className: "mt-0.5", children: _jsx(SessionBusyIndicator, { sessionId: sessionId }) }) }));
+}
+/**
+ * A channel thread whose computer is still coming up (no runtime session yet).
+ * The session page shows `InstantSessionShell` here; a thread panel shows the
+ * same thing as rows: the first prompt by its author, the agent's busy row,
+ * and a working reply composer. A reply typed now joins the session's prompt
+ * inbox and runs once the computer is up, as on the session page.
+ */
+export function ThreadBootRows({ projectId, sessionId, composerPlaceholder, readOnly = false, }) {
+    const rows = useContext(TranscriptRowsContext);
+    const promptInbox = useSessionPrompts(projectId, sessionId);
+    const { submitted, effectiveSubmission, extraSends, handleSend } = useInstantSessionSend({
+        projectId,
+        sessionId,
+        hydrated: true,
+        promptInbox,
+    });
+    const viewerId = useUiViewerId();
+    const projectSession = useProjectSession(projectId, sessionId, { enabled: !!projectId && !!sessionId }).data;
+    const queue = useMemo(() => projectQueueRows({
+        prompts: promptInbox.prompts,
+        drafts: extraSends.map((entry) => ({
+            clientMessageId: entry.id,
+            text: entry.text,
+            files: entry.files,
+            placement: entry.placement,
+            createdAtMs: 0,
+            posted: false,
+        })),
+        viewer: { userId: viewerId, managesSession: projectSession?.can_manage_lifecycle !== false },
+    }), [promptInbox.prompts, extraSends, viewerId, projectSession?.can_manage_lifecycle]);
+    // The session page's draft key: a draft typed here is there once the chat mounts.
+    const draftScope = useMemo(() => ({ kind: 'session', sessionId }), [sessionId]);
+    const text = effectiveSubmission?.text ?? projectSession?.first_prompt ?? null;
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pt-4", children: text ? _jsx(PendingPromptRows, { text: text, author: rows?.owner ?? null, sessionId: sessionId }) : null }), readOnly ? null : (_jsx(ComposerChatInput, { onSend: handleSend, sessionId: sessionId, projectId: projectId, draftScope: draftScope, projectSession: projectSession, placeholder: composerPlaceholder, 
+                // The first prompt is the turn: the box stays typeable, a send queues.
+                isBusy: !!submitted, sessionWorking: !!submitted, stopDisabled: !!submitted, aboveSlot: _jsx(QueuedPromptList, { rows: queue.rows, heldCount: queue.heldCount, onResume: () => void promptInbox.hold(false).catch((error) => errorToast(error.message)), onRemove: (id) => void promptInbox.remove(id).catch((error) => errorToast(error.message)), onRetry: (id) => void promptInbox.retry(id).catch((error) => errorToast(error.message)) }), underbarPlacement: "inline", 
+                // The panel's rows run `px-5`, as `SessionChat`'s composer in the panel.
+                parentClassName: "max-w-none px-5 pb-4" }))] }));
+}

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

@@ -0,0 +1,31 @@
+import type { SESSION_NOTICE } from '@kortix/sdk';
+/**
+ * Set, the transcript draws every turn as message rows (avatar, name, time,
+ * body), the way a channel thread reads: the prompt as its author's row, the
+ * answer as the agent's row with its work folded behind one line. Unset, it
+ * draws the session's own bubbles. A channel's thread panel sets it.
+ */
+export interface TranscriptRows {
+    /** The agent's display name, on every answer row. */
+    agent: string;
+    /** The agent's raw name, the slug of its pixel mark. Unset: the default agent (`kortix`). */
+    agentSlug?: string;
+    /** The thread's starter: the author of a prompt with no recorded author. */
+    owner: {
+        name: string | null;
+        email: string | null;
+        avatarUrl: string | null;
+    } | null;
+    /** The name of a prompt whose author nobody recorded and with no owner ("Someone"). */
+    unknownAuthor: string;
+    /**
+     * The composer's computer notices in the host's words, by `SESSION_NOTICE`
+     * key: a channel thread says "this thread's computer", not "session".
+     */
+    notices?: Partial<Record<keyof typeof SESSION_NOTICE, string>>;
+    /** The stuck-boot restart button in the host's terms ("Restart thread"). */
+    labels?: {
+        restart: string;
+    };
+}
+export declare const TranscriptRowsContext: import("react").Context<TranscriptRows | null>;

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

@@ -0,0 +1,3 @@
+'use client';
+import { createContext } from 'react';
+export const TranscriptRowsContext = createContext(null);

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

@@ -342,14 +342,5 @@ interface TranscriptTurnRowProps extends SessionTurnProps {
     fullTextState: FullTextState;
     onLoadFullText: (turnId: string, refs: readonly SessionLogReferencedText[]) => void;
 }
-/**
- * One transcript row: the turn's `TurnViewport`, its `SessionTurn`, and the
- * fallback waiting row. Memoized at the ROW, not only at `SessionTurn`: the
- * viewport re-rendered for every turn on every streamed delta (its children
- * element is new each time, and its class list goes through tailwind-merge),
- * which made a long transcript cost O(turns) per delta even though every
- * settled `SessionTurn` bailed out. Every prop here is a primitive or a
- * reference that holds while another turn streams.
- */
 export declare const TranscriptTurnRow: import("react").NamedExoticComponent<TranscriptTurnRowProps>;
 export {};

package/dist/session/thread/transcript.js

@@ -13,11 +13,19 @@ import { UnifiedMarkdown } from '../../markdown/unified-markdown.js';
 import { detectCommandFromText } from './detect-command.js';
 import { GenuiTelemetryContext } from '../../markdown/genui/block-telemetry.js';
 import { copyGenuiText } from '../../markdown/genui/to-markdown.js';
-import { useTranslations } from '../../i18n/index.js';
+import { useLocale, useTranslations } from '../../i18n/index.js';
 import { isSessionLogRestoreNote, sessionLogActivityText, sessionLogAnsweredQuestionCall, sessionLogBurstSteps, sessionLogOpenCall, sessionLogTurnSegments, sessionPromptActions, splitSessionLogTurnWork, toolCallMetadata, toolKind, } from '@kortix/sdk';
 import { WarningIcon as AlertTriangle, CheckCircleIcon as CheckCircle, CheckIcon, CaretDownIcon as ChevronDown, ArrowSquareOutIcon as ExternalLink, StopCircleIcon, } from '@phosphor-icons/react';
 import { AnimatePresence, m } from 'motion/react';
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { AfterFirstPromptContext } from './after-first-prompt.js';
+import { TranscriptRowsContext } from './transcript-rows.js';
+import { AgentBusyRow } from './thread-boot-rows.js';
+import { MessageRow } from '../turn/message-row.js';
+import { agentDisplayLabel } from '../composer/agent-selector.js';
+import { participantLabel } from '../participants/session-participants.js';
+import { AgentMark } from '../../internal/components/agent-mark.js';
+import { UserAvatar } from '../../primitives/user-avatar.js';
 import { stripSystemPtyText, } from './message-parsing.js';
 import { ActivityBurst } from '../turn/activity-burst.js';
 import { TurnWorkAccordion } from '../turn/turn-work-accordion.js';
@@ -44,7 +52,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 { ImageGenDigestsContext, ImageGenPathsContext, ImageGenRunsContext, InTranscriptTurnContext, RecoveredCallsContext, } from '../tool/shared/infrastructure.js';
+import { imageDigestsShownByImageGen, imagePathsShownByImageGen, sessionLogImageGenRuns, showDrawnByImageGen } from '@kortix/sdk';
 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';
@@ -55,6 +64,8 @@ import { isAbortError, turnEndNotice, } from '@kortix/sdk';
 import { isOptimisticSessionPrompt } from '@kortix/sdk/react';
 import { CodeBlockEndpoints, SandboxUrlDetector } from '../media/sandbox-url-detector.js';
 import { HarnessSwitchMarker, RestoreNoteMarker, TurnFullText } from './session-history.js';
+/** The agent whose mark stands in when a row does not name its agent. */
+const DEFAULT_AGENT_SLUG = 'kortix';
 // ============================================================================
 // Optimistic answers cache
 // ============================================================================
@@ -109,7 +120,7 @@ function SystemMessageIndicator({ messages }) {
     // Combine all messages into a single line: "Goal · iteration 3/50"
     const parts = messages.map((msg) => (msg.detail ? `${msg.label} · ${msg.detail}` : msg.label));
     const text = parts.join('  ·  ');
-    return (_jsxs("div", { className: "-my-1 flex items-center gap-2", children: [_jsx("div", { className: "bg-border/30 h-px flex-1" }), _jsx("span", { className: "text-muted-foreground/30 text-xs whitespace-nowrap select-none", children: text }), _jsx("div", { className: "bg-border/30 h-px flex-1" })] }));
+    return (_jsxs("div", { className: "-my-1 flex items-center gap-2", children: [_jsx("div", { className: "bg-border/30 h-px flex-1" }), _jsx("span", { className: "text-muted-foreground text-xs whitespace-nowrap select-none", children: text }), _jsx("div", { className: "bg-border/30 h-px flex-1" })] }));
 }
 // ============================================================================
 // Answered question card — collapsible summary of completed Q&A
@@ -233,7 +244,7 @@ export function SessionReportCard({ report, onOpen, }) {
     return (
     // A real <button>: Enter, Space and the focus ring come free, where the
     // previous role="button" div hand-rolled Enter only.
-    _jsxs("button", { type: "button", onClick: onOpen, className: "group/report bg-popover hover:bg-accent/40 flex w-full items-center gap-3 rounded-md border px-3 py-2 text-left transition-colors active:scale-[0.99]", children: [_jsx("span", { className: cn('flex size-8 shrink-0 items-center justify-center rounded-sm', complete ? 'bg-kortix-green/15' : 'bg-kortix-red/15'), children: complete ? (_jsx(CheckCircle, { className: "text-kortix-green size-4" })) : (_jsx(AlertTriangle, { className: "text-kortix-red size-4" })) }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsxs("span", { className: "text-foreground block truncate text-sm font-medium", children: [tI18nComplete.raw('texta67b04cd5c49'), " ", complete ? 'complete' : 'failed'] }), (report.project || report.prompt) && (_jsxs("span", { className: "text-muted-foreground block truncate text-xs", children: [report.project, report.project && report.prompt && (_jsxs("span", { className: "text-muted-foreground/40", children: [' ', tI18nComplete.raw('text3b9453dad42b'), ' '] })), report.prompt] }))] }), _jsx(ExternalLink, { className: "text-muted-foreground/40 group-hover/report:text-muted-foreground size-3.5 shrink-0 transition-colors" })] }));
+    _jsxs("button", { type: "button", onClick: onOpen, className: "group/report bg-popover hover:bg-accent/40 flex w-full items-center gap-3 rounded-md border px-3 py-2 text-left transition-colors active:scale-[0.99]", children: [_jsx("span", { className: cn('flex size-8 shrink-0 items-center justify-center rounded-sm', complete ? 'bg-kortix-green/15' : 'bg-kortix-red/15'), children: complete ? (_jsx(CheckCircle, { className: "text-kortix-green size-4" })) : (_jsx(AlertTriangle, { className: "text-kortix-red size-4" })) }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsxs("span", { className: "text-foreground block truncate text-sm font-medium", children: [tI18nComplete.raw('texta67b04cd5c49'), " ", complete ? 'complete' : 'failed'] }), (report.project || report.prompt) && (_jsxs("span", { className: "text-muted-foreground block truncate text-xs", children: [report.project, report.project && report.prompt && (_jsxs("span", { className: "text-muted-foreground", children: [' ', tI18nComplete.raw('text3b9453dad42b'), ' '] })), report.prompt] }))] }), _jsx(ExternalLink, { className: "text-muted-foreground group-hover/report:text-foreground size-3.5 shrink-0 transition-colors" })] }));
 }
 /**
  * The error a turn renders, which also hides its own Thinking row: the first
@@ -659,6 +670,8 @@ function useTurnUserContent({ turn, commandMessages, commands, }) {
     const commandOutput = useMemo(() => {
         if (!commandForTurn)
             return undefined;
+        if ('source' in commandForTurn && commandForTurn.source === 'skill')
+            return undefined;
         const source = Array.isArray(commands) ? commands.find((c) => c.name === commandForTurn.name)?.source : undefined;
         return source === 'skill' ? undefined : commandForTurn;
     }, [commandForTurn, commands]);
@@ -982,6 +995,19 @@ function TurnToolBlocks(props) {
     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]);
+    // D5: a `show` of an image this turn's `image_gen` already drew does not draw it again.
+    // Read from the segments, not the raw blocks: a script's nested call (a v2 `nested_part`
+    // block) is a real `image_gen` call there. Keyed by its content so the context keeps one
+    // identity across stream frames.
+    // R38: the same bytes at another path (a Drive copy) count too, by sha256.
+    const [imageGenPathsKey, imageGenDigestsKey] = useMemo(() => {
+        const blocks = segments.flatMap((s) => (s.kind === 'burst' || s.kind === 'show-group' ? s.blocks : [s.block]));
+        return [[...imagePathsShownByImageGen(blocks)].join('\n'), [...imageDigestsShownByImageGen(blocks)].join('\n')];
+    }, [segments]);
+    const imageGenPaths = useMemo(() => new Set(imageGenPathsKey ? imageGenPathsKey.split('\n') : []), [imageGenPathsKey]);
+    const imageGenDigests = useMemo(() => new Set(imageGenDigestsKey ? imageGenDigestsKey.split('\n') : []), [imageGenDigestsKey]);
+    // R38: consecutive image_gen deliverables draw as one grid at the first call, live and settled.
+    const imageGenRuns = useMemo(() => sessionLogImageGenRuns(segments, { paths: imageGenPaths, digests: imageGenDigests }), [segments, imageGenPaths, imageGenDigests]);
     const renderSegment = (segment) => {
         const key = turnSegmentKey(segment);
         if (key === null)
@@ -994,13 +1020,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(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) }) }) })) }));
+        _jsx(TurnLiveContext.Provider, { value: working, children: _jsx(RecoveredCallsContext.Provider, { value: recovered, children: _jsx(ImageGenPathsContext.Provider, { value: imageGenPaths, children: _jsx(ImageGenDigestsContext.Provider, { value: imageGenDigests, children: _jsx(ImageGenRunsContext.Provider, { value: imageGenRuns, children: _jsx(InTranscriptTurnContext.Provider, { value: true, 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
@@ -1023,18 +1049,30 @@ function segmentRendersSomething(segment) {
     return turnSegmentKey(segment) !== null;
 }
 function TurnSegment({ segment, isTrailing, working, openText, hasSteps, sessionId, permissions, onPermissionReply, disableNavigation, conversationDensity, }) {
+    // A `show` whose every file this turn's `image_gen` already drew renders nothing,
+    // not even ToolPartRenderer's wrapper (it would leave a gap in the stack).
+    const imageGenPaths = useContext(ImageGenPathsContext);
+    const imageGenDigests = useContext(ImageGenDigestsContext);
+    const imageGenRuns = useContext(ImageGenRunsContext);
+    const drawnByImageGen = (call) => showDrawnByImageGen(call, imageGenPaths, imageGenDigests);
     if (segment.kind === 'burst') {
         return (_jsx(ActivityBurst, { blocks: segment.blocks, sessionId: sessionId, working: working, isTrailing: isTrailing, disableNavigation: disableNavigation, density: conversationDensity }));
     }
     if (segment.kind === 'show-group') {
-        const visible = segment.blocks.filter(shouldShowToolPart);
+        const visible = segment.blocks.filter((block) => shouldShowToolPart(block) && !drawnByImageGen(block));
+        if (visible.length === 0)
+            return null;
         if (visible.length === 1) {
             return (_jsx(ToolPartRenderer, { call: visible[0], sessionId: sessionId, disableNavigation: disableNavigation }));
         }
         return _jsx(ShowGroupRenderer, { calls: visible, sessionId: sessionId, disableNavigation: disableNavigation });
     }
     if (segment.kind === 'standalone') {
-        if (!shouldShowToolPart(segment.block))
+        if (!shouldShowToolPart(segment.block) || drawnByImageGen(segment.block))
+            return null;
+        // A later call of an image_gen run draws in the first call's grid (R38).
+        const run = imageGenRuns.get(segment.block.id);
+        if (run && run[0] !== segment.block)
             return null;
         return (_jsx(ToolPartRenderer, { call: segment.block, sessionId: sessionId, disableNavigation: disableNavigation, permission: getPermissionForTool(permissions, segment.block.call_id), onPermissionReply: onPermissionReply }));
     }
@@ -1098,7 +1136,7 @@ function TurnFooter(props) {
     const { statusPhrase, statusElapsedLabel } = status;
     const { retryInfo, retryMessage, retrySecondsLeft } = retry;
     const { turnEndedAt, turnDurationMs, costInfo } = meta;
-    return (_jsxs(_Fragment, { children: [_jsx(TurnBusyRow, { ...props, working: working, turnError: turnError, tHardcodedUi: tHardcodedUi }), turnErrorRow.text && !turn.autoRetry?.continued && (_jsx(TurnErrorDisplay, { errorText: turnErrorRow.text, errorDetails: turnErrorRowDetails, errorRaw: turnErrorRaw, isAbort: turnErrorRow.isAbort, modelOptions: modelOptions })), turnErrorRow.text && !turnErrorRow.isAbort && !turn.autoRetry?.continued && !!turn.autoRetry?.retries && (_jsx(TurnAutoRetryNote, { count: turn.autoRetry.retries })), !working && !turn.autoRetry?.continued && (stoppedBy || errors.turnErrorIsAbort) && _jsx(TurnStoppedBy, { name: stoppedBy ?? undefined }), !working && _jsx(TurnOutcomes, { turnKey: turn.id }), !working && (_jsx(TurnActionBar, { response: response, inlineContentParts: answered.inlineContentParts, turnEndedAt: turnEndedAt, turnDurationMs: turnDurationMs, costInfo: costInfo, servedModel: servedModel, tHardcodedUi: tHardcodedUi, 
+    return (_jsxs(_Fragment, { children: [_jsx(TurnBusyRow, { ...props, working: working, turnError: turnError, tHardcodedUi: tHardcodedUi }), turnErrorRow.text && !turn.autoRetry?.continued && (_jsx(TurnErrorDisplay, { errorText: turnErrorRow.text, errorDetails: turnErrorRowDetails, errorRaw: turnErrorRaw, isAbort: turnErrorRow.isAbort, modelOptions: modelOptions })), turnErrorRow.text && !turnErrorRow.isAbort && !turn.autoRetry?.continued && !!turn.autoRetry?.retries && (_jsx(TurnAutoRetryNote, { count: turn.autoRetry.retries })), !working && !turn.autoRetry?.continued && (stoppedBy || errors.turnErrorIsAbort) && _jsx(TurnStoppedBy, { name: stoppedBy ?? undefined }), !working && _jsx(TurnOutcomes, { turnKey: turn.id }), !working && !props.hideActionBar && (_jsx(TurnActionBar, { response: response, inlineContentParts: answered.inlineContentParts, turnEndedAt: turnEndedAt, turnDurationMs: turnDurationMs, costInfo: costInfo, servedModel: servedModel, tHardcodedUi: tHardcodedUi, 
                 // A continuation turn's id names a compaction marker, not a user
                 // message, so it has no response of its own to share.
                 share: turn.continues
@@ -1125,7 +1163,7 @@ function TurnBusyRow(props) {
 }
 /** Copy + the turn's settled meta row — the hover-revealed bar at the end of
  *  a settled turn. Owns the copy state: it is the only consumer. */
-function TurnActionBar({ response, inlineContentParts, turnEndedAt, turnDurationMs, costInfo, servedModel, tHardcodedUi, share, }) {
+function TurnActionBar({ response, inlineContentParts, turnEndedAt, turnDurationMs, costInfo, servedModel, tHardcodedUi, inToolbar = false, share, }) {
     const [copied, setCopied] = useState(false);
     // ---- Copy response ----
     const handleCopy = async () => {
@@ -1151,11 +1189,29 @@ function TurnActionBar({ response, inlineContentParts, turnEndedAt, turnDuration
             // The browser refused the write; `copied` stays false.
         }
     };
-    return (_jsxs("div", { className: "duration-normal flex items-center gap-0.5 opacity-0 transition-opacity group-hover/turn:opacity-100 focus-within:opacity-100 has-[[data-state=open]]:opacity-100 max-md:opacity-100", children: [response ? (_jsx(Button, { variant: "ghost", size: "icon-sm", onClick: handleCopy, "aria-label": copied ? 'Copied' : tHardcodedUi.raw('i18nComplete.textf0f755afea88'), className: "hit-area-3", children: _jsx("span", { className: "relative inline-flex shrink-0 items-center justify-center", children: _jsx(AnimatePresence, { initial: false, mode: "popLayout", children: _jsx(m.span, { initial: { scale: 0.25, opacity: 0, filter: 'blur(4px)' }, animate: { scale: 1, opacity: 1, filter: 'blur(0px)' }, exit: { scale: 0.25, opacity: 0, filter: 'blur(4px)' }, transition: { type: 'spring', duration: 0.3, bounce: 0 }, className: "absolute inset-0 inline-flex items-center justify-center", children: copied ? (_jsx(CheckIcon, { className: "text-muted-foreground size-[1.05rem]" })) : (_jsx(Copy, { className: "text-muted-foreground size-[1.05rem]" })) }, copied ? 'check' : 'copy') }) }) })) : null, response && share ? (_jsx(TurnShareButton, { projectId: share.projectId, sessionId: share.sessionId, turnId: share.turnId })) : null, _jsx(SessionTurnMeta, { endedAt: turnEndedAt, durationMs: turnDurationMs, cost: costInfo, served: servedModel, className: "flex items-center justify-center" })] }));
+    return (_jsxs("div", { className: cn('flex items-center gap-0.5', !inToolbar &&
+            'duration-normal opacity-0 transition-opacity group-hover/turn:opacity-100 focus-within:opacity-100 has-[[data-state=open]]:opacity-100 max-md:opacity-100'), children: [response ? (_jsx(Button, { variant: "ghost", size: "icon-sm", onClick: handleCopy, "aria-label": copied ? 'Copied' : tHardcodedUi.raw('i18nComplete.textf0f755afea88'), className: "hit-area-3", children: _jsx("span", { className: "relative inline-flex shrink-0 items-center justify-center", children: _jsx(AnimatePresence, { initial: false, mode: "popLayout", children: _jsx(m.span, { initial: { scale: 0.25, opacity: 0, filter: 'blur(4px)' }, animate: { scale: 1, opacity: 1, filter: 'blur(0px)' }, exit: { scale: 0.25, opacity: 0, filter: 'blur(4px)' }, transition: { type: 'spring', duration: 0.3, bounce: 0 }, className: "absolute inset-0 inline-flex items-center justify-center", children: copied ? (_jsx(CheckIcon, { className: cn('text-muted-foreground', inToolbar ? 'size-3.5' : 'size-[1.05rem]') })) : (_jsx(Copy, { className: cn('text-muted-foreground', inToolbar ? 'size-3.5' : 'size-[1.05rem]') })) }, copied ? 'check' : 'copy') }) }) })) : null, response && share ? (_jsx(TurnShareButton, { projectId: share.projectId, sessionId: share.sessionId, turnId: share.turnId })) : null, _jsx(SessionTurnMeta, { endedAt: turnEndedAt, durationMs: turnDurationMs, cost: costInfo, served: servedModel, 
+                // `icon-sm`, the same as the copy button beside it; in a row's
+                // toolbar its dots match the 14px icons of the toolbar.
+                className: cn('flex items-center justify-center', inToolbar && '[&_svg]:size-4!') })] }));
+}
+/** A row's time: "1:44 AM" beside the name, the full date on hover. Null without a stamp. */
+function rowTime(at, locale) {
+    if (!Number.isFinite(at) || at <= 0)
+        return null;
+    const date = new Date(at);
+    return {
+        iso: date.toISOString(),
+        label: date.toLocaleTimeString(locale, { hour: 'numeric', minute: '2-digit' }),
+        title: date.toLocaleString(locale, { dateStyle: 'full', timeStyle: 'short' }),
+    };
 }
 function SessionTurnImpl(props) {
     const { turn, turnOutcome, sessionId, sessionStatus, permissions, questions, sessionWorking, isWorkingTurn, awaitingUser, pending, pendingPrompt, interruptedBeforeRun, isCompaction, providers, commandMessages, commands, } = props;
     const tHardcodedUi = useTranslations('hardcodedUi');
+    const locale = useLocale();
+    const afterFirstPrompt = useContext(AfterFirstPromptContext);
+    const rows = useContext(TranscriptRowsContext);
     const [connectProviderOpen, setConnectProviderOpen] = useState(false);
     // `?? 'normal'` — legacy persisted preferences predate this key (same rule
     // as every `panelMode` read site).
@@ -1195,7 +1251,31 @@ function SessionTurnImpl(props) {
             // turn works, trimmed once it landed.
             response: model.working ? (compactionInfo.block?.summary ?? '') : (compactionInfo.block?.summary ?? '').trim(), turnError: errors.turnError, turnErrorIsAbort: errors.turnErrorIsAbort }));
     }
-    return (_jsxs("div", { className: "group/turn text-factor-[2] space-y-2.5", children: [_jsx(TurnUserBlock, { ...props, model: model, queueTone: queueTone, userContent: userContent }), _jsx(TurnFallbackRows, { working: model.working, events: props.servedModel?.fallbacks }), _jsxs(GenuiTelemetryContext.Provider, { value: genuiTelemetry, children: [_jsx(TurnToolBlocks, { ...props, model: model, segments: segments, conversationDensity: conversationDensity, fold: !answered.shouldUseInlineContent, durationMs: meta.turnDurationMs }), _jsx(TurnAssistantBlock, { ...props, model: model, answered: answered, userContent: userContent, tHardcodedUi: tHardcodedUi })] }), _jsx(TurnFooter, { ...props, model: model, errors: errors, answered: answered, status: status, retry: retry, meta: meta, tHardcodedUi: tHardcodedUi, connectProviderOpen: connectProviderOpen, onConnectProviderOpenChange: setConnectProviderOpen })] }));
+    if (rows) {
+        const userAt = Date.parse(turn.user.created_at);
+        const answerAt = Date.parse(turn.assistant[0]?.created_at ?? '');
+        const author = props.author;
+        // Another session's agent wrote this prompt (a spawned thread's first
+        // message, a coordinator): its agent's row, not the thread owner's.
+        const sender = author?.kind === 'session'
+            ? (author.agent ? agentDisplayLabel([], author.agent) : author.name) || rows.unknownAuthor
+            : null;
+        const person = author?.kind === 'member'
+            ? { name: author.name, email: author.email, avatarUrl: author.avatar_url ?? null }
+            : rows.owner;
+        const personName = person ? participantLabel(person) : '';
+        const showAnswer = turn.assistant.length > 0 || model.working || !!errors.turnErrorRow.text;
+        return (_jsxs("div", { className: "text-factor-[2]", children: [userContent.hasVisibleUserContent || userContent.sessionReport || userContent.systemMessages.length > 0 ? (_jsx(MessageRow
+                // The first message's turn clips its toolbar's overhang: it sits inside the row.
+                , { 
+                    // The first message's turn clips its toolbar's overhang: it sits inside the row.
+                    className: cn('group/turn', props.isFirstTurn && '[&_[data-slot=row-toolbar]]:top-0.5'), avatar: sender ? (
+                    // 36px, the `lg` avatar column (`w-10`).
+                    _jsx(AgentMark, { slug: author?.kind === 'session' && author.agent ? author.agent : DEFAULT_AGENT_SLUG, size: 28, tile: 36, label: sender })) : (_jsx(UserAvatar, { email: person?.email ?? '', name: personName, avatarUrl: person?.avatarUrl, size: "lg" })), name: sender ?? (personName || rows.unknownAuthor), time: rowTime(userAt, locale), children: _jsx(TurnUserBlock, { ...props, model: model, queueTone: queueTone, userContent: userContent }) })) : null, props.isFirstTurn ? afterFirstPrompt : null, showAnswer ? (_jsx(MessageRow, { className: "group/turn", avatar: _jsx(AgentMark, { slug: rows.agentSlug ?? DEFAULT_AGENT_SLUG, size: 28, tile: 36, label: rows.agent }), name: rows.agent, time: rowTime(answerAt, locale), toolbar: model.working ? null : (_jsx(TurnActionBar, { inToolbar: true, response: model.response, inlineContentParts: answered.inlineContentParts, turnEndedAt: meta.turnEndedAt, turnDurationMs: meta.turnDurationMs, costInfo: meta.costInfo, servedModel: props.servedModel, tHardcodedUi: tHardcodedUi, share: turn.continues
+                            ? undefined
+                            : { projectId: props.projectId, sessionId: props.projectSessionId, turnId: turn.id } })), children: _jsxs("div", { className: "mt-0.5 space-y-2.5", children: [_jsx(TurnFallbackRows, { working: model.working, events: props.servedModel?.fallbacks }), _jsxs(GenuiTelemetryContext.Provider, { value: genuiTelemetry, children: [_jsx(TurnToolBlocks, { ...props, model: model, segments: segments, conversationDensity: conversationDensity, fold: !answered.shouldUseInlineContent, durationMs: meta.turnDurationMs }), _jsx(TurnAssistantBlock, { ...props, model: model, answered: answered, userContent: userContent, tHardcodedUi: tHardcodedUi })] }), _jsx(TurnFooter, { ...props, hideActionBar: true, model: model, errors: errors, answered: answered, status: status, retry: retry, meta: meta, tHardcodedUi: tHardcodedUi, connectProviderOpen: connectProviderOpen, onConnectProviderOpenChange: setConnectProviderOpen })] }) })) : null] }));
+    }
+    return (_jsxs("div", { className: "group/turn text-factor-[2] space-y-2.5", children: [_jsx(TurnUserBlock, { ...props, model: model, queueTone: queueTone, userContent: userContent }), props.isFirstTurn ? afterFirstPrompt : null, _jsx(TurnFallbackRows, { working: model.working, events: props.servedModel?.fallbacks }), _jsxs(GenuiTelemetryContext.Provider, { value: genuiTelemetry, children: [_jsx(TurnToolBlocks, { ...props, model: model, segments: segments, conversationDensity: conversationDensity, fold: !answered.shouldUseInlineContent, durationMs: meta.turnDurationMs }), _jsx(TurnAssistantBlock, { ...props, model: model, answered: answered, userContent: userContent, tHardcodedUi: tHardcodedUi })] }), _jsx(TurnFooter, { ...props, model: model, errors: errors, answered: answered, status: status, retry: retry, meta: meta, tHardcodedUi: tHardcodedUi, connectProviderOpen: connectProviderOpen, onConnectProviderOpenChange: setConnectProviderOpen })] }));
 }
 /**
  * The boundary that stops the transcript re-rendering with the stream.
@@ -1226,7 +1306,12 @@ SessionTurn.displayName = 'SessionTurn';
  * settled `SessionTurn` bailed out. Every prop here is a primitive or a
  * reference that holds while another turn streams.
  */
+/** The fallback waiting row: a channel thread's agent row, or the bare line under a bubble. */
+function TurnFallbackBusyRow({ sessionId }) {
+    const rows = useContext(TranscriptRowsContext);
+    return rows ? _jsx(AgentBusyRow, { sessionId: sessionId }) : _jsx(SessionBusyIndicator, { sessionId: sessionId, className: "mt-2.5" });
+}
 export const TranscriptTurnRow = memo(function TranscriptTurnRow({ turnId, viewportClassName, suppressed, showBusyRow, continuedWith, fullTextState, onLoadFullText, ...turnProps }) {
-    return (_jsxs(TurnViewport, { turnId: turnId, className: viewportClassName, continues: turnProps.turn.compaction !== null || turnProps.turn.continues !== null, children: [continuedWith && (_jsx("div", { className: "mb-6", children: _jsx(HarnessSwitchMarker, { harness: continuedWith }) })), suppressed ? null : _jsx(SessionTurn, { ...turnProps }), !suppressed && _jsx(TurnFullText, { turn: turnProps.turn, state: fullTextState, onLoad: onLoadFullText }), showBusyRow && _jsx(SessionBusyIndicator, { sessionId: turnProps.sessionId, className: "mt-2.5" })] }));
+    return (_jsxs(TurnViewport, { turnId: turnId, className: viewportClassName, continues: turnProps.turn.compaction !== null || turnProps.turn.continues !== null, children: [continuedWith && (_jsx("div", { className: "mb-6", children: _jsx(HarnessSwitchMarker, { harness: continuedWith }) })), suppressed ? null : _jsx(SessionTurn, { ...turnProps }), !suppressed && _jsx(TurnFullText, { turn: turnProps.turn, state: fullTextState, onLoad: onLoadFullText }), showBusyRow && _jsx(TurnFallbackBusyRow, { sessionId: turnProps.sessionId })] }));
 });
 TranscriptTurnRow.displayName = 'TranscriptTurnRow';

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

@@ -66,7 +66,35 @@ export declare const TurnLiveContext: import("react").Context<boolean>;
  * the turn ended on (KRTX-3021). Empty outside a settled turn.
  */
 export declare const RecoveredCallsContext: import("react").Context<ReadonlySet<string>>;
+/**
+ * The images the turn's `image_gen` calls already drew (`imagePathsShownByImageGen`).
+ * A `show` of the same file in that turn does not draw it a second time (D5).
+ */
+export declare const ImageGenPathsContext: import("react").Context<ReadonlySet<string>>;
+/**
+ * The sha256 of the images the turn's `image_gen` calls already drew
+ * (`imageDigestsShownByImageGen`): a `show` of the same bytes at another path
+ * (a Drive copy) is not drawn a second time either (R38).
+ */
+export declare const ImageGenDigestsContext: import("react").Context<ReadonlySet<string>>;
+/**
+ * The runs of the turn's `image_gen` calls that draw as one grid
+ * (`sessionLogImageGenRuns`), by block id: the first call draws the run, the
+ * others nothing (R38).
+ */
+export declare const ImageGenRunsContext: import("react").Context<ReadonlyMap<string, ToolCallBlock[]>>;
+/**
+ * True inside a transcript turn's steps, where `TurnLiveContext` is a fact
+ * about the owning turn rather than its `false` default. The image card reads
+ * both to tell a stopped generation from one still running.
+ */
+export declare const InTranscriptTurnContext: import("react").Context<boolean>;
 export declare const ToolDurationContext: import("react").Context<number | undefined>;
+/**
+ * True in a read-only session view (the sub-session modal): a tool card shows
+ * what happened and offers no fix (connect a model, reconnect ChatGPT).
+ */
+export declare const ReadOnlySessionContext: import("react").Context<boolean>;
 export declare function shouldShowToolPartInActionsPanel(call: ToolCallBlock): boolean;
 export declare const ToolActivateContext: import("react").Context<((callID: string) => void) | null>;
 export declare const BoundActivateContext: import("react").Context<(() => void) | null>;

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

@@ -1,6 +1,6 @@
 'use client';
 import { createContext, useContext } from 'react';
-import { isEmptyShowPart } from '@kortix/sdk';
+import { isInvisibleActivityPart } from '@kortix/sdk';
 import { toolKind } from '@kortix/sdk';
 export const ToolRunningContext = createContext(false);
 /**
@@ -70,7 +70,35 @@ export const TurnLiveContext = createContext(false);
  * the turn ended on (KRTX-3021). Empty outside a settled turn.
  */
 export const RecoveredCallsContext = createContext(new Set());
+/**
+ * The images the turn's `image_gen` calls already drew (`imagePathsShownByImageGen`).
+ * A `show` of the same file in that turn does not draw it a second time (D5).
+ */
+export const ImageGenPathsContext = createContext(new Set());
+/**
+ * The sha256 of the images the turn's `image_gen` calls already drew
+ * (`imageDigestsShownByImageGen`): a `show` of the same bytes at another path
+ * (a Drive copy) is not drawn a second time either (R38).
+ */
+export const ImageGenDigestsContext = createContext(new Set());
+/**
+ * The runs of the turn's `image_gen` calls that draw as one grid
+ * (`sessionLogImageGenRuns`), by block id: the first call draws the run, the
+ * others nothing (R38).
+ */
+export const ImageGenRunsContext = createContext(new Map());
+/**
+ * True inside a transcript turn's steps, where `TurnLiveContext` is a fact
+ * about the owning turn rather than its `false` default. The image card reads
+ * both to tell a stopped generation from one still running.
+ */
+export const InTranscriptTurnContext = createContext(false);
 export const ToolDurationContext = createContext(undefined);
+/**
+ * True in a read-only session view (the sub-session modal): a tool card shows
+ * what happened and offers no fix (connect a model, reconnect ChatGPT).
+ */
+export const ReadOnlySessionContext = createContext(false);
 // Background memory plumbing (searches/gets and raw memory/ reads) stays
 // out of the Actions panel. The memory editor tool itself ('memory'/'oc-memory')
 // is NOT listed here — it renders in the panel so clicking its chat row works.
@@ -91,9 +119,9 @@ const MEMORY_LOOKUP_TOOL_NAMES = new Set([
 export function shouldShowToolPartInActionsPanel(call) {
     if (MEMORY_LOOKUP_TOOL_NAMES.has(call.name))
         return false;
-    // A `show` that handed nothing over renders an empty card, so its stepper row
+    // A `show` that handed nothing over, or a read of an empty memory folder,
     // would open onto blank space. Same verdict the chat transcript reaches.
-    if (isEmptyShowPart(call))
+    if (isInvisibleActivityPart(call))
         return false;
     // A skill row opens its SKILL.md in the detail panel, so it has no Actions
     // row of its own. (It used to raise a side sheet; that sheet is gone.)

package/dist/session/tool/tool-part-renderer.d.ts

@@ -16,9 +16,6 @@ interface ToolPartRendererProps {
     defaultOpen?: boolean;
     disableNavigation?: boolean;
 }
-declare function ToolPartRendererImpl({ call: given, sessionId, permission, question, onPermissionReply, onQuestionReply, onQuestionReject, defaultOpen, disableNavigation, }: ToolPartRendererProps & {
-    sessionId?: string;
-}): import("react").JSX.Element | null;
 /**
  * The boundary that stops a settled tool row re-rendering with the stream.
  *
@@ -35,5 +32,9 @@ declare function ToolPartRendererImpl({ call: given, sessionId, permission, ques
  * `memo` does not block context propagation, so `ToolSurfaceContext`,
  * `ToolActivateContext` and `ToolOutcomeContext` still reach the tool.
  */
-export declare const ToolPartRenderer: import("react").MemoExoticComponent<typeof ToolPartRendererImpl>;
+/** A block that is not a tool call (a harness block a host mistyped) renders nothing: the row must never throw. */
+declare function ToolPartRendererGuard(props: ToolPartRendererProps & {
+    sessionId?: string;
+}): import("react").JSX.Element | null;
+export declare const ToolPartRenderer: import("react").MemoExoticComponent<typeof ToolPartRendererGuard>;
 export {};

package/dist/session/tool/tool-part-renderer.js

@@ -79,8 +79,9 @@ function ToolPartRendererImpl({ call: given, sessionId, permission, question, on
     const errorStr = partError(call);
     const childBearingTaskError = errorStr !== undefined && toolKind(call.name) === 'task' && Boolean(getChildSessionId(call));
     // A failed codemode script keeps its partial output and the calls it made before
-    // the failure: its own row draws them, with the error.
-    const drawsOwnError = childBearingTaskError || call.name === 'codemode';
+    // the failure: its own row draws them, with the error. The image card draws its
+    // failure (with the Connect ChatGPT action) and a stop in place of the image.
+    const drawsOwnError = childBearingTaskError || call.name === 'codemode' || call.name === 'image_gen';
     if (errorStr !== undefined && !drawsOwnError) {
         const { display, server } = (() => {
             const slashIdx = call.name.lastIndexOf('/');
@@ -146,5 +147,9 @@ function ToolPartRendererImpl({ call: given, sessionId, permission, question, on
  * `memo` does not block context propagation, so `ToolSurfaceContext`,
  * `ToolActivateContext` and `ToolOutcomeContext` still reach the tool.
  */
-export const ToolPartRenderer = memo(ToolPartRendererImpl);
+/** A block that is not a tool call (a harness block a host mistyped) renders nothing: the row must never throw. */
+function ToolPartRendererGuard(props) {
+    return props.call?.type === 'tool_call' ? _jsx(ToolPartRendererImpl, { ...props }) : null;
+}
+export const ToolPartRenderer = memo(ToolPartRendererGuard);
 ToolPartRenderer.displayName = 'ToolPartRenderer';