@kortix/ui 0.14.5 → 0.14.7

package/dist/session/composer/composer-chat-input.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { SessionOverridesComposer } from '../overrides/session-overrides-composer.js';
 import { SessionChatInput, } from './session-chat-input.js';
 import { useProjectConfig, useRuntimeAgents, useRuntimeCommands, useRuntimeConfig, useRuntimeProviders, useSessionModelSelection } from '@kortix/sdk/react';
@@ -103,10 +103,11 @@ export function ComposerChatInput({ onSend, onCommand, sessionId, projectId, isB
     useEffect(() => {
         onAgentSelectionChange?.(selectedAgentName);
     }, [onAgentSelectionChange, selectedAgentName]);
-    const [newSessionScope, setNewSessionScope] = useState(null);
+    // Read only by `options()` at send time, so a ref: a commit needs no render.
+    const newSessionScopeRef = useRef(null);
     const [newProviderSecretPools, setNewProviderSecretPools] = useState({});
     const handleCommittedScope = useCallback((commit) => {
-        setNewSessionScope(commit ? { agentName: selectedAgentName, commit } : null);
+        newSessionScopeRef.current = commit ? { agentName: selectedAgentName, commit } : null;
     }, [selectedAgentName]);
     // The axes a session can override that have no control of their own —
     // secrets, connectors, sandbox. Agent, model and effort are NOT passed: this
@@ -126,6 +127,7 @@ export function ComposerChatInput({ onSend, onCommand, sessionId, projectId, isB
             o.model = local.model.currentKey;
         if (local.model.variant.current)
             o.variant = local.model.variant.current;
+        const newSessionScope = newSessionScopeRef.current;
         if (!sessionId && newSessionScope && newSessionScope.agentName === selectedAgentName) {
             o.scope = newSessionScope.commit;
         }

package/dist/session/composer/composer-draft-recovery.d.ts

@@ -1,5 +1,5 @@
 import type { JSONContent } from '@tiptap/core';
-import type { AttachedFile, TrackedMention } from './session-chat-input.js';
+import type { AttachedFile } from './session-chat-input.js';
 export declare function mergeFailedSubmissionText(current: string, submitted: string): string;
 /**
  * `mergeFailedSubmissionText`'s counterpart for the ProseMirror document
@@ -39,4 +39,3 @@ export declare function mergeFailedSubmissionText(current: string, submitted: st
  */
 export declare function mergeFailedSubmissionDocument(current: JSONContent, currentIsEmpty: boolean, submitted: JSONContent, submittedIsEmpty: boolean): JSONContent;
 export declare function mergeFailedSubmissionFiles(current: AttachedFile[], submitted: AttachedFile[]): AttachedFile[];
-export declare function mergeFailedSubmissionMentions(current: TrackedMention[], submitted: TrackedMention[]): TrackedMention[];

package/dist/session/composer/composer-draft-recovery.js

@@ -68,16 +68,3 @@ export function mergeFailedSubmissionFiles(current, submitted) {
         return true;
     });
 }
-function mentionKey(mention) {
-    return `${mention.kind}:${mention.value ?? ''}:${mention.label}`;
-}
-export function mergeFailedSubmissionMentions(current, submitted) {
-    const seen = new Set();
-    return [...submitted, ...current].filter((mention) => {
-        const key = mentionKey(mention);
-        if (seen.has(key))
-            return false;
-        seen.add(key);
-        return true;
-    });
-}

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

@@ -51,11 +51,7 @@ export function extractReplyQuotes(text) {
     const { quotes } = parseReplyContexts(text);
     if (quotes.length === 0)
         return { quotes: [], text };
-    const unique = [];
-    for (const quote of quotes) {
-        if (quote && !unique.includes(quote))
-            unique.push(quote);
-    }
+    const unique = [...new Set(quotes.filter(Boolean))];
     return { quotes: unique, text: stripReplyContexts(text) };
 }
 /**
@@ -96,12 +92,16 @@ export function mergeComposerQuotes(restored, current) {
  * returns `current` itself.
  */
 export function restoreComposerQuotes(current, texts, makeId) {
+    const currentByText = new Map();
+    for (const quote of current)
+        if (!currentByText.has(quote.text))
+            currentByText.set(quote.text, quote);
     const restored = [];
     for (const raw of texts) {
         const text = raw.trim();
         if (!text || restored.some((quote) => quote.text === text))
             continue;
-        restored.push(current.find((quote) => quote.text === text) ?? { id: makeId(), text });
+        restored.push(currentByText.get(text) ?? { id: makeId(), text });
     }
     if (restored.length === 0)
         return current;
@@ -249,7 +249,8 @@ export function planQuoteRequests({ requests, appliedIds, }) {
  * itself when nothing matches, so a no-op ack does not re-render.
  */
 export function acknowledgeQuoteRequests(requests, ids) {
-    const remaining = requests.filter((request) => !ids.includes(request.id));
+    const acked = new Set(ids);
+    const remaining = requests.filter((request) => !acked.has(request.id));
     return remaining.length === requests.length ? requests : remaining;
 }
 /**

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

@@ -1,5 +1,5 @@
 import type { ContextReading } from './context-usage.js';
-export { getContextReading, getContextUsage } from './context-usage.js';
+export { getContextUsage } from './context-usage.js';
 export type { ContextReading, ContextUsage } from './context-usage.js';
 export declare function ContextRing({ percent, tone, className }: ContextReading & {
     className?: string;

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

@@ -9,13 +9,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * the control it opens. Extracted here so neither surface re-derives the
  * ring's look on its own.
  *
- * `getContextReading` is the pure derivation (percent + tone) over the same
+ * `getContextUsage` is the pure derivation (percent + tone) over the same
  * exported helpers the hover card uses — pure so it has tests that can fail
  * (this repo's `bun test` has no DOM to assert the SVG itself).
  */
 import { ProgressRing } from '../../primitives/progress-ring.js';
 import { STATUS_TEXT } from '../../primitives/status.js';
-export { getContextReading, getContextUsage } from './context-usage.js';
+export { getContextUsage } from './context-usage.js';
 export function ContextRing({ percent, tone, className }) {
     return (_jsx(ProgressRing, { value: percent, className: className, progressClassName: STATUS_TEXT[tone] }));
 }

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

@@ -22,7 +22,7 @@ export declare function contextTone(ratio: number): StatusTone;
 export declare function getContextLimit(models: FlatModel[] | undefined, selectedModel: {
     providerID: string;
     modelID: string;
-} | null | undefined): number;
+} | null | undefined): number | null;
 export declare function getSelectedModelName(models: FlatModel[] | undefined, selectedModel: {
     providerID: string;
     modelID: string;
@@ -34,7 +34,8 @@ export interface ContextReading {
 }
 export interface ContextUsage extends ContextReading {
     breakdown: ContextBreakdown;
-    limit: number;
+    /** The model's context window; null when no source knows it. */
+    limit: number | null;
     ratio: number;
     modelName: string | null;
 }
@@ -42,7 +43,3 @@ export declare function getContextUsage(messages: SessionLogMessage[] | undefine
     providerID: string;
     modelID: string;
 } | null): ContextUsage;
-export declare function getContextReading(messages: SessionLogMessage[] | undefined, models?: FlatModel[], selectedModel?: {
-    providerID: string;
-    modelID: string;
-} | null): ContextReading;

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

@@ -49,7 +49,8 @@ export function getContextLimit(models, selectedModel) {
         if (model?.contextWindow && model.contextWindow > 0)
             return model.contextWindow;
     }
-    return 200000;
+    // Unknown: the meter shows what is used and no invented window.
+    return null;
 }
 export function getSelectedModelName(models, selectedModel) {
     if (!selectedModel || !models)
@@ -77,7 +78,7 @@ export function formatContextCount(tokens) {
 export function getContextUsage(messages, models, selectedModel) {
     const breakdown = getLastAssistantTokenBreakdown(messages);
     const limit = getContextLimit(models, selectedModel);
-    const ratio = breakdown.total > 0 ? Math.min(breakdown.total / limit, 1) : 0;
+    const ratio = limit && breakdown.total > 0 ? Math.min(breakdown.total / limit, 1) : 0;
     return {
         percent: Math.round(ratio * 100),
         tone: contextTone(ratio),
@@ -87,7 +88,3 @@ export function getContextUsage(messages, models, selectedModel) {
         modelName: getSelectedModelName(models, selectedModel),
     };
 }
-export function getContextReading(messages, models, selectedModel) {
-    const { percent, tone } = getContextUsage(messages, models, selectedModel);
-    return { percent, tone };
-}

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

@@ -76,14 +76,14 @@ export function deserializeDraft(raw, currentUserId) {
     if (!Array.isArray(candidate.files))
         return null;
     const legacy = liftLegacyQuoteNodes(candidate.doc);
-    const quotes = [];
+    const quotes = new Set();
     const stored = Array.isArray(candidate.quotes) ? candidate.quotes : [];
     for (const quote of [...stored, ...legacy.quotes]) {
         if (typeof quote !== 'string')
             continue;
         const text = quote.trim();
-        if (text && !quotes.includes(text))
-            quotes.push(text);
+        if (text)
+            quotes.add(text);
     }
     // Only `{ id, text }` with both set crosses back; anything else in storage is dropped.
     const storedPastes = Array.isArray(candidate.pastes) ? candidate.pastes : [];
@@ -101,7 +101,7 @@ export function deserializeDraft(raw, currentUserId) {
         u: candidate.u,
         doc: legacy.doc,
         files: candidate.files.filter(isRemote),
-        quotes,
+        quotes: [...quotes],
         pastes,
         uploads,
     };

package/dist/session/composer/inbox-row-claims.d.ts

@@ -30,7 +30,7 @@ import type { SessionPrompt } from '@kortix/sdk';
  * row that provably went out. Every refusal below is a case where the message
  * could belong to something else.
  */
-export interface FirstTurnClaim {
+interface FirstTurnClaim {
     /** The row that owns the message. */
     promptId: string;
     /** The transcript id it is on screen under (the re-minted one). */
@@ -61,4 +61,4 @@ export declare function claimFirstTurnRow(input: {
     /** `transcriptUserMessageIds` as built from ids alone. */
     claimedIds: ReadonlySet<string>;
 }): FirstTurnClaim | null;
-export declare function promptTextMatches(rowText: string, messageText: string): boolean;
+export {};

package/dist/session/composer/inbox-row-claims.js

@@ -49,7 +49,7 @@ const PROMPT_TEXT_PREVIEW_CHARS = 2000;
 function normalise(text) {
     return text.replace(/\s+/g, ' ').trim();
 }
-export function promptTextMatches(rowText, messageText) {
+function promptTextMatches(rowText, messageText) {
     const row = normalise(rowText);
     if (!row)
         return false;

package/dist/session/composer/pasted-text.js

@@ -19,12 +19,13 @@ export function PastedTextCopy({ text }) {
     // The toolbar `ButtonGroup`'s look: `size-7` on the `secondary` fill, as `CloseButton`.
     return (_jsx(CopyButton, { code: text, size: "md", className: "bg-secondary hover:bg-secondary/90 shrink-0", label: t.raw('texte21f935f11d7') }));
 }
+const graphemeSegmenter = typeof Intl !== 'undefined' && 'Segmenter' in Intl ? new Intl.Segmenter() : null;
 /** Word and character counts for the header. Characters are what the user sees: graphemes, else code points. */
 export function pastedTextCounts(text) {
     const words = text.trim() ? text.trim().split(/\s+/).length : 0;
     let chars = 0;
-    if (typeof Intl !== 'undefined' && 'Segmenter' in Intl) {
-        for (const _segment of new Intl.Segmenter().segment(text))
+    if (graphemeSegmenter) {
+        for (const _segment of graphemeSegmenter.segment(text))
             chars++;
     }
     else

package/dist/session/composer/queue-projection.d.ts

@@ -27,7 +27,7 @@ export declare function isFirstPromptRow(prompt: Pick<SessionPrompt, 'client_mes
  *   refuses removal.
  * - `failed`: delivery gave up; retry or remove.
  */
-export type QueueRowState = 'sending' | 'queued' | 'delivering' | 'failed';
+type QueueRowState = 'sending' | 'queued' | 'delivering' | 'failed';
 export interface QueueRow {
     /** The inbox `prompt_id`, or `draft:<clientMessageId>` before the POST. */
     id: string;
@@ -62,7 +62,7 @@ export interface QueueRow {
      *  `null` when the visible words are not one run, so no edit is offered. */
     editText: string | null;
 }
-export interface QueueProjection {
+interface QueueProjection {
     /** In delivery order: the server's rows first, then this tab's unsent drafts. */
     rows: QueueRow[];
     /** Rows the Stop hold is pausing — counted even when the row is on screen in
@@ -100,3 +100,4 @@ export declare function composerSendDelivery(placement: 'transcript' | 'composer
     placement: 'transcript' | 'composer';
     delivery?: SessionPromptDelivery;
 };
+export {};

package/dist/session/composer/queued-prompt-edit.d.ts

@@ -13,7 +13,7 @@ import type { QueueRow } from './queue-projection.js';
  * with its text parts only, so every file on the message was lost.
  */
 /** A queued message open in the composer. */
-export interface QueuedPromptEdit {
+interface QueuedPromptEdit {
     promptId: string;
     clientMessageId?: string;
     /** The row's whole text as the server holds it: file and mention markup included. */

package/dist/session/composer/reasoning-effort-selector.d.ts

@@ -5,7 +5,7 @@
  * own; duplicates (a runtime + catalog merge slip) collapse to one entry.
  */
 export declare function reasoningEffortChoices(variants: readonly string[] | undefined, canApply: boolean): string[];
-export interface ReasoningEffortSelectorProps {
+interface ReasoningEffortSelectorProps {
     /** The selected model's variant ids (`Object.keys(model.variants)`). */
     variants: readonly string[] | undefined;
     /** The session's current variant, or null = model default. */
@@ -34,3 +34,4 @@ export interface ReasoningEffortSelectorProps {
  * free, where the command palette would need them re-implemented.
  */
 export declare function ReasoningEffortSelector({ variants, selectedVariant, onVariantChange, open: openProp, onOpenChange, }: ReasoningEffortSelectorProps): import("react").JSX.Element | null;
+export {};

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/stores/queued-draft-store.js

@@ -18,9 +18,10 @@ export const useQueuedDraftStore = create((set) => ({
     }),
     remove: (sessionId, clientMessageIds) => set((s) => {
         const drafts = s.bySession[sessionId];
-        if (!drafts?.some((d) => clientMessageIds.includes(d.clientMessageId)))
+        const ids = new Set(clientMessageIds);
+        if (!drafts?.some((d) => ids.has(d.clientMessageId)))
             return s;
-        return withSession(s, sessionId, drafts.filter((d) => !clientMessageIds.includes(d.clientMessageId)));
+        return withSession(s, sessionId, drafts.filter((d) => !ids.has(d.clientMessageId)));
     }),
     prune: (sessionId, listedClientMessageIds) => set((s) => {
         const drafts = s.bySession[sessionId];

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

@@ -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/reminder-parts.d.ts

@@ -33,7 +33,7 @@ export declare function ReminderFacts({ reminder, now, className, }: {
     now: number;
     className?: string;
 }): import("react").JSX.Element;
-/** Pause or resume, remove, and the link into the Reminders tab. */
+/** Retry a failed run, pause or resume, remove, and the link into the Reminders tab. */
 export declare function ReminderActions({ reminder, controls, manageHref, onNavigate, className, }: {
     reminder: SessionReminder;
     controls: ReminderControls;
@@ -43,11 +43,14 @@ export declare function ReminderActions({ reminder, controls, manageHref, onNavi
 }): import("react").JSX.Element;
 export interface ReminderControls {
     pending: boolean;
+    running: boolean;
+    /** Fire the reminder once now. */
+    run: (reminder: SessionReminder) => void;
     setEnabled: (reminder: SessionReminder, enabled: boolean) => void;
     requestRemove: (reminder: SessionReminder) => void;
 }
 /**
- * The session's reminders with pause, resume and remove. Remove asks first:
+ * The session's reminders with run, pause, resume and remove. Remove asks first:
  * render `confirm` once next to whatever calls `requestRemove`.
  */
 export declare function useReminderControls(projectId: string | null, sessionId: string | null | undefined): {
@@ -59,6 +62,7 @@ export declare function useReminderControls(projectId: string | null, sessionId:
         remove: import("@tanstack/react-query").UseMutationResult<{
             ok: boolean;
         }, Error, string, unknown>;
+        run: import("@tanstack/react-query").UseMutationResult<SessionReminder, Error, string, unknown>;
         data: {
             reminders: SessionReminder[];
         };
@@ -96,6 +100,7 @@ export declare function useReminderControls(projectId: string | null, sessionId:
         remove: import("@tanstack/react-query").UseMutationResult<{
             ok: boolean;
         }, Error, string, unknown>;
+        run: import("@tanstack/react-query").UseMutationResult<SessionReminder, Error, string, unknown>;
         data: {
             reminders: SessionReminder[];
         };
@@ -133,6 +138,7 @@ export declare function useReminderControls(projectId: string | null, sessionId:
         remove: import("@tanstack/react-query").UseMutationResult<{
             ok: boolean;
         }, Error, string, unknown>;
+        run: import("@tanstack/react-query").UseMutationResult<SessionReminder, Error, string, unknown>;
         data: undefined;
         error: Error;
         isError: true;
@@ -168,6 +174,7 @@ export declare function useReminderControls(projectId: string | null, sessionId:
         remove: import("@tanstack/react-query").UseMutationResult<{
             ok: boolean;
         }, Error, string, unknown>;
+        run: import("@tanstack/react-query").UseMutationResult<SessionReminder, Error, string, unknown>;
         data: undefined;
         error: null;
         isError: false;
@@ -203,6 +210,7 @@ export declare function useReminderControls(projectId: string | null, sessionId:
         remove: import("@tanstack/react-query").UseMutationResult<{
             ok: boolean;
         }, Error, string, unknown>;
+        run: import("@tanstack/react-query").UseMutationResult<SessionReminder, Error, string, unknown>;
         data: undefined;
         error: null;
         isError: false;
@@ -238,6 +246,7 @@ export declare function useReminderControls(projectId: string | null, sessionId:
         remove: import("@tanstack/react-query").UseMutationResult<{
             ok: boolean;
         }, Error, string, unknown>;
+        run: import("@tanstack/react-query").UseMutationResult<SessionReminder, Error, string, unknown>;
         data: {
             reminders: SessionReminder[];
         };

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

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

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

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