@kortix/ui 0.14.12 → 0.14.14

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

@@ -6,12 +6,13 @@ import { Modal, ModalBody, ModalClose, ModalContent, ModalHeader, ModalTitle, }
 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, useSessionLogOlder, useSessionLogThread, useSessionMessages, } from '@kortix/sdk/react';
+import { formatSessionCostUsd } from '../../internal/billing/session-cost-format.js';
+import { useSessionLog, useSessionLogOlder, useSessionLogThread, useSessionMessages, useSessionUsage, } from '@kortix/sdk/react';
 import { useEffect, useMemo } from 'react';
 import { CopyAllButton, rawExplorerData, SessionContextMessageExplorer, } from './session-context-message-explorer.js';
 import { getSessionContextMetrics, sessionStartedAt } from './session-context-metrics.js';
 import { SubSessionSection } from './session-context-sub-sessions.js';
+import { SpawnedSessionSection } from './session-context-spawned-sessions.js';
 const BREAKDOWN_ORDER = ['system', 'user', 'assistant', 'tool', 'other'];
 const BREAKDOWN_SEGMENT_CLASS = {
     system: 'bg-kortix-blue',
@@ -147,10 +148,9 @@ function OverviewStat({ label, value, meta, valueClassName, }) {
 // subscriptions and metric computations cost nothing during streaming.
 // ============================================================================
 const NO_MESSAGES = [];
-function SessionContextModalBody({ detachedRows, source, session, sessionRow, providers, allSessions, servedModel, billedCost, }) {
+function SessionContextModalBody({ detachedRows, source, session, sessionRow, providers, allSessions, servedModel, billedCost, onClose, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const t = useTranslations('hardcodedUi.componentsSessionSessionContextModal');
-    const tCredits = useTranslations('settings.credits');
     const pricingLookup = useModelPricingLookup(providers);
     // The numbers read the session log's root thread: the `fromV1` view of the
     // v1 rows while v2 is off, the API's record on v2. The raw explorer and Copy
@@ -171,6 +171,27 @@ function SessionContextModalBody({ detachedRows, source, session, sessionRow, pr
     const v1Rows = useSessionMessages(readsV1Rows ? source : { ...source, runtimeSessionId: null, opencodeSessionId: null });
     const raw = useMemo(() => rawExplorerData(logSource, thread?.messages, detachedRows ?? v1Rows), [logSource, thread, detachedRows, v1Rows]);
     const metrics = useMemo(() => getSessionContextMetrics(thread, providers, pricingLookup), [thread, providers, pricingLookup]);
+    // What the session and every session it spawned cost, from the gateway's
+    // ledger: the amount billed, in USD. A sub-agent in the session's sandbox
+    // bills under the session itself. A chat with no source has no ids: the
+    // transcript's estimate stands in, as it does when the read fails.
+    const usageQuery = useSessionUsage(source.projectId || null, source.sessionId || null);
+    const ledger = usageQuery.data;
+    const estimatedCost = billedCost ?? metrics.totalCost;
+    const totalCost = ledger ? ledger.total.cost : usageQuery.isError || !source.sessionId ? estimatedCost : null;
+    const ownLedger = ledger?.sessions[0];
+    const spawnedCount = ledger ? ledger.sessions.length - 1 : 0;
+    const costMeta = ledger
+        ? spawnedCount > 0 && ownLedger
+            ? t('costSplit', {
+                own: formatSessionCostUsd(ownLedger.cost),
+                spawned: formatSessionCostUsd(ledger.total.cost - ownLedger.cost),
+                count: spawnedCount,
+            })
+            : undefined
+        : totalCost != null
+            ? t.raw('costEstimated')
+            : undefined;
     const ctx = metrics.context;
     const fmt = useMemo(() => createFormatter(), []);
     const counts = metrics.messages;
@@ -208,10 +229,7 @@ function SessionContextModalBody({ detachedRows, source, session, sessionRow, pr
                 : undefined;
     return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx(ModalTitle, { children: t.raw('title') }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx(CopyAllButton, { value: raw.copy, copyLabel: t.raw('copyJson'), copiedLabel: t.raw('copied') }), _jsx(ModalClose, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "size-8 p-0", children: [_jsx(Close, { className: "text-primary size-4 stroke-1" }), _jsx("span", { className: "sr-only", children: tI18nComplete.raw('text7d9eb7acb13e') })] }) })] })] }) }), _jsxs(ModalBody, { className: "space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-start gap-x-12 gap-y-4", children: [_jsx(OverviewStat, { label: t.raw('statModel'), value: servedModel?.served ?? ctx?.modelLabel ?? '—', meta: servedModel
                                     ? `${tI18nComplete.raw('servedModelInPlaceOf')} ${servedModel.fallbackFrom}`
-                                    : ctx?.providerLabel }), _jsx(OverviewStat, { label: t.raw('statCost'), value: tCredits('creditCount', {
-                                    count: (billedCost ?? metrics.totalCost) * 100,
-                                    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: {
+                                    : ctx?.providerLabel }), _jsx(OverviewStat, { label: t.raw('statCost'), value: totalCost == null ? '—' : formatSessionCostUsd(totalCost), meta: costMeta }), _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-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) },
@@ -221,6 +239,7 @@ function SessionContextModalBody({ detachedRows, source, session, sessionRow, pr
                                                 label: t.raw('detailCache'),
                                                 value: `${fmt.number(ctx?.cacheRead)} / ${fmt.number(ctx?.cacheWrite)}`,
                                             },
+                                            { label: t.raw('detailModelRequests'), value: fmt.number(ownLedger?.request_count) },
                                             { label: t.raw('detailUserMessages'), value: counts.user.toLocaleString() },
                                             {
                                                 label: t.raw('detailAssistantMessages'),
@@ -228,8 +247,8 @@ function SessionContextModalBody({ detachedRows, source, session, sessionRow, pr
                                             },
                                             { 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 })] })] }));
