@kortix/ui 0.14.7 → 0.14.8

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/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[];

package/dist/session/thread/transcript.js

@@ -37,6 +37,7 @@ import { SessionRetryDisplay, TurnErrorDisplay } from '../status/session-error-b
 import { showTurnBusyIndicator } from '@kortix/sdk';
 import { SessionBusyIndicator } from '../status/session-busy-indicator.js';
 import { SessionTurnMeta } from './session-turn-meta.js';
+import { TurnShareButton } from './turn-share.js';
 import { sessionTurnDurationMs, sessionTurnEndedAt, sessionTurnSpan, } from './session-turn-meta-rows.js';
 import { Button } from '../../primitives/button.js';
 import { Disclosure, DisclosureContent, DisclosureTrigger } from '../../primitives/disclosure.js';
@@ -898,7 +899,10 @@ function useTurnSegments({ blocks, answeredQuestionCallsById, shouldUseInlineCon
 //   - While working: it renders INSIDE steps as a regular text part (hideResponsePart=false)
 //   - When done: it's HIDDEN from steps (hideResponsePart=true) and shown below as Response
 // ============================================================================
-/** Shell mode — a live shell tool replaces the whole turn scaffold. */
+/**
+ * Shell mode — a live shell tool replaces the whole turn scaffold.
+ * @deprecated Renders an OpenCode shell turn (session.shell; pi has none). OpenCode is sunset (2026-10-23): no new code; delete with OpenCode.
+ */
 function TurnShellMode(props) {
     const { call, working, providers, errors, connectProviderOpen, onConnectProviderOpenChange, permissions, sessionId, disableToolNavigation, onPermissionReply, } = props;
     // Permission matching for this session (used for tool-level permission overlays)
@@ -1088,13 +1092,22 @@ function TurnAutoRetryNote({ count }) {
 /** The turn's footer: the working row, the error banner, the outcomes, the
  *  action bar, the connect-provider dialog, and who stopped the turn. */
 function TurnFooter(props) {
-    const { turn, providers, model, errors, answered, status, retry, meta, tHardcodedUi, connectProviderOpen, onConnectProviderOpenChange, servedModel, stoppedBy, modelOptions, } = props;
+    const { turn, providers, model, errors, answered, status, retry, meta, tHardcodedUi, connectProviderOpen, onConnectProviderOpenChange, servedModel, stoppedBy, modelOptions, projectId, projectSessionId, } = props;
     const { working, response } = model;
     const { turnError, turnErrorRow, turnErrorRowDetails, turnErrorRaw } = errors;
     const { statusPhrase, statusElapsedLabel } = status;
     const { retryInfo, retryMessage, retrySecondsLeft } = retry;
     const { turnEndedAt, turnDurationMs, costInfo } = meta;
-    return (_jsxs(_Fragment, { children: [_jsx(TurnBusyRow, { ...props, working: working, turnError: turnError, tHardcodedUi: tHardcodedUi }), turnErrorRow.text && !turn.autoRetry?.continued && (_jsx(TurnErrorDisplay, { errorText: turnErrorRow.text, errorDetails: turnErrorRowDetails, errorRaw: turnErrorRaw, isAbort: turnErrorRow.isAbort, modelOptions: modelOptions })), turnErrorRow.text && !turnErrorRow.isAbort && !turn.autoRetry?.continued && !!turn.autoRetry?.retries && (_jsx(TurnAutoRetryNote, { count: turn.autoRetry.retries })), !working && !turn.autoRetry?.continued && (stoppedBy || errors.turnErrorIsAbort) && _jsx(TurnStoppedBy, { name: stoppedBy ?? undefined }), !working && _jsx(TurnOutcomes, { turnKey: turn.id }), !working && (_jsx(TurnActionBar, { response: response, inlineContentParts: answered.inlineContentParts, turnEndedAt: turnEndedAt, turnDurationMs: turnDurationMs, costInfo: costInfo, servedModel: servedModel, tHardcodedUi: tHardcodedUi })), _jsx(ConnectProviderDialog, { open: connectProviderOpen, onOpenChange: onConnectProviderOpenChange, providers: providers })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(TurnBusyRow, { ...props, working: working, turnError: turnError, tHardcodedUi: tHardcodedUi }), turnErrorRow.text && !turn.autoRetry?.continued && (_jsx(TurnErrorDisplay, { errorText: turnErrorRow.text, errorDetails: turnErrorRowDetails, errorRaw: turnErrorRaw, isAbort: turnErrorRow.isAbort, modelOptions: modelOptions })), turnErrorRow.text && !turnErrorRow.isAbort && !turn.autoRetry?.continued && !!turn.autoRetry?.retries && (_jsx(TurnAutoRetryNote, { count: turn.autoRetry.retries })), !working && !turn.autoRetry?.continued && (stoppedBy || errors.turnErrorIsAbort) && _jsx(TurnStoppedBy, { name: stoppedBy ?? undefined }), !working && _jsx(TurnOutcomes, { turnKey: turn.id }), !working && (_jsx(TurnActionBar, { response: response, inlineContentParts: answered.inlineContentParts, turnEndedAt: turnEndedAt, turnDurationMs: turnDurationMs, costInfo: costInfo, servedModel: servedModel, tHardcodedUi: tHardcodedUi, 
+                // A continuation turn's id names a compaction marker, not a user
+                // message, so it has no response of its own to share.
+                share: turn.continues
+                    ? undefined
+                    : {
+                        projectId,
+                        sessionId: projectSessionId,
+                        turnId: turn.id,
+                    } })), _jsx(ConnectProviderDialog, { open: connectProviderOpen, onOpenChange: onConnectProviderOpenChange, providers: providers })] }));
 }
 /** The working turn's waiting row: the retry banner and the busy indicator. */
 function TurnBusyRow(props) {
@@ -1112,7 +1125,7 @@ function TurnBusyRow(props) {
 }
 /** Copy + the turn's settled meta row — the hover-revealed bar at the end of
  *  a settled turn. Owns the copy state: it is the only consumer. */
-function TurnActionBar({ response, inlineContentParts, turnEndedAt, turnDurationMs, costInfo, servedModel, tHardcodedUi, }) {
+function TurnActionBar({ response, inlineContentParts, turnEndedAt, turnDurationMs, costInfo, servedModel, tHardcodedUi, share, }) {
     const [copied, setCopied] = useState(false);
     // ---- Copy response ----
     const handleCopy = async () => {
@@ -1138,7 +1151,7 @@ function TurnActionBar({ response, inlineContentParts, turnEndedAt, turnDuration
             // The browser refused the write; `copied` stays false.
         }
     };
-    return (_jsxs("div", { className: "duration-normal flex items-center gap-0.5 opacity-0 transition-opacity group-hover/turn:opacity-100 focus-within:opacity-100 has-[[data-state=open]]:opacity-100 max-md:opacity-100", children: [response ? (_jsx(Button, { variant: "ghost", size: "icon-sm", onClick: handleCopy, "aria-label": copied ? 'Copied' : tHardcodedUi.raw('i18nComplete.textf0f755afea88'), className: "hit-area-3", children: _jsx("span", { className: "relative inline-flex shrink-0 items-center justify-center", children: _jsx(AnimatePresence, { initial: false, mode: "popLayout", children: _jsx(m.span, { initial: { scale: 0.25, opacity: 0, filter: 'blur(4px)' }, animate: { scale: 1, opacity: 1, filter: 'blur(0px)' }, exit: { scale: 0.25, opacity: 0, filter: 'blur(4px)' }, transition: { type: 'spring', duration: 0.3, bounce: 0 }, className: "absolute inset-0 inline-flex items-center justify-center", children: copied ? (_jsx(CheckIcon, { className: "text-muted-foreground size-[1.05rem]" })) : (_jsx(Copy, { className: "text-muted-foreground size-[1.05rem]" })) }, copied ? 'check' : 'copy') }) }) })) : null, _jsx(SessionTurnMeta, { endedAt: turnEndedAt, durationMs: turnDurationMs, cost: costInfo, served: servedModel, className: "flex items-center justify-center" })] }));
+    return (_jsxs("div", { className: "duration-normal flex items-center gap-0.5 opacity-0 transition-opacity group-hover/turn:opacity-100 focus-within:opacity-100 has-[[data-state=open]]:opacity-100 max-md:opacity-100", children: [response ? (_jsx(Button, { variant: "ghost", size: "icon-sm", onClick: handleCopy, "aria-label": copied ? 'Copied' : tHardcodedUi.raw('i18nComplete.textf0f755afea88'), className: "hit-area-3", children: _jsx("span", { className: "relative inline-flex shrink-0 items-center justify-center", children: _jsx(AnimatePresence, { initial: false, mode: "popLayout", children: _jsx(m.span, { initial: { scale: 0.25, opacity: 0, filter: 'blur(4px)' }, animate: { scale: 1, opacity: 1, filter: 'blur(0px)' }, exit: { scale: 0.25, opacity: 0, filter: 'blur(4px)' }, transition: { type: 'spring', duration: 0.3, bounce: 0 }, className: "absolute inset-0 inline-flex items-center justify-center", children: copied ? (_jsx(CheckIcon, { className: "text-muted-foreground size-[1.05rem]" })) : (_jsx(Copy, { className: "text-muted-foreground size-[1.05rem]" })) }, copied ? 'check' : 'copy') }) }) })) : null, response && share ? (_jsx(TurnShareButton, { projectId: share.projectId, sessionId: share.sessionId, turnId: share.turnId })) : null, _jsx(SessionTurnMeta, { endedAt: turnEndedAt, durationMs: turnDurationMs, cost: costInfo, served: servedModel, className: "flex items-center justify-center" })] }));
 }
 function SessionTurnImpl(props) {
     const { turn, turnOutcome, sessionId, sessionStatus, permissions, questions, sessionWorking, isWorkingTurn, awaitingUser, pending, pendingPrompt, interruptedBeforeRun, isCompaction, providers, commandMessages, commands, } = props;

package/dist/session/thread/turn-share.d.ts

@@ -0,0 +1,16 @@
+export interface TurnShareTarget {
+    projectId: string;
+    /** The Kortix project session id (`projectSessionId`), not the runtime id. */
+    sessionId: string;
+    /** The user message id that opens the turn (`SessionLogTurn.id`). */
+    turnId: string;
+}
+export declare function turnShareQueryKey({ projectId, sessionId, turnId }: TurnShareTarget): readonly ["turn-share", string, string, string];
+/**
+ * The Share icon button of a settled turn's action bar, and the dialog it
+ * opens. Renders only where the API would accept the share: a host with public
+ * share pages, a turn inside a Kortix session, and a viewer the server says may
+ * publish (`can_publish_response === true`, the API's `mayPublishTurn`).
+ * Hidden while the session row loads: an unknown answer is not a yes.
+ */
+export declare function TurnShareButton({ projectId, sessionId, turnId }: Partial<TurnShareTarget>): import("react").JSX.Element | null;

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

@@ -0,0 +1,162 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Share ONE assistant response through a public, read-only link.
+ *
+ * Private by default: the dialog reads the turn's live share
+ * (`getTurnShare`) and the "Public link" switch stays off until one exists.
+ * The server snapshots the text when it shares (`shareTurn`), with the prompt
+ * only when the person picks "Prompt and response". A re-share keeps the token
+ * and URL, so changing the scope or "Update link" (after `share.stale`) never
+ * breaks a link someone already holds. Turning the link off is destructive and
+ * takes a second, explicit click.
+ */
+import { getTurnShare, shareTurn, unshareTurn } from '@kortix/sdk';
+import { useProjectSession } from '@kortix/sdk/react';
+import { CheckIcon, ShareNetworkIcon, WarningCircleIcon } from '@phosphor-icons/react';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
+import { useEffect, useRef, useState } from 'react';
+import { Copy } from '../../icons/copy.js';
+import { useTranslations } from '../../i18n/index.js';
+import { cn } from '../../lib/utils.js';
+import { Button } from '../../primitives/button.js';
+import Hint from '../../primitives/hint.js';
+import { Input } from '../../primitives/input.js';
+import { Label } from '../../primitives/label.js';
+import { Modal, ModalContent, ModalTitle } from '../../primitives/modal.js';
+import { RadioGroup } from '../../primitives/radio-group.js';
+import { Separator } from '../../primitives/separator.js';
+import { Switch } from '../../primitives/switch.js';
+import { successToast } from '../../primitives/toast.js';
+import { useUiHostConfig } from '../../providers/ui-provider.js';
+export function turnShareQueryKey({ projectId, sessionId, turnId }) {
+    return ['turn-share', projectId, sessionId, turnId];
+}
+/**
+ * The server's own message for a failed call, or null. Only an error that
+ * carries an HTTP status (`ApiError.status`) came from the server; a network
+ * failure's message ("Failed to fetch") is not worth showing.
+ */
+function serverMessage(error) {
+    const { status, message } = (error ?? {});
+    return typeof status === 'number' && typeof message === 'string' && message.trim()
+        ? message.trim()
+        : null;
+}
+/**
+ * The Share icon button of a settled turn's action bar, and the dialog it
+ * opens. Renders only where the API would accept the share: a host with public
+ * share pages, a turn inside a Kortix session, and a viewer the server says may
+ * publish (`can_publish_response === true`, the API's `mayPublishTurn`).
+ * Hidden while the session row loads: an unknown answer is not a yes.
+ */
+export function TurnShareButton({ projectId, sessionId, turnId }) {
+    const t = useTranslations('turnShare');
+    const { publicSharesEnabled } = useUiHostConfig();
+    const { data: session } = useProjectSession(projectId, sessionId);
+    const [open, setOpen] = useState(false);
+    if (!publicSharesEnabled || !projectId || !sessionId || !turnId)
+        return null;
+    if (session?.can_publish_response !== true)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(Hint, { label: t('shareResponse'), side: "top", children: _jsx(Button, { variant: "ghost", size: "icon-sm", onClick: () => setOpen(true), "aria-label": t('shareResponse'), className: "hit-area-3", children: _jsx(ShareNetworkIcon, { className: "text-muted-foreground size-4" }) }) }), _jsx(Modal, { open: open, onOpenChange: setOpen, children: open ? _jsx(TurnShareDialogContent, { target: { projectId, sessionId, turnId } }) : null })] }));
+}
+function TurnShareDialogContent({ target }) {
+    const t = useTranslations('turnShare');
+    const queryClient = useQueryClient();
+    const key = turnShareQueryKey(target);
+    const [error, setError] = useState(null);
+    const [copied, setCopied] = useState(false);
+    // The scope the person picked; null = whatever the live share says.
+    const [pickedIncludePrompt, setPickedIncludePrompt] = useState(null);
+    // "Turn off link" waits for this second, explicit click.
+    const [confirmingOff, setConfirmingOff] = useState(false);
+    const copiedTimer = useRef(null);
+    useEffect(() => () => {
+        if (copiedTimer.current)
+            clearTimeout(copiedTimer.current);
+    }, []);
+    const query = useQuery({
+        queryKey: key,
+        queryFn: () => getTurnShare(target.projectId, target.sessionId, target.turnId),
+        // A 403 or 404 is a settled answer; retrying it only delays the error line.
+        retry: false,
+        staleTime: 30_000,
+    });
+    const share = query.data?.share ?? null;
+    const includePrompt = pickedIncludePrompt ?? share?.include_prompt ?? false;
+    const copyUrl = async (url) => {
+        try {
+            await navigator.clipboard.writeText(url);
+            setCopied(true);
+            if (copiedTimer.current)
+                clearTimeout(copiedTimer.current);
+            copiedTimer.current = setTimeout(() => setCopied(false), 2000);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    };
+    const publish = useMutation({
+        mutationFn: ({ includePrompt: include_prompt }) => shareTurn(target.projectId, target.sessionId, target.turnId, { include_prompt }),
+        onMutate: () => setError(null),
+        onSuccess: async (data, { reason }) => {
+            queryClient.setQueryData(key, data);
+            setPickedIncludePrompt(null);
+            if (reason !== 'share') {
+                successToast(t('linkUpdated'));
+                return;
+            }
+            // Sharing is the moment the person wants the link: put it on the clipboard.
+            successToast((await copyUrl(data.share.url)) ? t('linkCopied') : t('responseShared'));
+        },
+        onError: (err, { reason }) => {
+            // A failed scope change leaves the live share as it was: show its scope.
+            if (reason === 'scope')
+                setPickedIncludePrompt(null);
+            setError(serverMessage(err) ?? t('shareError'));
+        },
+    });
+    const unpublish = useMutation({
+        mutationFn: () => unshareTurn(target.projectId, target.sessionId, target.turnId),
+        onMutate: () => setError(null),
+        onSuccess: (data) => {
+            queryClient.setQueryData(key, data);
+            setConfirmingOff(false);
+        },
+        onError: (err) => setError(serverMessage(err) ?? t('unshareError')),
+    });
+    const pending = query.isLoading || publish.isPending || unpublish.isPending;
+    const shownError = error ?? (query.isError ? (serverMessage(query.error) ?? t('loadError')) : null);
+    const pickScope = (value) => {
+        const next = value === 'prompt';
+        if (next === includePrompt)
+            return;
+        setPickedIncludePrompt(next);
+        // Private: the pick waits for the switch. Public: re-share under the same URL.
+        if (share)
+            publish.mutate({ includePrompt: next, reason: 'scope' });
+    };
+    return (_jsx(ModalContent, { className: "space-y-0 lg:max-w-lg", children: _jsxs("div", { className: "flex flex-col gap-5 p-5", children: [_jsx(ModalTitle, { className: "pr-10 text-lg font-medium", children: t('shareResponse') }), _jsxs("div", { className: "space-y-2.5", children: [_jsx(Label, { id: "turn-share-scope", children: t('whatToInclude') }), _jsxs(RadioGroup, { "aria-labelledby": "turn-share-scope", value: includePrompt ? 'prompt' : 'response', onValueChange: pickScope, disabled: pending, className: "grid grid-cols-1 gap-2.5 sm:grid-cols-2", children: [_jsx(ScopeTile, { value: "response", title: t('responseOnly'), hint: t('responseOnlyHint'), withPrompt: false }), _jsx(ScopeTile, { value: "prompt", title: t('promptAndResponse'), hint: t('promptAndResponseHint'), withPrompt: true })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(Label, { htmlFor: "turn-share-public", children: t('publicLink') }), _jsx("p", { className: "text-muted-foreground text-xs", children: t('publicLinkHint') })] }), _jsx(Switch, { id: "turn-share-public", checked: !!share && !confirmingOff, disabled: pending, "aria-busy": pending || undefined, onCheckedChange: (on) => {
+                                        if (on && confirmingOff)
+                                            setConfirmingOff(false);
+                                        else if (on)
+                                            publish.mutate({ includePrompt, reason: 'share' });
+                                        else if (share)
+                                            setConfirmingOff(true);
+                                    } })] }), share && confirmingOff ? (_jsxs("div", { role: "group", "aria-label": t('turnOffLink'), className: "flex flex-wrap items-center justify-between gap-2", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t('stopNote') }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline-ghost", size: "xs", disabled: pending, onClick: () => setConfirmingOff(false), children: t('cancel') }), _jsx(Button, { variant: "destructive", size: "xs", disabled: pending, onClick: () => unpublish.mutate(), children: t('turnOffLink') })] })] })) : null, share && !confirmingOff ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { readOnly: true, "aria-label": t('publicLink'), value: share.url, onFocus: (event) => event.currentTarget.select() }), _jsxs(Button, { className: "shrink-0", disabled: pending, onClick: () => void copyUrl(share.url).then((ok) => !ok && setError(t('copyError'))), children: [copied ? (_jsx(CheckIcon, { className: "size-4 shrink-0" })) : (_jsx(Copy, { className: "size-4 shrink-0" })), copied ? t('copied') : t('copyLink')] })] }), share.stale ? (_jsxs("p", { className: "text-muted-foreground flex flex-wrap items-center gap-1 text-xs", children: [t('stale'), " \u00B7", _jsx(Button, { variant: "link", size: "xs", className: "h-auto px-0 text-xs", disabled: pending, onClick: () => publish.mutate({ includePrompt, reason: 'update' }), children: t('updateLink') })] })) : null] })) : null, shownError ? (_jsxs("p", { role: "alert", className: "text-foreground flex items-start gap-2 text-xs text-pretty", children: [_jsx(WarningCircleIcon, { weight: "fill", className: "text-kortix-red mt-0.5 size-4 shrink-0" }), shownError] })) : null] })] }) }));
+}
+/** Widths of the skeleton text lines, longest first. */
+const RESPONSE_LINES = ['w-full', 'w-11/12', 'w-2/3', 'w-5/6', 'w-1/2'];
+const RESPONSE_LINES_UNDER_PROMPT = ['w-full', 'w-5/6', 'w-2/3'];
+/**
+ * One scope choice: a skeleton of what the reader sees, a title and a hint.
+ * The prompt variant draws the prompt bubble top-right, where the transcript
+ * puts it. Outer `rounded-xl` minus the `p-2` inset gives the preview's
+ * `rounded-sm` (14 - 7.4 ≈ 6.6px), so the corners stay concentric.
+ */
+function ScopeTile({ value, title, hint, withPrompt, }) {
+    return (_jsxs(RadioGroupPrimitive.Item, { value: value, className: cn('border-border flex flex-col gap-2.5 rounded-xl border p-2 text-left', 'hover:bg-hover transition-colors', 'data-[state=checked]:border-foreground', 'focus-visible:ring-ring outline-none focus-visible:ring-2', 'disabled:pointer-events-none disabled:opacity-50'), children: [_jsxs("span", { "aria-hidden": "true", className: "bg-background flex h-24 flex-col gap-1.5 rounded-sm p-3", children: [withPrompt ? _jsx("span", { className: "bg-muted ml-auto h-4 w-3/5 rounded-sm" }) : null, (withPrompt ? RESPONSE_LINES_UNDER_PROMPT : RESPONSE_LINES).map((width, index) => (_jsx("span", { className: cn('bg-border h-1.5 rounded-full', width) }, index)))] }), _jsxs("span", { className: "flex flex-col gap-0.5 px-1 pb-1", children: [_jsx("span", { className: "text-foreground text-sm font-medium", children: title }), _jsx("span", { className: "text-muted-foreground text-xs", children: hint })] })] }));
+}

package/dist/session/tool/tools/apply-patch-tool.d.ts

@@ -1,2 +1,3 @@
 import type { ToolProps } from '../shared/types.js';
+/** @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 ApplyPatchTool({ call, defaultOpen, forceOpen, locked }: ToolProps): import("react").JSX.Element;

package/dist/session/tool/tools/apply-patch-tool.js

@@ -20,6 +20,7 @@ const PATCH_ICON = {
     delete: FileMinusIcon,
     edit: PencilSimpleIcon,
 };
+/** @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 ApplyPatchTool({ call, defaultOpen, forceOpen, locked }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const patchTypeStyle = useLocalizedUiCatalog(PATCH_TYPE_STYLE);

package/dist/session/tool/tools/pty-kill-tool.d.ts

@@ -1,2 +1,3 @@
 import type { ToolProps } from '../shared/types.js';
+/** @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 PtyKillTool({ call, defaultOpen, forceOpen, locked }: ToolProps): import("react").JSX.Element;

package/dist/session/tool/tools/pty-kill-tool.js

@@ -7,6 +7,7 @@ import { stripMarkupForToolOutput } from '../../../_vendor/kortix-shared.js';
 import { TerminalWindowIcon as Terminal } from '@phosphor-icons/react';
 import { useTranslations } from '../../../i18n/index.js';
 import { useMemo } from 'react';
+/** @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 PtyKillTool({ call, defaultOpen, forceOpen, locked }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const input = partInput(call);

package/dist/session/tool/tools/pty-read-tool.d.ts

@@ -12,10 +12,12 @@ import type { ToolProps } from '../shared/types.js';
  * actually appears, while re-creating inline the nested-scroll wheel trap the
  * comment further down records. Folding works on both surfaces: the tail stays
  * visible, the history is one click away, and no second scroller is created.
+ * @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 splitTerminalBuffer(content: string): {
     earlier: string;
     tail: string;
     earlierCount: number;
 };
+/** @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 PtyReadTool({ call, defaultOpen, forceOpen, locked }: ToolProps): import("react").JSX.Element;

package/dist/session/tool/tools/pty-read-tool.js

@@ -32,6 +32,7 @@ const VISIBLE_TAIL_LINES = 24;
  * actually appears, while re-creating inline the nested-scroll wheel trap the
  * comment further down records. Folding works on both surfaces: the tail stays
  * visible, the history is one click away, and no second scroller is created.
+ * @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 splitTerminalBuffer(content) {
     const lines = content ? content.split('\n') : [];
@@ -44,6 +45,7 @@ export function splitTerminalBuffer(content) {
         earlierCount: cut,
     };
 }
+/** @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 PtyReadTool({ call, defaultOpen, forceOpen, locked }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
     const input = partInput(call);

package/dist/session/tool/tools/pty-spawn-tool.d.ts

@@ -1,2 +1,3 @@
 import type { ToolProps } from '../shared/types.js';
+/** @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 PtySpawnTool({ call, defaultOpen, forceOpen, locked }: ToolProps): import("react").JSX.Element;

package/dist/session/tool/tools/pty-spawn-tool.js

@@ -10,6 +10,7 @@ import { ptySpawnedBody } from '../../../_vendor/kortix-shared.js';
 import { TerminalWindowIcon as Terminal } from '@phosphor-icons/react';
 import { useTranslations } from '../../../i18n/index.js';
 import { useMemo } from 'react';
+/** @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 PtySpawnTool({ call, defaultOpen, forceOpen, locked }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const input = partInput(call);

package/dist/session/tool/tools/pty-write-tool.d.ts

@@ -1,2 +1,3 @@
 import type { ToolProps } from '../shared/types.js';
+/** @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 PtyWriteTool({ call, defaultOpen, forceOpen, locked }: ToolProps): import("react").JSX.Element;

package/dist/session/tool/tools/pty-write-tool.js

@@ -5,6 +5,7 @@ import { ToolRegistry } from '../shared/registry.js';
 import { ToolResultCard } from '../shared/result-card.js';
 import { TerminalWindowIcon as Terminal } from '@phosphor-icons/react';
 import { useTranslations } from '../../../i18n/index.js';
+/** @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 PtyWriteTool({ call, defaultOpen, forceOpen, locked }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
     const input = partInput(call);

package/dist/session/tool/tools/todo-write-tool.d.ts

@@ -1,2 +1,3 @@
 import type { ToolProps } from '../shared/types.js';
+/** @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 TodoWriteTool({ call, defaultOpen, forceOpen, locked }: ToolProps): import("react").JSX.Element;

package/dist/session/tool/tools/todo-write-tool.js

@@ -9,6 +9,7 @@ import { cn } from '../../../lib/utils.js';
 import { ListChecksIcon as ListTodo } from '@phosphor-icons/react';
 import { useTranslations } from '../../../i18n/index.js';
 import { useMemo } from 'react';
+/** @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 TodoWriteTool({ call, defaultOpen, forceOpen, locked }) {
     const tI18nHardcoded = useTranslations('hardcodedUi');
     const input = partInput(call);

package/dist/session/turn/message-author-label.js

@@ -9,6 +9,7 @@ import { useTranslations } from '../../i18n/index.js';
 import { useProjectSessionHref } from '../../internal/lib/navigation/session-href.js';
 import { CheckIcon } from '@phosphor-icons/react';
 import { KortixLogo } from '../../primitives/kortix-logo.js';
+import { AgentMark } from '../../internal/components/agent-mark.js';
 import { SourceCard, SourcePill } from './source-pill.js';
 /** The sending session's name, as a link to it when the project route resolves. */
 function SenderName({ sessionId, name }) {
@@ -23,7 +24,7 @@ export function MessageAuthorLabel({ author }) {
     if (author.kind === 'session') {
         return _jsx(SessionAuthorLabel, { author: author });
     }
-    return (_jsxs("span", { className: "text-muted-foreground flex items-center gap-1.5 text-xs font-medium", "data-testid": "message-author", children: [_jsx(UserAvatar, { email: author.email ?? '', name: author.name, size: "xs" }), author.name] }));
+    return (_jsxs("span", { className: "text-muted-foreground flex items-center gap-1.5 text-xs font-medium", "data-testid": "message-author", children: [_jsx(UserAvatar, { email: author.email ?? '', name: author.name, hint: author.name, size: "xs" }), author.name] }));
 }
 /**
  * A prompt another Kortix session sent (`kortix sessions new`, a coordinator,
@@ -43,7 +44,10 @@ function SessionAuthorLabel({ author }) {
                     label: tI18nComplete('text6959b4159575'),
                     value: _jsx(SenderName, { sessionId: author.session_id, name: sessionName }),
                 },
-                { label: tI18nComplete('text11b39c93777e'), value: author.agent },
+                {
+                    label: tI18nComplete('text11b39c93777e'),
+                    value: author.agent ? (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx(AgentMark, { slug: author.agent }), author.agent] })) : null,
+                },
                 {
                     label: tI18nComplete('textcb9ac5c561da'),
                     value: author.session_id ? _jsx(CopySessionId, { sessionId: author.session_id }) : null,

package/dist/session/turn/plan-anchor.d.ts

@@ -27,6 +27,7 @@ import { type SessionLogTurn } from '@kortix/sdk';
  * A tool call that writes the plan. The runtime emits more than one spelling
  * (`todowrite`, `todo_write`); `toolKind` owns them. The todo READ shares the
  * kind and never renders (`shouldShowToolPart`), so it is not a plan write.
+ * @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 isPlanWriteTool(tool: string): boolean;
 /**
@@ -80,6 +81,7 @@ export interface PlanSurfaceState {
      *  whether the panel is OPEN deliberately does not enter into it. */
     isMobile: boolean;
 }
+/** @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 planBelongsToChat(state: PlanSurfaceState): boolean;
 /**
  * The anchor the CHAT should use — which is "none" unless the chat is the
@@ -88,5 +90,6 @@ export declare function planBelongsToChat(state: PlanSurfaceState): boolean;
  * The gate wraps the lookup rather than sitting beside it: returning `null` (which matches no message id) means every `ownsPlan`
  * downstream, including the user bubble's own column cap, falls out of ONE
  * decision instead of two that can disagree.
+ * @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 chatPlanAnchorId(turns: ReadonlyArray<Pick<SessionLogTurn, 'id' | 'plan'>> | null | undefined, chatOwnsPlan: boolean): string | null;

package/dist/session/turn/plan-anchor.js

@@ -27,6 +27,7 @@ import { shouldShowToolPart, toolKind } from '@kortix/sdk';
  * A tool call that writes the plan. The runtime emits more than one spelling
  * (`todowrite`, `todo_write`); `toolKind` owns them. The todo READ shares the
  * kind and never renders (`shouldShowToolPart`), so it is not a plan write.
+ * @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 isPlanWriteTool(tool) {
     return toolKind(tool) === 'todowrite' && shouldShowToolPart({ tool });
@@ -41,6 +42,7 @@ export function isPlanWriteTool(tool) {
 export function planAnchorMessageId(turns) {
     return turns.find((turn) => turn.plan)?.id ?? null;
 }
+/** @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 planBelongsToChat(state) {
     return state.isMobile;
 }
@@ -51,6 +53,7 @@ export function planBelongsToChat(state) {
  * The gate wraps the lookup rather than sitting beside it: returning `null` (which matches no message id) means every `ownsPlan`
  * downstream, including the user bubble's own column cap, falls out of ONE
  * decision instead of two that can disagree.
+ * @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 chatPlanAnchorId(turns, chatOwnsPlan) {
     if (!chatOwnsPlan || !turns)

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

@@ -28,6 +28,7 @@ export declare function planRingState(done: number, total: number, running: bool
  * ticks are precise but need counting, a pie is instant but coarse. Together
  * the glyph answers "roughly how far?" at a glance and "exactly how far?" on a
  * second look — at 18px, where a single encoding would have to pick one.
+ * @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 PlanRing({ done, total, running, className, }: {
     done: number;
@@ -43,8 +44,10 @@ export declare function PlanRing({ done, total, running, className, }: {
  * when a plan sits under it, and `ownsPlan` alone is not that answer: the anchor
  * falls back to the last turn when no turn ever wrote todos, so a session with
  * zero todos still nominates an owner.
+ * @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 useHasPlan(sessionId: string): boolean;
+/** @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 planSummary(todos: ReadonlyArray<{
     status: string;
     content: string;
@@ -71,6 +74,7 @@ export declare function planSummary(todos: ReadonlyArray<{
  * Filtering AFTER `keyTodos` is deliberate. Keying first means the surviving
  * rows keep the keys they had while the running row was present, so React's
  * state stays attached to a row as the agent advances past it.
+ * @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 planListTodos(keyed: ReadonlyArray<{
     todo: TodoItem;
@@ -84,11 +88,13 @@ export declare function planListTodos(keyed: ReadonlyArray<{
  * repeats a line often enough ("Run the tests" twice) that keying on it alone
  * collides. An occurrence counter disambiguates the repeat, which keeps React's
  * state attached to the row rather than to its position.
+ * @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 keyTodos(todos: ReadonlyArray<TodoItem>): Array<{
     todo: TodoItem;
     key: string;
 }>;
+/** @deprecated Renders an OpenCode-only tool or todo list in an OpenCode session (pi has none). OpenCode is sunset (2026-10-23): no new code; delete with OpenCode. */
 export declare function PlanCard({ sessionId }: {
     sessionId: string;
 }): import("react").JSX.Element | null;
@@ -103,6 +109,7 @@ export declare function PlanCard({ sessionId }: {
  *
  * Takes rows already keyed and filtered (`planListTodos(keyTodos(todos))`) —
  * the caller decides what the list is; this decides what it looks like.
+ * @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 PlanSteps({ rows, className, }: {
     rows: ReadonlyArray<{