@kortix/ui 0.14.7 → 0.14.9

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';
@@ -37,13 +45,15 @@ import { SessionRetryDisplay, TurnErrorDisplay } from '../status/session-error-b
 import { showTurnBusyIndicator } from '@kortix/sdk';
 import { SessionBusyIndicator } from '../status/session-busy-indicator.js';
 import { SessionTurnMeta } from './session-turn-meta.js';
+import { TurnShareButton } from './turn-share.js';
 import { sessionTurnDurationMs, sessionTurnEndedAt, sessionTurnSpan, } from './session-turn-meta-rows.js';
 import { Button } from '../../primitives/button.js';
 import { Disclosure, DisclosureContent, DisclosureTrigger } from '../../primitives/disclosure.js';
 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';
@@ -54,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
 // ============================================================================
@@ -108,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
@@ -232,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
@@ -658,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]);
@@ -898,7 +912,10 @@ function useTurnSegments({ blocks, answeredQuestionCallsById, shouldUseInlineCon
 //   - While working: it renders INSIDE steps as a regular text part (hideResponsePart=false)
 //   - When done: it's HIDDEN from steps (hideResponsePart=true) and shown below as Response
 // ============================================================================
-/** Shell mode — a live shell tool replaces the whole turn scaffold. */
+/**
+ * Shell mode — a live shell tool replaces the whole turn scaffold.
+ * @deprecated Renders an OpenCode shell turn (session.shell; pi has none). OpenCode is sunset (2026-10-23): no new code; delete with OpenCode.
+ */
 function TurnShellMode(props) {
     const { call, working, providers, errors, connectProviderOpen, onConnectProviderOpenChange, permissions, sessionId, disableToolNavigation, onPermissionReply, } = props;
     // Permission matching for this session (used for tool-level permission overlays)
@@ -978,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)
@@ -990,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
@@ -1019,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 }));
     }
@@ -1088,13 +1130,22 @@ function TurnAutoRetryNote({ count }) {
 /** The turn's footer: the working row, the error banner, the outcomes, the
  *  action bar, the connect-provider dialog, and who stopped the turn. */
 function TurnFooter(props) {
-    const { turn, providers, model, errors, answered, status, retry, meta, tHardcodedUi, connectProviderOpen, onConnectProviderOpenChange, servedModel, stoppedBy, modelOptions, } = props;
+    const { turn, providers, model, errors, answered, status, retry, meta, tHardcodedUi, connectProviderOpen, onConnectProviderOpenChange, servedModel, stoppedBy, modelOptions, projectId, projectSessionId, } = props;
     const { working, response } = model;
     const { turnError, turnErrorRow, turnErrorRowDetails, turnErrorRaw } = errors;
     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 })), _jsx(ConnectProviderDialog, { open: connectProviderOpen, onOpenChange: onConnectProviderOpenChange, providers: providers })] }));
