@kortix/ui 0.14.5 → 0.14.6

package/dist/session/header/reminder-parts.js

@@ -15,7 +15,7 @@ import { elapsedShare, formatFireTime, reminderTitle, scheduleLabel } from '../.
 import { cn } from '../../internal/lib/utils.js';
 import { useLocale, useTranslations } from '../../i18n/index.js';
 import { useSessionReminders } from '@kortix/sdk/react';
-import { ArrowUpRightIcon, PauseIcon, PlayIcon } from '@phosphor-icons/react';
+import { ArrowClockwiseIcon, ArrowUpRightIcon, PauseIcon, PlayIcon } from '@phosphor-icons/react';
 import { useState } from 'react';
 export const isFailedReminder = (reminder) => reminder.last_status === 'failed';
 /** Soonest next fire first; paused ones, which have no next fire, last. */
@@ -70,16 +70,16 @@ export function ReminderFacts({ reminder, now, className, }) {
     const failed = isFailedReminder(reminder);
     return (_jsxs("dl", { className: cn('space-y-1.5 text-xs', className), children: [_jsxs("div", { className: "flex justify-between gap-3", children: [_jsx("dt", { className: "text-muted-foreground", children: t('repeats') }), _jsx("dd", { className: "text-foreground truncate", children: scheduleLabel(reminder, (key, values) => t(key, values)) })] }), _jsxs("div", { className: "flex justify-between gap-3", children: [_jsx("dt", { className: "text-muted-foreground", children: t('timeZone') }), _jsx("dd", { className: "text-foreground truncate", children: reminder.timezone })] }), _jsxs("div", { className: "flex justify-between gap-3", children: [_jsx("dt", { className: "text-muted-foreground", children: t('lastRun') }), _jsx("dd", { className: "text-foreground flex items-center gap-1.5", children: reminder.last_fired_at ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, className: cn('size-1.5 rounded-full', failed ? 'bg-kortix-red' : 'bg-kortix-green') }), formatFireTime(reminder.last_fired_at, locale, now)] })) : (t('neverRun')) })] }), failed && reminder.last_error ? (_jsx("p", { className: "text-foreground bg-kortix-red/15 mt-2 rounded-md px-2 py-1.5 font-mono break-words", children: reminder.last_error })) : null] }));
 }
