@agent-native/toolkit 0.198.3 → 0.198.5

package/dist/app/chat/AgentKitAssistantChat.js

@@ -187,6 +187,11 @@ function isRetryableDeferredProviderSubmissionError(error) {
     }
     return error instanceof TypeError || record?.name === "AbortError";
 }
+function preserveQueuedIntent(preparedOptions, originalOptions) {
+    return originalOptions.intent === "queued"
+        ? { ...preparedOptions, intent: "queued" }
+        : preparedOptions;
+}
 function captureQueuedRunState(options, runWasActive) {
     return {
         ...options,
@@ -239,7 +244,9 @@ export const AgentKitAssistantChat = forwardRef(function AgentKitAssistantChat(p
     const handoffSnapshot = props.createTransport || props.runtime
         ? null
         : readAgentKitThreadHandoffSnapshot(createAgentKitThreadHandoffKey(props, threadId));
-    const [threadRestore, setThreadRestore] = useState(() => props.isThreadStateLoading || !props.isNewThread
+    const [manualLoadThreadId, setManualLoadThreadId] = useState(() => (props.isNewThread ? threadId : null));
+    const hasManualLoadForCurrentThread = props.isNewThread || manualLoadThreadId === threadId;
+    const [threadRestore, setThreadRestore] = useState(() => props.isThreadStateLoading || !hasManualLoadForCurrentThread
         ? { status: "loading" }
         : { status: "ready" });
     const [restoreRetryLoadPhase, setRestoreRetryLoadPhase] = useState("idle");
@@ -251,12 +258,20 @@ export const AgentKitAssistantChat = forwardRef(function AgentKitAssistantChat(p
         setRestoreRetryThreadId(null);
     }, []);
     useEffect(() => {
-        setThreadRestore(props.isThreadStateLoading || !props.isNewThread
+        setManualLoadThreadId((current) => props.isNewThread ? threadId : current === threadId ? current : null);
+    }, [props.isNewThread, threadId]);
+    useEffect(() => {
+        setThreadRestore(props.isThreadStateLoading || !hasManualLoadForCurrentThread
             ? { status: "loading" }
             : { status: "ready" });
         setRestoreRetryLoadPhase("idle");
         setRestoreRetryThreadId(null);
-    }, [props.isNewThread, props.isThreadStateLoading, threadId]);
+    }, [
+        hasManualLoadForCurrentThread,
+        props.isNewThread,
+        props.isThreadStateLoading,
+        threadId,
+    ]);
     const onThreadRestoreLoadError = useCallback((error) => {
         const record = asRecord(error);
         const response = asRecord(record?.response);
@@ -594,7 +609,7 @@ export const AgentKitAssistantChat = forwardRef(function AgentKitAssistantChat(p
         props.createTransport ? threadId : undefined,
     ]);
     const agentKitLoad = props.isThreadStateLoading ||
-        props.isNewThread ||
+        hasManualLoadForCurrentThread ||
         (restoreRetryThreadId === threadId && restoreRetryLoadPhase === "release")
         ? "manual"
         : "auto";
@@ -644,6 +659,7 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
     }, [fileUploadStatus.refetch]);
     const isRestoring = history?.isRestoring === true || props.threadRestore.status === "loading";
     const isSubmissionInFlight = history?.isSubmissionInFlight === true;
+    const [composerSubmissionPending, setComposerSubmissionPending] = useState(false);
     const [authError, setAuthError] = useState(null);
     const [authSessionAvailable, setAuthSessionAvailable] = useState(false);
     const [composerText, setComposerText] = useState(() => readAssistantChatComposerDraft(props.tabId ?? threadId) ?? "");
@@ -753,6 +769,10 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         .reverse()
         .find((message) => message.role === "assistant"), [thread.messages]);
     const isRunning = hasActiveAgentRuns(thread);
+    const lastMessage = thread.messages.at(-1);
+    const isThinkingVisibleInTranscript = (isRunning || isSubmissionInFlight) &&
+        lastMessage?.role === "user" &&
+        lastMessage.metadata?.hideUserMessage !== true;
     const isThreadRunning = useCallback(() => hasActiveAgentRuns(controller.getThread(threadId)), [controller, threadId]);
     useEffect(() => {
         if (previousPrefillRevisionRef.current === prefillRevision)
@@ -1490,7 +1510,7 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
                 !props.composerSubmissionDisabled) {
                 try {
                     const preparedOptions = prepare ? await prepare() : composerOptions;
-                    const submittedOptions = captureQueuedRunState(preparedOptions, runWasActiveAtSubmit);
+                    const submittedOptions = captureQueuedRunState(preserveQueuedIntent(preparedOptions, composerOptions), runWasActiveAtSubmit);
                     const result = await submit(text, files, references, submittedOptions);
                     if (result.status === "rejected") {
                         throw new Error(t("agentChat.recovery.deferredSubmissionFailed"));
@@ -1508,7 +1528,7 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         }
         try {
             const preparedOptions = prepare ? await prepare() : composerOptions;
-            await dispatch(text, files, references, captureQueuedRunState(preparedOptions, runWasActiveAtSubmit));
+            await dispatch(text, files, references, captureQueuedRunState(preserveQueuedIntent(preparedOptions, composerOptions), runWasActiveAtSubmit));
         }
         catch (error) {
             dispatchSetupRequiredEvent(error, props.tabId, threadId);
@@ -1733,21 +1753,31 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
             ],
         });
     }, [isThreadRunning, submit]);
-    const resumeIntegrationPrompt = useCallback((message) => {
-        if (props.isActiveComposer === false)
-            return;
-        void send(message).catch((error) => {
+    const resumeIntegrationPrompt = useCallback(async (message) => {
+        if (props.isActiveComposer === false) {
+            throw new Error("Cannot resume a request in an inactive chat.");
+        }
+        try {
+            const result = await send(message);
+            if (result.status === "rejected") {
+                throw new Error(`Chat resume was rejected: ${result.reason}.`);
+            }
+        }
+        catch (error) {
             dispatchSetupRequiredEvent(error, props.tabId, threadId);
-        });
+            throw error;
+        }
     }, [props.isActiveComposer, props.tabId, send, threadId]);
     const submitSuggestion = useCallback((suggestion) => {
+        if (composerSubmissionPending)
+            return;
         const handler = suggestionSubmitRef.current;
         if (!handler || handler.threadId !== threadId)
             return;
         void handler.submit(suggestion).catch((error) => {
             dispatchSetupRequiredEvent(error, props.tabId, threadId);
         });
-    }, [props.tabId, threadId]);
+    }, [composerSubmissionPending, props.tabId, threadId]);
     const retryDeferredSubmission = useCallback(async () => {
         if (!deferredProviderSubmissionFailureId)
             return;
@@ -1880,6 +1910,9 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         setupBouncePulse,
         bounceSetupCard,
         isSubmissionInFlight,
+        composerSubmissionPending,
+        onComposerSubmissionPendingChange: setComposerSubmissionPending,
+        isThinkingVisibleInTranscript,
         contextItems,
         voiceTranscriptMessages,
         selectionLength,
@@ -1899,16 +1932,15 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         onImplementPlan: implementPlan,
     };
     return (_jsxs(AgentKitSurfaceContext.Provider, { value: surfaceContext, children: [props.isActiveComposer === false ? null : (_jsx(McpAgentKitConnectionResume, { onResume: ({ threadId: targetThreadId, runId, requestId }, request) => {
-                    if (targetThreadId !== threadId)
-                        return;
+                    if (targetThreadId !== threadId) {
+                        throw new Error("Cannot resume a connection request in another chat.");
+                    }
                     return control.resolveConnectionRequest(runId, requestId, {
                         status: "connected",
                         message: request.message,
                     });
-                }, onMessageResume: (request) => {
-                    resumeIntegrationPrompt(request.message);
-                } })), _jsx(RunStuckBanner, { threadId: threadId, enabled: props.isActiveComposer !== false, apiUrl: props.apiUrl ?? agentNativePath("/_agent-native/agent-chat"), autoRetry: true, autoRetryOwnerId: props.browserTabId, hasInFlightWork: () => Object.values(thread.tools).some((tool) => tool.status === "running") ||
-                    Object.values(thread.activities).some((activity) => activity.status === "running"), isAwaitingResponse: () => isRunning, onRetry: () => void sendRecoveryMessage(RECOVERY_CONTINUE_PROMPT, "continue") }), _jsx(AgentKitChat, { className: props.className, composerProps: { attachmentsEnabled: fileStorageConfigured }, hasRenderedMessages: hasRenderedMessages, emptyComposerPlacement: props.centerComposerWhenEmpty ? "center" : "bottom", title: props.showHeader === false ? undefined : props.emptyStateText, autoScroll: true })] }));
+                }, onMessageResume: (request) => resumeIntegrationPrompt(request.message) })), _jsx(RunStuckBanner, { threadId: threadId, enabled: props.isActiveComposer !== false, apiUrl: props.apiUrl ?? agentNativePath("/_agent-native/agent-chat"), autoRetry: true, autoRetryOwnerId: props.browserTabId, hasInFlightWork: () => Object.values(thread.tools).some((tool) => tool.status === "running") ||
+                    Object.values(thread.activities).some((activity) => activity.status === "running"), isAwaitingResponse: () => isRunning, onRetry: () => void sendRecoveryMessage(RECOVERY_CONTINUE_PROMPT, "continue") }), history?.historyLoadFailed ? (_jsxs("div", { role: "alert", className: "mx-3 mb-2 flex items-center justify-between gap-3 rounded-md border border-border px-3 py-2 text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: t("agentChat.message.historyUnavailable") }), _jsx("button", { type: "button", onClick: history.retryHistory, disabled: history.isRetryingHistory, className: "shrink-0 font-medium text-foreground hover:underline disabled:cursor-not-allowed disabled:opacity-50", children: t("agentChat.common.retry") })] })) : null, _jsx(AgentKitChat, { className: props.className, composerProps: { attachmentsEnabled: fileStorageConfigured }, hasRenderedMessages: hasRenderedMessages, emptyComposerPlacement: props.centerComposerWhenEmpty ? "center" : "bottom", title: props.showHeader === false ? undefined : props.emptyStateText, autoScroll: true })] }));
 });
 function AgentKitComposerSlot({ threadId }) {
     const surface = useAgentKitSurface();
@@ -1952,7 +1984,8 @@ function AgentKitEmptyState({ threadId }) {
                             const prompt = agentSuggestionPrompt(suggestion);
                             return (_jsx("button", { type: "button", disabled: !surface.canChat ||
                                     surface.props.composerDisabled ||
-                                    surface.props.composerSubmissionDisabled, onClick: () => surface.submitSuggestion(suggestion), className: "w-full rounded-xl border border-border/70 bg-card/60 px-3 py-2.5 text-left text-[13px] text-muted-foreground shadow-sm transition-colors hover:border-border hover:bg-card hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: typeof suggestion === "string"
+                                    surface.props.composerSubmissionDisabled ||
+                                    surface.composerSubmissionPending, onClick: () => surface.submitSuggestion(suggestion), className: "w-full rounded-xl border border-border/70 bg-card/60 px-3 py-2.5 text-left text-[13px] text-muted-foreground shadow-sm transition-colors hover:border-border hover:bg-card hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: typeof suggestion === "string"
                                     ? suggestion
                                     : suggestion.label || prompt || String(index) }, typeof suggestion === "string"
                                 ? suggestion
@@ -1999,10 +2032,6 @@ function AgentKitTranscript({ children, threadId }) {
         },
     });
     const threadMessageIds = new Set(thread.messages.map((message) => message.id));
-    const lastMessage = thread.messages.at(-1);
-    const showThinking = (surface.isRunning || surface.isSubmissionInFlight) &&
-        lastMessage?.role === "user" &&
-        lastMessage.metadata?.hideUserMessage !== true;
     const pendingVoiceMessages = surface.voiceTranscriptMessages.filter((message) => !threadMessageIds.has(message.id));
     const showHomeSuggestions = surface.props.centerComposerWhenEmpty &&
         !surface.hasRenderedMessages &&
@@ -2015,7 +2044,8 @@ function AgentKitTranscript({ children, threadId }) {
         surface.suggestions.length > 0 ? (_jsx(AgentKitSuggestedPrompts, { suggestions: surface.suggestions, disabled: !surface.canChat ||
             surface.props.composerDisabled ||
             surface.props.composerSubmissionDisabled ||
-            surface.isSubmissionInFlight, onSelect: surface.submitSuggestion, className: "agentkit-host-suggestions" })) : null;
+            surface.isSubmissionInFlight ||
+            surface.composerSubmissionPending, onSelect: surface.submitSuggestion, className: "agentkit-host-suggestions" })) : null;
     if (surface.authError) {
         const authTitle = surface.authSessionAvailable
             ? t("agentChat.auth.refreshTitle")
@@ -2046,7 +2076,7 @@ function AgentKitTranscript({ children, threadId }) {
     }
     return (_jsxs(_Fragment, { children: [thread.messages.length > 0 || surface.hasRenderedMessages ? (_jsx(AgentKitHistoryBeginningRevert, {})) : null, surface.threadRestore.status === "error" ? (_jsxs("div", { className: "mx-4 mt-3 flex items-center justify-between gap-3 rounded-md border border-border px-3 py-2 text-xs text-muted-foreground", role: "alert", children: [_jsx("span", { children: surface.threadRestore.notFound
                             ? t("agentChat.message.threadNotFound")
-                            : t("agentChat.message.restoreRequestFailed") }), _jsx("button", { type: "button", onClick: surface.retryThreadRestore, className: "shrink-0 rounded px-2 py-1 hover:bg-accent hover:text-foreground", children: t("agentChat.common.retry") })] })) : null, renderThreadSlot(surface.props.threadContentSlot, threadId, surface.props.tabId), children, handoffMessages.map((message) => (_jsx(AgentMessageView, { value: message, threadId: threadId }, message.id))), pendingVoiceMessages.map((message) => (_jsx(AgentMessageView, { value: message, threadId: threadId }, message.id))), showThinking ? (_jsx("div", { role: "status", "aria-live": "polite", className: "px-3 py-2 text-sm text-muted-foreground", children: t("agentChat.status.thinking") })) : null, guided.questions?.length ? (_jsx("div", { className: "px-3 pb-3", children: _jsx(GuidedQuestionFlow, { questions: guided.questions, onSubmit: guided.handleSubmit, onSkip: guided.handleSkip, isSubmitting: guided.isSubmitting, isSubmissionBlocked: !surface.canChat, providerStatus: surface.providerStatus, onRetryProviderStatus: surface.retryProviderStatus, ...(guided.title ? { title: guided.title } : {}), ...(guided.description ? { description: guided.description } : {}), ...(guided.skipLabel ? { skipLabel: guided.skipLabel } : {}), ...(guided.submitLabel ? { submitLabel: guided.submitLabel } : {}), className: "h-auto items-stretch justify-stretch bg-transparent" }) })) : null, suggestionBar, renderThreadSlot(surface.props.threadFooterSlot, threadId, surface.props.tabId)] }));
+                            : t("agentChat.message.restoreRequestFailed") }), _jsx("button", { type: "button", onClick: surface.retryThreadRestore, className: "shrink-0 rounded px-2 py-1 hover:bg-accent hover:text-foreground", children: t("agentChat.common.retry") })] })) : null, renderThreadSlot(surface.props.threadContentSlot, threadId, surface.props.tabId), children, handoffMessages.map((message) => (_jsx(AgentMessageView, { value: message, threadId: threadId }, message.id))), pendingVoiceMessages.map((message) => (_jsx(AgentMessageView, { value: message, threadId: threadId }, message.id))), surface.isThinkingVisibleInTranscript ? (_jsx("div", { role: "status", "aria-live": "polite", className: "px-3 py-2 text-sm text-muted-foreground", children: t("agentChat.status.thinking") })) : null, guided.questions?.length ? (_jsx("div", { className: "px-3 pb-3", children: _jsx(GuidedQuestionFlow, { questions: guided.questions, onSubmit: guided.handleSubmit, onSkip: guided.handleSkip, isSubmitting: guided.isSubmitting, isSubmissionBlocked: !surface.canChat, providerStatus: surface.providerStatus, onRetryProviderStatus: surface.retryProviderStatus, ...(guided.title ? { title: guided.title } : {}), ...(guided.description ? { description: guided.description } : {}), ...(guided.skipLabel ? { skipLabel: guided.skipLabel } : {}), ...(guided.submitLabel ? { submitLabel: guided.submitLabel } : {}), className: "h-auto items-stretch justify-stretch bg-transparent" }) })) : null, suggestionBar, renderThreadSlot(surface.props.threadFooterSlot, threadId, surface.props.tabId)] }));
 }
 function renderThreadSlot(slot, threadId, tabId) {
     return typeof slot === "function"
@@ -2103,7 +2133,7 @@ class AgentKitComposerContextError extends Error {
         this.name = "AgentKitComposerContextError";
     }
 }