+                                        ].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(SpawnedSessionSection, { usage: ledger, projectId: source.projectId, onNavigate: onClose }), _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, 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 }) }) }));
+    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, onClose: () => onOpenChange(false) }) }) }));
 }

package/dist/session/thread/session-context-spawned-sessions.d.ts

@@ -0,0 +1,13 @@
+import type { SessionUsage } from '@kortix/sdk';
+/**
+ * The sessions this session spawned (`parent_session_id`, e.g. `kortix sessions
+ * create` from inside it), and the ones they spawned, with what each cost.
+ * The rows are the API's ledger read (`useSessionUsage`): the session first,
+ * then its descendants depth-first.
+ */
+export declare function SpawnedSessionSection({ usage, projectId, onNavigate, }: {
+    usage: SessionUsage | undefined;
+    projectId: string;
+    /** A row's link was followed: close the view. */
+    onNavigate?: () => void;
+}): import("react").JSX.Element | null;

package/dist/session/thread/session-context-spawned-sessions.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useTranslations } from '../../i18n/index.js';
+import { agentDisplayName } from '../../internal/components/agent-mark.js';
+import { HoverPrefetchLink } from '../../internal/components/hover-prefetch-link.js';
+import { formatSessionCostUsd } from '../../internal/billing/session-cost-format.js';
+import { projectSessionHref } from '../../internal/lib/navigation/session-href.js';
+import { Label } from '../../primitives/label.js';
+/**
+ * The sessions this session spawned (`parent_session_id`, e.g. `kortix sessions
+ * create` from inside it), and the ones they spawned, with what each cost.
+ * The rows are the API's ledger read (`useSessionUsage`): the session first,
+ * then its descendants depth-first.
+ */
+export function SpawnedSessionSection({ usage, projectId, onNavigate, }) {
+    const t = useTranslations('hardcodedUi.componentsSessionSessionContextModal');
+    const children = useMemo(() => {
+        const map = new Map();
+        for (const entry of usage?.sessions.slice(1) ?? []) {
+            if (!entry.parent_session_id)
+                continue;
+            const list = map.get(entry.parent_session_id) ?? [];
+            list.push(entry);
+            map.set(entry.parent_session_id, list);
+        }
+        return map;
+    }, [usage]);
+    if (!usage || (usage.sessions.length < 2 && usage.hidden_sessions === 0))
+        return null;
+    const root = usage.sessions[0];
+    const spawned = usage.sessions.length - 1;
+    return (_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: t.raw('spawnedLabel') }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.raw('spawnedNote') })] }), _jsxs("div", { className: "bg-popover rounded-md border", children: [_jsxs("div", { className: "text-muted-foreground grid grid-cols-[minmax(0,1fr)_auto_auto] gap-x-6 border-b px-4 py-2 text-xs", children: [_jsx("span", { children: t('spawnedCount', { count: spawned }) }), _jsx("span", { className: "text-right", children: t.raw('spawnedRequests') }), _jsx("span", { className: "w-20 text-right", children: t.raw('spawnedCost') })] }), _jsxs("div", { className: "px-2 py-2", children: [_jsx(UsageRow, { entry: root, projectId: projectId, label: t.raw('spawnedThisSession') }), (children.get(root.session_id) ?? []).map((entry) => (_jsx(UsageTreeNode, { entry: entry, childMap: children, projectId: projectId, onNavigate: onNavigate }, entry.session_id)))] }), _jsxs("div", { className: "text-foreground grid grid-cols-[minmax(0,1fr)_auto_auto] gap-x-6 border-t px-4 py-2 text-xs font-medium", children: [_jsx("span", { children: t.raw('spawnedTotal') }), _jsx("span", { className: "text-right tabular-nums", children: usage.total.request_count.toLocaleString() }), _jsx("span", { className: "w-20 text-right tabular-nums", children: formatSessionCostUsd(usage.total.cost) })] })] }), usage.hidden_sessions > 0 && (_jsx("p", { className: "text-muted-foreground text-xs", children: t('spawnedHidden', { count: usage.hidden_sessions }) })), usage.truncated && _jsx("p", { className: "text-muted-foreground text-xs", children: t.raw('spawnedTruncated') })] }));
+}
+function UsageTreeNode({ entry, childMap, projectId, onNavigate, }) {
+    const children = childMap.get(entry.session_id) ?? [];
+    return (_jsxs("div", { className: "border-border/30 ml-4 flex flex-col border-l pl-3", children: [_jsx(UsageRow, { entry: entry, projectId: projectId, onNavigate: onNavigate }), children.map((child) => (_jsx(UsageTreeNode, { entry: child, childMap: childMap, projectId: projectId, onNavigate: onNavigate }, child.session_id)))] }));
+}
+/** One session: its name (a link to it, except for the session being viewed), requests and cost. */
+function UsageRow({ entry, projectId, label, onNavigate, }) {
+    const t = useTranslations('hardcodedUi.componentsSessionSessionContextModal');
+    const name = entry.title ?? t.raw('spawnedUntitled');
+    return (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto_auto] items-baseline gap-x-6 rounded-md px-2 py-1.5 text-xs", children: [_jsxs("span", { className: "flex min-w-0 items-baseline gap-2", children: [label ? (_jsx("span", { className: "text-foreground truncate font-medium", children: label })) : (_jsx(HoverPrefetchLink, { href: projectSessionHref(projectId, entry.session_id), onClick: onNavigate, className: "text-foreground truncate font-medium underline-offset-2 hover:underline", children: name })), entry.agent_name && (_jsx("span", { className: "text-muted-foreground shrink-0 truncate", children: agentDisplayName(entry.agent_name) }))] }), _jsx("span", { className: "text-muted-foreground text-right tabular-nums", children: entry.request_count.toLocaleString() }), _jsx("span", { className: "text-foreground w-20 text-right tabular-nums", children: formatSessionCostUsd(entry.cost) })] }));
+}

