@kortix/ui 0.14.7 → 0.14.9

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

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

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

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

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

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

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

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

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

@@ -21,6 +21,8 @@ export interface SessionThreadProps {
     hideHeader?: boolean;
     /** Hide the composer: a transcript to read, not to answer. */
     readOnly?: boolean;
+    /** The reply composer's placeholder. Default: the composer's own. */
+    composerPlaceholder?: string;
     /**
      * A quote the host adds to the composer's reply quotes (the card above the
      * input), as a transcript selection's "Reply" does. Each new `id` adds its
@@ -32,4 +34,4 @@ export interface SessionThreadProps {
     } | null;
     className?: string;
 }
-export declare function SessionThread({ session, hideHeader, readOnly, quote, className }: SessionThreadProps): import("react").JSX.Element;
+export declare function SessionThread({ session, hideHeader, readOnly, composerPlaceholder, quote, className, }: SessionThreadProps): import("react").JSX.Element;

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

@@ -1,13 +1,20 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
 import { cn } from '../../lib/utils.js';
 import { ProjectScope } from '../../internal/project-scope.js';
 import { ProviderPoolDraftBoundary } from '../overrides/provider-pool-draft-context.js';
 import { SessionPanelFallback } from '../panel/panel-fallback.js';
 import { SessionChat } from './session-chat.js';
 import { SessionStartingLoader } from '../status/session-starting-loader.js';
+import { ThreadBootRows } from './thread-boot-rows.js';
+import { TranscriptRowsContext } from './transcript-rows.js';
 import '../tool/tools/register.js';
-export function SessionThread({ session, hideHeader = false, readOnly = false, quote, className }) {
+export function SessionThread({ session, hideHeader = false, readOnly = false, composerPlaceholder, quote, className, }) {
     const { projectId, sessionId, runtimeSessionId } = session;
-    return (_jsx(ProjectScope, { projectId: projectId, sessionId: sessionId, children: _jsx(ProviderPoolDraftBoundary, { identity: `${projectId}/${sessionId}`, children: _jsxs("div", { "data-slot": "session-thread", className: cn('relative flex h-full min-h-0 flex-col', className), children: [runtimeSessionId ? (_jsx(SessionChat, { sessionId: runtimeSessionId, projectSessionId: sessionId, projectId: projectId, sessionState: session, hideHeader: hideHeader, readOnly: readOnly, hostQuote: quote }, runtimeSessionId)) : (_jsx(SessionStartingLoader, { projectId: projectId, sessionId: sessionId })), _jsx(SessionPanelFallback, { projectId: projectId, projectSessionId: sessionId, runtimeSessionId: runtimeSessionId })] }) }) }));
+    const rows = useContext(TranscriptRowsContext) !== null;
+    return (_jsx(ProjectScope, { projectId: projectId, sessionId: sessionId, children: _jsx(ProviderPoolDraftBoundary, { identity: `${projectId}/${sessionId}`, children: _jsxs("div", { "data-slot": "session-thread", className: cn('relative flex h-full min-h-0 flex-col', className), children: [runtimeSessionId ? (_jsx(SessionChat, { sessionId: runtimeSessionId, projectSessionId: sessionId, projectId: projectId, sessionState: session, hideHeader: hideHeader, readOnly: readOnly, composerPlaceholder: composerPlaceholder, hostQuote: quote }, runtimeSessionId)) : rows ? (
+                    // A channel thread: its prompt, the agent's busy row and the reply
+                    // box from the first frame, while the computer comes up.
+                    _jsx(ThreadBootRows, { projectId: projectId, sessionId: sessionId, composerPlaceholder: composerPlaceholder, readOnly: readOnly })) : (_jsx(SessionStartingLoader, { projectId: projectId, sessionId: sessionId })), _jsx(SessionPanelFallback, { projectId: projectId, projectSessionId: sessionId, runtimeSessionId: runtimeSessionId })] }) }) }));
 }

package/dist/session/thread/thread-boot-rows.d.ts

@@ -0,0 +1,36 @@
+import { type TranscriptRows } from './transcript-rows.js';
+/**
+ * A prompt not yet in the transcript, as a channel thread draws it: the
+ * author's row and, while it waits, the agent's row with the busy line. The
+ * thread panel's boot body and its first-prompt stand-in draw this one row, so
+ * the hand-over to the transcript's own row does not move.
+ */
+export declare function PendingPromptRows({ text, author, sessionId, busy, }: {
+    text: string;
+    author: TranscriptRows['owner'];
+    sessionId: string;
+    busy?: boolean;
+}): import("react").JSX.Element;
+/**
+ * The agent's answer row while it has drawn nothing yet: its pixel mark, its
+ * name and the Thinking line, where a working turn's answer row draws them
+ * (`SessionTurn` in rows mode: the body opens `mt-0.5`). Every waiting row of
+ * a channel thread is this row, so none sits outside the row grid. Null
+ * outside a channel thread.
+ */
+export declare function AgentBusyRow({ sessionId }: {
+    sessionId: string;
+}): import("react").JSX.Element | null;
+/**
+ * A channel thread whose computer is still coming up (no runtime session yet).
+ * The session page shows `InstantSessionShell` here; a thread panel shows the
+ * same thing as rows: the first prompt by its author, the agent's busy row,
+ * and a working reply composer. A reply typed now joins the session's prompt
+ * inbox and runs once the computer is up, as on the session page.
+ */
+export declare function ThreadBootRows({ projectId, sessionId, composerPlaceholder, readOnly, }: {
+    projectId: string;
+    sessionId: string;
+    composerPlaceholder?: string;
+    readOnly?: boolean;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,89 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProjectSession, useSessionPrompts } from '@kortix/sdk/react';
+import { useContext, useMemo } from 'react';
+import { AgentMark } from '../../internal/components/agent-mark.js';
+import { cn } from '../../lib/utils.js';
+import { errorToast } from '../../primitives/toast.js';
+import { UserAvatar } from '../../primitives/user-avatar.js';
+import { useUiViewerId } from '../../providers/ui-provider.js';
+import { ComposerChatInput } from '../composer/composer-chat-input.js';
+import { projectQueueRows } from '../composer/queue-projection.js';
+import { QueuedPromptList } from '../composer/queued-prompt-list.js';
+import { useInstantSessionSend } from '../composer/use-instant-session-send.js';
+import { participantLabel } from '../participants/session-participants.js';
+import { SessionBusyIndicator } from '../status/session-busy-indicator.js';
+import { MESSAGE_TEXT_CLASS, MessageRow } from '../turn/message-row.js';
+import { parseAgentMentionReferences, parseFileMentionReferences, parseFileReferences, parseSessionReferences, stripReplyContexts, } from './message-parsing.js';
+import { TranscriptRowsContext } from './transcript-rows.js';
+/** The sentence a person typed, without the ref blocks the composer folds in. */
+function promptSentence(text) {
+    let clean = parseFileReferences(text).cleanText;
+    clean = parseSessionReferences(clean).cleanText;
+    clean = parseFileMentionReferences(clean).cleanText;
+    clean = parseAgentMentionReferences(clean).cleanText;
+    return stripReplyContexts(clean).trim();
+}
+/**
+ * A prompt not yet in the transcript, as a channel thread draws it: the
+ * author's row and, while it waits, the agent's row with the busy line. The
+ * thread panel's boot body and its first-prompt stand-in draw this one row, so
+ * the hand-over to the transcript's own row does not move.
+ */
+export function PendingPromptRows({ text, author, sessionId, busy = true, }) {
+    const rows = useContext(TranscriptRowsContext);
+    const name = author ? participantLabel(author) : '';
+    return (_jsxs(_Fragment, { children: [_jsx(MessageRow, { avatar: _jsx(UserAvatar, { email: author?.email ?? '', name: name, avatarUrl: author?.avatarUrl, size: "lg" }), name: name || rows?.unknownAuthor, children: _jsx("p", { className: cn(MESSAGE_TEXT_CLASS, 'text-pretty whitespace-pre-wrap wrap-anywhere'), children: promptSentence(text) }) }), busy ? _jsx(AgentBusyRow, { sessionId: sessionId }) : null] }));
+}
+/**
+ * The agent's answer row while it has drawn nothing yet: its pixel mark, its
+ * name and the Thinking line, where a working turn's answer row draws them
+ * (`SessionTurn` in rows mode: the body opens `mt-0.5`). Every waiting row of
+ * a channel thread is this row, so none sits outside the row grid. Null
+ * outside a channel thread.
+ */
+export function AgentBusyRow({ sessionId }) {
+    const rows = useContext(TranscriptRowsContext);
+    if (!rows)
+        return null;
+    return (_jsx(MessageRow, { avatar: _jsx(AgentMark, { slug: rows.agentSlug ?? 'kortix', size: 28, tile: 36, label: rows.agent }), name: rows.agent, children: _jsx("div", { className: "mt-0.5", children: _jsx(SessionBusyIndicator, { sessionId: sessionId }) }) }));
+}
+/**
+ * A channel thread whose computer is still coming up (no runtime session yet).
+ * The session page shows `InstantSessionShell` here; a thread panel shows the
+ * same thing as rows: the first prompt by its author, the agent's busy row,
+ * and a working reply composer. A reply typed now joins the session's prompt
+ * inbox and runs once the computer is up, as on the session page.
+ */
+export function ThreadBootRows({ projectId, sessionId, composerPlaceholder, readOnly = false, }) {
+    const rows = useContext(TranscriptRowsContext);
+    const promptInbox = useSessionPrompts(projectId, sessionId);
+    const { submitted, effectiveSubmission, extraSends, handleSend } = useInstantSessionSend({
+        projectId,
+        sessionId,
+        hydrated: true,
+        promptInbox,
+    });
+    const viewerId = useUiViewerId();
+    const projectSession = useProjectSession(projectId, sessionId, { enabled: !!projectId && !!sessionId }).data;
+    const queue = useMemo(() => projectQueueRows({
+        prompts: promptInbox.prompts,
+        drafts: extraSends.map((entry) => ({
+            clientMessageId: entry.id,
+            text: entry.text,
+            files: entry.files,
+            placement: entry.placement,
+            createdAtMs: 0,
+            posted: false,
+        })),
+        viewer: { userId: viewerId, managesSession: projectSession?.can_manage_lifecycle !== false },
+    }), [promptInbox.prompts, extraSends, viewerId, projectSession?.can_manage_lifecycle]);
+    // The session page's draft key: a draft typed here is there once the chat mounts.
+    const draftScope = useMemo(() => ({ kind: 'session', sessionId }), [sessionId]);
+    const text = effectiveSubmission?.text ?? projectSession?.first_prompt ?? null;
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pt-4", children: text ? _jsx(PendingPromptRows, { text: text, author: rows?.owner ?? null, sessionId: sessionId }) : null }), readOnly ? null : (_jsx(ComposerChatInput, { onSend: handleSend, sessionId: sessionId, projectId: projectId, draftScope: draftScope, projectSession: projectSession, placeholder: composerPlaceholder, 
+                // The first prompt is the turn: the box stays typeable, a send queues.
+                isBusy: !!submitted, sessionWorking: !!submitted, stopDisabled: !!submitted, aboveSlot: _jsx(QueuedPromptList, { rows: queue.rows, heldCount: queue.heldCount, onResume: () => void promptInbox.hold(false).catch((error) => errorToast(error.message)), onRemove: (id) => void promptInbox.remove(id).catch((error) => errorToast(error.message)), onRetry: (id) => void promptInbox.retry(id).catch((error) => errorToast(error.message)) }), underbarPlacement: "inline", 
+                // The panel's rows run `px-5`, as `SessionChat`'s composer in the panel.
+                parentClassName: "max-w-none px-5 pb-4" }))] }));
+}

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