-function AgentKitComposerSurface({ threadId, props, composerContext, canChat, setupMissing, providerStatus, retryProviderStatus, fileStorageConfigured, fileStorageMissing, retryFileStorageStatus, deferredSubmissionFailed, retryDeferredSubmission, dismissDeferredSubmission, isRunning, isRestoring, isSubmissionInFlight, hasRenderedMessages, threadRestore, suggestions, showSuggestions, setupBouncePulse, bounceSetupCard, contextItems, selectionLength, prefillRevision, text, onTextChange, onRemoveContextItem, onClearSelection, onBeforeSubmit, onSubmit, submitSuggestion, suggestionSubmitRef, onImplementPlan, }) {
+function AgentKitComposerSurface({ threadId, props, composerContext, canChat, setupMissing, providerStatus, retryProviderStatus, fileStorageConfigured, fileStorageMissing, retryFileStorageStatus, deferredSubmissionFailed, retryDeferredSubmission, dismissDeferredSubmission, isRunning, isRestoring, isSubmissionInFlight, composerSubmissionPending, onComposerSubmissionPendingChange, isThinkingVisibleInTranscript, hasRenderedMessages, threadRestore, suggestions, showSuggestions, setupBouncePulse, bounceSetupCard, contextItems, selectionLength, prefillRevision, text, onTextChange, onRemoveContextItem, onClearSelection, onBeforeSubmit, onSubmit, submitSuggestion, suggestionSubmitRef, onImplementPlan, }) {
     const t = useT();
     const [composerError, setComposerError] = useState(null);
     const mounted = useRef(true);
@@ -2276,18 +2306,19 @@ function AgentKitComposerSurface({ threadId, props, composerContext, canChat, se
                     }) }), props.composerSlot, showHomeIntro ? (_jsx("div", { className: "agentkit-home-intro", children: props.homeIntroSlot })) : null, showHomeSuggestions ? (_jsx(AgentKitSuggestedPrompts, { suggestions: suggestions, disabled: !canChat ||
                     props.composerDisabled ||
                     props.composerSubmissionDisabled ||
-                    isSubmissionInFlight, onSelect: submitSuggestion, className: "agentkit-home-suggestions" })) : null, showPlanCallout ? (_jsx(PlanModeCallout, { canImplementPlan: latestAssistantWasPlan, onImplementPlan: onImplementPlan, onSwitchToAct: () => props.onExecModeChange?.("build") })) : null, setupMissing && props.showMissingApiKeySetup !== false ? (_jsx(BuilderSetupCard, { fullWidth: true, attached: true, bouncePulse: setupBouncePulse, layout: props.missingApiKeySetupLayout ?? "default", onConnected: () => window.dispatchEvent(new Event("agent-engine:configured-changed")) })) : null, !canChat && !setupMissing && providerStatus !== "configured" ? (_jsx(GuidedQuestionProviderGate, { providerStatus: providerStatus, onRetry: retryProviderStatus })) : null, integration ? (_jsx(McpConnectionSuggestion, { text: text, variant: "composer", requestedByUser: true, integrationId: integration.id })) : null, selectionLength !== null && selectionLength > 0 ? (_jsx(AgentKitSelectionPill, { length: selectionLength, onClear: onClearSelection })) : null, _jsxs("div", { className: "relative", children: [_jsx(AgentKitComposer, { threadId: threadId, disabled: (!canChat && !providerSubmissionPending) ||
+                    isSubmissionInFlight ||
+                    composerSubmissionPending, onSelect: submitSuggestion, className: "agentkit-home-suggestions" })) : null, showPlanCallout ? (_jsx(PlanModeCallout, { canImplementPlan: latestAssistantWasPlan, onImplementPlan: onImplementPlan, onSwitchToAct: () => props.onExecModeChange?.("build") })) : null, setupMissing && props.showMissingApiKeySetup !== false ? (_jsx(BuilderSetupCard, { fullWidth: true, attached: true, bouncePulse: setupBouncePulse, layout: props.missingApiKeySetupLayout ?? "default", onConnected: () => window.dispatchEvent(new Event("agent-engine:configured-changed")) })) : null, !canChat && !setupMissing && providerStatus !== "configured" ? (_jsx(GuidedQuestionProviderGate, { providerStatus: providerStatus, onRetry: retryProviderStatus })) : null, integration ? (_jsx(McpConnectionSuggestion, { text: text, variant: "composer", requestedByUser: true, integrationId: integration.id })) : null, selectionLength !== null && selectionLength > 0 ? (_jsx(AgentKitSelectionPill, { length: selectionLength, onClear: onClearSelection })) : null, _jsxs("div", { className: "relative", children: [_jsx(AgentKitComposer, { threadId: threadId, disabled: (!canChat && !providerSubmissionPending) ||
                             props.composerDisabled ||
-                            isRestoring ||
-                            isSubmissionInFlight, submissionDisabled: (!canChat && !providerSubmissionPending) ||
-                            props.composerSubmissionDisabled === true, onDisabledClick: props.composerDisabled || !setupMissing
+                            isRestoring, submissionDisabled: (!canChat && !providerSubmissionPending) ||
+                            props.composerSubmissionDisabled === true ||
+                            isSubmissionInFlight, onDisabledClick: props.composerDisabled || !setupMissing
                             ? undefined
                             : () => {
                                 bounceSetupCard();
                                 window.dispatchEvent(new CustomEvent("agent-chat:missing-api-key", {
                                     detail: { tabId: props.tabId, threadId },
                                 }));
-                            }, initialText: text, initialTextKey: `${props.tabId ?? threadId}:${prefillRevision}`, requireAgentEngine: false, onTextChange: onTextChange, onBeforeSubmit: onBeforeSubmit, contextItems: visibleContextItems, contextMenuItems: composerContext?.menuItems, onRemoveContextItem: (key) => {
+                            }, initialText: text, initialTextKey: `${props.tabId ?? threadId}:${prefillRevision}`, requireAgentEngine: false, onTextChange: onTextChange, onBeforeSubmit: onBeforeSubmit, announcePendingSubmission: !isThinkingVisibleInTranscript, onSubmissionPendingChange: onComposerSubmissionPendingChange, contextItems: visibleContextItems, contextMenuItems: composerContext?.menuItems, onRemoveContextItem: (key) => {
                             if (providerContextKeys.has(key))
                                 composerContext?.onRemoveContextItem(key);
                             else
@@ -2313,7 +2344,8 @@ function AgentKitComposerSurface({ threadId, props, composerContext, canChat, se
                             }, "aria-label": t("agentChat.composer.stopResponse"), title: t("agentChat.composer.stopResponse"), "data-agent-composer-slot": "stop-button", className: "flex h-7 w-7 items-center justify-center rounded-full bg-primary text-primary-foreground", children: _jsx(IconPlayerStopFilled, { className: "h-3 w-3" }) })) : undefined }), deferredSubmissionFailed ? (_jsxs("div", { role: "alert", className: "mx-3 mb-1.5 flex shrink-0 items-center gap-2 rounded-md border border-border bg-muted/70 px-3 py-2 text-xs text-foreground shadow-sm", children: [_jsx(IconAlertTriangle, { className: "size-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 leading-snug", children: t("agentChat.recovery.deferredSubmissionFailed") }), _jsx("button", { type: "button", disabled: !canChat || isSubmissionInFlight, onClick: () => void retryDeferredSubmission().catch(() => undefined), className: "shrink-0 rounded px-2 py-1 font-medium hover:bg-accent disabled:opacity-60", children: t("agentChat.common.retry") }), _jsx("button", { type: "button", "aria-label": t("agentChat.common.dismissError"), onClick: () => void dismissDeferredSubmission().catch(() => undefined), className: "-mr-1 flex size-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(IconX, { className: "size-3.5" }) })] })) : null, composerError ? (_jsxs("div", { role: "alert", className: "mx-3 mb-1.5 flex shrink-0 items-start gap-2 rounded-md border border-border bg-muted/70 px-3 py-2 text-xs text-foreground shadow-sm", children: [_jsx(IconAlertTriangle, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 leading-snug", children: composerError }), _jsx("button", { type: "button", "aria-label": t("agentChat.common.dismissError"), onClick: () => setComposerError(null), className: "-mr-1 -mt-1 flex h-6 w-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(IconX, { className: "h-3.5 w-3.5" }) })] })) : null, _jsx(ExternalAgentNudge, { variant: "prompt" })] }), showAfterComposerSuggestions ? (_jsx(AgentKitSuggestedPrompts, { suggestions: suggestions, disabled: !canChat ||
                     props.composerDisabled ||
                     props.composerSubmissionDisabled ||
-                    isSubmissionInFlight, onSelect: submitSuggestion, className: "agentkit-home-suggestions" })) : null, showAfterComposerSlot ? (_jsx("div", { className: "agentkit-after-composer-slot", children: props.afterComposerSlot })) : null, composerContext?.dialogs] }));
+                    isSubmissionInFlight ||
+                    composerSubmissionPending, onSelect: submitSuggestion, className: "agentkit-home-suggestions" })) : null, showAfterComposerSlot ? (_jsx("div", { className: "agentkit-after-composer-slot", children: props.afterComposerSlot })) : null, composerContext?.dialogs] }));
 }
 function AgentKitSuggestedPrompts({ suggestions, disabled, onSelect, className, }) {
     const t = useT();
@@ -2460,7 +2492,7 @@ function AgentKitReasoning({ value, active, resetKey, }) {
 }
 function AgentKitConnectionRequest({ value, runId, threadId, }) {
     const control = useAgentKitControl();
-    return (_jsx(McpAgentKitConnectionRequestCard, { provider: value.provider, detail: value.detail, target: { threadId, runId, requestId: value.id }, onConnected: () => control.resolveConnectionRequest(runId, value.id, {
+    return (_jsx(McpAgentKitConnectionRequestCard, { provider: value.provider, detail: value.detail, reason: value.reason, status: value.status, appId: value.appId, source: value.source, target: { threadId, runId, requestId: value.id }, onConnected: () => control.resolveConnectionRequest(runId, value.id, {
             status: "connected",
         }), onDeclined: () => control.resolveConnectionRequest(runId, value.id, {
             status: "declined",