@kortix/ui 0.14.6 → 0.14.8

package/dist/session/status/session-starting-loader.d.ts

@@ -1,20 +1,21 @@
-import { type SessionStartResult, type SessionStartStage } from '@kortix/sdk';
+import { type SessionStartResult } from '@kortix/sdk';
+/**
+ * What a session shows while its Kortix Computer comes up: nothing, unless the
+ * wake needs attention. Opening a session wakes its computer in the background,
+ * and a send goes out as soon as it is up, so a routine wake has nothing to
+ * say. Two states speak: an escalation or retry note from the server, and a
+ * wake stuck past `STUCK_AFTER_MS` that the caller may restart.
+ *
+ * All the heavy lifting (provision / wake / runtime readiness) is server-side
+ * behind POST /sessions/:id/start.
+ */
 /**
  * After this long, offer a manual restart. Sandboxes occasionally wedge (e.g. a
  * stuck provider-side proxy) with no server-side signal that anything is wrong —
  * a stop/start of the sandbox is the known fix, so surface it as a fallback
- * instead of leaving the user staring at "Connecting" indefinitely.
+ * instead of leaving the user waiting indefinitely.
  */
 export declare const STUCK_AFTER_MS = 45000;
-interface Step {
-    /** User-visible label for the active startup stage. */
-    label: string;
-}
-/**
- * Accepted for input compatibility. Both values intentionally render the same
- * loader.
- */
-type BootStepVariant = 'stepper' | 'compact';
 type StartFailure = SessionStartResult['failure'];
 /**
  * Keep the server's retry visible while `/start` waits for its retry clock.
@@ -26,14 +27,6 @@ export declare function sessionWakeStatusNote(input: {
     note?: string | null;
     now: number;
 }): string | null;
-/** Copy is deliberately parallel, so stage changes read as one continuous task. */
-export declare const STEPS: Step[];
-/**
- * Resolve which step is CURRENTLY active from the backend stage plus how long
- * we've been in it. The index is the floor we KNOW we're at — earlier steps are
- * genuinely complete, later ones haven't started.
- */
-export declare function activeStep(stage: SessionStartStage, msInStage: number): number;
 /**
  * Whether the stuck-boot restart offer may render. Restart is the session
  * owner's or a project manager's; the server answers anyone else 403
@@ -53,31 +46,31 @@ export declare function RestartFallback({ show, pending, onRestart, className, b
     className?: string;
     buttonClassName?: string;
 }): import("react").JSX.Element | null;
-export declare function SessionStartingLoader({ stage, 
-/** Delay before the content appears. Warm opens avoid flashing the loader. */
-delayMs, projectId, sessionId, 
+/**
+ * The wake's status where nothing else can paint: the side panel, a chat with
+ * no runtime yet, a resume with nothing saved. A routine wake renders nothing.
+ */
+export declare function SessionStartingLoader({ projectId, sessionId, 
 /** Honest one-liner from the SDK wake escalation ladder. */
 note, reason, failure, }: {
-    stage?: SessionStartStage;
-    delayMs?: number;
     projectId?: string;
     sessionId?: string;
-    variant?: BootStepVariant;
     note?: string | null;
     reason?: string | null;
     failure?: StartFailure;
-}): import("react").JSX.Element;
+}): import("react").JSX.Element | null;
 /**
- * Compact status above a readable conversation while its runtime wakes. The
- * transcript remains scrollable because only the restart control accepts input.
+ * Compact status above a readable conversation while its runtime wakes, shown
+ * only when the wake needs attention: an escalation or retry note, or a stuck
+ * wake with a Restart. A normal wake renders nothing. The transcript remains
+ * scrollable because only the restart control accepts input.
  */
-export declare function SessionConnectingBanner({ stage, projectId, sessionId, className, note, reason, failure, }: {
-    stage?: SessionStartStage;
+export declare function SessionConnectingBanner({ projectId, sessionId, className, note, reason, failure, }: {
     projectId?: string;
     sessionId?: string;
     className?: string;
     note?: string | null;
     reason?: string | null;
     failure?: StartFailure;
-}): import("react").JSX.Element;
+}): import("react").JSX.Element | null;
 export {};

package/dist/session/status/session-starting-loader.js

@@ -3,37 +3,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../primitives/button.js';
 import Loading from '../../primitives/loading.js';
 import { useRestartProjectSession } from '../../internal/hooks/projects/use-restart-project-session.js';
-import { useLocalizedUiCatalog } from '../../i18n/ui-catalog/use-localized-ui-catalog.js';
 import { useTranslations } from '../../i18n/index.js';
 import { cn } from '../../lib/utils.js';
 import { useProjectSession } from '@kortix/sdk/react';
 import { ArrowCounterClockwiseIcon as RotateCcw } from '@phosphor-icons/react';
 import { useEffect, useRef, useState } from 'react';
 /**
- * The ONE loader shown while a session's Kortix Computer comes up — full-screen
- * for resumes, and dead-center in the side panel while a fresh session boots.
- * All the heavy lifting (provision / wake / OpenCode readiness + pin) is
- * server-side behind POST /sessions/:id/start; this just reports the real stage.
+ * What a session shows while its Kortix Computer comes up: nothing, unless the
+ * wake needs attention. Opening a session wakes its computer in the background,
+ * and a send goes out as soon as it is up, so a routine wake has nothing to
+ * say. Two states speak: an escalation or retry note from the server, and a
+ * wake stuck past `STUCK_AFTER_MS` that the caller may restart.
  *
- * Visual: one stable heading, one short stage label, one four-stage rail, and
- * one small spinner. The spinner is the only perpetual motion. The rail moves
- * only when the backend stage advances, so it never claims progress we do not
- * have.
+ * All the heavy lifting (provision / wake / runtime readiness) is server-side
+ * behind POST /sessions/:id/start.
  */