@@ -0,0 +1,31 @@
+import type { SESSION_NOTICE } from '@kortix/sdk';
+/**
+ * Set, the transcript draws every turn as message rows (avatar, name, time,
+ * body), the way a channel thread reads: the prompt as its author's row, the
+ * answer as the agent's row with its work folded behind one line. Unset, it
+ * draws the session's own bubbles. A channel's thread panel sets it.
+ */
+export interface TranscriptRows {
+    /** The agent's display name, on every answer row. */
+    agent: string;
+    /** The agent's raw name, the slug of its pixel mark. Unset: the default agent (`kortix`). */
+    agentSlug?: string;
+    /** The thread's starter: the author of a prompt with no recorded author. */
+    owner: {
+        name: string | null;
+        email: string | null;
+        avatarUrl: string | null;
+    } | null;
+    /** The name of a prompt whose author nobody recorded and with no owner ("Someone"). */
+    unknownAuthor: string;
+    /**
+     * The composer's computer notices in the host's words, by `SESSION_NOTICE`
+     * key: a channel thread says "this thread's computer", not "session".
+     */
+    notices?: Partial<Record<keyof typeof SESSION_NOTICE, string>>;
+    /** The stuck-boot restart button in the host's terms ("Restart thread"). */
+    labels?: {
+        restart: string;
+    };
+}
+export declare const TranscriptRowsContext: import("react").Context<TranscriptRows | null>;

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

@@ -0,0 +1,3 @@
+'use client';
+import { createContext } from 'react';
+export const TranscriptRowsContext = createContext(null);

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[];
@@ -338,14 +342,5 @@ interface TranscriptTurnRowProps extends SessionTurnProps {
     fullTextState: FullTextState;
     onLoadFullText: (turnId: string, refs: readonly SessionLogReferencedText[]) => void;
 }
-/**
- * One transcript row: the turn's `TurnViewport`, its `SessionTurn`, and the
- * fallback waiting row. Memoized at the ROW, not only at `SessionTurn`: the
- * viewport re-rendered for every turn on every streamed delta (its children
- * element is new each time, and its class list goes through tailwind-merge),
- * which made a long transcript cost O(turns) per delta even though every
- * settled `SessionTurn` bailed out. Every prop here is a primitive or a
- * reference that holds while another turn streams.
- */
 export declare const TranscriptTurnRow: import("react").NamedExoticComponent<TranscriptTurnRowProps>;
 export {};