package/dist/session/thread/session-context-sub-sessions.js

@@ -3,7 +3,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Button } from '../../primitives/button.js';
 import { useTranslations } from '../../i18n/index.js';
-import { formatUsdAsCredits } from '../../_vendor/kortix-shared.js';
+import { formatSessionCostUsd } from '../../internal/billing/session-cost-format.js';
 import { Label } from '../../primitives/label.js';
 import { cn } from '../../lib/utils.js';
 import { useSessionLogRecord, useSessionLogThread, useSessionSync } from '@kortix/sdk/react';
@@ -68,7 +68,6 @@ function LoadSubAgentThread({ id, scope, onFailed }) {
 }
 /** One sub-agent's row: its thread's metrics, and its own children under it. */
 function SubSessionTreeNode({ id, depth = 0, childMap, allSessions, metrics, messagesSuffix, loadFailed, requested, failed, onSeen, }) {
-    const tCredits = useTranslations('settings.credits');
     const [expanded, setExpanded] = useState(depth < 1);
     const rowRef = useRef(null);
     const isRequested = requested.has(id);
@@ -91,13 +90,12 @@ function SubSessionTreeNode({ id, depth = 0, childMap, allSessions, metrics, mes
     const title = allSessions.find((s) => s.id === id)?.title ?? id.slice(0, 12);
     const children = childMap.get(id) ?? [];
     const hasChildren = children.length > 0;
-    return (_jsxs("div", { className: cn('flex flex-col', depth > 0 && 'border-border/30 ml-4 border-l pl-3'), children: [_jsxs("button", { ref: rowRef, onClick: () => hasChildren && setExpanded(!expanded), className: cn('flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs', hasChildren && 'hover:bg-muted/40 cursor-pointer', !hasChildren && 'cursor-default'), children: [hasChildren ? (expanded ? (_jsx(CaretDownIcon, { className: "text-muted-foreground size-3 shrink-0" })) : (_jsx(CaretRightIcon, { className: "text-muted-foreground size-3 shrink-0" }))) : (_jsx("div", { className: "size-3 shrink-0" })), _jsx("span", { className: "text-foreground min-w-0 truncate font-medium", children: title }), own ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "text-muted-foreground ml-auto shrink-0 text-xs tabular-nums", children: [own.messages.all, " ", messagesSuffix] }), _jsx("span", { className: "text-muted-foreground shrink-0 tabular-nums", children: tCredits('creditCount', { count: own.cost * 100, formatted: formatUsdAsCredits(own.cost) }) })] })) : (
+    return (_jsxs("div", { className: cn('flex flex-col', depth > 0 && 'border-border/30 ml-4 border-l pl-3'), children: [_jsxs("button", { ref: rowRef, onClick: () => hasChildren && setExpanded(!expanded), className: cn('flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs', hasChildren && 'hover:bg-muted/40 cursor-pointer', !hasChildren && 'cursor-default'), children: [hasChildren ? (expanded ? (_jsx(CaretDownIcon, { className: "text-muted-foreground size-3 shrink-0" })) : (_jsx(CaretRightIcon, { className: "text-muted-foreground size-3 shrink-0" }))) : (_jsx("div", { className: "size-3 shrink-0" })), _jsx("span", { className: "text-foreground min-w-0 truncate font-medium", children: title }), own ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "text-muted-foreground ml-auto shrink-0 text-xs tabular-nums", children: [own.messages.all, " ", messagesSuffix] }), _jsx("span", { className: "text-muted-foreground shrink-0 tabular-nums", children: formatSessionCostUsd(own.cost) })] })) : (
                     // No thread yet: loading, not requested, or its read failed. Never a false "0 messages".
                     _jsx("span", { className: "text-muted-foreground ml-auto shrink-0 text-xs", children: failed.has(id) ? loadFailed : '—' }))] }), expanded && hasChildren && (_jsx("div", { className: "flex flex-col", children: children.map((childId) => (_jsx(SubSessionTreeNode, { id: childId, depth: depth + 1, childMap: childMap, allSessions: allSessions, metrics: metrics, messagesSuffix: messagesSuffix, loadFailed: loadFailed, requested: requested, failed: failed, onSeen: onSeen }, childId))) }))] }));
 }
 export function SubSessionSection({ source, session, allSessions, pricingLookup, fmt }) {
     const t = useTranslations('hardcodedUi.componentsSessionSessionContextModal');
-    const tCredits = useTranslations('settings.credits');
     const childMap = useMemo(() => (allSessions ? childMapByParent(allSessions) : new Map()), [allSessions]);
     const descendantIds = useMemo(() => (session ? allDescendantIds(childMap, session.id) : []), [childMap, session]);
     // The root's own metrics, plus every descendant's (the whole tree, whatever
@@ -131,10 +129,7 @@ export function SubSessionSection({ source, session, allSessions, pricingLookup,
             const loaded = descendantIds.filter((id) => metrics[id]).length;
             const totals = sumMetrics([rootMetrics, ...descendantIds.map((id) => metrics[id] ?? NO_METRICS)]);
             return (_jsxs("section", { className: "space-y-3", children: [!onLog &&
-                        [...requested].map((id) => _jsx(LoadSubAgentThread, { id: id, scope: scope, onFailed: onFailed }, id)), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: t.raw('subAgentsLabel') }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.raw('subAgentsNote') }), loaded < descendantIds.length && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-muted-foreground text-xs tabular-nums", children: t('subAgentsLoaded', { loaded, total: descendantIds.length }) }), !allRequested && (_jsx(Button, { variant: "outline", size: "xs", onClick: loadAll, children: t('loadAll') }))] }))] }), _jsxs("div", { className: "bg-popover rounded-md border", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4 px-4 py-4 lg:grid-cols-4", children: [_jsx(Stat, { label: t.raw('combinedCost'), value: tCredits('creditCount', {
-                                            count: totals.cost * 100,
-                                            formatted: formatUsdAsCredits(totals.cost),
-                                        }) }), _jsx(Stat, { label: t.raw('combinedMessages'), value: totals.messages.all.toLocaleString() }), _jsx(Stat, { label: t.raw('tokensIn'), value: fmt.number(totals.tokens.input) }), _jsx(Stat, { label: t.raw('tokensOut'), value: fmt.number(totals.tokens.output) })] }), _jsx("div", { className: "border-t px-2 py-2", children: (childMap.get(session.id) ?? []).map((childId) => (_jsx(SubSessionTreeNode, { id: childId, childMap: childMap, allSessions: allSessions, metrics: metrics, messagesSuffix: t.raw('treeMessages'), loadFailed: t.raw('subAgentLoadFailed'), requested: requested, failed: failed, onSeen: onSeen }, childId))) })] })] }));
+                        [...requested].map((id) => _jsx(LoadSubAgentThread, { id: id, scope: scope, onFailed: onFailed }, id)), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: t.raw('subAgentsLabel') }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.raw('subAgentsNote') }), loaded < descendantIds.length && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-muted-foreground text-xs tabular-nums", children: t('subAgentsLoaded', { loaded, total: descendantIds.length }) }), !allRequested && (_jsx(Button, { variant: "outline", size: "xs", onClick: loadAll, children: t('loadAll') }))] }))] }), _jsxs("div", { className: "bg-popover rounded-md border", children: [_jsxs("div", { className: "grid grid-cols-3 gap-4 px-4 py-4", children: [_jsx(Stat, { label: t.raw('combinedMessages'), value: totals.messages.all.toLocaleString() }), _jsx(Stat, { label: t.raw('tokensIn'), value: fmt.number(totals.tokens.input) }), _jsx(Stat, { label: t.raw('tokensOut'), value: fmt.number(totals.tokens.output) })] }), _jsx("div", { className: "border-t px-2 py-2", children: (childMap.get(session.id) ?? []).map((childId) => (_jsx(SubSessionTreeNode, { id: childId, childMap: childMap, allSessions: allSessions, metrics: metrics, messagesSuffix: t.raw('treeMessages'), loadFailed: t.raw('subAgentLoadFailed'), requested: requested, failed: failed, onSeen: onSeen }, childId))) })] })] }));
         } }));
 }
 function Stat({ label, value }) {

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

@@ -2,6 +2,7 @@ import { useTranslations } from '../../i18n/index.js';
 import { type SessionLogBlock, type SessionLogMessage, type SessionLogTurn, type SessionMessageAuthor, type SessionPrompt, type SessionPromptViewer, type TextBlock, type ToolCallBlock, type SessionLogReferencedText } from '@kortix/sdk';
 import type { AttachmentUploadStatus, NormalizedAttachment } from '../turn/user-message.js';
 import type { TurnServedModel } from '../turn/served-model.js';
+import { type NoticeBatchItem, type SubagentNotice } from '../turn/subagent-notice.js';
 import { type SentAttachment } from '../composer/sent-attachment-previews.js';
 import { type KortixSystemMessage, type SessionReport } from '../../internal/lib/utils/kortix-system-tags.js';
 import { type Command, type PermissionRequest, type QuestionRequest } from '../../internal/session-types/index.js';
@@ -289,6 +290,8 @@ export declare function promptTexts(message: SessionLogMessage): PromptText[];
  *  bubble's visibility, and the command pill. */
 declare function useTurnUserContent({ turn, commandMessages, commands, }: Pick<SessionTurnProps, 'turn' | 'commandMessages' | 'commands'>): {
     sessionReport: SessionReport | null;
+    noticeBatch: NoticeBatchItem[] | null;
+    subagentNotice: SubagentNotice | null;
     systemMessages: KortixSystemMessage[];
     hasVisibleUserContent: boolean;
     userMessageText: string;

package/dist/session/thread/transcript.js

@@ -50,7 +50,10 @@ import { sessionTurnDurationMs, sessionTurnEndedAt, sessionTurnSpan, } from './s
 import { Button } from '../../primitives/button.js';
 import { Disclosure, DisclosureContent, DisclosureTrigger } from '../../primitives/disclosure.js';
 import { useUserPreferencesStore } from '../../internal/stores/user-preferences-store.js';
-import { SubSessionModal } from './sub-session-modal.js';
+import { SubagentDialog } from '../agents/subagent-view.js';
+import { parseNoticeBatch, parseSubagentNotice } from '../turn/subagent-notice.js';
+import { SubagentNoticeRow } from '../turn/subagent-notice-row.js';
+import { NoticeBatchGroup } from '../turn/notice-batch-group.js';
 import { ToolPartRenderer, TurnLiveContext } from '../tool/tool-renderers.js';
 import { ImageGenDigestsContext, ImageGenPathsContext, ImageGenRunsContext, InTranscriptTurnContext, RecoveredCallsContext, } from '../tool/shared/infrastructure.js';
 import { imageDigestsShownByImageGen, imagePathsShownByImageGen, sessionLogImageGenRuns, showDrawnByImageGen } from '@kortix/sdk';
@@ -613,6 +616,27 @@ function useTurnUserContent({ turn, commandMessages, commands, }) {
         }
         return null;
     }, [texts]);