-/** Pause or resume, remove, and the link into the Reminders tab. */
+/** Retry a failed run, pause or resume, remove, and the link into the Reminders tab. */
 export function ReminderActions({ reminder, controls, manageHref, onNavigate, className, }) {
     const t = useTranslations('reminders');
     const paused = reminder.state !== 'active';
-    return (_jsxs("div", { className: cn('flex items-center gap-1', className), children: [_jsxs(Button, { variant: "secondary", size: "xs", disabled: controls.pending, onClick: () => controls.setEnabled(reminder, paused), children: [paused ? _jsx(PlayIcon, { className: "size-3.5" }) : _jsx(PauseIcon, { className: "size-3.5" }), paused ? t('resume') : t('pause')] }), _jsx(Button, { variant: "ghost", size: "xs", className: "text-destructive", onClick: () => controls.requestRemove(reminder), children: t('remove') }), manageHref ? (
+    return (_jsxs("div", { className: cn('flex items-center gap-1', className), children: [isFailedReminder(reminder) ? (_jsxs(Button, { variant: "secondary", size: "xs", disabled: controls.running, onClick: () => controls.run(reminder), children: [_jsx(ArrowClockwiseIcon, { className: "size-3.5" }), t('retry')] })) : null, _jsxs(Button, { variant: "secondary", size: "xs", disabled: controls.pending, onClick: () => controls.setEnabled(reminder, paused), children: [paused ? _jsx(PlayIcon, { className: "size-3.5" }) : _jsx(PauseIcon, { className: "size-3.5" }), paused ? t('resume') : t('pause')] }), _jsx(Button, { variant: "ghost", size: "xs", className: "text-destructive", onClick: () => controls.requestRemove(reminder), children: t('remove') }), manageHref ? (
             // An icon, not a label: three text buttons overflow the 288px card.
             _jsx(Hint, { label: t('openInReminders'), side: "top", sideOffset: 6, alignOffset: 0, children: _jsx(Button, { asChild: true, variant: "ghost", size: "icon-xs", className: "text-muted-foreground ml-auto", "aria-label": t('openInReminders'), children: _jsx(HoverPrefetchLink, { href: manageHref, onClick: onNavigate, children: _jsx(ArrowUpRightIcon, { className: "size-3.5" }) }) }) })) : null] }));
 }
 /**
- * The session's reminders with pause, resume and remove. Remove asks first:
+ * The session's reminders with run, pause, resume and remove. Remove asks first:
  * render `confirm` once next to whatever calls `requestRemove`.
  */
 export function useReminderControls(projectId, sessionId) {
@@ -88,6 +88,11 @@ export function useReminderControls(projectId, sessionId) {
     const [removing, setRemoving] = useState(null);
     const controls = {
         pending: reminders.update.isPending,
+        running: reminders.run.isPending,
+        run: (reminder) => reminders.run.mutate(reminder.id, {
+            onSuccess: () => successToast(t('runQueued')),
+            onError: (error) => errorToast(error instanceof Error ? error.message : t('runFailed')),
+        }),
         setEnabled: (reminder, enabled) => reminders.update.mutate({ reminderId: reminder.id, enabled }, {
             onSuccess: () => successToast(enabled ? t('resumed') : t('paused')),
             onError: (error) => errorToast(error instanceof Error ? error.message : t('updateFailed')),

package/dist/session/media/sandbox-url-detector.js

@@ -102,7 +102,6 @@ function InlineIframePreview({ proxyUrl, port }) {
 }
 function SandboxUrlChip({ detected, proxyUrl, }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
-    const [copied, setCopied] = useState(false);
     const tabId = `preview:${detected.port}`;
     const tabHref = `/p/${detected.port}`;
     const internalUrl = toInternalUrl(detected.port, detected.path);
@@ -120,12 +119,6 @@ function SandboxUrlChip({ detected, proxyUrl, }) {
             }),
         }, undefined, shallowNavigate);
     }, [tabId, tHardcodedUi, detected.port, tabHref, proxyUrl, internalUrl, shallowNavigate]);
-    const handleCopyUrl = useCallback(() => {
-        navigator.clipboard.writeText(proxyUrl).then(() => {
-            setCopied(true);
-            setTimeout(() => setCopied(false), 2000);
-        });
-    }, [proxyUrl]);
     const openPreview = useOpenPreviewLink();
     const handleOpenExternal = useCallback(() => {
         if (openPreview?.(null, detected.originalUrl, proxyUrl))

package/dist/session/outcomes/change-request-outcomes.js

@@ -51,6 +51,27 @@ export function changeRequestOutcomes(crs, sessionId, tI18nComplete) {
         // a server that sends `null` should degrade to the fallback sentence
         // rather than throw inside a transcript render.
         const summary = cr.description?.trim();
+        // An agent revises its work by closing this request and opening the next
+        // on the same branch. The card says so and opens the replacement
+        // (KRTX-3031). The card itself stays this request's: id and reference.
+        const replacement = cr.status === 'closed' ? (cr.superseded_by ?? null) : null;
+        const status = replacement
+            ? {
+                label: tI18nComplete
+                    ? tI18nComplete('textddcd87c21894', { number: replacement.number })
+                    : `Superseded by #${replacement.number}`,
+                tone: word.tone,
+            }
+            : { label: word.label, tone: word.tone };
+        const action = replacement
+            ? {
+                label: tI18nComplete
+                    ? tI18nComplete('texta8ef31fa7d25', { number: replacement.number })
+                    : `View #${replacement.number}`,
+                intent: 'open',
+                target: replacement.cr_id,
+            }
+            : { label: word.action, intent: 'open' };
         return {
             id: `cr:${cr.cr_id}`,
             kind: 'change_request',
@@ -62,7 +83,7 @@ export function changeRequestOutcomes(crs, sessionId, tI18nComplete) {
             // Kept for the modal, which has room for it. The card no longer renders
             // a description; see `outcome-card.tsx`.
             description: summary || tI18nComplete?.raw('text5c58b6d31ba9') || 'Ready for you to look over.',
-            status: { label: word.label, tone: word.tone },
+            status,
             at: epoch(cr.created_at),
             // The number is a REFERENCE, not a name — it belongs in the quiet line
             // with the status. `into <base_ref>` is gone: a branch name is the one
@@ -73,8 +94,8 @@ export function changeRequestOutcomes(crs, sessionId, tI18nComplete) {
                     ? tI18nComplete('texta4fc39798651', { number: cr.number })
                     : `Change request #${cr.number}`,
             ],
-            action: { label: word.action, intent: 'open' },
-            resourceHref: `?cr=${cr.cr_id}`,
+            action,
+            resourceHref: `?cr=${replacement?.cr_id ?? cr.cr_id}`,
         };
     });
 }

package/dist/session/overrides/provider-secret-pool-editor.js

@@ -57,9 +57,10 @@ function PoolChoices({ projectId, providers, providerId, onProviderChange, keys,
     const personalChatGpt = providerId === 'codex' && personalKeys;
     const available = new Set(keys.map((secret) => secret.secret_id));
     const unavailable = selected.filter((secretId) => !available.has(secretId));
+    const selectedIds = new Set(selected);
     return _jsxs(_Fragment, { children: [_jsxs(Field, { className: "gap-1.5", children: [_jsx(FieldLabel, { htmlFor: id, children: t('provider') }), _jsxs(Select, { value: providerId, onValueChange: onProviderChange, disabled: disabled, children: [_jsx(SelectTrigger, { id: id, children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: providers.map((provider) => _jsx(SelectItem, { value: provider, children: provider === 'codex' ? 'ChatGPT' : LLM_PROVIDER_BY_ID.get(provider)?.label ?? provider }, provider)) })] })] }), _jsx("p", { className: "text-muted-foreground text-xs", "aria-live": "polite", children: configured
                     ? selected.length ? t(selected.length === 1 ? 'selectedOneForSession' : 'selectedForSession', { count: selected.length }) : t('providerDisabled')
-                    : t(personalChatGpt ? 'personalChatGptDefault' : 'projectDefault') }), unavailable.length > 0 && _jsxs("div", { className: "space-y-1", role: "status", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t('unavailableKeys', { count: unavailable.length }) }), _jsx(Button, { size: "sm", variant: "outline-ghost", disabled: disabled || readOnly, onClick: () => onChange(selected.filter((secretId) => available.has(secretId))), children: t('removeUnavailable') })] }), _jsx("div", { className: "max-h-44 space-y-1 overflow-y-auto", children: keys.map((secret) => _jsxs("label", { className: "hover:bg-hover has-[:focus-visible]:ring-ring flex min-h-10 items-center gap-2 rounded-md px-2 py-2 text-sm has-[:focus-visible]:ring-2 has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50", children: [_jsx(Checkbox, { checked: selected.includes(secret.secret_id), disabled: disabled || readOnly || (!selected.includes(secret.secret_id) && selected.length >= 10), onCheckedChange: (checked) => onChange(checked === true ? [...selected, secret.secret_id] : selected.filter((value) => value !== secret.secret_id)) }), _jsx("span", { className: "text-foreground min-w-0 break-words", children: secret.label }), providerId === 'codex' && needsReconnection(secret) && (_jsx("span", { className: "text-muted-foreground ml-auto shrink-0 text-xs", children: t('needsReconnection') }))] }, secret.secret_id)) }), selected.length >= 10 && _jsx("p", { className: "text-muted-foreground text-xs", role: "status", children: t('selectionLimit') }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [configured && !readOnly && _jsx(Button, { size: "sm", variant: "secondary", disabled: disabled, onClick: onReset, children: t(personalChatGpt ? 'resetPersonalChatGptDefault' : 'resetDefault') }), providerId === 'codex'
+                    : t(personalChatGpt ? 'personalChatGptDefault' : 'projectDefault') }), unavailable.length > 0 && _jsxs("div", { className: "space-y-1", role: "status", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t('unavailableKeys', { count: unavailable.length }) }), _jsx(Button, { size: "sm", variant: "outline-ghost", disabled: disabled || readOnly, onClick: () => onChange(selected.filter((secretId) => available.has(secretId))), children: t('removeUnavailable') })] }), _jsx("div", { className: "max-h-44 space-y-1 overflow-y-auto", children: keys.map((secret) => _jsxs("label", { className: "hover:bg-hover has-[:focus-visible]:ring-ring flex min-h-10 items-center gap-2 rounded-md px-2 py-2 text-sm has-[:focus-visible]:ring-2 has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50", children: [_jsx(Checkbox, { checked: selectedIds.has(secret.secret_id), disabled: disabled || readOnly || (!selectedIds.has(secret.secret_id) && selected.length >= 10), onCheckedChange: (checked) => onChange(checked === true ? [...selected, secret.secret_id] : selected.filter((value) => value !== secret.secret_id)) }), _jsx("span", { className: "text-foreground min-w-0 break-words", children: secret.label }), providerId === 'codex' && needsReconnection(secret) && (_jsx("span", { className: "text-muted-foreground ml-auto shrink-0 text-xs", children: t('needsReconnection') }))] }, secret.secret_id)) }), selected.length >= 10 && _jsx("p", { className: "text-muted-foreground text-xs", role: "status", children: t('selectionLimit') }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [configured && !readOnly && _jsx(Button, { size: "sm", variant: "secondary", disabled: disabled, onClick: onReset, children: t(personalChatGpt ? 'resetPersonalChatGptDefault' : 'resetDefault') }), providerId === 'codex'
                         ? _jsx(ChatGptAccountsButton, { projectId: projectId, variant: "outline-ghost", action: "manage", disabled: disabled })
                         : !modelsHref
                             ? null

package/dist/session/panel/advanced/advanced-panel.js

@@ -24,13 +24,9 @@ export const AdvancedPanel = memo(function AdvancedPanel({ sessionId, messages,
     // 'live' follows the latest tool as new ones stream in; 'manual' pins the
     // user's chosen index until they navigate back to the latest.
     const [mode, setMode] = useState('live');
-    // Live-follow + clamp when the list grows/shrinks.
-    useEffect(() => {
-        if (count === 0)
-            return;
-        setIndex((i) => (mode === 'live' ? count - 1 : Math.min(i, count - 1)));
-    }, [count, mode]);
-    const safeIndex = Math.min(index, Math.max(0, count - 1));
+    // Live-follow + clamp when the list grows/shrinks, derived in render so a
+    // streamed call never shows the previous one for a frame.
+    const safeIndex = Math.max(0, Math.min(mode === 'live' ? count - 1 : index, count - 1));
     const current = calls[safeIndex];
     const atLatest = safeIndex >= count - 1;
     const isLive = atLatest && mode === 'live';

package/dist/session/panel/easy/app-preview.js

@@ -40,7 +40,7 @@ import { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore
 import { PreviewLoadingOverlay, SandboxAddressBar, } from '../../../browser/sandbox-browser-chrome.js';
 import { BrowserLanding } from '../../../browser/browser-landing.js';
 import { CloseButton, DetailSidebarToggle } from './detail-view.js';
-import { PREVIEW_MAX_WAIT_MS, PREVIEW_PROBE_INTERVAL_MS, previewErrorReason, previewLoadSuccessState, previewLoadVerdict, runtimeSandboxHealth, sandboxRecents, shouldArmLoadTimeout, shouldKeepProbingPort, } from './easy-panel-logic.js';
+import { PREVIEW_MAX_WAIT_MS, PREVIEW_SLOW_MS, PREVIEW_PROBE_INTERVAL_MS, previewErrorReason, previewSlowReason, previewLoadSuccessState, previewLoadVerdict, runtimeSandboxHealth, sandboxRecents, shouldArmLoadTimeout, shouldKeepProbingPort, } from './easy-panel-logic.js';
 import { PanelWidthButton, ViewerActions } from '../../../files/viewer/viewer-actions.js';
 // zustand v5's own hook feeds React's `useSyncExternalStore` a
 // `getServerSnapshot` pinned to `getInitialState()` — correct for real SSR
@@ -94,6 +94,8 @@ export function AppPreview({ url, name, projectId, shareContext, onClose, onSend
     const [refreshKey, setRefreshKey] = useState(0);
     const [isLoading, setIsLoading] = useState(true);
     const [hasError, setHasError] = useState(false);
+    // Still loading past PREVIEW_SLOW_MS: the overlay says so and offers Reload.
+    const [slow, setSlow] = useState(false);
     const addressRef = useRef(null);
     const isMobile = useIsMobile();
     // Copy link mints a PUBLIC share and copies `/share/session/{token}`.
@@ -180,13 +182,21 @@ export function AppPreview({ url, name, projectId, shareContext, onClose, onSend
             if (alive)
                 decide('unknown', PREVIEW_MAX_WAIT_MS);
         }, PREVIEW_MAX_WAIT_MS);
+        // A stalled request fires no onLoad and the probe cannot see it: say so
+        // instead of spinning silently until the deadline (KRTX-3015).
+        const slowTimer = setTimeout(() => {
+            if (alive)
+                setSlow(true);
+        }, PREVIEW_SLOW_MS);
         void tick();
         return () => {
             alive = false;
             controller.abort();
             clearTimeout(deadline);
+            clearTimeout(slowTimer);
             if (timer)
                 clearTimeout(timer);
+            setSlow(false);
         };
     }, [isLoading, refreshKey, noApp, hasPreview, previewUrl]);
     // Nothing to load, so land the cursor on the address bar — the fastest way
@@ -234,7 +244,7 @@ export function AppPreview({ url, name, projectId, shareContext, onClose, onSend
                                             return;
                                         track('app_opened_new_tab');
                                         window.open(previewUrl, '_blank', 'noopener,noreferrer');
-                                    }, className: "size-7 shrink-0 active:scale-[0.96]", children: _jsx(ArrowSquareOutIcon, { className: "size-3.5" }) }) }), _jsx(PanelWidthButton, { isMobile: isMobile }), _jsx(CloseButton, { onClose: onClose })] })] }), _jsxs("div", { className: "relative min-h-0 flex-1 overflow-hidden", children: [isLoading && hasPreview && !noApp && (_jsx(PreviewLoadingOverlay, { label: tI18nComplete.raw('textc4cf2b2ccb5d') })), (hasError || hostPreview.failed) && !noApp && (_jsx(ErrorState, { icon: WarningIcon, size: "sm", className: "bg-background absolute inset-0 z-10", title: tI18nComplete('textba601cdb484b', { value0: title }), 
+                                    }, className: "size-7 shrink-0 active:scale-[0.96]", children: _jsx(ArrowSquareOutIcon, { className: "size-3.5" }) }) }), _jsx(PanelWidthButton, { isMobile: isMobile }), _jsx(CloseButton, { onClose: onClose })] })] }), _jsxs("div", { className: "relative min-h-0 flex-1 overflow-hidden", children: [isLoading && hasPreview && !noApp && (_jsx(PreviewLoadingOverlay, { label: tI18nComplete.raw('textc4cf2b2ccb5d'), detail: slow ? previewSlowReason({ port }) : undefined, action: slow ? (_jsx(Button, { variant: "outline", size: "sm", className: "gap-1.5", onClick: reload, children: tI18nComplete.raw('textbdc090ec61e3') })) : undefined })), (hasError || hostPreview.failed) && !noApp && (_jsx(ErrorState, { icon: WarningIcon, size: "sm", className: "bg-background absolute inset-0 z-10", title: tI18nComplete('textba601cdb484b', { value0: title }), 
                         /* The single most common cause, said plainly: the agent started the
                            server a moment ago and it isn't listening yet. Only a SETTLED
                            `dead` verdict earns the stopped-workspace wording — see

package/dist/session/panel/easy/easy-panel-logic.d.ts

@@ -183,5 +183,5 @@ export declare function shouldAutoOpenPayoff(args: {
     interactedThisRun: boolean;
 }): boolean;
 export { aspectChangedWidth, fitSplitPercent, resolveSideSize } from '../session-panel-sizing.js';
-export { PREVIEW_MAX_WAIT_MS, PREVIEW_PROBE_INTERVAL_MS, PREVIEW_UNREACHABLE_WINDOW_MS, previewErrorReason, previewLoadSuccessState, previewLoadVerdict, runtimeSandboxHealth, shouldArmLoadTimeout, shouldKeepProbingPort } from './preview-load.js';
+export { PREVIEW_MAX_WAIT_MS, PREVIEW_PROBE_INTERVAL_MS, PREVIEW_SLOW_MS, PREVIEW_UNREACHABLE_WINDOW_MS, previewErrorReason, previewLoadSuccessState, previewLoadVerdict, previewSlowReason, runtimeSandboxHealth, shouldArmLoadTimeout, shouldKeepProbingPort } from './preview-load.js';
 export type { PreviewProbe, SandboxHealth } from './preview-load.js';

package/dist/session/panel/easy/easy-panel-logic.js

@@ -238,4 +238,4 @@ export function shouldAutoOpenPayoff(args) {
         !args.interactedThisRun);
 }
 export { aspectChangedWidth, fitSplitPercent, resolveSideSize } from '../session-panel-sizing.js';
-export { PREVIEW_MAX_WAIT_MS, PREVIEW_PROBE_INTERVAL_MS, PREVIEW_UNREACHABLE_WINDOW_MS, previewErrorReason, previewLoadSuccessState, previewLoadVerdict, runtimeSandboxHealth, shouldArmLoadTimeout, shouldKeepProbingPort } from './preview-load.js';
+export { PREVIEW_MAX_WAIT_MS, PREVIEW_PROBE_INTERVAL_MS, PREVIEW_SLOW_MS, PREVIEW_UNREACHABLE_WINDOW_MS, previewErrorReason, previewLoadSuccessState, previewLoadVerdict, previewSlowReason, runtimeSandboxHealth, shouldArmLoadTimeout, shouldKeepProbingPort } from './preview-load.js';

package/dist/session/panel/easy/outputs-card.js

@@ -145,7 +145,8 @@ export function OutputRows({ outputs, onOpenOutput, initialShowAll, }) {
     const deliverables = outputs.filter((o) => !isScaffoldingOutput(o));
     const base = deliverables.length > 0 ? deliverables : outputs;
     const visible = showAll ? outputs : base.slice(0, VISIBLE_LIMIT);
-    const hiddenRows = outputs.filter((o) => !visible.includes(o));
+    const visibleSet = new Set(visible);
+    const hiddenRows = outputs.filter((o) => !visibleSet.has(o));
     const hidden = hiddenRows.length;
     const hiddenNoun = `${hiddenRows.every((o) => o.kind === 'file') ? 'file' : 'item'}${hidden === 1 ? '' : 's'}`;
     // Grouping only ever organizes the expanded long list (see

package/dist/session/panel/easy/panel-card.js

@@ -18,7 +18,7 @@ import { Empty, EmptyContent, EmptyDescription, EmptyMedia } from '../../../prim
 import { cn } from '../../../lib/utils.js';
 import { CaretRightIcon as ChevronRight } from '@phosphor-icons/react';
 import { m, useReducedMotion } from 'motion/react';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 /** Full-width row trigger, clipped by the parent's `overflow-hidden` so its square corners never peek past the card's rounded-md border. */
 const HEADER_CLASS = cn('flex min-h-11 w-full items-center justify-between gap-2 rounded-none px-3.5 py-2 text-left', 'transition-[background-color,transform] active:scale-[0.998]', 'hover:bg-muted-foreground/[0.04]');
 function CardTitleRow({ title, count, indicator, subtitle, chevron, }) {
@@ -31,10 +31,12 @@ export function PanelCard({ title, count, indicator, subtitle, children, emptyAr
     // `defaultExpanded` can flip true after mount (e.g. "auto-open Outputs the
     // moment a run finishes with something to show"). One-way sync: force open
     // when that happens, but never fight a user's manual collapse afterwards.
-    useEffect(() => {
+    const [prevDefaultExpanded, setPrevDefaultExpanded] = useState(defaultExpanded);
+    if (defaultExpanded !== prevDefaultExpanded) {
+        setPrevDefaultExpanded(defaultExpanded);
         if (defaultExpanded)
             setExpanded(true);
-    }, [defaultExpanded]);
+    }
     return (_jsxs(Disclosure, { open: expanded, onOpenChange: setExpanded, variant: "outline", className: cn('bg-pane text-popover-foreground border-border overflow-hidden rounded-[calc(var(--radius)-3px)] border ease-out', fill ? 'flex min-h-0 flex-col' : 'shrink-0'), transition: transition, children: [_jsx(DisclosureTrigger, { variant: "outline", children: _jsx("div", { className: cn(HEADER_CLASS, 'cursor-pointer'), children: _jsx(CardTitleRow, { title: title, count: count, indicator: indicator, subtitle: subtitle, chevron: _jsxs("span", { className: "flex shrink-0 items-center gap-0.5", children: [headerAction && (
                                 // Isolated from the toggle on both input paths: `stopPropagation`
                                 // on click covers the mouse/tap case, and on keydown stops the

package/dist/session/panel/easy/preview-load.d.ts

@@ -91,6 +91,20 @@ export declare const PREVIEW_UNREACHABLE_WINDOW_MS = 10000;
  *  50% margin. It is a last resort, not the normal path — with a working probe
  *  a dead port resolves in ~{@link PREVIEW_UNREACHABLE_WINDOW_MS}. */
 export declare const PREVIEW_MAX_WAIT_MS = 90000;
+/** How long the frame may load before the pane says it is slow, ms.
+ *
+ *  A frame whose request stalls (the app has not answered yet, or a
+ *  single-threaded server is busy with another client) fires no `onLoad`, and
+ *  the port probe cannot see that. The pane then showed a bare "Loading
+ *  preview…" until {@link PREVIEW_MAX_WAIT_MS} (KRTX-3015). Past this point it
+ *  keeps waiting but says so, and offers Reload. Fifteen seconds is past the
+ *  probe's {@link PREVIEW_UNREACHABLE_WINDOW_MS}, so a dead port has already
+ *  failed by then, and well inside a cold compile, which only earns a line. */
+export declare const PREVIEW_SLOW_MS = 15000;
+/** The line under the loading spinner once the preview is slow. */
+export declare function previewSlowReason(input: {
+    port: number;
+}): string;
 /** One probe's verdict about the port. Aliased from the SDK's own type rather
  *  than restated, so the two can never drift apart. */
 export type PreviewProbe = PreviewPortProbe;

package/dist/session/panel/easy/preview-load.js

@@ -63,6 +63,21 @@ export const PREVIEW_UNREACHABLE_WINDOW_MS = 10_000;
  *  50% margin. It is a last resort, not the normal path — with a working probe
  *  a dead port resolves in ~{@link PREVIEW_UNREACHABLE_WINDOW_MS}. */
 export const PREVIEW_MAX_WAIT_MS = 90_000;
+/** How long the frame may load before the pane says it is slow, ms.
+ *
+ *  A frame whose request stalls (the app has not answered yet, or a
+ *  single-threaded server is busy with another client) fires no `onLoad`, and
+ *  the port probe cannot see that. The pane then showed a bare "Loading
+ *  preview…" until {@link PREVIEW_MAX_WAIT_MS} (KRTX-3015). Past this point it
+ *  keeps waiting but says so, and offers Reload. Fifteen seconds is past the
+ *  probe's {@link PREVIEW_UNREACHABLE_WINDOW_MS}, so a dead port has already
+ *  failed by then, and well inside a cold compile, which only earns a line. */
+export const PREVIEW_SLOW_MS = 15_000;
+/** The line under the loading spinner once the preview is slow. */
+export function previewSlowReason(input) {
+    const app = input.port > 0 ? `The app on port ${input.port}` : 'The app';
+    return `${app} is taking a while to answer. Reload to ask again.`;
+}
 /**
  * Whether `AppPreview` should keep waiting or show "Couldn't load".
  *

package/dist/session/panel/easy/step-detail-body.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useState } from 'react';
 import { ActionNavigator } from '../shared/action-navigator.js';
 import { clampIndex } from '../shared/action-navigator-logic.js';
 import { ToolParts } from './detail-view.js';
@@ -15,12 +15,7 @@ focusCallId, }) {
     // Arriving from a chat click pins the view to that call; 'live' would drag
     // it straight back to the newest part on the next streaming update.
     const [mode, setMode] = useState(focusIndex >= 0 ? 'manual' : 'live');
-    useEffect(() => {
-        if (calls.length === 0)
-            return;
-        setIndex((i) => (mode === 'live' ? calls.length - 1 : clampIndex(i, calls.length)));
-    }, [calls.length, mode]);
-    const safeIndex = clampIndex(index, calls.length);
+    const safeIndex = clampIndex(mode === 'live' ? calls.length - 1 : index, calls.length);
     const current = calls[safeIndex];
     const atLatest = safeIndex >= calls.length - 1;
     // Stable identity so ActionNavigator's keydown effect doesn't re-subscribe

package/dist/session/panel/session-panel-provider.js

@@ -30,6 +30,7 @@ import { SessionAuditPanel } from './session-audit-panel.js';
 import { SessionRemindersPanel } from './session-reminders-panel.js';
 import { SessionFilesExplorer } from './session-files-explorer.js';
 import { useSandboxProxy } from '../../internal/hooks/use-sandbox-proxy.js';
+import { OutputPathsContext } from '../../markdown/code/output-paths-context.js';
 import { useIsMobile } from '../../hooks/use-mobile.js';
 import { track } from '../../lib/telemetry.js';
 import { parseLocalhostUrl } from '@kortix/sdk';
@@ -358,7 +359,6 @@ export function SessionPanelProvider({ sessionId, isSessionBusy = false, project
         });
         setPanelSplit(split);
     }, [
-        sessionId,
         getServiceUrl,
         closeDetail,
         openDetail,
@@ -536,6 +536,10 @@ export function SessionPanelProvider({ sessionId, isSessionBusy = false, project
         detail,
         memoryKey,
     ]);
+    // Inline code that names an output by its bare filename opens it (KRTX-3023).
+    // Keyed by content, so a re-derivation with the same paths re-renders no text.
+    const outputPathsKey = files.flatMap((f) => (f.path ? [f.path] : [])).join('\n');
+    const outputPaths = useMemo(() => (outputPathsKey ? outputPathsKey.split('\n') : []), [outputPathsKey]);
     const value = useMemo(() => ({
         sessionId,
         projectId,
@@ -577,5 +581,5 @@ export function SessionPanelProvider({ sessionId, isSessionBusy = false, project
         openAudit,
         openReminders,
     ]);
-    return _jsx(SessionPanelContext.Provider, { value: value, children: children });
+    return (_jsx(SessionPanelContext.Provider, { value: value, children: _jsx(OutputPathsContext.Provider, { value: outputPaths, children: children }) }));
 }

package/dist/session/panel/shared/use-panel-derivations.js

@@ -1,4 +1,4 @@
-import { useMemo, useRef } from 'react';
+import { useLayoutEffect, useMemo, useRef } from 'react';
 import { useSessionLogThread } from '@kortix/sdk/react';
 import { samePartsList } from '../../turn/same-parts.js';
 import { deriveIsRunning } from '../easy/easy-panel-logic.js';
@@ -11,9 +11,11 @@ import { deriveRunOutcome } from './run-outcome.js';
 /** The previous list while its elements are unchanged, so memos keyed on it hold across a text delta. */
 function useSameList(next) {
     const ref = useRef(next);
-    if (!samePartsList(ref.current, next))
-        ref.current = next;
-    return ref.current;
+    const list = samePartsList(ref.current, next) ? ref.current : next;
+    useLayoutEffect(() => {
+        ref.current = list;
+    });
+    return list;
 }
 export function usePanelDerivations({ sessionId, projectId, projectSessionId, isSessionBusy }) {
     // The root thread's messages: the `fromV1` live view of the v1 rows while

package/dist/session/panel/use-session-panel-layout.js

@@ -59,7 +59,7 @@ function usePanelTransitions(panelGroupRef) {
         panels.forEach((panel) => {
             panel.style.transition = 'flex 300ms cubic-bezier(0.4, 0, 0.2, 1)';
         });
-    }, []);
+    }, [panelGroupRef]);
     const disablePanelTransition = useCallback(() => {
         const el = panelGroupRef.current;
         if (!el)
@@ -68,7 +68,7 @@ function usePanelTransitions(panelGroupRef) {
         panels.forEach((panel) => {
             panel.style.transition = 'none';
         });
-    }, []);
+    }, [panelGroupRef]);
     return { enablePanelTransition, disablePanelTransition };
 }
 // Keep the box current so a measurement landing at any moment has a real
@@ -95,7 +95,7 @@ function usePanelBoxObserver({ isMobile, panelGroupRef, panelBoxRef, }) {
         });
         observer.observe(el);
         return () => observer.disconnect();
-    }, [isMobile]);
+    }, [isMobile, panelBoxRef, panelGroupRef]);
 }
 function usePanelSideSize({ isExpanded, isEasy, panelSplit, panelAspect, panelBoxRef, }) {
     // Easy mode opens at the panel's MINIMUM width (35/65): the cards are a
@@ -125,7 +125,7 @@ function usePanelSideSize({ isExpanded, isEasy, panelSplit, panelAspect, panelBo
         panelAspect,
         panelSplit,
         panelBox: panelBoxRef.current,
-    }), [isExpanded, isEasy, panelAspect, panelSplit]);
+    }), [isExpanded, isEasy, panelAspect, panelSplit, panelBoxRef]);
     const mainSize = 100 - sideSize;
     return { sideSize, mainSize };
 }
@@ -185,6 +185,8 @@ function usePanelGlide(input) {
         panelAspect,
         sideSize,
         mainSize,
+        mainPanelRef,
+        sidePanelRef,
     ]);
     return isAnimating;
 }
@@ -218,5 +220,5 @@ function usePanelGlideFrames({ isAnimating, enablePanelTransition, sideSize, mai
             mainPanelRef.current?.resize(mainSize);
         });
         return () => cancelAnimationFrame(raf);
-    }, [isAnimating, enablePanelTransition, sideSize, mainSize]);
+    }, [isAnimating, enablePanelTransition, sideSize, mainSize, mainPanelRef, sidePanelRef]);
 }

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

@@ -14,16 +14,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * entry wins over the raw agent name.
  */
 import { useUiHostConfig } from '../../providers/ui-provider.js';
+const printedAtFormat = new Intl.DateTimeFormat('en-GB', {
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false,
+});
 /** `16 September 2026 at 20:41` — unambiguous across locales, no slashes. */
 export function formatPrintedAt(date) {
-    return new Intl.DateTimeFormat('en-GB', {
-        day: 'numeric',
-        month: 'long',
-        year: 'numeric',
-        hour: '2-digit',
-        minute: '2-digit',
-        hour12: false,
-    }).format(date);
+    return printedAtFormat.format(date);
 }
 /** The meta line under the title: the parts that exist, separated by a middot. */
 export function printHeaderMeta(input) {

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

@@ -389,7 +389,9 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     const messages = thread?.messages.length ? thread.messages : undefined;
     // The thread for handlers that read it at call time (the optimistic answers cache).
     const threadRef = useRef(thread);
-    threadRef.current = thread;
+    useLayoutEffect(() => {
+        threadRef.current = thread;
+    }, [thread]);
     const messagesLoading = syncMessagesLoading;
     // Who wrote each user message. A one-person session stays unlabelled.
     const viewerId = useUiViewerId();
@@ -1285,6 +1287,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         autoLoadedPages,
         handleLoadOlder,
         scrollRef,
+        spacerElRef,
         sessionId,
         transcriptOnLog,
     ]);
@@ -1506,7 +1509,9 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     const harnessSwitches = useMemo(() => sessionLogHarnessSwitches(sessionRecord?.harness?.history, turns), [sessionRecord?.harness?.history, turns]);
     // P5.6: load the whole of every text a turn shows as a preview, on request only.
     const fullTextsRef = useRef(loaded);
-    fullTextsRef.current = loaded;
+    useLayoutEffect(() => {
+        fullTextsRef.current = loaded;
+    });
     const loadFullTexts = useCallback((turnId, refs) => {
         const key = fullTextsRef.current.key;
         const mark = (state) => setFullTexts((prev) => {
@@ -3201,6 +3206,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
                     ? 'duration-slow max-h-130 translate-y-0 opacity-100'
                     : 'duration-slow pointer-events-none max-h-0 -translate-y-1 opacity-0'), children: _jsx(QuestionPrompt, { ref: questionPromptRef, request: renderedQuestion, onReply: handleQuestionReply, onReject: handleQuestionReject, onActionChange: handleQuestionActionChange }, renderedQuestion.id) })) : null] })), [
         sessionId,
+        sessionScopeAgentName,
         pendingPermissions,
         handlePermissionReply,
         renderedQuestion,
@@ -3208,10 +3214,6 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         handleQuestionReply,
         handleQuestionReject,
         handleQuestionActionChange,
-        tHardcodedUi,
-        local.model.fallback,
-        local.model.list,
-        handleModelChange,
     ]);
     // The rewound-path notice lives on the composer toolbar, beside send/stop —
     // send is what commits the path, so the control sits at the moment of
