@kortix/ui 0.14.5 → 0.14.7

package/dist/session/header/session-goal-indicator.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Header chip for a session that works on a goal (flag `goals`). Renders
+ * nothing unless the session is a goal's main session, worker or verifier.
+ * The popover says which, and shows the goal's status, health, progress, the
+ * heartbeat's last and next wake, and what the goal waits on a person for,
+ * with a link to the goal page. The dot on the chip turns orange when the goal
+ * needs attention, so a broken goal is visible from its own session.
+ */
+import { HoverPrefetchLink } from '../../internal/components/hover-prefetch-link.js';
+import { useNow } from '../../internal/reminders/use-refetch-after-fire.js';
+import { Button } from '../../primitives/button.js';
+import { Popover, PopoverContent, PopoverTrigger } from '../../primitives/popover.js';
+import { StatusDot } from '../../primitives/status.js';
+import { useLocale, useTranslations } from '../../i18n/index.js';
+import { useFeatureFlag, useSessionGoal } from '@kortix/sdk/react';
+import { TargetIcon } from '@phosphor-icons/react';
+import { useState } from 'react';
+import { useSessionIds } from '../../providers/session-ids.js';
+import { formatGoalTime, GoalHealthDot, goalHref, goalOpenAsks, goalProgress, GoalStatusBadge, useGoalIssueText, } from '../../internal/goals/goal-meta.js';
+export function SessionGoalIndicator() {
+    const t = useTranslations('goals');
+    const locale = useLocale();
+    const now = useNow();
+    const { projectId, sessionId } = useSessionIds();
+    const gate = useFeatureFlag(projectId, 'goals');
+    const { goal, role } = useSessionGoal(gate.enabled ? projectId : null, sessionId);
+    const issueText = useGoalIssueText();
+    const [open, setOpen] = useState(false);
+    if (!goal || !role || !projectId)
+        return null;
+    const doc = goal.goal;
+    const progress = goalProgress(doc);
+    const asks = goalOpenAsks(doc);
+    const href = goalHref(projectId, goal);
+    const attention = goal.health.state === 'attention';
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "icon", "aria-label": t('sessionChip'), className: "relative", "data-testid": "session-goal-chip", children: [_jsx(TargetIcon, { className: "size-4" }), attention ? _jsx(StatusDot, { tone: "warning", className: "absolute top-1 right-1" }) : null] }) }), _jsxs(PopoverContent, { align: "end", sideOffset: 8, className: "w-80 overflow-hidden p-0", children: [_jsxs("div", { className: "flex flex-col gap-2 border-b px-4 pt-4 pb-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("h3", { className: "text-foreground text-sm font-medium", children: t('sessionChip') }), _jsx(GoalStatusBadge, { status: doc?.status })] }), _jsx("p", { className: "text-foreground line-clamp-2 text-sm", children: doc?.objective ?? goal.slug }), _jsx("p", { className: "text-muted-foreground text-xs", children: t(`sessionRole.${role}`) })] }), _jsxs("div", { className: "flex flex-col gap-2 px-4 py-3 text-xs", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "mt-1", children: _jsx(GoalHealthDot, { goal: goal }) }), _jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [_jsx("span", { className: "text-foreground", children: t(`health.${goal.health.state}`) }), goal.health.issues.map((issue) => (_jsx("span", { className: "text-muted-foreground", children: issueText(issue, goal) }, issue)))] })] }), _jsxs("dl", { className: "text-muted-foreground grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: [_jsx("dt", { children: t('progress') }), _jsx("dd", { className: "text-foreground tabular-nums", children: t('criteria', { met: progress.met, total: progress.total }) }), goal.health.state !== 'closed' ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: t('heartbeat') }), _jsx("dd", { className: "text-foreground", children: goal.heartbeat?.state === 'active' && goal.heartbeat.next_fire_at
+                                                    ? t('nextWake', { time: formatGoalTime(goal.heartbeat.next_fire_at, locale, now) })
+                                                    : t('noWake') })] })) : null, goal.heartbeat?.last_fired_at ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: t('lastWakeLabel') }), _jsx("dd", { className: "text-foreground", children: formatGoalTime(goal.heartbeat.last_fired_at, locale, now) })] })) : null] }), asks.length > 0 ? (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-muted-foreground", children: t('needsYou') }), _jsx("ul", { className: "flex flex-col gap-1", children: asks.map((ask) => (_jsxs("li", { className: "text-foreground flex justify-between gap-2", children: [_jsx("span", { className: "min-w-0 truncate", children: ask.title }), ask.due ? _jsx("span", { className: "text-muted-foreground shrink-0", children: formatGoalTime(ask.due, locale, now) }) : null] }, ask.id))) })] })) : null] }), href ? (_jsx("div", { className: "border-t px-4 py-2", children: _jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "w-full justify-center", children: _jsx(HoverPrefetchLink, { href: href, onClick: () => setOpen(false), children: t('openGoal') }) }) })) : null] })] }));
+}

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