+    // Several notices the API coalesced into one prompt (`session-notice-batch.ts`): one group of
+    // compact rows. Read whether or not a session report is in it: idle notices carry none.
+    const noticeBatch = useMemo(() => {
+        for (const t of texts) {
+            const batch = parseNoticeBatch(t.text);
+            if (batch && batch.length > 1)
+                return batch;
+        }
+        return null;
+    }, [texts]);
+    // A background subagent's end notice (`subagentNoticeText` in the API): a compact row, not a card.
+    const subagentNotice = useMemo(() => {
+        if (!sessionReport || noticeBatch)
+            return null;
+        for (const t of texts) {
+            const notice = parseSubagentNotice(t.text);
+            if (notice)
+                return notice;
+        }
+        return null;
+    }, [texts, sessionReport, noticeBatch]);
     // Extract kortix_system messages for inline rendering (goal continuations, etc.)
     const systemMessages = useMemo(() => {
         const msgs = [];
@@ -624,7 +648,7 @@ function useTurnUserContent({ turn, commandMessages, commands, }) {
     }, [tI18nComplete, texts]);
     const hasVisibleUserContent = useMemo(() => {
         // Session reports render as their own card — don't show as user bubble
-        if (sessionReport)
+        if (sessionReport || noticeBatch)
             return false;
         // The prompt is not loaded (a long run's tail): its stand-in has no blocks
         // and must not render as the empty bubble a loading prompt would.
@@ -645,7 +669,7 @@ function useTurnUserContent({ turn, commandMessages, commands, }) {
         if (turn.user.blocks.some((b) => b.type === 'harness' && b.kind === 'agent'))
             return true;
         return false;
-    }, [turn.partial, turn.user.blocks, turn.attachments, texts, sessionReport]);
+    }, [turn.partial, turn.user.blocks, turn.attachments, texts, sessionReport, noticeBatch]);
     // User message text — for copy action
     const userMessageText = useMemo(() => {
         const out = [];
@@ -675,7 +699,7 @@ function useTurnUserContent({ turn, commandMessages, commands, }) {
         const source = Array.isArray(commands) ? commands.find((c) => c.name === commandForTurn.name)?.source : undefined;
         return source === 'skill' ? undefined : commandForTurn;
     }, [commandForTurn, commands]);
-    return { sessionReport, systemMessages, hasVisibleUserContent, userMessageText, commandForTurn, commandOutput };
+    return { sessionReport, noticeBatch, subagentNotice, systemMessages, hasVisibleUserContent, userMessageText, commandForTurn, commandOutput };
 }
 /** The throttled working status of the working turn: one status change per
  *  2.5 s, keyed on the turn's parts. */