@@ -3405,8 +3407,9 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         // Change requests are the only kind a turn produces. `external` exists on
         // the union for `setup-links/setup-link-button.tsx`, which renders this
         // card inline in prose and handles its own open.
-        if (outcome.kind === 'change_request')
-            setOpenCrId(outcome.id.slice('cr:'.length));
+        if (outcome.kind === 'change_request') {
+            setOpenCrId(outcome.action.target ?? outcome.id.slice('cr:'.length));
+        }
     }, [setOpenCrId]);
     // While the session is still connecting / loading its content, render ONLY the
     // staged loader — never the session shell (header + input) at the same time.
@@ -3439,7 +3442,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
                     : welcomeWallpaper, !hideHeader && (_jsx(SessionSiteHeader, { sessionId: sessionId, sessionTitle: session?.title || 'Untitled', leadingAction: headerLeadingAction, parent: parentCrumb })), _jsx(SessionContextModal, { open: contextModalOpen, onOpenChange: setContextModalOpen, 
                     // A chat with no `useSession` source: the raw explorer lists the
                     // rows `useSessionSync` read for it.
-                    detachedRows: sessionState ? undefined : hookMessages, source: sessionState ?? DETACHED_SESSION_MESSAGES, session: session, providers: providers, allSessions: allSessions, servedModel: sessionServedModel, billedCost: sessionBilledCost(modelUsage) }), _jsx(CompactModal, { sessionId: sessionId, open: compactModalOpen, onOpenChange: setCompactModalOpen }), _jsx(ChangeRequestDetailDialog, { crId: openCrId, onClose: () => setOpenCrId(null) }), _jsxs(SessionBodyRow, { actionPanel: !hideHeader && !readOnly, children: [isNotFound ? (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 px-6 text-center", children: [_jsx("div", { className: "text-muted-foreground text-sm", children: tHardcodedUi.raw('componentsSessionSessionChat.line5821JsxTextThisSessionIsNotAccessibleRightNow') }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { href: "/", prefetch: true, onClick: () => {
+                    detachedRows: sessionState ? undefined : hookMessages, source: sessionState ?? DETACHED_SESSION_MESSAGES, session: session, providers: providers, allSessions: allSessions, servedModel: sessionServedModel, billedCost: sessionBilledCost(modelUsage) }), _jsx(CompactModal, { sessionId: sessionId, open: compactModalOpen, onOpenChange: setCompactModalOpen }), _jsx(ChangeRequestDetailDialog, { crId: openCrId, onClose: () => setOpenCrId(null), onOpenChangeRequest: setOpenCrId }), _jsxs(SessionBodyRow, { actionPanel: !hideHeader && !readOnly, children: [isNotFound ? (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 px-6 text-center", children: [_jsx("div", { className: "text-muted-foreground text-sm", children: tHardcodedUi.raw('componentsSessionSessionChat.line5821JsxTextThisSessionIsNotAccessibleRightNow') }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { href: "/", prefetch: true, onClick: () => {
                                             try {
                                                 if (sessionId)
                                                     useTabStore.getState().closeTab?.(sessionId);

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

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

package/dist/session/thread/transcript.js

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