@agent-native/toolkit 0.204.0 → 0.204.1-nightly-20261008065100

package/dist/app/agentkit/react/components.js

@@ -1311,37 +1311,22 @@ function AgentMentionIcon({ icon }) {
             return _jsx(IconStack2, { ...props });
     }
 }
+// Only the composer's serialized `@[label|icon]` form is a mention. A bare
+// "@word" is whatever the user typed — an address, a handle, "@3pm" — and
+// rendering it as a chip claims a reference the message never carried.
 function renderUserMessageText(text) {
     const richMatches = Array.from(text.matchAll(/@\[([^\]|]+)\|([^\]]+)\]/g));
-    if (richMatches.length) {
-        const parts = [];
-        let lastIndex = 0;
-        richMatches.forEach((match, index) => {
-            const start = match.index ?? 0;
-            if (start > lastIndex)
-                parts.push(text.slice(lastIndex, start));
-            const label = match[1] ?? "";
-            parts.push(_jsxs("span", { className: "agentkit-mention", "data-mention-label": label, children: [_jsx(AgentMentionIcon, { icon: match[2] ?? "" }), _jsx("span", { className: "agentkit-mention-label", children: label })] }, `rich-mention:${start}:${index}`));
-            lastIndex = start + match[0].length;
-        });
-        if (lastIndex < text.length)
-            parts.push(text.slice(lastIndex));
-        return parts;
-    }
-    const plainMatches = Array.from(text.matchAll(/(^|\s)@(\w+)/g));
-    if (!plainMatches.length)
+    if (!richMatches.length)
         return [text];
     const parts = [];
     let lastIndex = 0;