@@ -952,17 +976,17 @@ function TurnCompactionOutcome(props) {
  *  Owns the modal state: it is the only consumer. */
 function TurnSessionReport({ report }) {
     const [sessionReportModalOpen, setSessionReportModalOpen] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(SessionReportCard, { report: report, onOpen: () => setSessionReportModalOpen(true) }), _jsx(SubSessionModal, { open: sessionReportModalOpen, onOpenChange: setSessionReportModalOpen, sessionId: report.sessionId, title: `Worker${report.project ? ` · ${report.project}` : ''}` })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(SessionReportCard, { report: report, onOpen: () => setSessionReportModalOpen(true) }), _jsx(SubagentDialog, { open: sessionReportModalOpen, onOpenChange: setSessionReportModalOpen, sessionId: report.sessionId, title: `Worker${report.project ? ` · ${report.project}` : ''}` })] }));
 }
 /** The user side of a turn: the report card, the system-pill line, and the
  *  user bubble (hidden for notification-only turns). */
 function TurnUserBlock(props) {
     const { userContent } = props;
-    const { sessionReport, systemMessages, hasVisibleUserContent } = userContent;
+    const { sessionReport, noticeBatch, subagentNotice, systemMessages, hasVisibleUserContent } = userContent;
     // P5.6: the note a partial restore left for the agent is a notice, not a person's prompt.
     if (isSessionLogRestoreNote(props.turn.user))
         return _jsx(RestoreNoteMarker, {});
-    return (_jsxs(_Fragment, { children: [sessionReport && _jsx(TurnSessionReport, { report: sessionReport }), !hasVisibleUserContent && !sessionReport && systemMessages.length > 0 && (_jsx(SystemMessageIndicator, { messages: systemMessages })), hasVisibleUserContent && _jsx(TurnUserBubble, { ...props })] }));
+    return (_jsxs(_Fragment, { children: [noticeBatch ? (_jsx(NoticeBatchGroup, { items: noticeBatch })) : subagentNotice ? (_jsx(SubagentNoticeRow, { notice: subagentNotice })) : (sessionReport && _jsx(TurnSessionReport, { report: sessionReport })), !hasVisibleUserContent && !sessionReport && !noticeBatch && systemMessages.length > 0 && (_jsx(SystemMessageIndicator, { messages: systemMessages })), hasVisibleUserContent && _jsx(TurnUserBubble, { ...props })] }));
 }
 /** The user message bubble — dimmed while the prompt waits in the queue. */
 function TurnUserBubble(props) {
@@ -1265,7 +1289,7 @@ function SessionTurnImpl(props) {
             : rows.owner;
         const personName = person ? participantLabel(person) : '';
         const showAnswer = turn.assistant.length > 0 || model.working || !!errors.turnErrorRow.text;
-        return (_jsxs("div", { className: "text-factor-[2]", children: [userContent.hasVisibleUserContent || userContent.sessionReport || userContent.systemMessages.length > 0 ? (_jsx(MessageRow
+        return (_jsxs("div", { className: "text-factor-[2]", children: [userContent.hasVisibleUserContent || userContent.sessionReport || userContent.noticeBatch || userContent.systemMessages.length > 0 ? (_jsx(MessageRow
                 // The first message's turn clips its toolbar's overhang: it sits inside the row.
                 , { 
                     // The first message's turn clips its toolbar's overhang: it sits inside the row.

package/dist/session/tool/shared/full-view-action.d.ts

@@ -0,0 +1,29 @@
+/**
+ * The way into the sub-agent's own session, pinned to the right edge of the row.
+ *
+ * It used to be a ghost `Button` at the BOTTOM of the disclosure body, and that
+ * was wrong twice over. It sat at the body's left margin — the chain's icon
+ * gutter — so it read as one more step in the sub-agent's list rather than as
+ * an action on the agent. And it was reachable only by expanding the row, which
+ * is backwards for a sub-agent that has not produced a step yet: that is the
+ * one moment the full view is the ONLY thing there is to look at.
+ *
+ * A `span role="button"`, not a `<button>`. This node renders inside the
+ * disclosure's trigger, and `DisclosureTrigger` clones that trigger into its own
+ * `role="button"` element — a button nested in a button is invalid HTML. The
+ * subtitle link in `InlineTriggerTitle` is the same shape for the same reason.
+ * Both activation paths `stopPropagation` so reaching the full view does not
+ * also toggle the row underneath it.
+ *
+ * Visible label "Full view", accessible name "Open full view". The row already
+ * carries a title plus a live subtitle that has to truncate, so the right edge
+ * gets the two words that matter; the longer name rides on `aria-label` and
+ * `title`, and it CONTAINS the visible text, so WCAG 2.5.3 (Label in Name)
+ * holds.
+ *
+ * Always visible, never hover-revealed: a hover-only affordance does not exist
+ * on touch, and this is the only route to a running sub-agent's full transcript.
+ */
+export declare function FullViewAction({ onOpen }: {
+    onOpen: () => void;
+}): import("react").JSX.Element;

package/dist/session/tool/shared/full-view-action.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslations } from '../../../i18n/index.js';
+import { cn } from '../../../lib/utils.js';
+/**
+ * The way into the sub-agent's own session, pinned to the right edge of the row.
+ *
+ * It used to be a ghost `Button` at the BOTTOM of the disclosure body, and that
+ * was wrong twice over. It sat at the body's left margin — the chain's icon
+ * gutter — so it read as one more step in the sub-agent's list rather than as
+ * an action on the agent. And it was reachable only by expanding the row, which
+ * is backwards for a sub-agent that has not produced a step yet: that is the
+ * one moment the full view is the ONLY thing there is to look at.
+ *
+ * A `span role="button"`, not a `<button>`. This node renders inside the
+ * disclosure's trigger, and `DisclosureTrigger` clones that trigger into its own
+ * `role="button"` element — a button nested in a button is invalid HTML. The
+ * subtitle link in `InlineTriggerTitle` is the same shape for the same reason.
+ * Both activation paths `stopPropagation` so reaching the full view does not
+ * also toggle the row underneath it.
+ *
+ * Visible label "Full view", accessible name "Open full view". The row already
+ * carries a title plus a live subtitle that has to truncate, so the right edge
+ * gets the two words that matter; the longer name rides on `aria-label` and
+ * `title`, and it CONTAINS the visible text, so WCAG 2.5.3 (Label in Name)
+ * holds.
+ *
+ * Always visible, never hover-revealed: a hover-only affordance does not exist
+ * on touch, and this is the only route to a running sub-agent's full transcript.
+ */
+export function FullViewAction({ onOpen }) {
+    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    return (_jsx("span", { role: "button", tabIndex: 0, "aria-label": tI18nComplete.raw('text229fbeec6b2f'), title: tI18nComplete.raw('text229fbeec6b2f'), onClick: (e) => {
+            e.stopPropagation();
+            onOpen();
+        }, onKeyDown: (e) => {
+            if (e.key !== 'Enter' && e.key !== ' ')
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            onOpen();
+        }, className: cn('text-muted-foreground hover:text-foreground', 'flex cursor-pointer items-center gap-1 whitespace-nowrap', 'underline-offset-2 transition-colors hover:underline'), children: tI18nComplete.raw('textdcc839a4015c') }));
+}

package/dist/session/tool/tool-part-renderer.js

@@ -10,7 +10,9 @@ import { ToolError } from './tool-error.js';
 import { replyToInlinePermission } from './inline-permission-reply.js';
 import { errorToast } from '../../primitives/toast.js';
 import { cn } from '../../lib/utils.js';
-import { partError, partStreamingInput } from './shared/infrastructure-parts.js';
+import { partError, partMetadata, partStreamingInput } from './shared/infrastructure-parts.js';
+import { kortixCardTool, parseKortixToolResult } from './tools/kortix-tool-card.js';
+import { isWorkflowTool, parseWorkflowRun } from './tools/workflow-run.js';
 import { PERMISSION_LABELS, getChildSessionId, shouldShowToolPart, } from '../../internal/session-types/index.js';
 import { sessionLogCallStatus, sessionLogOpenCall, toolKind } from '@kortix/sdk';
 import { useTranslations } from '../../i18n/index.js';
@@ -81,7 +83,13 @@ function ToolPartRendererImpl({ call: given, sessionId, permission, question, on
     // A failed codemode script keeps its partial output and the calls it made before
     // the failure: its own row draws them, with the error. The image card draws its
     // failure (with the Connect ChatGPT action) and a stop in place of the image.
-    const drawsOwnError = childBearingTaskError || call.name === 'codemode' || call.name === 'image_gen';
+    // A My Kortix platform call that threw its result keeps its card ("Needs a permission",
+    // who can grant it), and a failed workflow keeps its agents' rows and their sessions.
+    const drawsOwnError = childBearingTaskError ||
+        call.name === 'codemode' ||
+        call.name === 'image_gen' ||
+        (errorStr !== undefined && kortixCardTool(call.name) !== undefined && parseKortixToolResult(errorStr, call.name) !== null) ||
+        (errorStr !== undefined && isWorkflowTool(call.name) && parseWorkflowRun(partMetadata(call)) !== null);
     if (errorStr !== undefined && !drawsOwnError) {
         const { display, server } = (() => {
             const slashIdx = call.name.lastIndexOf('/');

package/dist/session/tool/tools/agent-message-tool.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { SubSessionModal } from '../../thread/sub-session-modal.js';
+import { SubagentDialog } from '../../agents/subagent-view.js';
 import { BasicTool, isErrorOutput, partInput, partOutput, partStatus, ToolOutputFallback, } from '../shared/infrastructure.js';
 import { ToolRegistry } from '../shared/registry.js';
 import { useTranslations } from '../../../i18n/index.js';
@@ -24,6 +24,6 @@ export function AgentMessageTool({ call, defaultOpen, forceOpen }) {
                     title: tI18nComplete.raw('text8833ce4e6595'),
                     subtitle: taskId ? taskId.slice(-12) : undefined,
                     args: isError ? ['failed'] : undefined,
-                }, onSubtitleClick: hasSession ? () => setModalOpen(true) : undefined, defaultOpen: defaultOpen, forceOpen: forceOpen, children: isError ? (_jsx(ToolOutputFallback, { output: output, toolName: "agent_message" })) : rawMessage ? (_jsx("div", { className: "text-muted-foreground px-3 py-2 text-xs leading-relaxed whitespace-pre-wrap", children: rawMessage })) : null }), hasSession && (_jsx(SubSessionModal, { open: modalOpen, onOpenChange: setModalOpen, sessionId: childSessionId, title: tI18nComplete('text8116da8fa64c', { value0: taskId || 'worker' }) }))] }));
+                }, onSubtitleClick: hasSession ? () => setModalOpen(true) : undefined, defaultOpen: defaultOpen, forceOpen: forceOpen, children: isError ? (_jsx(ToolOutputFallback, { output: output, toolName: "agent_message" })) : rawMessage ? (_jsx("div", { className: "text-muted-foreground px-3 py-2 text-xs leading-relaxed whitespace-pre-wrap", children: rawMessage })) : null }), hasSession && (_jsx(SubagentDialog, { open: modalOpen, onOpenChange: setModalOpen, sessionId: childSessionId, title: tI18nComplete('text8116da8fa64c', { value0: taskId || 'worker' }) }))] }));
 }
 ToolRegistry.register('agent-message', AgentMessageTool);

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { SubSessionModal } from '../../thread/sub-session-modal.js';
+import { SubagentDialog } from '../../agents/subagent-view.js';
 import { BasicTool, firstMeaningfulLine, getAgentCardLabel, parseJsonFailure, partInput, partOutput, partStatus, ToolOutputFallback, ToolSurfaceContext, } from '../shared/infrastructure.js';
 import { OutputBlock } from '../shared/output-block.js';
 import { ToolRegistry } from '../shared/registry.js';
@@ -59,7 +59,7 @@ export function AgentSpawnTool({ call, defaultOpen, forceOpen }) {
                     // inside the row card's. `-mx-3` cancels the body's horizontal inset
                     // so the `border-t` spans the card edge to edge, `px-3` puts the
                     // content back where it was, and only the top inset survives.
-                    _jsx("div", { className: "border-border/30 -mx-3 border-t px-3 pt-3", children: _jsx(SubAgentActivity, { childSessionId: childSessionId, calls: childCalls }) })), _jsx(SubAgentStatusBanner, { childSessionId: childSessionId, childThread: childThread })] }), hasSession && (_jsx(SubSessionModal, { open: modalOpen, onOpenChange: setModalOpen, sessionId: childSessionId, title: description }))] }));
+                    _jsx("div", { className: "border-border/30 -mx-3 border-t px-3 pt-3", children: _jsx(SubAgentActivity, { childSessionId: childSessionId, calls: childCalls }) })), _jsx(SubAgentStatusBanner, { childSessionId: childSessionId, childThread: childThread })] }), hasSession && (_jsx(SubagentDialog, { open: modalOpen, onOpenChange: setModalOpen, sessionId: childSessionId, title: description }))] }));
 }
 ToolRegistry.register('agent-spawn', AgentSpawnTool);
 ToolRegistry.register('agent-task', AgentSpawnTool);