-const LOADER_DELAY_MS = 100;
-/**
- * How long we sit in the backend `starting` stage before softly advancing from
- * "Loading your workspace" to "Waking the agent". Both happen within that one
- * backend stage (clone → OpenCode boot), so the advance reflects real order.
- */
-const STARTING_SUBSTEP_MS = 5_000;
-/** After this long, show copy that sets expectations for a cold start. */
-const SLOW_AFTER_MS = 15_000;
 /**
  * After this long, offer a manual restart. Sandboxes occasionally wedge (e.g. a
  * stuck provider-side proxy) with no server-side signal that anything is wrong —
  * a stop/start of the sandbox is the known fix, so surface it as a fallback
- * instead of leaving the user staring at "Connecting" indefinitely.
+ * instead of leaving the user waiting indefinitely.
  */
 export const STUCK_AFTER_MS = 45_000;
 /**
@@ -64,42 +53,14 @@ export function sessionWakeStatusNote(input) {
     const duration = minutes > 0 ? `${minutes}m\u00a0${remainder}s` : `${remainder}s`;
     return `Still starting your computer. Trying again in ${duration} (attempt ${nextAttempt}).`;
 }
-/** Copy is deliberately parallel, so stage changes read as one continuous task. */
-export const STEPS = [
-    { label: 'Reserving your computer' },
-    { label: 'Loading your workspace' },
-    { label: 'Waking the agent' },
-    { label: 'Connecting' },
-];
-/**
- * Resolve which step is CURRENTLY active from the backend stage plus how long
- * we've been in it. The index is the floor we KNOW we're at — earlier steps are
- * genuinely complete, later ones haven't started.
- */
-export function activeStep(stage, msInStage) {
-    if (stage === 'provisioning')
-        return 0;
-    if (stage === 'starting')
-        return msInStage >= STARTING_SUBSTEP_MS ? 2 : 1;
-    return 3;
-}
-/**
- * The shared boot clock: a 1s tick that resolves the current active step from
- * the backend stage plus time-in-stage, and exposes `now` for elapsed-time UI.
- */
-function useBootProgress(stage) {
+/** A 1 s tick: the retry countdown and the stuck clock read it. */
+function useNow() {
     const [now, setNow] = useState(() => Date.now());
     useEffect(() => {
         const id = setInterval(() => setNow(Date.now()), 1_000);
         return () => clearInterval(id);
     }, []);
-    const [stageEnteredAt, setStageEnteredAt] = useState(now);
-    const [prevStage, setPrevStage] = useState(stage);
-    if (prevStage !== stage) {
-        setPrevStage(stage);
-        setStageEnteredAt(now);
-    }
-    return { active: activeStep(stage, now - stageEnteredAt), now };
+    return now;
 }
 /**
  * The boot clock a restart carries. The shared restart hook owns the whole
@@ -139,52 +100,42 @@ export function RestartFallback({ show, pending, onRestart, className, buttonCla
     return (_jsxs("div", { className: cn('mt-5 w-full', className), children: [_jsx("p", { className: "text-muted-foreground mb-2 text-xs text-pretty", children: tI18nComplete.raw('textbeda94e911d3') }), _jsxs(Button, { type: "button", variant: "secondary", size: "sm", className: cn('w-full active:scale-[0.96]', buttonClassName), disabled: pending, onClick: onRestart, children: [pending ? (_jsx(Loading, { className: "size-3.5 shrink-0 text-current motion-reduce:animate-none" })) : (_jsx(RotateCcw, { className: "size-3.5 shrink-0" })), pending ? tI18nComplete.raw('text75d0f1469d16') : tI18nComplete.raw('textcb886371afc6')] })] }));
 }
 /**
- * One stable headline, one source of perpetual motion, and an honest four-stage
- * rail. Progress changes immediately when the backend stage changes.
+ * The wake's status where nothing else can paint: the side panel, a chat with
+ * no runtime yet, a resume with nothing saved. A routine wake renders nothing.
  */
-function QuietProgressLoader({ active, canRestart, note, onRestart, pending, show, slow, stuck, }) {
-    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const steps = useLocalizedUiCatalog(STEPS);
-    const step = steps[Math.min(active, steps.length - 1)];
-    return (_jsx("div", { className: "flex h-full min-h-0 w-full flex-1 items-center justify-center px-4 sm:px-8", children: show ? (_jsxs("div", { role: "status", "aria-live": "polite", className: "flex w-full max-w-xs items-start gap-3", children: [_jsx(Loading, { variant: "spokes", className: "text-muted-foreground mt-0.5 size-4 shrink-0 motion-reduce:animate-none" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h2", { className: "text-foreground text-sm font-medium text-balance", children: tI18nComplete.raw('textac4e05b19878') }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs text-pretty", children: note ?? step.label }), _jsx("div", { role: "progressbar", "aria-label": tI18nComplete.raw('text4cbf9c0d5628'), "aria-valuemin": 1, "aria-valuemax": steps.length, "aria-valuenow": active + 1, "aria-valuetext": `Step ${active + 1} of ${steps.length}: ${step.label}`, className: "mt-3 grid grid-cols-4 gap-1.5", children: steps.map((item, index) => (_jsx("span", { "aria-hidden": true, className: cn('h-1 rounded-full', index <= active ? 'bg-kortix-green' : 'bg-border/70') }, item.label))) }), slow ? (_jsx("p", { className: "text-muted-foreground mt-3 text-xs text-pretty", children: tI18nComplete.raw('textbb2ab0401c3c') })) : null, _jsx(RestartFallback, { show: stuck && canRestart, pending: pending, onRestart: onRestart })] })] })) : null }));
-}
-export function SessionStartingLoader({ stage = 'provisioning', 
-/** Delay before the content appears. Warm opens avoid flashing the loader. */
-delayMs = LOADER_DELAY_MS, projectId, sessionId, 
+export function SessionStartingLoader({ projectId, sessionId, 
 /** Honest one-liner from the SDK wake escalation ladder. */
 note, reason, failure, }) {
-    const [delayElapsed, setDelayElapsed] = useState(false);
-    const show = delayMs <= 0 || delayElapsed;
-    useEffect(() => {
-        if (delayMs <= 0)
-            return;
-        const timeout = setTimeout(() => setDelayElapsed(true), delayMs);
-        return () => clearTimeout(timeout);
-    }, [delayMs]);
     const { data: session } = useProjectSession(projectId, sessionId);
     const restart = useRestartProjectSession(projectId ?? '', sessionId ?? '');
-    const { active, now } = useBootProgress(stage);
+    const now = useNow();
     const statusNote = sessionWakeStatusNote({ reason, failure, note, now });
     const clockStart = useRestartedBootClock(restart);
-    const slow = now - clockStart >= SLOW_AFTER_MS;
-    const stuck = now - clockStart >= STUCK_AFTER_MS;
-    const canRestart = canOfferBootRestart(session, projectId, sessionId);
-    return (_jsx(QuietProgressLoader, { active: active, canRestart: canRestart, note: statusNote, onRestart: restart.restart, pending: restart.isPending, show: show, slow: slow, stuck: stuck }));
+    const restartable = now - clockStart >= STUCK_AFTER_MS && canOfferBootRestart(session, projectId, sessionId);
+    if (!statusNote && !restartable)
+        return null;
+    return (_jsx("div", { className: "flex h-full min-h-0 w-full flex-1 items-center justify-center px-4 sm:px-8", children: _jsxs("div", { role: "status", "aria-live": "polite", className: "flex w-full max-w-xs items-start gap-3", children: [_jsx(Loading, { variant: "spokes", className: "text-muted-foreground mt-0.5 size-4 shrink-0 motion-reduce:animate-none" }), _jsxs("div", { className: "min-w-0 flex-1", children: [statusNote ? _jsx("p", { className: "text-muted-foreground text-xs text-pretty", children: statusNote }) : null, _jsx(RestartFallback, { show: restartable, pending: restart.isPending, onRestart: restart.restart, className: statusNote ? 'mt-3' : 'mt-0' })] })] }) }));
 }
 /**
- * Compact status above a readable conversation while its runtime wakes. The
- * transcript remains scrollable because only the restart control accepts input.
+ * Compact status above a readable conversation while its runtime wakes, shown
+ * only when the wake needs attention: an escalation or retry note, or a stuck
+ * wake with a Restart. A normal wake renders nothing. The transcript remains
+ * scrollable because only the restart control accepts input.
  */
-export function SessionConnectingBanner({ stage = 'provisioning', projectId, sessionId, className, note, reason, failure, }) {
+export function SessionConnectingBanner({ projectId, sessionId, className, note, reason, failure, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const { data: session } = useProjectSession(projectId, sessionId);
     const restart = useRestartProjectSession(projectId ?? '', sessionId ?? '');
-    const { active, now } = useBootProgress(stage);
+    const now = useNow();
     const statusNote = sessionWakeStatusNote({ reason, failure, note, now });
     const clockStart = useRestartedBootClock(restart);
     const stuck = now - clockStart >= STUCK_AFTER_MS;
     const canRestart = canOfferBootRestart(session, projectId, sessionId);
-    const steps = useLocalizedUiCatalog(STEPS);
-    const step = steps[Math.min(active, steps.length - 1)];
-    return (_jsx("div", { role: "status", "aria-live": "polite", "data-session-connecting-banner": "", className: cn('pointer-events-none absolute inset-x-0 top-0 z-30 flex justify-center px-3 pt-3', className), children: _jsxs("div", { className: "bg-background/85 text-muted-foreground flex max-w-full items-center gap-2 rounded-full border px-3 py-1.5 text-xs shadow-xs backdrop-blur-sm", children: [_jsx(Loading, { variant: "spokes", className: "size-3.5 shrink-0 text-current motion-reduce:animate-none" }), _jsx("span", { className: "min-w-0 text-pretty", children: statusNote ?? step.label }), stuck && canRestart ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "pointer-events-auto -mr-2 h-6 px-2 text-xs", disabled: restart.isPending, onClick: restart.restart, children: restart.isPending ? tI18nComplete.raw('text75d0f1469d16') : 'Restart' })) : null] }) }));
+    // A normal wake is silent: opening the session wakes its computer in the
+    // background, and a send goes out as soon as it is up. The pill speaks only
+    // when something is wrong: the wake escalated or waits on a retry
+    // (`statusNote`), or it is stuck and can be restarted.
+    if (!statusNote && !(stuck && canRestart))
+        return null;
+    return (_jsx("div", { role: "status", "aria-live": "polite", "data-session-connecting-banner": "", className: cn('pointer-events-none absolute inset-x-0 top-0 z-30 flex justify-center px-3 pt-3', className), children: _jsxs("div", { className: "bg-background/85 text-muted-foreground flex max-w-full items-center gap-2 rounded-full border px-3 py-1.5 text-xs shadow-xs backdrop-blur-sm", children: [_jsx(Loading, { variant: "spokes", className: "size-3.5 shrink-0 text-current motion-reduce:animate-none" }), _jsx("span", { className: "min-w-0 text-pretty", children: statusNote ?? tI18nComplete.raw('textbeda94e911d3') }), stuck && canRestart ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "pointer-events-auto -mr-2 h-6 px-2 text-xs", disabled: restart.isPending, onClick: restart.restart, children: restart.isPending ? tI18nComplete.raw('text75d0f1469d16') : 'Restart' })) : null] }) }));
 }