@@ -22,6 +22,7 @@ import { SessionParticipantStack } from '../participants/session-participants.js
 import { PreviousRepositoryNotice } from '../status/previous-repository-session.js';
 import { SessionConfigIndicator, SessionConfigReloadConfirm, } from './session-config-indicator.js';
 import { SessionPendingApprovalsIndicator } from './session-pending-approvals-indicator.js';
+import { SessionGoalIndicator } from './session-goal-indicator.js';
 import { SessionRemindersIndicator } from './session-reminders-indicator.js';
 import { SessionTitleInput } from './session-title-input.js';
 import { SubagentHoverCard, subagentTitle } from './subagent-hover-card.js';
@@ -281,7 +282,7 @@ export function SessionSiteHeader({ sessionId, sessionTitle, isMobileView, leadi
                                                                 return;
                                                             renameFromMenu.current = false;
                                                             e.preventDefault();
-                                                        }, children: sessionActionItems })] })] }), leadingAction] }), _jsxs("div", { className: cn('pointer-events-auto flex items-center gap-1.5', sidebarHidden && 'h-[var(--kx-titlebar-control-size)]'), children: [_jsx(SessionChangesIndicator, { sessionId: sessionId }), _jsx(SessionPendingApprovalsIndicator, { sessionId: sessionId }), isProjectSession ? _jsx(SessionRemindersIndicator, { runtimeSessionId: sessionId }) : null, isProjectSession && (_jsx(SessionConfigIndicator, { projectId: projectId, sessionId: projectSessionId, chatSessionId: sessionId, baseRef: projectSession?.base_ref, reload: reloadConfig.reload, isPending: reloadConfig.isPending, phase: reloadConfig.phase, canReload: canManageLifecycle })), _jsx("div", { className: "hidden items-center gap-1.5 lg:flex", children: devTools.map(({ view, label, Icon }) => (_jsx(Hint, { side: "bottom", sideOffset: 4, delayDuration: 300, label: label, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": label, onClick: () => openSessionQuickView(view, 'header'), className: "text-foreground/80 hover:text-foreground cursor-pointer transition-colors active:scale-[0.96]", children: _jsx(Icon, { className: "h-4 w-4" }) }) }, view))) }), _jsxs(DropdownMenu, { children: [_jsx(Hint, { side: "bottom", sideOffset: 4, delayDuration: 300, label: tI18nHardcoded.raw('i18nComplete.text96f0c06bbcb7'), children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": tI18nHardcoded.raw('i18nComplete.text96f0c06bbcb7'), className: "text-foreground/80 hover:text-foreground cursor-pointer transition-colors active:scale-[0.96] lg:hidden", children: _jsx(Code2, { className: "h-4 w-4" }) }) }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-44", children: devTools.map(({ view, label, Icon }) => (_jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => openSessionQuickView(view, 'header'), children: [_jsx(Icon, {}), label] }, view))) })] }), isProjectSession && projectSession && (_jsx(SessionParticipantStack, { participants: sessionParticipants })), isProjectSession && projectSession && ShareSessionModal && (_jsx(Hint, { side: "bottom", sideOffset: 4, delayDuration: 300, label: shareLabel, open: isMobileViewport ? undefined : false, children: _jsxs(Button, { variant: "ghost", size: "xs", "aria-label": shareLabel, onClick: () => setShareOpen(true), className: "cursor-pointer rounded-md active:scale-[0.96] max-md:w-7 max-md:has-[>svg]:px-0", children: [_jsx(Share, {}), _jsx("span", { className: "hidden md:inline", children: tI18nHardcoded.raw('i18nComplete.text29887a5ff984') })] }) })), isMobileViewport && (_jsx(Hint, { side: "bottom", sideOffset: 4, delayDuration: 300, label: tI18nHardcoded.raw('i18nComplete.text2534086de9fe'), children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": tI18nHardcoded.raw('i18nComplete.text2534086de9fe'), "aria-expanded": isActionPanelOpen, onClick: toggleActionPanel, className: "text-foreground/80 hover:text-foreground cursor-pointer transition-colors active:scale-[0.96]", children: _jsxs("span", { className: "relative inline-flex", children: [_jsx(CaretDoubleLeftIcon, { className: "size-4" }), readyChip?.sessionId === sessionId && !isActionPanelOpen && (_jsx("span", { className: "bg-kortix-green ring-background absolute -top-1 -right-1 size-2 rounded-full ring-2", "aria-hidden": true }))] }) }) }))] })] }), isProjectSession && _jsx(PreviousRepositoryNotice, {})] }), _jsx(ExportTranscriptModal, { sessionId: sessionId, kortixSessionScope: isProjectSession ? `${projectId}/${projectSessionId}` : undefined, open: exportOpen, onOpenChange: setExportOpen }), _jsx(CompactModal, { sessionId: sessionId, open: compactOpen, onOpenChange: setCompactOpen }), isProjectSession && (_jsxs(_Fragment, { children: [_jsx(SessionConfigReloadConfirm, { busyReason: reloadConfig.busyReason, isPending: reloadConfig.isPending, onConfirm: () => reloadConfig.reload({ force: true }), onDismiss: reloadConfig.clearBusy }), ShareSessionModal && (_jsx(ShareSessionModal, { projectId: projectId, session: projectSession, open: shareOpen, onOpenChange: setShareOpen, onSaved: () => queryClient.invalidateQueries({
+                                                        }, children: sessionActionItems })] })] }), leadingAction] }), _jsxs("div", { className: cn('pointer-events-auto flex items-center gap-1.5', sidebarHidden && 'h-[var(--kx-titlebar-control-size)]'), children: [_jsx(SessionChangesIndicator, { sessionId: sessionId }), _jsx(SessionPendingApprovalsIndicator, { sessionId: sessionId }), isProjectSession ? _jsx(SessionGoalIndicator, {}) : null, isProjectSession ? _jsx(SessionRemindersIndicator, { runtimeSessionId: sessionId }) : null, isProjectSession && (_jsx(SessionConfigIndicator, { projectId: projectId, sessionId: projectSessionId, chatSessionId: sessionId, baseRef: projectSession?.base_ref, reload: reloadConfig.reload, isPending: reloadConfig.isPending, phase: reloadConfig.phase, canReload: canManageLifecycle })), _jsx("div", { className: "hidden items-center gap-1.5 lg:flex", children: devTools.map(({ view, label, Icon }) => (_jsx(Hint, { side: "bottom", sideOffset: 4, delayDuration: 300, label: label, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": label, onClick: () => openSessionQuickView(view, 'header'), className: "text-foreground/80 hover:text-foreground cursor-pointer transition-colors active:scale-[0.96]", children: _jsx(Icon, { className: "h-4 w-4" }) }) }, view))) }), _jsxs(DropdownMenu, { children: [_jsx(Hint, { side: "bottom", sideOffset: 4, delayDuration: 300, label: tI18nHardcoded.raw('i18nComplete.text96f0c06bbcb7'), children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": tI18nHardcoded.raw('i18nComplete.text96f0c06bbcb7'), className: "text-foreground/80 hover:text-foreground cursor-pointer transition-colors active:scale-[0.96] lg:hidden", children: _jsx(Code2, { className: "h-4 w-4" }) }) }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-44", children: devTools.map(({ view, label, Icon }) => (_jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => openSessionQuickView(view, 'header'), children: [_jsx(Icon, {}), label] }, view))) })] }), isProjectSession && projectSession && (_jsx(SessionParticipantStack, { participants: sessionParticipants })), isProjectSession && projectSession && ShareSessionModal && (_jsx(Hint, { side: "bottom", sideOffset: 4, delayDuration: 300, label: shareLabel, open: isMobileViewport ? undefined : false, children: _jsxs(Button, { variant: "ghost", size: "xs", "aria-label": shareLabel, onClick: () => setShareOpen(true), className: "cursor-pointer rounded-md active:scale-[0.96] max-md:w-7 max-md:has-[>svg]:px-0", children: [_jsx(Share, {}), _jsx("span", { className: "hidden md:inline", children: tI18nHardcoded.raw('i18nComplete.text29887a5ff984') })] }) })), isMobileViewport && (_jsx(Hint, { side: "bottom", sideOffset: 4, delayDuration: 300, label: tI18nHardcoded.raw('i18nComplete.text2534086de9fe'), children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": tI18nHardcoded.raw('i18nComplete.text2534086de9fe'), "aria-expanded": isActionPanelOpen, onClick: toggleActionPanel, className: "text-foreground/80 hover:text-foreground cursor-pointer transition-colors active:scale-[0.96]", children: _jsxs("span", { className: "relative inline-flex", children: [_jsx(CaretDoubleLeftIcon, { className: "size-4" }), readyChip?.sessionId === sessionId && !isActionPanelOpen && (_jsx("span", { className: "bg-kortix-green ring-background absolute -top-1 -right-1 size-2 rounded-full ring-2", "aria-hidden": true }))] }) }) }))] })] }), isProjectSession && _jsx(PreviousRepositoryNotice, {})] }), _jsx(ExportTranscriptModal, { sessionId: sessionId, kortixSessionScope: isProjectSession ? `${projectId}/${projectSessionId}` : undefined, open: exportOpen, onOpenChange: setExportOpen }), _jsx(CompactModal, { sessionId: sessionId, open: compactOpen, onOpenChange: setCompactOpen }), isProjectSession && (_jsxs(_Fragment, { children: [_jsx(SessionConfigReloadConfirm, { busyReason: reloadConfig.busyReason, isPending: reloadConfig.isPending, onConfirm: () => reloadConfig.reload({ force: true }), onDismiss: reloadConfig.clearBusy }), ShareSessionModal && (_jsx(ShareSessionModal, { projectId: projectId, session: projectSession, open: shareOpen, onOpenChange: setShareOpen, onSaved: () => queryClient.invalidateQueries({
                             queryKey: qk.project.sessionsScope(projectId ?? ''),
                         }) })), _jsx(SessionDeleteModal, { projectId: projectId, sessionId: projectSessionId, sessionLabel: projectTitle, open: deleteOpen, onOpenChange: setDeleteOpen, onDeleted: () => router.push(uiRoutes().project(projectId)) })] }))] }));
 }

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-action-panel-column.js