-    plainMatches.forEach((match, index) => {
-        const matchIndex = match.index ?? 0;
-        const start = matchIndex + (match[1]?.length ?? 0);
-        const end = matchIndex + match[0].length;
+    richMatches.forEach((match, index) => {
+        const start = match.index ?? 0;
         if (start > lastIndex)
             parts.push(text.slice(lastIndex, start));
-        const label = match[2] ?? "";
-        parts.push(_jsxs("span", { className: "agentkit-mention agentkit-mention--plain", "data-mention-label": label, children: ["@", label] }, `plain-mention:${start}:${index}`));
-        lastIndex = end;
+        const label = match[1] ?? "";
+        parts.push(_jsxs("span", { className: "agentkit-mention", "data-mention-label": label, children: [_jsx(AgentMentionIcon, { icon: match[2] ?? "" }), _jsx("span", { className: "agentkit-mention-label", children: label })] }, `rich-mention:${start}:${index}`));
+        lastIndex = start + match[0].length;
     });
     if (lastIndex < text.length)
         parts.push(text.slice(lastIndex));
@@ -1537,7 +1522,7 @@ async function forkAndResubmitMessage({ controller, threadId, messages, sourceMe
     });
 }
 export function AgentMessageActions({ value: message, threadId, }) {
-    const { controller, labels, slots, onThreadForked, onCopyMessage, branchNavigation, loadRunUsage, } = useAgentKit();
+    const { controller, labels, slots, onThreadForked, onCopyMessage, buildFeedbackReport, branchNavigation, loadRunUsage, } = useAgentKit();
     const thread = useAgentThread(threadId);
     const feedbackCapability = useAgentCapability("feedback");
     const forkingCapability = useAgentCapability("threadForking");
@@ -1555,6 +1540,8 @@ export function AgentMessageActions({ value: message, threadId, }) {
     const [feedbackReasonSubmitted, setFeedbackReasonSubmitted] = useState(false);
     const copiedTimer = useRef(null);
     const [requestIdCopied, setRequestIdCopied] = useState(false);
+    const [feedbackDetailsCopied, setFeedbackDetailsCopied] = useState(false);
+    const feedbackDetailsCopiedTimer = useRef(null);
     const [actionsMenuOpen, setActionsMenuOpen] = useState(false);
     const [usageDetails, setUsageDetails] = useState(null);
     const usageCacheRef = useRef(null);
@@ -1614,6 +1601,8 @@ export function AgentMessageActions({ value: message, threadId, }) {
             clearTimeout(copiedTimer.current);
         if (requestIdCopiedTimer.current)
             clearTimeout(requestIdCopiedTimer.current);
+        if (feedbackDetailsCopiedTimer.current)
+            clearTimeout(feedbackDetailsCopiedTimer.current);
     }, [message.id]);
     const copyAction = useAgentKitMutation(async () => {
         const handled = await onCopyMessage?.({ message, text });
@@ -1654,6 +1643,23 @@ export function AgentMessageActions({ value: message, threadId, }) {
             setRequestIdCopied(false);
         }, 1_400);
     }, `${threadId}:${message.id}:request-id:${requestId ?? "unavailable"}`);
+    const copyFeedbackDetailsAction = useAgentKitMutation(async () => {
+        if (!buildFeedbackReport)
+            throw new Error(labels.copyUnavailable);
+        const report = buildFeedbackReport({
+            threadId,
+            ...(runId ? { runId } : {}),
+            messageId: message.id,
+            note: feedbackReason,
+        });
+        if (!(await writeClipboardText(report))) {
+            throw new Error(labels.copyUnavailable);
+        }
+        setFeedbackDetailsCopied(true);
+        if (feedbackDetailsCopiedTimer.current)
+            clearTimeout(feedbackDetailsCopiedTimer.current);
+        feedbackDetailsCopiedTimer.current = setTimeout(() => setFeedbackDetailsCopied(false), 1_400);
+    }, `${threadId}:${message.id}:feedback-details`);
     const forkAction = useAgentKitMutation(async () => {
         const thread = await control.fork(message.id);
         onThreadForked?.(thread);
@@ -1686,6 +1692,12 @@ export function AgentMessageActions({ value: message, threadId, }) {
             setFeedback(previous);
         }
     };
+    const addFeedbackReason = (reason) => setFeedbackReason((current) => {
+        if (current.includes(reason))
+            return current;
+        const trimmed = current.trim();
+        return (trimmed ? `${trimmed}. ${reason}` : reason).slice(0, 2_000);
+    });
     const submitFeedbackReason = async (event) => {
         event.preventDefault();
         const reason = feedbackReason.trim();
@@ -1705,6 +1717,7 @@ export function AgentMessageActions({ value: message, threadId, }) {
         feedbackAction.error ??
         branchNavigationAction.error ??
         requestIdAction.error ??
+        copyFeedbackDetailsAction.error ??
         forkAction.error ??
         regenerateAction.error;
     const usageMenuItems = hasRunUsage
@@ -1833,10 +1846,19 @@ export function AgentMessageActions({ value: message, threadId, }) {
                                             setFeedbackReasonOpen(open);
                                             if (open)
                                                 setFeedbackReasonSubmitted(false);
-                                        }, placement: "bottom", align: "start", className: "agentkit-feedback-popover", trigger: _jsx(IconButton, { label: labels.negativeFeedback, icon: _jsx(IconThumbDown, { "aria-hidden": "true" }), size: "compact", "aria-pressed": feedback === "negative", pending: feedbackAction.pending && feedback === "negative", disabled: feedbackAction.pending || !feedbackCapability.enabled, title: feedbackCapability.reason, onPress: () => void updateFeedback("negative") }), children: _jsxs("form", { className: "agentkit-feedback-form", onSubmit: submitFeedbackReason, children: [_jsx(TextArea, { label: labels.feedbackWhatWentWrong, value: feedbackReason, onChange: setFeedbackReason, placeholder: labels.feedbackPlaceholder, rows: 3, maxLength: 2_000, disabled: feedbackAction.pending, className: "agentkit-feedback-textarea" }), _jsxs("div", { className: "agentkit-feedback-footer", children: [_jsx("span", { children: labels.feedbackKeyboardHint.replace("{{shortcut}}", typeof navigator !== "undefined" &&
+                                        }, placement: "bottom", align: "start", className: "agentkit-feedback-popover", trigger: _jsx(IconButton, { label: labels.negativeFeedback, icon: _jsx(IconThumbDown, { "aria-hidden": "true" }), size: "compact", "aria-pressed": feedback === "negative", pending: feedbackAction.pending && feedback === "negative", disabled: feedbackAction.pending || !feedbackCapability.enabled, title: feedbackCapability.reason, onPress: () => void updateFeedback("negative") }), children: _jsxs("form", { className: "agentkit-feedback-form", onSubmit: submitFeedbackReason, children: [_jsx(TextArea, { label: labels.feedbackWhatWentWrong, value: feedbackReason, onChange: setFeedbackReason, placeholder: labels.feedbackPlaceholder, rows: 3, maxLength: 2_000, disabled: feedbackAction.pending, className: "agentkit-feedback-textarea" }), _jsx("div", { className: "agentkit-feedback-reasons", children: [
+                                                        labels.feedbackReasonMisread,
+                                                        labels.feedbackReasonNotDone,
+                                                        labels.feedbackReasonWrongNumbers,
+                                                        labels.feedbackReasonTooSlow,
+                                                    ].map((reason) => (_jsx(ActionButton, { type: "button", size: "compact", emphasis: "outline", disabled: feedbackAction.pending, onPress: () => addFeedbackReason(reason), children: reason }, reason))) }), _jsxs("div", { className: "agentkit-feedback-footer", children: [_jsx("span", { children: labels.feedbackKeyboardHint.replace("{{shortcut}}", typeof navigator !== "undefined" &&
                                                                 /Mac|iPhone|iPad/.test(navigator.userAgent)
                                                                 ? "⌘"
-                                                                : "Ctrl") }), _jsx(ActionButton, { type: "submit", intent: "primary", size: "compact", pending: feedbackAction.pending, disabled: feedbackAction.pending || !feedbackReason.trim(), children: labels.feedbackSubmit })] })] }) }), feedbackReasonSubmitted ? (_jsx("span", { className: "agentkit-visually-hidden", "aria-live": "polite", children: labels.feedbackSubmitted })) : null] })) : null] }), _jsxs("div", { className: "agentkit-message-actions-trailing", children: [isLastAssistantMessage &&
+                                                                : "Ctrl") }), _jsxs("div", { className: "agentkit-feedback-actions", children: [buildFeedbackReport ? (_jsx(ActionButton, { type: "button", size: "compact", emphasis: "ghost", leadingIcon: feedbackDetailsCopied ? (_jsx(IconCircleCheck, { size: 14, "aria-hidden": "true" })) : (_jsx(IconCopy, { size: 14, "aria-hidden": "true" })), pending: copyFeedbackDetailsAction.pending, onPress: () => void copyFeedbackDetailsAction
+                                                                        .execute()
+                                                                        .catch(() => undefined), children: feedbackDetailsCopied
+                                                                        ? labels.copied
+                                                                        : labels.feedbackCopyDetails })) : null, _jsx(ActionButton, { type: "submit", intent: "primary", size: "compact", pending: feedbackAction.pending, disabled: feedbackAction.pending || !feedbackReason.trim(), children: labels.feedbackSubmit })] })] })] }) }), feedbackReasonSubmitted ? (_jsx("span", { className: "agentkit-visually-hidden", "aria-live": "polite", children: labels.feedbackSubmitted })) : null] })) : null] }), _jsxs("div", { className: "agentkit-message-actions-trailing", children: [isLastAssistantMessage &&
                                 previousUserMessage &&
                                 forkingCapability.visible &&
                                 onThreadForked ? (_jsx(IconButton, { label: labels.regenerateResponse, icon: _jsx(IconRefresh, { "aria-hidden": "true" }), size: "compact", pending: regenerateAction.pending, disabled: regenerateAction.pending ||
@@ -1912,7 +1934,25 @@ function stripAgentContextMetadata(metadata) {
 }
 export function AgentRunFailure({ error, runId, threadId, }) {
     const { labels } = useAgentKit();
-    return (_jsxs("div", { className: "agentkit-run-failure", "data-error-code": error.code, "data-run-id": runId, "data-thread-id": threadId, role: "alert", children: [_jsx(IconAlertCircle, { "aria-hidden": "true", className: "agentkit-icon" }), _jsxs("div", { className: "agentkit-run-failure-copy", children: [_jsx("strong", { children: labels.runFailed }), _jsx("span", { children: error.message })] })] }));
+    const control = useAgentKitControl(threadId);
+    const thread = useAgentThread(threadId);
+    const [continuing, setContinuing] = useState(false);
+    const [continueFailed, setContinueFailed] = useState(false);
+    // Continuing resumes the stopped run's own turn, so only that turn's newest
+    // run can be continued; once anything ran after it, the card is history.
+    const startedAt = thread.runs[runId]?.startedAt;
+    const superseded = Object.values(thread.runs).some((run) => run.id !== runId &&
+        Boolean(run.startedAt && startedAt && run.startedAt > startedAt));
+    const canContinue = error.retryable === true && control.canContinueRun && !superseded;
+    const continueRun = () => {
+        setContinuing(true);
+        setContinueFailed(false);
+        control.continueRun(runId).catch(() => {
+            setContinuing(false);
+            setContinueFailed(true);
+        });
+    };
+    return (_jsxs("div", { className: "agentkit-run-failure", "data-error-code": error.code, "data-run-id": runId, "data-thread-id": threadId, role: "alert", children: [_jsx(IconAlertCircle, { "aria-hidden": "true", className: "agentkit-icon" }), _jsxs("div", { className: "agentkit-run-failure-copy", children: [_jsx("strong", { children: labels.runFailed }), _jsx("span", { children: error.message }), canContinue ? (_jsx("div", { className: "agentkit-error-actions", children: _jsx(ActionButton, { emphasis: "outline", size: "compact", pending: continuing, onPress: continueRun, children: labels.continueRun }) })) : null, continueFailed ? (_jsx("span", { className: "agentkit-command-error", children: labels.continueRunUnavailable })) : null] })] }));
 }
 export function AgentConnectionErrorView({ error, threadId, recover, recovering, recoveryError, }) {
     const { labels } = useAgentKit();
@@ -2691,9 +2731,62 @@ export function AgentKitChat({ title, toolbar, composer = true, composerProps, h
         return error ? (_jsx(RunFailure, { error: error, runId: runId, threadId: threadId })) : null;
     };
     const renderRunWork = ({ runId, anchor, afterSequence, throughSequence, }) => (_jsxs(AgentKitSurfaceBoundary, { surface: "activity", resetKey: `${runId}:${anchor}:${thread.events.length}`, children: [_jsx(AgentCollaborationFeed, { runId: runId, afterSequence: afterSequence, throughSequence: throughSequence }), _jsx(AgentTaskGroup, { runId: runId, afterSequence: afterSequence, throughSequence: throughSequence }), _jsx(AgentActivityGroup, { runId: runId, afterSequence: afterSequence, throughSequence: throughSequence, excludeAgentActivities: true, isCurrentSegment: throughSequence === undefined })] }, `run-work:${threadId}:${runId}:${anchor}`));
+    const renderRunTail = (runId) => {
+        const items = [];
+        if (pendingRuns.has(runId)) {
+            const boundary = lastAssistantMessagesByRun.get(runId);
+            items.push(renderRunWork({
+                runId,
+                anchor: boundary?.id ?? "start",
+                afterSequence: boundary?.sequence,
+            }));
+        }
+        if (failedRuns.has(runId)) {
+            items.push(_jsx(AgentKitSurfaceBoundary, { surface: "activity", resetKey: `${runId}:${thread.events.length}`, children: renderRunFailure(runId) }, `run-failure:${runId}`));
+        }
+        return items;
+    };
+    // A run's work after its last reply, and its failure, belong to its turn: a
+    // finished run's tail goes before the first message written after it ended.
+    const runEndedAt = new Map();
+    for (const event of thread.events) {
+        const occurredAt = Date.parse(event.occurredAt);
+        if (!Number.isFinite(occurredAt))
+            continue;
+        runEndedAt.set(event.runId, Math.max(runEndedAt.get(event.runId) ?? occurredAt, occurredAt));
+    }
+    const tailRunIds = Array.from(new Set([
+        ...pendingRunIds,
+        ...Array.from(failedRuns.keys()).filter((runId) => !lastAssistantMessagesByRun.has(runId)),
+    ]));
+    const tailsBeforeMessage = new Map();
+    const tailsAtEnd = [];
+    for (const runId of tailRunIds) {
+        const status = thread.runs[runId]?.status;
+        const endedAt = runEndedAt.get(runId);
+        const lastOwnMessage = thread.messages.findLastIndex((message) => messageRunIds.get(message.id) === runId);
+        const before = endedAt !== undefined &&
+            (status === "completed" || status === "failed" || status === "cancelled")
+            ? thread.messages.findIndex((message, index) => index > lastOwnMessage &&
+                messageRunIds.get(message.id) !== runId &&
+                Date.parse(message.createdAt ?? "") > endedAt)
+            : -1;
+        if (before === -1) {
+            tailsAtEnd.push(runId);
+        }
+        else {
+            tailsBeforeMessage.set(before, [
+                ...(tailsBeforeMessage.get(before) ?? []),
+                runId,
+            ]);
+        }
+    }
     const transcriptItems = [];
     const previousAssistantByRun = new Map();
-    for (const message of thread.messages) {
+    for (const [messageIndex, message] of thread.messages.entries()) {
+        for (const runId of tailsBeforeMessage.get(messageIndex) ?? []) {
+            transcriptItems.push(...renderRunTail(runId));
+        }
         const runId = messageRunIds.get(message.id);
         const sequence = messageBoundarySequences.get(message.id);
         const isAssistantBoundary = message.role === "assistant" &&
@@ -2745,22 +2838,8 @@ export function AgentKitChat({ title, toolbar, composer = true, composerProps, h
             transcriptItems.push(_jsx(AgentKitSurfaceBoundary, { surface: "activity", resetKey: `${runId}:${thread.events.length}`, children: renderRunFailure(runId) }, `run-failure:${runId}`));
         }
     }
-    for (const runId of pendingRunIds) {
-        const boundary = lastAssistantMessagesByRun.get(runId);
-        transcriptItems.push(renderRunWork({
-            runId,
-            anchor: boundary?.id ?? "start",
-            afterSequence: boundary?.sequence,
-        }));
-        if (failedRuns.has(runId)) {
-            transcriptItems.push(_jsx(AgentKitSurfaceBoundary, { surface: "activity", resetKey: `${runId}:${thread.events.length}`, children: renderRunFailure(runId) }, `run-failure:${runId}`));
-        }
-    }
-    for (const [runId] of failedRuns) {
-        if (lastAssistantMessagesByRun.has(runId) || pendingRuns.has(runId)) {
-            continue;
-        }
-        transcriptItems.push(_jsx(AgentKitSurfaceBoundary, { surface: "activity", resetKey: `${runId}:${thread.events.length}`, children: renderRunFailure(runId) }, `run-failure:${runId}`));
+    for (const runId of tailsAtEnd) {
+        transcriptItems.push(...renderRunTail(runId));
     }
     return (_jsx(AgentMessageEditContext.Provider, { value: messageEditContext, children: _jsxs("section", { "aria-label": typeof title === "string" ? title : labels.conversation, className: `agentkit-chat ${className ?? ""}`, "data-empty": !hasConversation, "data-empty-composer-placement": hasConversation ? "bottom" : emptyComposerPlacement, onDragEnter: handleFileDragEnter, onDragOver: handleFileDragOver, onDragLeave: handleFileDragLeave, onDrop: handleFileDrop, children: [fileDragActive ? (_jsx("div", { className: "agentkit-file-drop-overlay", role: "status", children: labels.dropFilesToAttach })) : null, hasConversation && (title || toolbar) ? (_jsx(AgentKitSurfaceBoundary, { surface: "header", resetKey: threadId, children: _jsx(AgentKitRegionSlot, { slot: Header, threadId: threadId, children: _jsxs("header", { className: "agentkit-chat-header", children: [_jsx("div", { className: "agentkit-chat-title", children: title }), _jsx(AgentKitRegionSlot, { slot: Toolbar, threadId: threadId, children: _jsx("div", { className: "agentkit-chat-toolbar", children: toolbar }) })] }) }) })) : null, _jsxs("div", { ref: transcriptRef, className: "agentkit-transcript", "aria-live": "off", "data-scrollbar-visible": transcriptScrollbarVisible, onKeyDown: handleTranscriptKeyDown, onPointerDown: handleTranscriptPointerDown, onScroll: handleTranscriptScroll, onTouchMove: revealTranscriptScrollbar, onWheel: revealTranscriptScrollbar, children: [_jsx("div", { ref: transcriptContentRef, className: "agentkit-transcript-content", children: _jsxs(AgentKitRegionSlot, { slot: Transcript, threadId: threadId, children: [!hasConversation && EmptyState ? (_jsx(EmptyState, { threadId: threadId })) : null, transcriptItems, approvalEntries.map(([approvalId, request]) => (_jsx(AgentKitSurfaceBoundary, { surface: "approval", resetKey: `${approvalId}:${thread.events.length}`, children: Approval ? (_jsx(Approval, { value: request, threadId: threadId, runId: thread.approvalRunIds[approvalId] ?? "" })) : (_jsx(AgentApprovalPrompt, { request: request, runId: thread.approvalRunIds[approvalId] ?? "" })) }, `${threadId}:${approvalId}`))), connectionRequestEntries.map(([requestId, request]) => (_jsx(AgentKitSurfaceBoundary, { surface: "connection-request", resetKey: `${requestId}:${request.status}`, children: ConnectionRequest ? (_jsx(ConnectionRequest, { value: request, threadId: threadId, runId: thread.connectionRequestRunIds[requestId] ?? "" })) : (_jsx(AgentConnectionRequestCard, { request: request, runId: thread.connectionRequestRunIds[requestId] ?? "" })) }, `${threadId}:${requestId}`))), connectionError ? (_jsx(AgentKitSurfaceBoundary, { surface: "connection-error", resetKey: `${threadId}:${connectionError.code}`, children: _jsx(ErrorState, { error: connectionError, threadId: threadId, recover: recovery.execute, recovering: recovery.pending, recoveryError: recovery.error }) })) : null] }) }), transcriptAwayFromBottom ? (_jsx("div", { className: "agentkit-scroll-to-bottom-control", children: _jsx(IconButton, { label: labels.scrollToBottom, icon: _jsx(IconArrowDown, { "aria-hidden": "true" }), size: "compact", onPress: returnTranscriptToBottom }) })) : null] }), composer ? (_jsx("footer", { className: "agentkit-chat-footer", children: _jsx(AgentKitSurfaceBoundary, { surface: "composer", resetKey: threadId, children: _jsx(AgentKitRegionSlot, { slot: Footer, threadId: threadId, children: slots.composer ? (_jsx(Composer, { threadId: threadId })) : (_jsx(AgentKitComposer, { ...composerProps, threadId: threadId })) }) }) })) : null] }) }));
 }