package/dist/session/thread/chat-minimap-items.d.ts

@@ -1,11 +1,11 @@
 import type { SessionLogTurn } from '@kortix/sdk';
-export type MinimapMentionKind = 'agent' | 'file';
-export interface MinimapSegment {
+type MinimapMentionKind = 'agent' | 'file';
+interface MinimapSegment {
     /** For a mention this is the bare name — the `@` is drawn as an icon. */
     text: string;
     mention?: MinimapMentionKind;
 }
-export interface MinimapAttachment {
+interface MinimapAttachment {
     key: string;
     name: string;
 }
@@ -17,7 +17,7 @@ export interface MinimapItem {
     segments: MinimapSegment[];
     attachments: MinimapAttachment[];
 }
-export interface MinimapDash {
+interface MinimapDash {
     item: MinimapItem;
     index: number;
 }

package/dist/session/thread/first-prompt-handover.d.ts

@@ -15,7 +15,7 @@ export declare function transcriptCarriesFirstPrompt(turns: readonly Pick<Sessio
  * stand-in knew — text and file names — so it keeps drawing the bubble and the
  * pending tiles through any frame where its own parts are still streaming.
  */
-export interface FirstPromptHandoverInput {
+interface FirstPromptHandoverInput {
     /** The producer's copy exists (the boot preview store has this session). */
     hasPreview: boolean;
     /** The transcript's first user message carries its text right now. */
@@ -43,7 +43,7 @@ export interface FirstPromptHandoverInput {
      */
     transcriptEmpty?: boolean;
 }
-export interface FirstPromptHandover {
+interface FirstPromptHandover {
     /** Draw the stand-in bubble. */
     showStandIn: boolean;
     /** Hand the preview's text + file names to the real first turn. */
@@ -52,3 +52,4 @@ export interface FirstPromptHandover {
     released: boolean;
 }
 export declare function resolveFirstPromptHandover(input: FirstPromptHandoverInput): FirstPromptHandover;
+export {};

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

@@ -18,7 +18,7 @@ export declare function parseSessionReferences(text: string): {
     cleanText: string;
     sessions: ParsedSessionRef[];
 };
-export interface ParsedProjectRef {
+interface ParsedProjectRef {
     id?: string;
     name: string;
     path?: string;
@@ -28,11 +28,11 @@ export declare function parseProjectReferences(text: string): {
     cleanText: string;
     projects: ParsedProjectRef[];
 };
-export interface ParsedFileMentionRef {
+interface ParsedFileMentionRef {
     path: string;
     name: string;
 }
-export interface ParsedAgentMentionRef {
+interface ParsedAgentMentionRef {
     name: string;
 }
 export declare function parseFileMentionReferences(text: string): {

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

@@ -5,5 +5,6 @@
  * `isActionPanelOpen` / `isSidePanelOpen` / `panelMode`: those made the plan
  * hop surfaces on every panel toggle, and they also re-rendered the whole
  * transcript each time one of them changed.
+ * @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 usePlanInChat(): boolean;

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

@@ -23,6 +23,7 @@ import { planBelongsToChat } from '../turn/plan-anchor.js';
  * `isActionPanelOpen` / `isSidePanelOpen` / `panelMode`: those made the plan
  * hop surfaces on every panel toggle, and they also re-rendered the whole
  * transcript each time one of them changed.
+ * @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 usePlanInChat() {
     return planBelongsToChat({ isMobile: useIsMobile() });

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

@@ -95,7 +95,6 @@ import { resolveSessionContentState } from '../status/session-load-state.js';
 import { nextOlderAutoloadArm, olderAutoloadExhausted, shouldLoadOlderHistory, } from './session-older-autoload.js';
 import { OLDER_LOADING_MIN_MS, useHeldOlderLoading } from './session-older-loading.js';
 import { HELD_COMMAND_ROW_PREFIX, canReleaseHeldCommand, heldCommandRows, } from '../composer/held-commands.js';
-import { useReadinessSettling } from '../status/use-readiness-settling.js';
 import { useSessionHistoryViewStore } from '../../internal/stores/session-history-view-store.js';
 import { downloadBlob } from '../../internal/lib/utils/download.js';
 import { RestoreNotice, hasOutOfContext } from './session-history.js';
@@ -3273,15 +3272,10 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
     // its cause attached instead of a shrug. An actionable cause reports to
     // Sentry; a routine browser tab discard only leaves a breadcrumb.
     useReloadForensics(projectSessionId);
-    // Nothing has answered yet and the mount is young: the difference between
-    // "this session is asleep" and "we have not looked yet". Without it, every
-    // page load painted the waking notice for a beat over a session that was
-    // never asleep — which reads as a disconnect. See `settling`.
-    const composerSettling = useReadinessSettling(runtimePhase === 'connecting');
     // ONE answer for every surface that draws this session's runtime, and the
     // reason the composer no longer guesses: `unknown` and `connecting` are
-    // waits, and a wait is not a fault. Only the control plane saying the box is
-    // down earns the waking notice.
+    // waits, and a wait is not a fault. A routine wake says nothing either; only
+    // a parked box with no wake under way earns the asleep notice.
     const sessionConnection = projectSessionConnection({
         sandbox: projectSessionRow?.status ?? null,
         runtimeReady,
@@ -3294,7 +3288,6 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         pendingPrompt: allowSendBeforeReady && working.state === 'working',
         pendingDelivery: working.pendingDelivery,
         connection: sessionConnection,
-        settling: composerSettling,
         // Only an OPEN TURN the control plane is holding counts here. This tab's
         // optimistic receipt and a stream frame both survive a box that died
         // mid-turn, and a durable inbox row (which the projection also sources to
@@ -3425,7 +3418,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
         if (transcriptFreshness === 'error' && !hasMessages) {
             return (_jsx("div", { className: "bg-background relative flex h-full flex-col", "data-testid": "session-chat", children: _jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-3 p-6", "data-testid": "session-transcript-error", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: tHardcodedUi.raw('i18nComplete.text8d0cef2d3405') }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => retryTranscript(), children: tHardcodedUi.raw('i18nComplete.text942087cc2d41') })] }) }));
         }
-        return (_jsx("div", { className: "bg-background relative flex h-full flex-col", "data-testid": "session-chat", children: _jsx(SessionStartingLoader, { stage: runtimeReady ? 'ready' : 'starting', variant: "compact", projectId: projectId, sessionId: projectSessionId }) }));
+        return (_jsx("div", { className: "bg-background relative flex h-full flex-col", "data-testid": "session-chat", children: _jsx(SessionStartingLoader, { projectId: projectId, sessionId: projectSessionId }) }));
     }
     return (
     // Outcomes' cache coherence and the shareable `?cr=` link both hinge on
@@ -3442,7 +3435,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
                     : welcomeWallpaper, !hideHeader && (_jsx(SessionSiteHeader, { sessionId: sessionId, sessionTitle: session?.title || 'Untitled', leadingAction: headerLeadingAction, parent: parentCrumb })), _jsx(SessionContextModal, { open: contextModalOpen, onOpenChange: setContextModalOpen, 
                     // A chat with no `useSession` source: the raw explorer lists the
                     // rows `useSessionSync` read for it.
-                    detachedRows: sessionState ? undefined : hookMessages, source: sessionState ?? DETACHED_SESSION_MESSAGES, session: session, providers: providers, allSessions: allSessions, servedModel: sessionServedModel, billedCost: sessionBilledCost(modelUsage) }), _jsx(CompactModal, { sessionId: sessionId, open: compactModalOpen, onOpenChange: setCompactModalOpen }), _jsx(ChangeRequestDetailDialog, { crId: openCrId, onClose: () => setOpenCrId(null), onOpenChangeRequest: setOpenCrId }), _jsxs(SessionBodyRow, { actionPanel: !hideHeader && !readOnly, children: [isNotFound ? (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 px-6 text-center", children: [_jsx("div", { className: "text-muted-foreground text-sm", children: tHardcodedUi.raw('componentsSessionSessionChat.line5821JsxTextThisSessionIsNotAccessibleRightNow') }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { href: "/", prefetch: true, onClick: () => {
+                    detachedRows: sessionState ? undefined : hookMessages, source: sessionState ?? DETACHED_SESSION_MESSAGES, session: session, sessionRow: projectSessionRow, providers: providers, allSessions: allSessions, servedModel: sessionServedModel, billedCost: sessionBilledCost(modelUsage) }), _jsx(CompactModal, { sessionId: sessionId, open: compactModalOpen, onOpenChange: setCompactModalOpen }), _jsx(ChangeRequestDetailDialog, { crId: openCrId, onClose: () => setOpenCrId(null), onOpenChangeRequest: setOpenCrId }), _jsxs(SessionBodyRow, { actionPanel: !hideHeader && !readOnly, children: [isNotFound ? (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 px-6 text-center", children: [_jsx("div", { className: "text-muted-foreground text-sm", children: tHardcodedUi.raw('componentsSessionSessionChat.line5821JsxTextThisSessionIsNotAccessibleRightNow') }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { href: "/", prefetch: true, onClick: () => {
                                             try {
                                                 if (sessionId)
                                                     useTabStore.getState().closeTab?.(sessionId);
@@ -3553,7 +3546,7 @@ export function SessionChat({ sessionId, projectSessionId, sessionState, project
                                                                                         pendingTurnIds.has(turn.id) &&
                                                                                         pendingTurnIds.has(turns[turnIndex - 1].id)
                                                                                         ? 'mt-3'
-                                                                                        : 'mt-12', turn: turn, author: turnAuthor, showAuthor: showAuthorName(turnAuthor, groupChat, viewerId), stoppedBy: stoppedByName(messageAuthors, turn.id, viewerId), servedModel: servedModelOfTurn(modelUsage, turn.id, turns[turnIndex - 1]?.id), turnOutcome: turnOutcome, isLast: turn.id === lastUserMessageId, ownsPlan: turn.id === planAnchorId, sessionId: sessionId, sessionStatus: sessionStatus, permissions: pendingPermissions, questions: pendingQuestions, agentNames: agentNames, isFirstTurn: turnIndex === 0, 
+                                                                                        : 'mt-12', turn: turn, author: turnAuthor, showAuthor: showAuthorName(turnAuthor, groupChat, viewerId), stoppedBy: stoppedByName(messageAuthors, turn.id, viewerId), servedModel: servedModelOfTurn(modelUsage, turn.id, turns[turnIndex - 1]?.id), turnOutcome: turnOutcome, isLast: turn.id === lastUserMessageId, ownsPlan: turn.id === planAnchorId, sessionId: sessionId, projectId: projectId, projectSessionId: projectSessionId, sessionStatus: sessionStatus, permissions: pendingPermissions, questions: pendingQuestions, agentNames: agentNames, isFirstTurn: turnIndex === 0, 
                                                                         // Handed over only once the stand-in has stepped
                                                                         // aside — while it is up it draws these itself.
                                                                         pendingText: turnIndex === 0 ? firstTurnHandover?.text : undefined, pendingAttachments: sentAttachmentsForTurn({

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

@@ -21,4 +21,19 @@ interface Metrics {
 }
 /** Pure token math for the modal — exported for characterization tests. */
 export declare function getSessionContextMetrics(thread: SessionLogThread | null, providers: ProviderListResponse | undefined, pricingLookup: ModelPricingLookup): Metrics;
+/**
+ * When the session started. The session row's creation, when the runtime is the row's root (or
+ * not up): a pi box stamps its runtime session at boot, so a woken session's runtime time is after
+ * its last reply. A sub-agent's runtime (not the row's root) keeps its own time.
+ */
+export declare function sessionStartedAt(runtime: {
+    id: string;
+    time: {
+        created: number;
+    };
+} | undefined, row: {
+    created_at: string;
+    runtime_session_id?: string | null;
+    opencode_session_id?: string | null;
+} | null | undefined): number | undefined;
 export {};

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

@@ -16,7 +16,7 @@ export function getSessionContextMetrics(thread, providers, pricingLookup) {
         ? model.provider
         : undefined;
     const limit = model?.limit?.context;
-    const total = u.input + u.output + (u.reasoning ?? 0) + u.cache_read + u.cache_write;
+    const total = u.input + u.output + u.cache_read + u.cache_write; // reasoning is a subset of output
     // The gateway registers every model under the single synthetic `kortix`
     // opencode provider, so `provider.name` is always "Kortix" — even for a
     // BYOK Anthropic/Bedrock/OpenAI model. The gateway separately serves the
@@ -42,3 +42,12 @@ export function getSessionContextMetrics(thread, providers, pricingLookup) {
         },
     };
 }
+/**
+ * When the session started. The session row's creation, when the runtime is the row's root (or
+ * not up): a pi box stamps its runtime session at boot, so a woken session's runtime time is after
+ * its last reply. A sub-agent's runtime (not the row's root) keeps its own time.
+ */
+export function sessionStartedAt(runtime, row) {
+    const own = row && (!runtime || (row.runtime_session_id ?? row.opencode_session_id) === runtime.id);
+    return own ? Date.parse(row.created_at) : runtime?.time.created;
+}

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

@@ -1,4 +1,4 @@
-import { type Session, type SessionLogMessage } from '@kortix/sdk';
+import { type ProjectSession, type Session, type SessionLogMessage } from '@kortix/sdk';
 import { type ProviderListResponse, type SessionMessagesSource } from '@kortix/sdk/react';
 import { type RawV1Row } from './session-context-message-explorer.js';
 import type { ServedModelNotice } from '../turn/served-model.js';
@@ -23,6 +23,8 @@ interface SessionContextModalProps {
     /** The session whose log the metrics read (`useSessionLogThread`). */
     source: SessionMessagesSource;
     session: Session | undefined;
+    /** The session's row: when it started (`sessionStartedAt`). */
+    sessionRow?: ProjectSession | null;
     providers: ProviderListResponse | undefined;
     allSessions?: Session[];
     /** The model that answered the newest request, when a fallback model did. */
@@ -30,5 +32,5 @@ interface SessionContextModalProps {
     /** What Kortix billed the session, when a fallback model answered a turn. */
     billedCost?: number | null;
 }
-export declare function SessionContextModal({ open, onOpenChange, detachedRows, source, session, providers, allSessions, servedModel, billedCost, }: SessionContextModalProps): import("react").JSX.Element;
+export declare function SessionContextModal({ open, onOpenChange, detachedRows, source, session, sessionRow, providers, allSessions, servedModel, billedCost, }: SessionContextModalProps): import("react").JSX.Element;
 export {};

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

@@ -7,10 +7,10 @@ import { Close } from '../../icons/close.js';
 import { useModelPricingLookup } from '../../internal/lib/model-pricing.js';
 import { cn } from '../../lib/utils.js';
 import { formatUsdAsCredits } from '../../_vendor/kortix-shared.js';
-import { useSessionLog, useSessionLogThread, useSessionMessages, } from '@kortix/sdk/react';
-import { useMemo } from 'react';
+import { useSessionLog, useSessionLogOlder, useSessionLogThread, useSessionMessages, } from '@kortix/sdk/react';
+import { useEffect, useMemo } from 'react';
 import { CopyAllButton, rawExplorerData, SessionContextMessageExplorer, } from './session-context-message-explorer.js';
-import { getSessionContextMetrics } from './session-context-metrics.js';
+import { getSessionContextMetrics, sessionStartedAt } from './session-context-metrics.js';
 import { SubSessionSection } from './session-context-sub-sessions.js';
 const BREAKDOWN_ORDER = ['system', 'user', 'assistant', 'tool', 'other'];
 const BREAKDOWN_SEGMENT_CLASS = {
@@ -140,14 +140,14 @@ function createFormatter(locale = 'en-US') {
 // Stat primitives
 // ============================================================================
 function OverviewStat({ label, value, meta, valueClassName, }) {
-    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: label }), _jsx("div", { className: cn('text-foreground truncate text-base font-semibold tabular-nums', valueClassName), children: value }), meta ? (_jsx("div", { className: "text-muted-foreground/70 truncate text-xs tabular-nums", children: meta })) : null] }));
+    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: label }), _jsx("div", { className: cn('text-foreground truncate text-base font-semibold tabular-nums', valueClassName), children: value }), meta ? (_jsx("div", { className: "text-muted-foreground truncate text-xs tabular-nums", children: meta })) : null] }));
 }
 // ============================================================================
 // Modal body — mounted only while the modal is open, so the store
 // subscriptions and metric computations cost nothing during streaming.
 // ============================================================================
 const NO_MESSAGES = [];
-function SessionContextModalBody({ detachedRows, source, session, providers, allSessions, servedModel, billedCost, }) {
+function SessionContextModalBody({ detachedRows, source, session, sessionRow, providers, allSessions, servedModel, billedCost, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const t = useTranslations('hardcodedUi.componentsSessionSessionContextModal');
     const tCredits = useTranslations('settings.credits');
@@ -157,6 +157,13 @@ function SessionContextModalBody({ detachedRows, source, session, providers, all
     // JSON read the active source: the records on v2, else the v1 rows.
     const thread = useSessionLogThread(source);
     const log = thread?.messages ?? NO_MESSAGES;
+    // The counts are of the whole thread: an open modal reads every older page of the log
+    // (the chat holds only the newest window). A failed page stops the walk.
+    const { hasOlder, isLoadingOlder, loadOlder } = useSessionLogOlder(source);
+    useEffect(() => {
+        if (hasOlder && !isLoadingOlder)
+            void loadOlder();
+    }, [hasOlder, isLoadingOlder, loadOlder]);
     const logSource = useSessionLog(source)?.source;
     // Only the v1 explorer reads the v1 rows: on v2 (or with detached rows) a
     // null runtime id reads none, so a streamed v1 row re-renders nothing here.
@@ -206,7 +213,7 @@ function SessionContextModalBody({ detachedRows, source, session, providers, all
                                     formatted: formatUsdAsCredits(billedCost ?? metrics.totalCost),
                                 }) }), _jsx(OverviewStat, { label: t.raw('statMessages'), value: counts.all.toLocaleString() })] }), _jsxs("div", { className: "grid gap-x-12 gap-y-8 lg:grid-cols-2", children: [_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-4", children: [_jsx("span", { className: "text-foreground text-sm font-medium", children: t.raw('statContextUsed') }), _jsx("span", { className: cn('text-foreground text-sm font-semibold tabular-nums', usageTone), children: fmt.percent(ctx?.usage) })] }), (usageFraction != null || barSegments.length > 0) && (_jsxs(_Fragment, { children: [_jsx("div", { className: "bg-muted flex h-2 w-full overflow-hidden rounded-full", children: barSegments.length > 0 ? (barSegments.map((segment) => (_jsx("div", { className: cn('h-full', BREAKDOWN_SEGMENT_CLASS[segment.key]), style: { width: `${segment.width}%` } }, segment.key)))) : (_jsx("div", { className: "bg-foreground h-full", style: {
                                                         width: `${(usageFraction ?? 0) > 0 ? Math.max((usageFraction ?? 0) * 100, 1.5) : 0}%`,
-                                                    } })) }), usageFraction != null && (_jsxs("div", { className: "text-muted-foreground text-right text-xs tabular-nums", children: [fmt.number(ctx?.total), " / ", fmt.number(ctx?.limit)] }))] })), breakdown.length > 0 && (_jsx("ul", { className: "space-y-2 pt-1", children: breakdown.map((segment) => (_jsxs("li", { className: "flex items-center gap-2 text-xs", children: [_jsx("span", { className: cn('size-2 shrink-0 rounded-[2px]', BREAKDOWN_SEGMENT_CLASS[segment.key]) }), _jsx("span", { className: "text-foreground", children: t.raw(BREAKDOWN_LABEL_KEY[segment.key]) }), _jsxs("span", { className: "text-muted-foreground ml-auto tabular-nums", children: [fmt.number(segment.tokens), " \u00B7 ", segment.percent, "%"] })] }, segment.key))) }))] }), _jsxs("section", { className: "space-y-3", children: [_jsx("span", { className: "text-foreground text-sm font-medium", children: t.raw('detailsLabel') }), _jsx("dl", { className: "divide-border/60 divide-y", children: [
+                                                    } })) }), usageFraction != null && (_jsxs("div", { className: "text-muted-foreground text-right text-xs tabular-nums", children: [fmt.number(ctx?.total), " / ", fmt.number(ctx?.limit)] }))] })), breakdown.length > 0 && (_jsx("ul", { className: "space-y-2 pt-1", children: breakdown.map((segment) => (_jsxs("li", { className: "flex items-center gap-2 text-xs", children: [_jsx("span", { className: cn('size-2 shrink-0 rounded-sm', BREAKDOWN_SEGMENT_CLASS[segment.key]) }), _jsx("span", { className: "text-foreground", children: t.raw(BREAKDOWN_LABEL_KEY[segment.key]) }), _jsxs("span", { className: "text-muted-foreground ml-auto tabular-nums", children: [fmt.number(segment.tokens), " \u00B7 ", segment.percent, "%"] })] }, segment.key))) }))] }), _jsxs("section", { className: "space-y-3", children: [_jsx("span", { className: "text-foreground text-sm font-medium", children: t.raw('detailsLabel') }), _jsx("dl", { className: "divide-border/60 divide-y", children: [
                                             { label: t.raw('detailInput'), value: fmt.number(ctx?.input) },
                                             { label: t.raw('detailOutput'), value: fmt.number(ctx?.output) },
                                             { label: t.raw('detailReasoning'), value: fmt.number(ctx?.reasoning) },
@@ -219,10 +226,10 @@ function SessionContextModalBody({ detachedRows, source, session, providers, all
                                                 label: t.raw('detailAssistantMessages'),
                                                 value: counts.assistant.toLocaleString(),
                                             },
-                                            { label: t.raw('detailStarted'), value: fmt.time(session?.time?.created) },
+                                            { label: t.raw('detailStarted'), value: fmt.time(sessionStartedAt(session, sessionRow)) },
                                             { label: t.raw('detailLastReply'), value: fmt.time(ctx ? Date.parse(ctx.message.created_at) : undefined) },
                                         ].map((row) => (_jsxs("div", { className: "flex items-baseline justify-between gap-4 py-1.5 first:pt-0 last:pb-0", children: [_jsx("dt", { className: "text-muted-foreground text-xs", children: row.label }), _jsx("dd", { className: "text-foreground text-xs font-medium tabular-nums", children: row.value })] }, row.label))) })] })] }), _jsx(SubSessionSection, { source: source, session: session, allSessions: allSessions, pricingLookup: pricingLookup, fmt: fmt }), _jsx(SessionContextMessageExplorer, { rows: raw.rows, formatTime: fmt.time, count: counts.all })] })] }));
 }