+    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
+                    ? undefined
+                    : {
+                        projectId,
+                        sessionId: projectSessionId,
+                        turnId: turn.id,
+                    } })), _jsx(ConnectProviderDialog, { open: connectProviderOpen, onOpenChange: onConnectProviderOpenChange, providers: providers })] }));
 }
 /** The working turn's waiting row: the retry banner and the busy indicator. */
 function TurnBusyRow(props) {
@@ -1112,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, }) {
+function TurnActionBar({ response, inlineContentParts, turnEndedAt, turnDurationMs, costInfo, servedModel, tHardcodedUi, inToolbar = false, share, }) {
     const [copied, setCopied] = useState(false);
     // ---- Copy response ----
     const handleCopy = async () => {
@@ -1138,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, _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).
@@ -1182,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.
@@ -1213,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/thread/turn-share.d.ts

@@ -0,0 +1,16 @@
+export interface TurnShareTarget {
+    projectId: string;
+    /** The Kortix project session id (`projectSessionId`), not the runtime id. */
+    sessionId: string;
+    /** The user message id that opens the turn (`SessionLogTurn.id`). */
+    turnId: string;
+}
+export declare function turnShareQueryKey({ projectId, sessionId, turnId }: TurnShareTarget): readonly ["turn-share", string, string, string];
+/**
+ * The Share icon button of a settled turn's action bar, and the dialog it
+ * opens. Renders only where the API would accept the share: a host with public
+ * share pages, a turn inside a Kortix session, and a viewer the server says may
+ * publish (`can_publish_response === true`, the API's `mayPublishTurn`).
+ * Hidden while the session row loads: an unknown answer is not a yes.
+ */
+export declare function TurnShareButton({ projectId, sessionId, turnId }: Partial<TurnShareTarget>): import("react").JSX.Element | null;

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

@@ -0,0 +1,162 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Share ONE assistant response through a public, read-only link.
+ *
+ * Private by default: the dialog reads the turn's live share
+ * (`getTurnShare`) and the "Public link" switch stays off until one exists.
+ * The server snapshots the text when it shares (`shareTurn`), with the prompt
+ * only when the person picks "Prompt and response". A re-share keeps the token
+ * and URL, so changing the scope or "Update link" (after `share.stale`) never
+ * breaks a link someone already holds. Turning the link off is destructive and
+ * takes a second, explicit click.
+ */
+import { getTurnShare, shareTurn, unshareTurn } from '@kortix/sdk';
+import { useProjectSession } from '@kortix/sdk/react';
+import { CheckIcon, ShareNetworkIcon, WarningCircleIcon } from '@phosphor-icons/react';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
+import { useEffect, useRef, useState } from 'react';
+import { Copy } from '../../icons/copy.js';
+import { useTranslations } from '../../i18n/index.js';
+import { cn } from '../../lib/utils.js';
+import { Button } from '../../primitives/button.js';
+import Hint from '../../primitives/hint.js';
+import { Input } from '../../primitives/input.js';
+import { Label } from '../../primitives/label.js';
+import { Modal, ModalContent, ModalTitle } from '../../primitives/modal.js';
+import { RadioGroup } from '../../primitives/radio-group.js';
+import { Separator } from '../../primitives/separator.js';
+import { Switch } from '../../primitives/switch.js';
+import { successToast } from '../../primitives/toast.js';
+import { useUiHostConfig } from '../../providers/ui-provider.js';
+export function turnShareQueryKey({ projectId, sessionId, turnId }) {
+    return ['turn-share', projectId, sessionId, turnId];
+}
+/**
+ * The server's own message for a failed call, or null. Only an error that
+ * carries an HTTP status (`ApiError.status`) came from the server; a network
+ * failure's message ("Failed to fetch") is not worth showing.
+ */
+function serverMessage(error) {
+    const { status, message } = (error ?? {});
+    return typeof status === 'number' && typeof message === 'string' && message.trim()
+        ? message.trim()
+        : null;
+}
+/**
+ * The Share icon button of a settled turn's action bar, and the dialog it
+ * opens. Renders only where the API would accept the share: a host with public
+ * share pages, a turn inside a Kortix session, and a viewer the server says may
+ * publish (`can_publish_response === true`, the API's `mayPublishTurn`).
+ * Hidden while the session row loads: an unknown answer is not a yes.
+ */
+export function TurnShareButton({ projectId, sessionId, turnId }) {
+    const t = useTranslations('turnShare');
+    const { publicSharesEnabled } = useUiHostConfig();
+    const { data: session } = useProjectSession(projectId, sessionId);
+    const [open, setOpen] = useState(false);
+    if (!publicSharesEnabled || !projectId || !sessionId || !turnId)
+        return null;
+    if (session?.can_publish_response !== true)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(Hint, { label: t('shareResponse'), side: "top", children: _jsx(Button, { variant: "ghost", size: "icon-sm", onClick: () => setOpen(true), "aria-label": t('shareResponse'), className: "hit-area-3", children: _jsx(ShareNetworkIcon, { className: "text-muted-foreground size-4" }) }) }), _jsx(Modal, { open: open, onOpenChange: setOpen, children: open ? _jsx(TurnShareDialogContent, { target: { projectId, sessionId, turnId } }) : null })] }));
+}
+function TurnShareDialogContent({ target }) {
+    const t = useTranslations('turnShare');
+    const queryClient = useQueryClient();
+    const key = turnShareQueryKey(target);
+    const [error, setError] = useState(null);
+    const [copied, setCopied] = useState(false);
+    // The scope the person picked; null = whatever the live share says.
+    const [pickedIncludePrompt, setPickedIncludePrompt] = useState(null);
+    // "Turn off link" waits for this second, explicit click.
+    const [confirmingOff, setConfirmingOff] = useState(false);
+    const copiedTimer = useRef(null);
+    useEffect(() => () => {
+        if (copiedTimer.current)
+            clearTimeout(copiedTimer.current);
+    }, []);
+    const query = useQuery({
+        queryKey: key,
+        queryFn: () => getTurnShare(target.projectId, target.sessionId, target.turnId),
+        // A 403 or 404 is a settled answer; retrying it only delays the error line.
+        retry: false,
+        staleTime: 30_000,
+    });
+    const share = query.data?.share ?? null;
+    const includePrompt = pickedIncludePrompt ?? share?.include_prompt ?? false;
+    const copyUrl = async (url) => {
+        try {
+            await navigator.clipboard.writeText(url);
+            setCopied(true);
+            if (copiedTimer.current)
+                clearTimeout(copiedTimer.current);
+            copiedTimer.current = setTimeout(() => setCopied(false), 2000);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    };
+    const publish = useMutation({
+        mutationFn: ({ includePrompt: include_prompt }) => shareTurn(target.projectId, target.sessionId, target.turnId, { include_prompt }),
+        onMutate: () => setError(null),
+        onSuccess: async (data, { reason }) => {
+            queryClient.setQueryData(key, data);
+            setPickedIncludePrompt(null);
+            if (reason !== 'share') {
+                successToast(t('linkUpdated'));
+                return;
+            }
+            // Sharing is the moment the person wants the link: put it on the clipboard.
+            successToast((await copyUrl(data.share.url)) ? t('linkCopied') : t('responseShared'));
+        },
+        onError: (err, { reason }) => {
+            // A failed scope change leaves the live share as it was: show its scope.
+            if (reason === 'scope')
+                setPickedIncludePrompt(null);
+            setError(serverMessage(err) ?? t('shareError'));
+        },
+    });
+    const unpublish = useMutation({
+        mutationFn: () => unshareTurn(target.projectId, target.sessionId, target.turnId),
+        onMutate: () => setError(null),
+        onSuccess: (data) => {
+            queryClient.setQueryData(key, data);
+            setConfirmingOff(false);
+        },
+        onError: (err) => setError(serverMessage(err) ?? t('unshareError')),
+    });
+    const pending = query.isLoading || publish.isPending || unpublish.isPending;
+    const shownError = error ?? (query.isError ? (serverMessage(query.error) ?? t('loadError')) : null);
+    const pickScope = (value) => {
+        const next = value === 'prompt';
+        if (next === includePrompt)
+            return;
+        setPickedIncludePrompt(next);
+        // Private: the pick waits for the switch. Public: re-share under the same URL.
+        if (share)
+            publish.mutate({ includePrompt: next, reason: 'scope' });
+    };
+    return (_jsx(ModalContent, { className: "space-y-0 lg:max-w-lg", children: _jsxs("div", { className: "flex flex-col gap-5 p-5", children: [_jsx(ModalTitle, { className: "pr-10 text-lg font-medium", children: t('shareResponse') }), _jsxs("div", { className: "space-y-2.5", children: [_jsx(Label, { id: "turn-share-scope", children: t('whatToInclude') }), _jsxs(RadioGroup, { "aria-labelledby": "turn-share-scope", value: includePrompt ? 'prompt' : 'response', onValueChange: pickScope, disabled: pending, className: "grid grid-cols-1 gap-2.5 sm:grid-cols-2", children: [_jsx(ScopeTile, { value: "response", title: t('responseOnly'), hint: t('responseOnlyHint'), withPrompt: false }), _jsx(ScopeTile, { value: "prompt", title: t('promptAndResponse'), hint: t('promptAndResponseHint'), withPrompt: true })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(Label, { htmlFor: "turn-share-public", children: t('publicLink') }), _jsx("p", { className: "text-muted-foreground text-xs", children: t('publicLinkHint') })] }), _jsx(Switch, { id: "turn-share-public", checked: !!share && !confirmingOff, disabled: pending, "aria-busy": pending || undefined, onCheckedChange: (on) => {
+                                        if (on && confirmingOff)
+                                            setConfirmingOff(false);
+                                        else if (on)
+                                            publish.mutate({ includePrompt, reason: 'share' });
+                                        else if (share)
+                                            setConfirmingOff(true);
+                                    } })] }), share && confirmingOff ? (_jsxs("div", { role: "group", "aria-label": t('turnOffLink'), className: "flex flex-wrap items-center justify-between gap-2", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t('stopNote') }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline-ghost", size: "xs", disabled: pending, onClick: () => setConfirmingOff(false), children: t('cancel') }), _jsx(Button, { variant: "destructive", size: "xs", disabled: pending, onClick: () => unpublish.mutate(), children: t('turnOffLink') })] })] })) : null, share && !confirmingOff ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { readOnly: true, "aria-label": t('publicLink'), value: share.url, onFocus: (event) => event.currentTarget.select() }), _jsxs(Button, { className: "shrink-0", disabled: pending, onClick: () => void copyUrl(share.url).then((ok) => !ok && setError(t('copyError'))), children: [copied ? (_jsx(CheckIcon, { className: "size-4 shrink-0" })) : (_jsx(Copy, { className: "size-4 shrink-0" })), copied ? t('copied') : t('copyLink')] })] }), share.stale ? (_jsxs("p", { className: "text-muted-foreground flex flex-wrap items-center gap-1 text-xs", children: [t('stale'), " \u00B7", _jsx(Button, { variant: "link", size: "xs", className: "h-auto px-0 text-xs", disabled: pending, onClick: () => publish.mutate({ includePrompt, reason: 'update' }), children: t('updateLink') })] })) : null] })) : null, shownError ? (_jsxs("p", { role: "alert", className: "text-foreground flex items-start gap-2 text-xs text-pretty", children: [_jsx(WarningCircleIcon, { weight: "fill", className: "text-kortix-red mt-0.5 size-4 shrink-0" }), shownError] })) : null] })] }) }));
+}
+/** Widths of the skeleton text lines, longest first. */
+const RESPONSE_LINES = ['w-full', 'w-11/12', 'w-2/3', 'w-5/6', 'w-1/2'];
+const RESPONSE_LINES_UNDER_PROMPT = ['w-full', 'w-5/6', 'w-2/3'];
+/**
+ * One scope choice: a skeleton of what the reader sees, a title and a hint.
+ * The prompt variant draws the prompt bubble top-right, where the transcript
+ * puts it. Outer `rounded-xl` minus the `p-2` inset gives the preview's
+ * `rounded-sm` (14 - 7.4 ≈ 6.6px), so the corners stay concentric.
+ */
+function ScopeTile({ value, title, hint, withPrompt, }) {
+    return (_jsxs(RadioGroupPrimitive.Item, { value: value, className: cn('border-border flex flex-col gap-2.5 rounded-xl border p-2 text-left', 'hover:bg-hover transition-colors', 'data-[state=checked]:border-foreground', 'focus-visible:ring-ring outline-none focus-visible:ring-2', 'disabled:pointer-events-none disabled:opacity-50'), children: [_jsxs("span", { "aria-hidden": "true", className: "bg-background flex h-24 flex-col gap-1.5 rounded-sm p-3", children: [withPrompt ? _jsx("span", { className: "bg-muted ml-auto h-4 w-3/5 rounded-sm" }) : null, (withPrompt ? RESPONSE_LINES_UNDER_PROMPT : RESPONSE_LINES).map((width, index) => (_jsx("span", { className: cn('bg-border h-1.5 rounded-full', width) }, index)))] }), _jsxs("span", { className: "flex flex-col gap-0.5 px-1 pb-1", children: [_jsx("span", { className: "text-foreground text-sm font-medium", children: title }), _jsx("span", { className: "text-muted-foreground text-xs", children: hint })] })] }));
+}

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';

package/dist/session/tool/tools/apply-patch-tool.d.ts

@@ -1,2 +1,3 @@
 import type { ToolProps } from '../shared/types.js';
+/** @deprecated Renders an OpenCode-only tool or todo list in an OpenCode session (pi has none). OpenCode is sunset (2026-10-23): no new code; delete with OpenCode. */
 export declare function ApplyPatchTool({ call, defaultOpen, forceOpen, locked }: ToolProps): import("react").JSX.Element;