@kortix/ui 0.14.13 → 0.14.15

package/dist/session/composer/context-usage.d.ts

@@ -11,6 +11,8 @@ export interface ContextBreakdown {
 /**
  * The context size: the usage of the last reply (an assistant message, or a
  * compaction, whose usage is its summary reply's) with a positive token total.
+ * A reset onto the record (a compaction block with `mode: 'record'`) reads 0
+ * until the next reply.
  * `sessionLogThreadMetrics(...).context` picks the same message, but prices the
  * whole thread to do it.
  *

package/dist/session/composer/context-usage.js

@@ -8,6 +8,8 @@ const EMPTY_BREAKDOWN = {
 /**
  * The context size: the usage of the last reply (an assistant message, or a
  * compaction, whose usage is its summary reply's) with a positive token total.
+ * A reset onto the record (a compaction block with `mode: 'record'`) reads 0
+ * until the next reply.
  * `sessionLogThreadMetrics(...).context` picks the same message, but prices the
  * whole thread to do it.
  *
@@ -23,6 +25,11 @@ export function getLastAssistantTokenBreakdown(messages) {
         const msg = messages[i];
         if (msg.role !== 'assistant' && msg.kind !== 'compaction')
             continue;
+        // A reset onto the record made no model call: the context is near empty from here on, and
+        // the next reply measures it. Reading past it would show the size before the reset.
+        if (msg.kind === 'compaction' && msg.blocks.some((block) => block.type === 'compaction' && block.mode === 'record')) {
+            return EMPTY_BREAKDOWN;
+        }
         const t = msg.usage;
         if (!t)
             continue;

package/dist/session/header/compact-modal.js

@@ -3,11 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../primitives/button.js';
 import { Modal, ModalBody, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, } from '../../primitives/modal.js';
 import { errorToast } from '../../primitives/toast.js';
-import { useSummarizeRuntimeSession } from '@kortix/sdk/react';
+import { useRuntimeSupports, useSummarizeRuntimeSession } from '@kortix/sdk/react';
 import { useTranslations } from '../../i18n/index.js';
 import { useCallback } from 'react';
 export function CompactModal({ sessionId, open, onOpenChange, onCompactStart, }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
+    const tReset = useTranslations('contextReset');
+    // A runtime that resets onto the record summarizes nothing: the dialog says what happens there.
+    const record = useRuntimeSupports('session.context_record');
     const summarize = useSummarizeRuntimeSession();
     const handleCompact = useCallback(() => {
         onCompactStart?.();
@@ -20,5 +23,5 @@ export function CompactModal({ sessionId, open, onOpenChange, onCompactStart, })
             errorToast(error instanceof Error ? error.message : tHardcodedUi.raw('i18nComplete.texta4a83d949891'));
         });
     }, [onCompactStart, onOpenChange, summarize, sessionId, tHardcodedUi]);
-    return (_jsx(Modal, { open: open, onOpenChange: onOpenChange, children: _jsxs(ModalContent, { className: "lg:max-w-md", children: [_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: tHardcodedUi.raw('componentsSessionCompactDialog.line47JsxTextCompactSession') }), _jsx(ModalDescription, { children: tHardcodedUi.raw('componentsSessionCompactDialog.line50JsxTextThisWillSummarizeOlderMessagesUsingAiTo') })] }), _jsx(ModalBody, { children: _jsxs("div", { className: "text-muted-foreground space-y-1.5 text-sm", children: [_jsx("p", { children: tHardcodedUi.raw('componentsSessionCompactDialog.line56JsxTextWhatHappensDuringCompaction') }), _jsxs("ul", { className: "list-inside list-disc space-y-0.5 pl-1", children: [_jsx("li", { children: tHardcodedUi.raw('componentsSessionCompactDialog.line58JsxTextOlderMessagesAreSummarizedIntoAConciseRecap') }), _jsx("li", { children: tHardcodedUi.raw('componentsSessionCompactDialog.line59JsxTextToolOutputsAndFileChangesArePreservedAs') }), _jsx("li", { children: tHardcodedUi.raw('componentsSessionCompactDialog.line60JsxTextRecentMessagesRemainUnchanged') })] })] }) }), _jsxs(ModalFooter, { children: [_jsx(Button, { variant: "outline-ghost", size: "sm", className: "w-full sm:w-auto", onClick: () => onOpenChange(false), children: tHardcodedUi.raw('i18nComplete.text19766ed6ccb2') }), _jsx(Button, { size: "sm", className: "w-full sm:w-auto", onClick: handleCompact, children: tHardcodedUi.raw('i18nComplete.text99452646e34b') })] })] }) }));
+    return (_jsx(Modal, { open: open, onOpenChange: onOpenChange, children: _jsxs(ModalContent, { className: "lg:max-w-md", children: [record ? (_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: tReset('dialogTitle') }), _jsx(ModalDescription, { children: tReset('dialogDescription') })] })) : (_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: tHardcodedUi.raw('componentsSessionCompactDialog.line47JsxTextCompactSession') }), _jsx(ModalDescription, { children: tHardcodedUi.raw('componentsSessionCompactDialog.line50JsxTextThisWillSummarizeOlderMessagesUsingAiTo') })] })), !record && (_jsx(ModalBody, { children: _jsxs("div", { className: "text-muted-foreground space-y-1.5 text-sm", children: [_jsx("p", { children: tHardcodedUi.raw('componentsSessionCompactDialog.line56JsxTextWhatHappensDuringCompaction') }), _jsxs("ul", { className: "list-inside list-disc space-y-0.5 pl-1", children: [_jsx("li", { children: tHardcodedUi.raw('componentsSessionCompactDialog.line58JsxTextOlderMessagesAreSummarizedIntoAConciseRecap') }), _jsx("li", { children: tHardcodedUi.raw('componentsSessionCompactDialog.line59JsxTextToolOutputsAndFileChangesArePreservedAs') }), _jsx("li", { children: tHardcodedUi.raw('componentsSessionCompactDialog.line60JsxTextRecentMessagesRemainUnchanged') })] })] }) })), _jsxs(ModalFooter, { children: [_jsx(Button, { variant: "outline-ghost", size: "sm", className: "w-full sm:w-auto", onClick: () => onOpenChange(false), children: tHardcodedUi.raw('i18nComplete.text19766ed6ccb2') }), _jsx(Button, { size: "sm", className: "w-full sm:w-auto", onClick: handleCompact, children: record ? tReset('dialogAction') : tHardcodedUi.raw('i18nComplete.text99452646e34b') })] })] }) }));
 }

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

@@ -87,6 +87,9 @@ export function SessionSiteHeader({ sessionId, sessionTitle, isMobileView, leadi
     const [compactOpen, setCompactOpen] = useState(false);
     // E1: a runtime without on-demand compaction (pi) offers no Compact item.
     const canCompact = useRuntimeSupports('session.compact');
+    // A runtime with the context record starts a fresh context: nothing is summarized.
+    const contextRecord = useRuntimeSupports('session.context_record');
+    const tReset = useTranslations('contextReset');
     const [shareOpen, setShareOpen] = useState(false);
     const { ShareSessionModal } = useUiComponents();
     // The name edits in place: the name button swaps for a field. The menu's
@@ -258,7 +261,7 @@ export function SessionSiteHeader({ sessionId, sessionTitle, isMobileView, leadi
                                     ? err.message
                                     : tI18nHardcoded.raw('i18nComplete.text32ad3abe4479'));
                             },
-                        }), children: [forkSession.isPending ? _jsx(Loading, {}) : _jsx(GitForkIcon, {}), tI18nHardcoded.raw('i18nComplete.text0e5f7f6732e0')] }))] })), outOfContextPresent && (_jsx(DropdownMenuCheckboxItem, { className: "cursor-pointer", checked: !outOfContextHidden, onCheckedChange: (checked) => setOutOfContextHidden(historyKey, !checked), children: tHistory('showOutOfContext') })), _jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => setExportOpen(true), children: [_jsx(FileDown, {}), tI18nHardcoded.raw('i18nComplete.text5d974f9e80c3')] }), canCompact && (_jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => setCompactOpen(true), children: [_jsx(Layers, {}), tI18nHardcoded.raw('i18nComplete.textca838377bb5a')] })), isProjectSession && canManageLifecycle && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => setDeleteOpen(true), children: [_jsx(TrashIcon, {}), tI18nHardcoded.raw('i18nComplete.texte2d0a54968ea')] })] }))] }));
+                        }), children: [forkSession.isPending ? _jsx(Loading, {}) : _jsx(GitForkIcon, {}), tI18nHardcoded.raw('i18nComplete.text0e5f7f6732e0')] }))] })), outOfContextPresent && (_jsx(DropdownMenuCheckboxItem, { className: "cursor-pointer", checked: !outOfContextHidden, onCheckedChange: (checked) => setOutOfContextHidden(historyKey, !checked), children: tHistory('showOutOfContext') })), _jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => setExportOpen(true), children: [_jsx(FileDown, {}), tI18nHardcoded.raw('i18nComplete.text5d974f9e80c3')] }), canCompact && (_jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => setCompactOpen(true), children: [_jsx(Layers, {}), contextRecord ? tReset('dialogAction') : tI18nHardcoded.raw('i18nComplete.textca838377bb5a')] })), isProjectSession && canManageLifecycle && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => setDeleteOpen(true), children: [_jsx(TrashIcon, {}), tI18nHardcoded.raw('i18nComplete.texte2d0a54968ea')] })] }))] }));
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative z-50 w-full", children: [_jsxs("div", { className: cn('flex items-center justify-between p-2 px-3.5 pt-2 pr-4', 
                         // Unconditional on the shell. The LEFT indent depends on the
                         // sidebar (expanded, it covers the macOS lights itself) and is
@@ -287,7 +290,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(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({
+                                                        }, 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-muted-foreground 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-muted-foreground 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-muted-foreground 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/thread/transcript.js

@@ -29,7 +29,7 @@ import { UserAvatar } from '../../primitives/user-avatar.js';
 import { stripSystemPtyText, } from './message-parsing.js';
 import { ActivityBurst } from '../turn/activity-burst.js';
 import { TurnWorkAccordion } from '../turn/turn-work-accordion.js';
-import { CompactionFailedRow, CompactionMarker } from '../turn/compaction-card.js';
+import { CompactionFailedRow, CompactionMarker, compactionReset } from '../turn/compaction-card.js';
 import { ExpandableOutput } from '../turn/expandable-output.js';
 import { isPlanWriteTool } from '../turn/plan-anchor.js';
 import { TurnFallbackRows } from '../turn/fallback-row.js';
@@ -962,7 +962,7 @@ function TurnCompactionOutcome(props) {
     }, [onOpenCompactionSummary, turn.id, response]);
     const compactionRunning = working || compactionInfo.inFlight;
     if (compactionRunning || response || compactionInfo.hasContent) {
-        return (_jsx("div", { className: "group/turn", children: _jsx(CompactionMarker, { running: compactionRunning, summary: response, onOpenSummary: onOpenCompactionSummary ? openCompactionSummary : undefined }) }));
+        return (_jsx("div", { className: "group/turn", children: _jsx(CompactionMarker, { running: compactionRunning, summary: response, onOpenSummary: onOpenCompactionSummary ? openCompactionSummary : undefined, reset: compactionReset(compactionInfo.block) }) }));
     }
     // An attempt that produced nothing (errored, or stopped before the first
     // token) collapses to one slim row. Falling through to the normal turn

package/dist/session/tool/tools/kortix-tool-card.js

@@ -180,7 +180,7 @@ export function parseKortixToolResult(raw, callName) {
     };
 }
 /** The actions that only read; every other action changes something (the SDK narration uses the same set). */
-const READ_ACTIONS = new Set(['', 'list', 'get', 'read', 'find', 'show', 'view', 'events', 'search', 'check', 'status', 'pending', 'who']);
+const READ_ACTIONS = new Set(['', 'list', 'get', 'read', 'find', 'show', 'view', 'events', 'runs', 'test', 'search', 'check', 'status', 'pending', 'who']);
 export function isReadAction(action) {
     return READ_ACTIONS.has(typeof action === 'string' ? action : '');
 }

package/dist/session/turn/burst-step-body.js

@@ -5,7 +5,7 @@ import { ActivityGroupStep } from './activity-group-step.js';
 import { ActivityStep, StepLabelRow } from './activity-step.js';
 import { AnsweredQuestionStep, isAnsweredQuestionCall } from './answered-question-step.js';
 import { stepLabel } from '@kortix/sdk';
-import { CompactionMarker } from './compaction-card.js';
+import { CompactionMarker, compactionReset } from './compaction-card.js';
 import { ToolRegistry } from '../tool/shared/registry.js';
 /** A host's `ToolRegistry.register` row for this tool wins over the chip and question rows. */
 const hostRow = (call) => ToolRegistry.replaced(call.name, call.kind);
@@ -46,7 +46,7 @@ export function StepBody({ step, bareRow = false, running, sessionId, disableNav
         return isFileChipRun(calls) ? (_jsx(ActivityFileChipStep, { calls: calls, sessionId: sessionId, disableNavigation: disableNavigation })) : (_jsx(ActivityGroupStep, { step: { id: calls[0].call_id, family: step.family, label: step.label, parts: calls, status: step.status, durationMs: step.durationMs }, sessionId: sessionId, disableNavigation: disableNavigation }));
     }
     if (step.block.type === 'compaction') {
-        return _jsx(CompactionMarker, { running: running && step.block.summary === null, summary: step.block.summary ?? undefined });
+        return _jsx(CompactionMarker, { running: running && step.block.summary === null, summary: step.block.summary ?? undefined, reset: compactionReset(step.block) });
     }
     // Neither tool nor reasoning: the label row only. The turn modules never
     // silently drop a block (`stepLabel` falls back to a generic 'Used' label).

package/dist/session/turn/compaction-card.d.ts

@@ -1,3 +1,23 @@
+/**
+ * A reset onto the session's searchable record (kortixd `extensions/context-record.ts`): the block's
+ * `mode: 'record'`. Nothing was summarized, so the pill explains the reset instead of opening the
+ * model's text.
+ */
+export interface CompactionReset {
+    /** The person started it (`/compact`, the Compact dialog). */
+    manual: boolean;
+    /** The context size when it reset. */
+    tokensBefore?: number;
+    /** The entries the record held at the reset. */
+    entries?: number;
+}
+/** The reset block's fields as the marker takes them; null for a summary compaction. */
+export declare function compactionReset(block: {
+    mode?: 'record';
+    trigger?: string;
+    tokens_before?: number;
+    entries?: number;
+} | null | undefined): CompactionReset | null;
 /**
  * The summary prose — ONE component whether it renders in the panel detail
  * (the normal path) or inline under the pill (the no-panel fallback), so the
@@ -6,7 +26,9 @@
 export declare function CompactionSummaryBody({ summary }: {
     summary: string;
 }): import("react").JSX.Element;
-declare function CompactionMarkerImpl({ running, summary, onOpenSummary, }: {
+declare function CompactionMarkerImpl({ running, summary, onOpenSummary, reset, }: {
+    /** A reset onto the record: the pill explains it inline, and `summary` is not shown. */
+    reset?: CompactionReset | null;
     /** The summarize is still producing (optimistic, or the summary message is open). */
     running: boolean;
     /** The landed summary markdown, if any. */

package/dist/session/turn/compaction-card.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslations } from '../../i18n/index.js';
+import { useLocale, useTranslations } from '../../i18n/index.js';
 /**
  * Compaction, as ONE minimal marker — the divider pill IS the whole UI:
  *
- *   1. running (optimistic or streaming) → rule ── [⛁ Compacting context…] ── rule
+ *   1. running (optimistic or streaming) → rule ── [⛁ Freeing up context…] ── rule
  *      (shimmer label; the summary text is deliberately NOT streamed into the
  *      transcript — a wall of live markdown read as noise, grew the transcript
  *      under the reader, and made a slow summarize FEEL slower)
@@ -28,22 +28,34 @@ import { SandboxUrlDetector } from '../media/sandbox-url-detector.js';
 const PILL_CLASS = 'bg-muted/80 flex shrink-0 items-center gap-2 rounded-md  px-3 py-1.5';
 const PILL_LABEL_CLASS = 'text-muted-foreground text-xs tracking-wide';
 /** Transcript copy — sentence case, one idea per line (kortix-brand voice-and-tone.md). */
-const COMPACTION_LABEL_LOADING = 'Compacting context…';
 const COMPACTION_LABEL_DONE = 'Context automatically compacted';
+/** The reset block's fields as the marker takes them; null for a summary compaction. */
+export function compactionReset(block) {
+    if (block?.mode !== 'record')
+        return null;
+    return { manual: block.trigger === 'manual', tokensBefore: block.tokens_before, entries: block.entries };
+}
 /**
  * The summary prose — ONE component whether it renders in the panel detail
  * (the normal path) or inline under the pill (the no-panel fallback), so the
  * two can never drift in typography.
  */
 export function CompactionSummaryBody({ summary }) {
-    return (_jsx("div", { className: "text-muted-foreground/90 [&_h1]:text-foreground [&_h2]:text-foreground [&_h3]:text-foreground [&_strong]:text-foreground/90 p-6 text-sm", children: _jsx(SandboxUrlDetector, { content: summary, isStreaming: false }) }));
+    return (_jsx("div", { className: "text-muted-foreground [&_h1]:text-foreground [&_h2]:text-foreground [&_h3]:text-foreground [&_strong]:text-foreground p-6 text-sm", children: _jsx(SandboxUrlDetector, { content: summary, isStreaming: false }) }));
 }
-function CompactionMarkerImpl({ running, summary, onOpenSummary, }) {
+function CompactionMarkerImpl({ running, summary, onOpenSummary, reset, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    const tReset = useTranslations('contextReset');
+    const locale = useLocale();
     const [open, setOpen] = useState(false);
+    if (reset && !running) {
+        const tokens = new Intl.NumberFormat(locale, { notation: 'compact', maximumFractionDigits: 0 }).format(reset.tokensBefore ?? 0);
+        const detail = tReset(reset.manual ? 'detailManual' : 'detail', { tokens, entries: reset.entries ?? 0 });
+        return (_jsxs("div", { children: [_jsxs("div", { className: "my-3 flex items-center gap-2 py-4", children: [_jsx("div", { className: "bg-border h-px flex-1" }), _jsxs("button", { type: "button", "aria-expanded": open, "aria-label": open ? tReset('hideDetail') : tReset('showDetail'), onClick: () => setOpen((v) => !v), className: cn(PILL_CLASS, 'hit-area-1 hover:bg-accent cursor-pointer transition-[background-color,scale] active:scale-[0.96]'), children: [_jsx(Layers, { weight: "duotone", className: "text-muted-foreground size-3.5 shrink-0" }), _jsx("span", { className: PILL_LABEL_CLASS, children: tReset('pill') }), _jsx(CaretDownIcon, { className: cn('text-muted-foreground size-3 shrink-0 transition-transform', open && 'rotate-180') })] }), _jsx("div", { className: "bg-border h-px flex-1" })] }), open && _jsx("p", { className: "text-muted-foreground mx-auto max-w-prose px-6 pb-2 text-center text-sm", children: detail })] }));
+    }
     const hasSummary = !running && Boolean(summary?.trim());
     const opensDetail = hasSummary && Boolean(onOpenSummary);
-    return (_jsxs("div", { children: [_jsxs("div", { className: "my-3 flex items-center gap-2 py-4", children: [_jsx("div", { className: "bg-border h-px flex-1" }), running ? (_jsxs("div", { className: PILL_CLASS, children: [_jsx(Loading, { variant: "spokes", className: "text-muted-foreground size-3.5 shrink-0" }), _jsx(TextShimmer, { className: "text-xs tracking-wide", children: COMPACTION_LABEL_LOADING })] })) : hasSummary ? (_jsxs("button", { type: "button", "aria-expanded": opensDetail ? undefined : open, "aria-label": opensDetail
+    return (_jsxs("div", { children: [_jsxs("div", { className: "my-3 flex items-center gap-2 py-4", children: [_jsx("div", { className: "bg-border h-px flex-1" }), running ? (_jsxs("div", { className: PILL_CLASS, children: [_jsx(Loading, { variant: "spokes", className: "text-muted-foreground size-3.5 shrink-0" }), _jsx(TextShimmer, { className: "text-xs tracking-wide", children: tReset('pillRunning') })] })) : hasSummary ? (_jsxs("button", { type: "button", "aria-expanded": opensDetail ? undefined : open, "aria-label": opensDetail
                             ? tI18nComplete.raw('textab742f4db494')
                             : open
                                 ? tI18nComplete.raw('text92bfa8a05e5a')
@@ -56,7 +68,7 @@ function CompactionMarkerImpl({ running, summary, onOpenSummary, }) {
                         }, className: cn(PILL_CLASS, 'hit-area-1 hover:bg-accent cursor-pointer transition-[background-color,scale] active:scale-[0.96]'), children: [_jsx(Layers, { weight: "duotone", className: "text-muted-foreground size-3.5 shrink-0" }), _jsx("span", { className: PILL_LABEL_CLASS, children: COMPACTION_LABEL_DONE }), opensDetail ? (
                             // A right caret, not a chevron-down: the summary opens ELSEWHERE
                             // (the panel detail), the same grammar as a row that navigates.
-                            _jsx(CaretRightIcon, { className: "text-muted-foreground/70 size-3 shrink-0" })) : (_jsx(CaretDownIcon, { className: cn('text-muted-foreground/70 size-3 shrink-0 transition-transform', open && 'rotate-180') }))] })) : (_jsxs("div", { className: PILL_CLASS, children: [_jsx(Layers, { weight: "duotone", className: "text-muted-foreground size-3.5 shrink-0" }), _jsx("span", { className: PILL_LABEL_CLASS, children: COMPACTION_LABEL_DONE })] })), _jsx("div", { className: "bg-border h-px flex-1" })] }), open && hasSummary && !opensDetail && (_jsx("div", { className: "pb-2", children: _jsx(CompactionSummaryBody, { summary: summary }) }))] }));
+                            _jsx(CaretRightIcon, { className: "text-muted-foreground size-3 shrink-0" })) : (_jsx(CaretDownIcon, { className: cn('text-muted-foreground size-3 shrink-0 transition-transform', open && 'rotate-180') }))] })) : (_jsxs("div", { className: PILL_CLASS, children: [_jsx(Layers, { weight: "duotone", className: "text-muted-foreground size-3.5 shrink-0" }), _jsx("span", { className: PILL_LABEL_CLASS, children: COMPACTION_LABEL_DONE })] })), _jsx("div", { className: "bg-border h-px flex-1" })] }), open && hasSummary && !opensDetail && (_jsx("div", { className: "pb-2", children: _jsx(CompactionSummaryBody, { summary: summary }) }))] }));
 }
 /** Primitive props, so per-token `summary` growth while running is a DOM no-op. */
 export const CompactionMarker = memo(CompactionMarkerImpl);
@@ -76,7 +88,7 @@ function CompactionFailedRowImpl({ error, isAbort, }) {
         : error
             ? 'Compaction failed'
             : 'Compaction incomplete';
-    return (_jsxs(Checkpoint, { children: [_jsx(CheckpointIcon, { children: _jsx(Layers, { className: "text-muted-foreground size-4 shrink-0" }) }), _jsxs(CheckpointLabel, { title: !isAbort && error ? error : undefined, children: [label, !isAbort && error ? (_jsxs("span", { className: "text-muted-foreground/70 font-normal", children: [" \u00B7 ", error] })) : null] })] }));
+    return (_jsxs(Checkpoint, { children: [_jsx(CheckpointIcon, { children: _jsx(Layers, { className: "text-muted-foreground size-4 shrink-0" }) }), _jsxs(CheckpointLabel, { title: !isAbort && error ? error : undefined, children: [label, !isAbort && error ? (_jsxs("span", { className: "text-muted-foreground font-normal", children: [" \u00B7 ", error] })) : null] })] }));
 }
 export const CompactionFailedRow = memo(CompactionFailedRowImpl);
 CompactionFailedRow.displayName = 'CompactionFailedRow';