-export function SessionContextModal({ open, onOpenChange, detachedRows, source, session, providers, allSessions, servedModel, billedCost, }) {
-    return (_jsx(Modal, { open: open, onOpenChange: onOpenChange, children: _jsx(ModalContent, { className: "max-h-[85vh] lg:max-w-3xl", showCloseButton: false, children: _jsx(SessionContextModalBody, { detachedRows: detachedRows, source: source, session: session, providers: providers, allSessions: allSessions, servedModel: servedModel, billedCost: billedCost }) }) }));
+export function SessionContextModal({ open, onOpenChange, detachedRows, source, session, sessionRow, providers, allSessions, servedModel, billedCost, }) {
+    return (_jsx(Modal, { open: open, onOpenChange: onOpenChange, children: _jsx(ModalContent, { className: "max-h-[85vh] lg:max-w-3xl", showCloseButton: false, children: _jsx(SessionContextModalBody, { detachedRows: detachedRows, source: source, session: session, sessionRow: sessionRow, providers: providers, allSessions: allSessions, servedModel: servedModel, billedCost: billedCost }) }) }));
 }

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

@@ -36,7 +36,7 @@
  * runs after layout and before paint. No frame is painted with the jump,
  * whenever the content lands.
  */
-export interface TurnScrollAnchor {
+interface TurnScrollAnchor {
     element: HTMLElement;
     /** The anchor's position in content space at capture time. */
     contentTop: number;
@@ -53,3 +53,4 @@ export declare function captureTurnScrollAnchor(container: HTMLElement): TurnScr
  * idempotent. An anchor that left the DOM is never written.
  */
 export declare function holdTurnScrollAnchor(container: HTMLElement, content: HTMLElement, anchor: TurnScrollAnchor | null): () => void;
+export {};

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

@@ -9,5 +9,5 @@ import { SessionStartingLoader } from '../status/session-starting-loader.js';
 import '../tool/tools/register.js';
 export function SessionThread({ session, hideHeader = false, readOnly = false, quote, className }) {
     const { projectId, sessionId, runtimeSessionId } = session;
-    return (_jsx(ProjectScope, { projectId: projectId, sessionId: sessionId, children: _jsx(ProviderPoolDraftBoundary, { identity: `${projectId}/${sessionId}`, children: _jsxs("div", { "data-slot": "session-thread", className: cn('relative flex h-full min-h-0 flex-col', className), children: [runtimeSessionId ? (_jsx(SessionChat, { sessionId: runtimeSessionId, projectSessionId: sessionId, projectId: projectId, sessionState: session, hideHeader: hideHeader, readOnly: readOnly, hostQuote: quote }, runtimeSessionId)) : (_jsx(SessionStartingLoader, { stage: session.stage === 'starting' ? 'starting' : 'provisioning', projectId: projectId, sessionId: sessionId })), _jsx(SessionPanelFallback, { projectId: projectId, projectSessionId: sessionId, runtimeSessionId: runtimeSessionId })] }) }) }));
+    return (_jsx(ProjectScope, { projectId: projectId, sessionId: sessionId, children: _jsx(ProviderPoolDraftBoundary, { identity: `${projectId}/${sessionId}`, children: _jsxs("div", { "data-slot": "session-thread", className: cn('relative flex h-full min-h-0 flex-col', className), children: [runtimeSessionId ? (_jsx(SessionChat, { sessionId: runtimeSessionId, projectSessionId: sessionId, projectId: projectId, sessionState: session, hideHeader: hideHeader, readOnly: readOnly, hostQuote: quote }, runtimeSessionId)) : (_jsx(SessionStartingLoader, { projectId: projectId, sessionId: sessionId })), _jsx(SessionPanelFallback, { projectId: projectId, projectSessionId: sessionId, runtimeSessionId: runtimeSessionId })] }) }) }));
 }

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

@@ -83,6 +83,10 @@ interface SessionTurnProps {
     isLast: boolean;
     ownsPlan: boolean;
     sessionId: string;
+    /** The Kortix project and project-session ids. With both, a settled turn
+     *  offers Share (`TurnShareButton`). Absent (a child session): no Share. */
+    projectId?: string;
+    projectSessionId?: string;
     sessionStatus: import('../../internal/session-types/index.js').SessionStatus | undefined;
     permissions: PermissionRequest[];
     questions: QuestionRequest[];