package/dist/session/tool/tools/agent-status-tool.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Badge } from '../../../primitives/badge.js';
 import Loading from '../../../primitives/loading.js';
 import { STATUS_TEXT } from '../../../primitives/status.js';
-import { SubSessionModal } from '../../thread/sub-session-modal.js';
+import { SubagentDialog } from '../../agents/subagent-view.js';
 import { BasicTool, isErrorOutput, partOutput, partStatus, ToolOutputFallback, } from '../shared/infrastructure.js';
 import { ToolRegistry } from '../shared/registry.js';
 import { cn } from '../../../lib/utils.js';
@@ -38,7 +38,7 @@ export function AgentStatusTool({ call, defaultOpen, forceOpen }) {
                                         setModalTitle(row.title);
                                     }
                                 }, className: cn('border-border/20 flex items-center gap-2.5 px-3 py-2', i > 0 && 'border-t', hasSession && 'hover:bg-accent/50 cursor-pointer transition-colors'), children: [isActive ? (_jsx(Loading, { className: "text-muted-foreground size-3 shrink-0" })) : row.status === 'completed' ? (_jsx(Check, { className: cn('size-3 shrink-0', STATUS_TEXT.success) })) : row.status === 'input_needed' ? (_jsx(Clock, { className: cn('size-3 shrink-0', STATUS_TEXT.warning) })) : row.status === 'cancelled' ? (_jsx(X, { className: "text-muted-foreground/40 size-3 shrink-0" })) : (_jsx(Circle, { className: "text-muted-foreground/40 size-3 shrink-0" })), _jsx("span", { className: "text-foreground/80 flex-1 truncate text-xs", children: row.title }), _jsx("span", { className: "text-muted-foreground/50 shrink-0 font-mono text-xs", children: row.id.slice(-8) }), hasSession && (_jsx(ChevronRight, { className: "text-muted-foreground/20 size-3 shrink-0" }))] }, row.id));
-                        }) })), !isRunning && isError && _jsx(ToolOutputFallback, { output: output, toolName: "agent_status" }), !isRunning && !isError && taskRows.length === 0 && cleanedOutput && (_jsx(OutputBlock, { text: cleanedOutput }))] }), modalSessionId && (_jsx(SubSessionModal, { open: !!modalSessionId, onOpenChange: (open) => {
+                        }) })), !isRunning && isError && _jsx(ToolOutputFallback, { output: output, toolName: "agent_status" }), !isRunning && !isError && taskRows.length === 0 && cleanedOutput && (_jsx(OutputBlock, { text: cleanedOutput }))] }), modalSessionId && (_jsx(SubagentDialog, { open: !!modalSessionId, onOpenChange: (open) => {
                     if (!open)
                         setModalSessionId(null);
                 }, sessionId: modalSessionId, title: modalTitle }))] }));

package/dist/session/tool/tools/kortix-action-tool.d.ts

@@ -0,0 +1,2 @@
+import type { ToolProps } from '../shared/types.js';
+export declare function KortixActionTool(props: ToolProps): import("react").JSX.Element;