@@ -120,8 +120,18 @@ hotkey = true, } = {}) {
                 toggleRight();
             }
         };
+        // The desktop shell sends the same key from inside a cross-origin iframe
+        // (the Browser preview), where this window never sees it (KRTX-2944).
+        const onCommand = (e) => {
+            if (e.detail === 'toggle-right-panel')
+                toggleRight();
+        };
         window.addEventListener('keydown', onKey);
-        return () => window.removeEventListener('keydown', onKey);
+        window.addEventListener('kortix-desktop-command', onCommand);
+        return () => {
+            window.removeEventListener('keydown', onKey);
+            window.removeEventListener('kortix-desktop-command', onCommand);
+        };
     }, [shouldHandleHotkey, toggleRight]);
     // No provider means no panel to render: `SessionChat` also renders read-only
     // inside `sub-session-modal.tsx`, outside `SessionLayout`. Mobile has no

package/dist/session/panel/session-audit-shared.d.ts

@@ -15,10 +15,6 @@
  */
 import { type SessionAudit, type SessionAuditAction } from '@kortix/sdk';
 import { type QueryClient } from '@tanstack/react-query';
-/** One poll cadence for the shared session-audit query, so both surfaces (panel
- *  + header nudge) agree regardless of which mounts first. Pauses in background
- *  tabs (react-query's refetchIntervalInBackground defaults to false). */
-export declare const SESSION_AUDIT_REFETCH_MS = 15000;
 export declare function sessionAuditKey(projectId: string | undefined, sessionId: string | undefined): readonly ["session-audit", string, string];
 /** A gated action still awaiting a human decision (unresolved `pending_approval`). */
 export declare function isPendingAction(a: SessionAuditAction): boolean;

