@kortix/ui 0.14.6 → 0.14.8

package/dist/session/composer/session-composer-readiness.d.ts

@@ -86,6 +86,8 @@ export declare function serverHoldsOpenTurn(working: {
 }): boolean;
 export declare function sessionComposerReadiness(input: {
     runtimeReady: boolean;
+    /** A prompt sent from this page is waiting for the computer. Its turn
+     *  already shows it working; do not ask for another message. */
     pendingPrompt?: boolean;
     /** A queued status already describes this send; do not ask for another. */
     pendingDelivery?: boolean;
@@ -116,8 +118,8 @@ export declare function sessionComposerReadiness(input: {
     /**
      * This page's own `/start` is bringing the computer up: its stage is
      * `provisioning` or `starting`, or it has not answered yet. A stopped
-     * computer is then WAKING, not idle — the boot pill above the thread says
-     * so, and the composer must not claim the next message is what wakes it.
+     * computer is then WAKING, not idle, and the composer must not claim the
+     * next message is what wakes it.
      */
     starting?: boolean;
     /**
@@ -129,28 +131,11 @@ export declare function sessionComposerReadiness(input: {
      * either too short (the notice flashed over a live session) or too long (a
      * genuinely parked box announced itself late).
      *
-     * `unknown` and `connecting` are WAITS. Only `waking` — the control plane
-     * saying the box is down — earns the waking notice.
+     * `unknown` and `connecting` are WAITS. Only `waking` with no wake under
+     * way — the control plane saying the box is down, and nothing bringing it
+     * up — earns a notice: the asleep one.
      */
     connection?: SessionConnection;
-    /**
-     * Nothing has been CONTACTED yet — the runtime probe has not answered and
-     * `GET .../turn` has not landed, and the mount is young enough that this is
-     * ordinary startup rather than a wait.
-     *
-     * On a cold mount every other input here is false: not ready, no open turn,
-     * not unreachable, not stalled. The fallback below then asserted the one
-     * thing nobody had checked — that the session is asleep — and a page that had
-     * just reloaded under a working agent showed "Waking this session up…" for a
-     * couple of seconds before the transcript resumed streaming (screen
-     * recording, dev, 2026-08-23). To the person watching, the session dropped
-     * and came back. It never went anywhere; we simply had not looked yet.
-     *
-     * Withholding a GUESS, never a fact: an unreachable box and a stalled boot
-     * are observations and still speak immediately, and so does a live server
-     * turn. Only the "must be waking, then" fallback waits to be sure.
-     */
-    settling?: boolean;
 }): SessionComposerReadiness;
 /**
  * The last turn's shimmer, decided once in `SessionChat` and passed down to

package/dist/session/composer/session-composer-readiness.js

@@ -60,8 +60,7 @@ export function serverHoldsOpenTurn(working) {
  * cannot drain, and saying nothing at all.
  *
  * Not "waking": nothing is booting. It names the fact (contact lost mid-turn)
- * and what a send does, for the same reason the waking notice does — the send
- * button stays live.
+ * and what a send does, because the send button stays live.
  */
 const RUNTIME_UNREACHABLE_NOTICE = SESSION_NOTICE.unreachableMidTurn;
 export function sessionComposerReadiness(input) {
@@ -93,51 +92,24 @@ export function sessionComposerReadiness(input) {
             retryable: true,
         };
     }
-    if (input.pendingPrompt) {
-        return {
-            ready: false,
-            notice: SESSION_NOTICE.starting,
-            retryable: false,
-        };
-    }
     if (input.connection === 'waking') {
         // A PARKED / idle box: the control plane says the sandbox is not up, and
         // nothing is actively booting — a genuine boot-stall is caught by `stalled`
         // above, and the SDK no longer arms the stall clock for a parked box
         // (`setOpenCodeHealth({ parked })`), so this never escalates to an infinite
         // "taking longer than usual" spinner. The box resumes on the next SEND, so
-        // say exactly that: an honest idle state, not a "waking" spinner-lie over a
-        // session that is merely asleep (RC-3).
-        return {
-            ready: false,
-            notice: input.pendingDelivery ? null : input.starting ? SESSION_NOTICE.waking : SESSION_NOTICE.idle,
-            retryable: false,
-        };
-    }
-    // A wait is not a fault. `unknown` means nothing has answered; `connecting`
-    // means the control plane says the box is UP and the runtime simply has not
-    // reached us. Neither is the state this notice describes, and asserting it
-    // from them is what put "Waking this session up…" over a live, streaming
-    // session on every reload.
-    if (input.connection === 'unknown' ||
-        input.connection === 'connecting' ||
-        input.connection === 'live') {
-        return { ready: false, notice: null, retryable: false };
-    }
-    if (input.settling) {
-        // Legacy path for a caller with no connection projection yet: say nothing
-        // while the mount is young. See `settling`.
-        return { ready: false, notice: null, retryable: false };
+        // say exactly that: an honest idle state (RC-3). A wake already under way
+        // says nothing: opening the session wakes its computer in the background,
+        // and a send goes out as soon as it is up.
+        const waking = input.pendingPrompt || input.pendingDelivery || input.starting;
+        return { ready: false, notice: waking ? null : SESSION_NOTICE.idle, retryable: false };
     }
-    return {
-        ready: false,
-        // Says what is happening AND what a send will do, because the send button
-        // stays live — without the second half, pressing it looks like nothing
-        // happened. True for an unreachable box with no open turn too: that box is
-        // parked, and the first send resumes it.
-        notice: SESSION_NOTICE.waking,
-        retryable: false,
-    };
+    // A wait is not a fault, and a routine wake is silent: `unknown` means
+    // nothing has answered, `connecting` that the box is up and the runtime has
+    // not reached us yet, and a waking box comes up in the background while a
+    // send queues. A wake that goes wrong speaks through `stalled` or
+    // `unreachable` above.
+    return { ready: false, notice: null, retryable: false };
 }
 /**
  * The last turn's shimmer, decided once in `SessionChat` and passed down to

package/dist/session/composer/token-progress.d.ts

@@ -25,7 +25,7 @@ export declare function contextUsageHeadlineKind(tone: StatusTone): UsageHeadlin
  */
 export declare function ContextUsageCard({ breakdown, limit, ratio, tone, modelName, interactive, onViewDetails, }: {
     breakdown: ContextBreakdown;
-    limit: number;
+    limit: number | null;
     ratio: number;
     tone: StatusTone;
     modelName: string | null;

package/dist/session/composer/token-progress.js

@@ -40,15 +40,15 @@ const HEADLINE_TIP_KEY = {
 };
 /**
  * Breakdown rows, in a fixed order chosen by size rather than by the order the
- * API happens to emit them: input dominates, cache is next, output and
- * reasoning are the tail. A fixed order matters more than a sorted one here —
- * rows must not reshuffle under the cursor as tokens stream in.
+ * API happens to emit them: input dominates, cache is next, output is the tail.
+ * A fixed order matters more than a sorted one here — rows must not reshuffle
+ * under the cursor as tokens stream in. `reasoning` is not a row: it is a subset
+ * of `output`, so counting it here would read context the model never sends.
  */
 const BREAKDOWN_ROWS = [
     { key: 'input', labelKey: 'labelInput' },
     { key: 'cache', labelKey: 'labelCached' },
     { key: 'output', labelKey: 'labelOutput' },
-    { key: 'reasoning', labelKey: 'labelReasoning' },
 ];
 /**
  * Exported for the `/` palette: the "Show context" row's detail pane renders
@@ -64,7 +64,7 @@ export function ContextUsageCard({ breakdown, limit, ratio, tone, modelName, int
     const title = t(HEADLINE_TITLE_KEY[headline]);
     const tipKey = HEADLINE_TIP_KEY[headline];
     const tip = tipKey ? t(tipKey) : null;
-    const remaining = Math.max(limit - breakdown.total, 0);
+    const remaining = limit === null ? null : Math.max(limit - breakdown.total, 0);
     const rows = BREAKDOWN_ROWS.filter((row) => breakdown[row.key] > 0);
     // The bar draws in from 0 on open instead of appearing pre-filled. The card
     // mounts only when the HoverCard opens, so this is an entrance, not a
@@ -75,7 +75,7 @@ export function ContextUsageCard({ breakdown, limit, ratio, tone, modelName, int
         const frame = requestAnimationFrame(() => setDrawn(true));
         return () => cancelAnimationFrame(frame);
     }, []);
-    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsx("p", { className: cn('text-sm font-medium text-pretty', headline === 'healthy' ? 'text-foreground' : STATUS_TEXT[tone]), children: title }), _jsx("span", { className: cn('shrink-0 text-xs font-medium tabular-nums', headline === 'healthy' ? 'text-muted-foreground' : STATUS_TEXT[tone]), children: t('percentFull', { percent }) })] }), _jsx(Progress, { value: drawn ? percent : 0, "aria-label": t('meterLabel'), className: "bg-foreground/10 h-1.5", indicatorClassName: cn(STATUS_DOT[tone], 'motion-reduce:transition-none') }), _jsxs("div", { className: "flex items-baseline justify-between gap-3 text-xs", children: [_jsx("span", { className: "text-muted-foreground tabular-nums", children: t('usedCount', { used: formatContextCount(breakdown.total) }) }), _jsx("span", { className: "text-foreground font-medium tabular-nums", children: t('remainingCount', { remaining: formatContextCount(remaining) }) })] })] }), rows.length > 0 ? (_jsx("dl", { className: "grid grid-cols-[1fr_auto] gap-x-4 gap-y-1.5 border-t pt-3 text-xs", children: rows.map((row) => (_jsxs(Fragment, { children: [_jsx("dt", { className: "text-muted-foreground truncate", children: t(row.labelKey) }), _jsx("dd", { className: "text-foreground text-end font-medium tabular-nums", children: formatContextCount(breakdown[row.key]) })] }, row.key))) })) : null, _jsxs("p", { className: "text-muted-foreground flex items-baseline justify-between gap-3 border-t pt-3 text-xs", children: [_jsx("span", { className: "truncate", children: modelName ?? t('modelUnknown') }), _jsx("span", { className: "shrink-0 tabular-nums", children: t('windowMeta', { limit: formatContextCount(limit) }) })] }), tip ? (_jsxs("p", { className: "text-muted-foreground flex gap-1.5 text-xs text-pretty", children: [_jsx(WarningIcon, { weight: "fill", className: cn('mt-0.5 size-3.5 shrink-0', STATUS_TEXT[tone]) }), _jsx("span", { children: tip })] })) : null, interactive && onViewDetails ? (_jsxs(Button, { type: "button", variant: "accent", size: "sm", onClick: (e) => {
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsx("p", { className: cn('text-sm font-medium text-pretty', headline === 'healthy' ? 'text-foreground' : STATUS_TEXT[tone]), children: title }), _jsx("span", { className: cn('shrink-0 text-xs font-medium tabular-nums', headline === 'healthy' ? 'text-muted-foreground' : STATUS_TEXT[tone]), children: t('percentFull', { percent }) })] }), _jsx(Progress, { value: drawn ? percent : 0, "aria-label": t('meterLabel'), className: "bg-foreground/10 h-1.5", indicatorClassName: cn(STATUS_DOT[tone], 'motion-reduce:transition-none') }), _jsxs("div", { className: "flex items-baseline justify-between gap-3 text-xs", children: [_jsx("span", { className: "text-muted-foreground tabular-nums", children: t('usedCount', { used: formatContextCount(breakdown.total) }) }), remaining !== null ? (_jsx("span", { className: "text-foreground font-medium tabular-nums", children: t('remainingCount', { remaining: formatContextCount(remaining) }) })) : null] })] }), rows.length > 0 ? (_jsx("dl", { className: "grid grid-cols-[1fr_auto] gap-x-4 gap-y-1.5 border-t pt-3 text-xs", children: rows.map((row) => (_jsxs(Fragment, { children: [_jsx("dt", { className: "text-muted-foreground truncate", children: t(row.labelKey) }), _jsx("dd", { className: "text-foreground text-end font-medium tabular-nums", children: formatContextCount(breakdown[row.key]) })] }, row.key))) })) : null, _jsxs("p", { className: "text-muted-foreground flex items-baseline justify-between gap-3 border-t pt-3 text-xs", children: [_jsx("span", { className: "truncate", children: modelName ?? t('modelUnknown') }), limit !== null ? (_jsx("span", { className: "shrink-0 tabular-nums", children: t('windowMeta', { limit: formatContextCount(limit) }) })) : null] }), tip ? (_jsxs("p", { className: "text-muted-foreground flex gap-1.5 text-xs text-pretty", children: [_jsx(WarningIcon, { weight: "fill", className: cn('mt-0.5 size-3.5 shrink-0', STATUS_TEXT[tone]) }), _jsx("span", { children: tip })] })) : null, interactive && onViewDetails ? (_jsxs(Button, { type: "button", variant: "accent", size: "sm", onClick: (e) => {
                     e.stopPropagation();
                     onViewDetails();
                 }, className: "w-full justify-between rounded-sm px-2.5 text-xs active:scale-[0.97]", children: [t('viewDetails'), _jsx(CaretRightIcon, { className: "text-muted-foreground size-3.5" })] })) : null] }));

package/dist/session/header/export-transcript-modal.d.ts

@@ -9,8 +9,9 @@ interface TranscriptSessionHeader {
 }
 /**
  * The transcript's header: the runtime's session while the computer runs, else
- * the session row the page shows (asleep, stopped, failed). Null: nothing to
- * name the export after yet.
+ * the session row the page shows (asleep, stopped, failed). The start is the row's
+ * (`sessionStartedAt`): a pi box stamps its runtime session at boot. Null: nothing
+ * to name the export after yet.
  */
 export declare function transcriptSessionHeader(runtime: {
     id: string;

package/dist/session/header/export-transcript-modal.js

@@ -14,14 +14,17 @@ import { loadSessionExportMessages, useProjectSession, useRuntimeSession, useSes
 import { CheckIcon as Check, CopyIcon as Copy, } from '@phosphor-icons/react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Download } from '../../internal/icons/download.js';
+import { sessionStartedAt } from '../thread/session-context-metrics.js';
 /**
  * The transcript's header: the runtime's session while the computer runs, else
- * the session row the page shows (asleep, stopped, failed). Null: nothing to
- * name the export after yet.
+ * the session row the page shows (asleep, stopped, failed). The start is the row's
+ * (`sessionStartedAt`): a pi box stamps its runtime session at boot. Null: nothing
+ * to name the export after yet.
  */
 export function transcriptSessionHeader(runtime, row, sessionId) {
     if (runtime) {
-        return { id: runtime.id, title: runtime.title || runtime.slug || 'Untitled', time: runtime.time };
+        const created = sessionStartedAt(runtime, row) ?? runtime.time.created;
+        return { id: runtime.id, title: runtime.title || runtime.slug || 'Untitled', time: { ...runtime.time, created } };
     }
     if (!row)
         return null;

package/dist/session/header/session-goal-indicator.d.ts

@@ -0,0 +1 @@
+export declare function SessionGoalIndicator(): import("react").JSX.Element | null;

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/models/model-selector.d.ts

@@ -56,6 +56,8 @@ export interface ModelSelectorProps {
     triggerLabelClassName?: string;
     /** `secondary` for a page-level control; the composer keeps `ghost`. */
     triggerVariant?: 'ghost' | 'secondary';
+    /** `field`: the full-width `h-9` form-field box, the same as `AgentSelector`'s. */
+    appearance?: 'chip' | 'field';
     projectId?: string;
     /**
      * Offer the member's own ChatGPT subscription (pooled provider secrets) at
@@ -83,4 +85,4 @@ export interface ModelSelectorProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-export declare function ModelSelector({ models, selectedModel, onSelect, defaultControls, unsetLabel, disabled, modelsLoading, triggerLabelClassName, triggerVariant, offerProviderAccounts, open: openProp, onOpenChange, }: ModelSelectorProps): import("react").JSX.Element;
+export declare function ModelSelector({ models, selectedModel, onSelect, defaultControls, unsetLabel, disabled, modelsLoading, triggerLabelClassName, triggerVariant, appearance, offerProviderAccounts, open: openProp, onOpenChange, }: ModelSelectorProps): import("react").JSX.Element;

package/dist/session/models/model-selector.js

@@ -5,6 +5,7 @@ import { CommandGroup, CommandInput, CommandItem, CommandList, CommandPopover, C
 import Loading from '../../primitives/loading.js';
 import { MODEL_SELECTOR_PROVIDER_IDS, ProviderLogo } from '../../internal/lib/provider-branding.js';
 import { cn } from '../../lib/utils.js';
+import { TRIGGER_CARET_CLASS, triggerVariants } from '../../primitives/trigger-variants.js';
 import { useProviderModalStore } from '../../internal/stores/provider-modal-store.js';
 import { useFeatureFlag, useModelAccess, useModelStore, } from '@kortix/sdk/react';
 import { CheckIcon as Check, CaretDownIcon as ChevronDown, CaretRightIcon as CaretRight, CreditCardIcon as CreditCard, KeyIcon as KeyRound, PlusIcon as Plus, SlidersHorizontalIcon as SlidersHorizontal, StarIcon as Star, } from '@phosphor-icons/react';
@@ -136,7 +137,7 @@ function ModelRow({ model, groupProviderID, groupProviderName, isSelected, isAcc
 function GroupHeading({ children }) {
     return _jsx("span", { className: "text-muted-foreground font-medium tracking-wide", children: children });
 }
-export function ModelSelector({ models, selectedModel, onSelect, defaultControls, unsetLabel, disabled = false, modelsLoading = false, triggerLabelClassName, triggerVariant = 'ghost', offerProviderAccounts = false, open: openProp, onOpenChange, }) {
+export function ModelSelector({ models, selectedModel, onSelect, defaultControls, unsetLabel, disabled = false, modelsLoading = false, triggerLabelClassName, triggerVariant = 'ghost', appearance = 'chip', offerProviderAccounts = false, open: openProp, onOpenChange, }) {
     const tModel = useTranslations('modelSelector');
     const t = useTranslations('threads');
     // Controlled when `open` is supplied, uncontrolled otherwise — Radix's own
@@ -303,7 +304,7 @@ export function ModelSelector({ models, selectedModel, onSelect, defaultControls
         setOpen(false);
         openUpgrade();
     }, [openUpgrade, setOpen]);
-    return (_jsxs(_Fragment, { children: [connectionModal, projectId && chatGptPossible && ProviderAccountsModal && (_jsx(ProviderAccountsModal, { projectId: projectId, providerId: "codex", open: chatGptOpen, onOpenChange: setChatGptOpen })), _jsxs(CommandPopover, { open: disabled ? false : open, onOpenChange: (next) => !disabled && setOpen(next), children: [_jsx(CommandPopoverTrigger, { children: _jsxs(Button, { type: "button", variant: triggerVariant, size: "sm", className: cn('rounded-lg hit-area-y-3', triggerVariant === 'ghost' && 'text-muted-foreground'), children: [_jsx("span", { className: cn('max-w-30 truncate', triggerLabelClassName), children: displayName }), _jsx(ChevronDown, { className: cn('duration-moderate size-3 transition-transform ease-out', open && 'rotate-180') })] }) }), _jsx(CommandPopoverContent, { side: "top", align: "start", sideOffset: 8, className: "w-[min(300px,calc(100vw-1.5rem))]", children: _jsxs(_Fragment, { children: [_jsx(CommandInput, { compact: true, placeholder: tModel('search'), value: search, onValueChange: setSearch, rightElement: canManageModels && canConnectProvider ? (_jsxs("div", { className: "-mr-0.5 flex shrink-0 items-center gap-0.5", children: [_jsx(Hint, { label: tModel('connectProvider'), side: "top", className: "z-50", children: _jsx("button", { type: "button", "aria-label": tModel('addProvider'), onClick: () => handleOpenProviderModal('providers'), className: "text-muted-foreground hover:text-foreground hover:bg-muted flex size-8 cursor-pointer items-center justify-center rounded-md transition-colors", children: _jsx(Plus, { className: "size-4" }) }) }), _jsx(Hint, { label: tModel('manageModels'), side: "top", className: "z-50", children: _jsx("button", { type: "button", "aria-label": tModel('manageModels'), onClick: () => handleOpenProviderModal('models'), className: "text-muted-foreground hover:text-foreground hover:bg-muted flex size-8 cursor-pointer items-center justify-center rounded-md transition-colors", children: _jsx(SlidersHorizontal, { className: "size-4" }) }) })] })) : undefined }), grouped.length > 1 && _jsx(CommandSeparator, { className: "bg-border/60" }), _jsx(CommandList, { className: "max-h-[380px]", children: modelsLoading || entitlementsPending ? (_jsx("div", { className: "flex min-h-32 items-center justify-center", role: "status", "aria-label": tModel('loading'), children: _jsx(Loading, { className: "text-muted-foreground size-4 shrink-0" }) })) : grouped.length > 0 ? (_jsxs(_Fragment, { children: [pinnedDefault && (_jsxs(_Fragment, { children: [_jsx(CommandGroup, { heading: _jsx(GroupHeading, { children: tModel('yourDefault') }), forceMount: true, children: _jsx(ModelRow, { model: pinnedDefault.model, groupProviderID: pinnedDefault.providerID, groupProviderName: pinnedDefault.providerName, isSelected: availableSelectedModel?.providerID === pinnedDefault.model.providerID &&
+    return (_jsxs(_Fragment, { children: [connectionModal, projectId && chatGptPossible && ProviderAccountsModal && (_jsx(ProviderAccountsModal, { projectId: projectId, providerId: "codex", open: chatGptOpen, onOpenChange: setChatGptOpen })), _jsxs(CommandPopover, { open: disabled ? false : open, onOpenChange: (next) => !disabled && setOpen(next), children: [_jsx(CommandPopoverTrigger, { children: appearance === 'field' ? (_jsxs("button", { type: "button", disabled: disabled, className: cn(triggerVariants(), 'h-9 w-full'), children: [_jsx("span", { className: "truncate", children: displayName }), disabled ? null : _jsx(ChevronDown, { className: cn(TRIGGER_CARET_CLASS, 'size-4') })] })) : (_jsxs(Button, { type: "button", variant: triggerVariant, size: "sm", className: cn('rounded-lg hit-area-y-3', triggerVariant === 'ghost' && 'text-muted-foreground'), children: [_jsx("span", { className: cn('max-w-30 truncate', triggerLabelClassName), children: displayName }), _jsx(ChevronDown, { className: cn('duration-moderate size-3 transition-transform ease-out', open && 'rotate-180') })] })) }), _jsx(CommandPopoverContent, { side: "top", align: "start", sideOffset: 8, className: "w-[min(300px,calc(100vw-1.5rem))]", children: _jsxs(_Fragment, { children: [_jsx(CommandInput, { compact: true, placeholder: tModel('search'), value: search, onValueChange: setSearch, rightElement: canManageModels && canConnectProvider ? (_jsxs("div", { className: "-mr-0.5 flex shrink-0 items-center gap-0.5", children: [_jsx(Hint, { label: tModel('connectProvider'), side: "top", className: "z-50", children: _jsx("button", { type: "button", "aria-label": tModel('addProvider'), onClick: () => handleOpenProviderModal('providers'), className: "text-muted-foreground hover:text-foreground hover:bg-muted flex size-8 cursor-pointer items-center justify-center rounded-md transition-colors", children: _jsx(Plus, { className: "size-4" }) }) }), _jsx(Hint, { label: tModel('manageModels'), side: "top", className: "z-50", children: _jsx("button", { type: "button", "aria-label": tModel('manageModels'), onClick: () => handleOpenProviderModal('models'), className: "text-muted-foreground hover:text-foreground hover:bg-muted flex size-8 cursor-pointer items-center justify-center rounded-md transition-colors", children: _jsx(SlidersHorizontal, { className: "size-4" }) }) })] })) : undefined }), grouped.length > 1 && _jsx(CommandSeparator, { className: "bg-border/60" }), _jsx(CommandList, { className: "max-h-[380px]", children: modelsLoading || entitlementsPending ? (_jsx("div", { className: "flex min-h-32 items-center justify-center", role: "status", "aria-label": tModel('loading'), children: _jsx(Loading, { className: "text-muted-foreground size-4 shrink-0" }) })) : grouped.length > 0 ? (_jsxs(_Fragment, { children: [pinnedDefault && (_jsxs(_Fragment, { children: [_jsx(CommandGroup, { heading: _jsx(GroupHeading, { children: tModel('yourDefault') }), forceMount: true, children: _jsx(ModelRow, { model: pinnedDefault.model, groupProviderID: pinnedDefault.providerID, groupProviderName: pinnedDefault.providerName, isSelected: availableSelectedModel?.providerID === pinnedDefault.model.providerID &&
                                                                 availableSelectedModel?.modelID === pinnedDefault.model.modelID, isAccountDefault: true, defaultControls: rowDefaultControls, onSelect: handleSelect, connectLabel: tPooled('connect'), scope: "pinned" }) }), _jsx(CommandSeparator, {})] })), sections.map((section, sectionIndex) => {
                                                 const selectedInSection = section.models.find((m) => availableSelectedModel?.providerID === m.providerID &&
                                                     availableSelectedModel?.modelID === m.modelID);

package/dist/session/panel/easy/plan-card.d.ts

@@ -10,11 +10,13 @@ import { type TodoItem } from '../../tool/shared/todo-helpers.js';
  * single row.
  *
  * Pure, so both branches are testable without mounting anything.
+ * @deprecated Renders an OpenCode-only tool or todo list in an OpenCode session (pi has none). OpenCode is sunset (2026-10-23): no new code; delete with OpenCode.
  */
 export declare function planPanelRows(todos: ReadonlyArray<TodoItem>): Array<{
     todo: TodoItem;
     key: string;
 }>;
+/** @deprecated Renders an OpenCode-only tool or todo list in an OpenCode session (pi has none). OpenCode is sunset (2026-10-23): no new code; delete with OpenCode. */
 export declare function PlanPanelCard({ sessionId }: {
     sessionId: string;
 }): import("react").JSX.Element | null;

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

@@ -64,6 +64,7 @@ function PlanProgress({ done, total, running }) {
  * single row.
  *
  * Pure, so both branches are testable without mounting anything.
+ * @deprecated Renders an OpenCode-only tool or todo list in an OpenCode session (pi has none). OpenCode is sunset (2026-10-23): no new code; delete with OpenCode.
  */
 export function planPanelRows(todos) {
     // Keyed first, filtered second — see `planListTodos`: keying first is what
@@ -72,6 +73,7 @@ export function planPanelRows(todos) {
     const listed = planListTodos(keyed);
     return listed.length > 0 ? listed : keyed;
 }
+/** @deprecated Renders an OpenCode-only tool or todo list in an OpenCode session (pi has none). OpenCode is sunset (2026-10-23): no new code; delete with OpenCode. */
 export function PlanPanelCard({ sessionId }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const { data } = useRuntimeSessionTodo(sessionId);

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/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 {};

package/dist/session/status/session-error-banner.js

@@ -140,6 +140,12 @@ function GatewayMetaLine({ leading, details, }) {
 function DiagnosticFold({ summary, children }) {
     return (_jsxs("details", { className: "group/fold text-xs", children: [_jsxs("summary", { className: cn('text-muted-foreground hover:text-foreground flex w-fit cursor-pointer list-none', 'duration-fast items-center gap-1 transition-colors select-none', '[&::-webkit-details-marker]:hidden'), children: [_jsx(CaretRightIcon, { className: "size-3 shrink-0 group-open/fold:rotate-90" }), summary] }), children] }));
 }
+function FailureList({ failures, className }) {
+    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    return (_jsx("ol", { className: className, children: failures.map((failure) => (_jsxs("li", { children: [_jsx("span", { className: "text-foreground font-medium", children: failureTarget(failure) }), " \u00B7", ' ', failure.status !== undefined
+                    ? tI18nComplete('textf6a6d0e934f4', { value0: failure.status })
+                    : '', String(failure.code), " \u00B7 ", failure.message] }, failure.attempt))) }));
+}
 /**
  * The per-candidate failure chain, collapsed. It is the diagnostic, not the
  * message: a reader who wants to know WHY every route failed opens it; everyone
@@ -150,9 +156,7 @@ function GatewayAttemptFailureList({ details }) {
     const failures = details?.attemptFailures;
     if (!failures?.length)
         return null;
-    return (_jsx(DiagnosticFold, { summary: failures.length === 1 ? tI18nComplete.raw('textce4c96225f63') : `${failures.length} attempts`, children: _jsx("ol", { className: "text-muted-foreground mt-1 list-decimal space-y-1 pl-4 wrap-anywhere", children: failures.map((failure) => (_jsxs("li", { children: [_jsx("span", { className: "text-foreground font-medium", children: failureTarget(failure) }), " \u00B7", ' ', failure.status !== undefined
-                        ? tI18nComplete('textf6a6d0e934f4', { value0: failure.status })
-                        : '', String(failure.code), " \u00B7 ", failure.message] }, failure.attempt))) }) }));
+    return (_jsx(DiagnosticFold, { summary: failures.length === 1 ? tI18nComplete.raw('textce4c96225f63') : `${failures.length} attempts`, children: _jsx(FailureList, { failures: failures, className: "text-muted-foreground mt-1 list-decimal space-y-1 pl-4 wrap-anywhere" }) }));
 }
 /**
  * Which row a plain-text turn error renders, and whether it opens. The one
@@ -212,9 +216,7 @@ function TurnErrorCheckpoint({ text, gateway, raw, defaultOpen, action, modelOpt
     if (!canOpen) {
         return (_jsxs("div", { role: "alert", className: className, children: [row, hint, action] }));
     }
-    return (_jsx("div", { role: "alert", className: className, children: _jsx(ChainOfThoughtStep, { defaultOpen: defaultOpen, children: _jsxs(_Fragment, { children: [_jsx(DisclosureTrigger, { children: _jsx("div", { className: "group/trigger cursor-pointer", children: row }) }), hint, action, _jsx(DisclosureContent, { children: _jsxs("div", { className: "mt-3 flex flex-col gap-2 pl-7", children: [_jsx(GatewayMetaLine, { details: gateway }), failures.length > 0 ? (_jsx("ol", { className: "text-muted-foreground list-decimal space-y-1 pl-4 text-xs wrap-anywhere", children: failures.map((failure) => (_jsxs("li", { children: [_jsx("span", { className: "text-foreground font-medium", children: failureTarget(failure) }), ' ', "\u00B7", ' ', failure.status !== undefined
-                                                ? tI18nComplete('textf6a6d0e934f4', { value0: failure.status })
-                                                : '', String(failure.code), " \u00B7 ", failure.message] }, failure.attempt))) })) : null, raw ? (_jsx("pre", { className: "bg-muted text-muted-foreground max-h-40 overflow-auto rounded-md px-3 py-2 font-mono text-xs whitespace-pre-wrap wrap-anywhere", children: raw })) : null] }) })] }) }) }));
+    return (_jsx("div", { role: "alert", className: className, children: _jsx(ChainOfThoughtStep, { defaultOpen: defaultOpen, children: _jsxs(_Fragment, { children: [_jsx(DisclosureTrigger, { children: _jsx("div", { className: "group/trigger cursor-pointer", children: row }) }), hint, action, _jsx(DisclosureContent, { children: _jsxs("div", { className: "mt-3 flex flex-col gap-2 pl-7", children: [_jsx(GatewayMetaLine, { details: gateway }), failures.length > 0 ? (_jsx(FailureList, { failures: failures, className: "text-muted-foreground list-decimal space-y-1 pl-4 text-xs wrap-anywhere" })) : null, raw ? (_jsx("pre", { className: "bg-muted text-muted-foreground max-h-40 overflow-auto rounded-md px-3 py-2 font-mono text-xs whitespace-pre-wrap wrap-anywhere", children: raw })) : null] }) })] }) }) }));
 }
 /**
  * Renders a turn-level or send-failure error inline.