package/dist/session/panel/session-audit-shared.js

@@ -21,7 +21,7 @@ import { useInfiniteQuery, useMutation, useQuery, useQueryClient, } from '@tanst
 /** One poll cadence for the shared session-audit query, so both surfaces (panel
  *  + header nudge) agree regardless of which mounts first. Pauses in background
  *  tabs (react-query's refetchIntervalInBackground defaults to false). */
-export const SESSION_AUDIT_REFETCH_MS = 15_000;
+const SESSION_AUDIT_REFETCH_MS = 15_000;
 export function sessionAuditKey(projectId, sessionId) {
     return ['session-audit', projectId ?? '', sessionId ?? ''];
 }

package/dist/session/panel/session-changes-shared.d.ts

@@ -28,7 +28,7 @@ export declare const CHANGE_STATUS_META: Record<string, {
  * working-tree-only read drops to zero the moment the agent commits, and the
  * badge and the CTA vanish while the work is still not in the base version.
  */
-export interface SessionChanges {
+interface SessionChanges {
     /** Every file this version changed against its base. Never undefined. */
     files: VcsFileDiff[];
     count: number;
@@ -55,3 +55,4 @@ export declare function useOpenChangeRequest(chatSessionId: string | undefined,
     asking: boolean;
     openChangeRequest: () => Promise<void>;
 };
+export {};

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/prompts/session-permission-prompt.js

@@ -78,6 +78,9 @@ function DetailShell({ expandable, expanded, onToggle, children, }) {
 function PendingLabel({ pending, children }) {
     return (_jsxs("span", { className: "relative inline-flex items-center justify-center", children: [_jsx("span", { className: cn('inline-flex items-center', pending && 'invisible'), children: children }), pending ? (_jsx("span", { className: "absolute inset-0 inline-flex items-center justify-center", children: _jsx(Loading, { className: "size-3 shrink-0" }) })) : null] }));
 }
+function DecisionButton({ pending, children, ...props }) {
+    return (_jsx(Button, { size: "xs", ...props, children: _jsx(PendingLabel, { pending: pending, children: children }) }));
+}
 export function SessionPermissionPrompt({ sessionId, agentName, permissions, onReply, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     // Only the /projects/[id]/sessions/[sessionId] route has a project in scope —
@@ -215,9 +218,9 @@ export function SessionPermissionPrompt({ sessionId, agentName, permissions, onR
                                     // Only a detail that actually expands is a control. Rendering
                                     // the flat case as a `<button>` too put a dead stop in the tab
                                     // order of every permission row.
-                                    _jsxs(DetailShell, { expandable: expandable, expanded: expanded, onToggle: () => toggleExpanded(p.id), children: [_jsx("code", { title: expandable ? undefined : detail, className: cn('text-muted-foreground font-mono text-xs', expanded ? 'wrap-break-word whitespace-pre-wrap' : 'truncate'), children: detail }), expandable ? (_jsx(CaretDownIcon, { className: cn('text-muted-foreground mt-0.5 size-3 shrink-0 transition-transform duration-150', expanded && 'rotate-180') })) : null] })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [_jsx(Button, { size: "xs", variant: "outline", disabled: !!busy, onClick: () => void reply(p.id, 'reject'), children: _jsx(PendingLabel, { pending: busy === `${p.id}:reject`, children: tI18nComplete.raw('text05a2d7332eb9') }) }), _jsx(Button, { size: "xs", variant: "muted", title: tI18nComplete.raw('text403595dd63ea'), disabled: !!busy, onClick: () => void reply(p.id, 'always'), children: _jsx(PendingLabel, { pending: busy === `${p.id}:always`, children: tI18nComplete.raw('textec9f8a9109ec') }) }), _jsx(Button, { size: "xs", variant: "default", disabled: !!busy, onClick: () => void reply(p.id, 'once'), children: _jsx(PendingLabel, { pending: busy === `${p.id}:once`, children: tI18nComplete.raw('text168511d24d9e') }) })] })] }, p.id));
-                }) }), _jsxs("div", { className: "border-border flex items-center gap-2 border-t px-3 py-2", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: tI18nComplete.raw('text16324ed5894b') }), _jsx(Button, { size: "xs", variant: "ghost", className: "text-muted-foreground hover:text-foreground", title: tI18nComplete.raw('text2c1a881dfca8'), disabled: !!busy, onClick: () => void allowAllForSession(), children: _jsx(PendingLabel, { pending: busy === 'session-all', children: tI18nComplete.raw('text1f05c7f5b64d') }) })] }), canWriteConfig.allowed && agentBlock ? (
+                                    _jsxs(DetailShell, { expandable: expandable, expanded: expanded, onToggle: () => toggleExpanded(p.id), children: [_jsx("code", { title: expandable ? undefined : detail, className: cn('text-muted-foreground font-mono text-xs', expanded ? 'wrap-break-word whitespace-pre-wrap' : 'truncate'), children: detail }), expandable ? (_jsx(CaretDownIcon, { className: cn('text-muted-foreground mt-0.5 size-3 shrink-0 transition-transform duration-150', expanded && 'rotate-180') })) : null] })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [_jsx(DecisionButton, { variant: "outline", disabled: !!busy, onClick: () => void reply(p.id, 'reject'), pending: busy === `${p.id}:reject`, children: tI18nComplete.raw('text05a2d7332eb9') }), _jsx(DecisionButton, { variant: "muted", title: tI18nComplete.raw('text403595dd63ea'), disabled: !!busy, onClick: () => void reply(p.id, 'always'), pending: busy === `${p.id}:always`, children: tI18nComplete.raw('textec9f8a9109ec') }), _jsx(DecisionButton, { variant: "default", disabled: !!busy, onClick: () => void reply(p.id, 'once'), pending: busy === `${p.id}:once`, children: tI18nComplete.raw('text168511d24d9e') })] })] }, p.id));
+                }) }), _jsxs("div", { className: "border-border flex items-center gap-2 border-t px-3 py-2", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: tI18nComplete.raw('text16324ed5894b') }), _jsx(DecisionButton, { variant: "ghost", className: "text-muted-foreground hover:text-foreground", title: tI18nComplete.raw('text2c1a881dfca8'), disabled: !!busy, onClick: () => void allowAllForSession(), pending: busy === 'session-all', children: tI18nComplete.raw('text1f05c7f5b64d') })] }), canWriteConfig.allowed && agentBlock ? (
             // Deliberately set apart from the one-off buttons above: these WRITE the
             // project's permission config — every future session stops asking.
-            _jsxs("div", { className: "bg-muted/40 border-border flex flex-wrap items-center gap-2 border-t px-3 py-2", children: [_jsxs("span", { className: "text-muted-foreground text-xs", children: [tI18nComplete.raw('text689997c79ba6'), ' ', _jsx("span", { className: "opacity-70", children: tI18nComplete.raw('textea73705db65f') }), ":"] }), uniqueTypes.map((type) => (_jsx(Button, { size: "xs", variant: "ghost", className: "text-muted-foreground hover:text-foreground", disabled: !!busy, onClick: () => void allowInConfig(type), children: _jsxs(PendingLabel, { pending: busy === `config:${type}`, children: [tI18nComplete.raw('text78facd7b499c'), PERMISSION_LABELS[type] || type, "\""] }) }, type))), _jsx(Button, { size: "xs", variant: "ghost", className: "text-muted-foreground hover:text-foreground", disabled: !!busy, onClick: () => void allowInConfig('*'), children: _jsx(PendingLabel, { pending: busy === 'config:*', children: tI18nComplete.raw('text84f8c40b31a7') }) })] })) : null] }));
+            _jsxs("div", { className: "bg-muted/40 border-border flex flex-wrap items-center gap-2 border-t px-3 py-2", children: [_jsxs("span", { className: "text-muted-foreground text-xs", children: [tI18nComplete.raw('text689997c79ba6'), ' ', _jsx("span", { className: "opacity-70", children: tI18nComplete.raw('textea73705db65f') }), ":"] }), uniqueTypes.map((type) => (_jsxs(DecisionButton, { variant: "ghost", className: "text-muted-foreground hover:text-foreground", disabled: !!busy, onClick: () => void allowInConfig(type), pending: busy === `config:${type}`, children: [tI18nComplete.raw('text78facd7b499c'), PERMISSION_LABELS[type] || type, "\""] }, type))), _jsx(DecisionButton, { variant: "ghost", className: "text-muted-foreground hover:text-foreground", disabled: !!busy, onClick: () => void allowInConfig('*'), pending: busy === 'config:*', children: tI18nComplete.raw('text84f8c40b31a7') })] })) : null] }));
 }

package/dist/session/status/provisioning-failure.d.ts

@@ -1,6 +1,6 @@
 import type { UiTranslator } from '../../i18n/index.js';
 import type { PendingSessionPrompt } from '@kortix/sdk';
-export interface ProvisioningFailurePresentation {
+interface ProvisioningFailurePresentation {
     title: string;
     message: string;
     retryable: boolean;
@@ -20,3 +20,4 @@ export declare function pendingSessionPromptFromMetadata(metadata: Record<string
  * and Retry working identically on either path.
  */
 export declare function pendingSessionPromptForRecovery(sessionId: string, metadata: Record<string, unknown> | null | undefined): PendingSessionPrompt | null;
+export {};