@agent-native/toolkit 0.198.4 → 0.198.6

package/dist/app/agentkit/react/styles.css

@@ -984,6 +984,15 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
   opacity: 1;
 }
 
+.agentkit-message .agentkit-message-actions[data-streaming="true"],
+.agentkit-message:hover .agentkit-message-actions[data-streaming="true"],
+.agentkit-message:focus-within
+  .agentkit-message-actions[data-streaming="true"] {
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+
 @media (hover: none), (any-pointer: coarse) {
   .agentkit-message-actions[data-role="user"] {
     opacity: 1;
@@ -1133,11 +1142,11 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
 }
 
 .agentkit-activities-summary {
-  display: grid;
+  display: flex;
   inline-size: fit-content;
   max-inline-size: 100%;
-  justify-items: start;
-  gap: 0.125rem;
+  align-items: center;
+  gap: 0.375rem;
 }
 
 .agentkit-activities {
@@ -1263,6 +1272,12 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
   gap: 0.375rem;
 }
 
+.agentkit-activities-summary-content {
+  display: grid;
+  min-inline-size: 0;
+  gap: 0.125rem;
+}
+
 .agentkit-activities-current {
   display: flex;
   align-items: center;
@@ -1280,20 +1295,6 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
   white-space: nowrap;
 }
 
-.agentkit-activities-current[data-running="true"]
-  .agentkit-activities-current-label {
-  color: transparent;
-  background: linear-gradient(
-    90deg,
-    var(--agentkit-text),
-    color-mix(in srgb, var(--agentkit-text) 32%, transparent),
-    var(--agentkit-text)
-  );
-  background-size: 200% 100%;
-  background-clip: text;
-  animation: agentkit-shimmer 1.8s linear infinite;
-}
-
 .agentkit-summary-chevron,
 .agentkit-disclosure-icon {
   transition:
@@ -1301,16 +1302,24 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
     transform 160ms ease;
 }
 
-.agentkit-activities-summary .agentkit-summary-chevron {
+.agentkit-activities-summary > .agentkit-summary-chevron {
   opacity: 0;
 }
 
-.agentkit-activities-summary:hover .agentkit-summary-chevron,
-.agentkit-activities-summary:focus-visible .agentkit-summary-chevron,
-.agentkit-activities[open] .agentkit-summary-chevron {
+.agentkit-activities[data-expandable="true"]
+  .agentkit-activities-summary:hover
+  > .agentkit-summary-chevron,
+.agentkit-activities[data-expandable="true"]
+  .agentkit-activities-summary:focus-visible
+  > .agentkit-summary-chevron,
+.agentkit-activities[data-expandable="true"][open] .agentkit-summary-chevron {
   opacity: 1;
 }
 
+.agentkit-activities[data-expandable="false"] .agentkit-activities-summary {
+  cursor: default;
+}
+
 .agentkit-activities-static {
   display: grid;
   min-inline-size: 0;
@@ -1346,7 +1355,10 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
 
 .agentkit-activities-list {
   display: grid;
+  max-block-size: 15.625rem;
   gap: 0.5rem;
+  overflow: auto;
+  overscroll-behavior: contain;
   padding-block-start: 0.25rem;
 }
 
@@ -1384,7 +1396,9 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
 
 @media (hover: none) {
   .agentkit-message-actions[data-role="user"],
-  .agentkit-activities-summary .agentkit-summary-chevron {
+  .agentkit-activities[data-expandable="true"]
+    .agentkit-activities-summary
+    .agentkit-summary-chevron {
     opacity: 1;
   }
 }
@@ -1844,8 +1858,6 @@ button.agentkit-object {
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .agentkit-activities-current[data-running="true"]
-    .agentkit-activities-current-label,
   .agentkit-activity-item[data-status="running"] .agentkit-activity-label,
   .agentkit-agent[data-status="working"] .agentkit-agent-name,
   .agentkit-reasoning[data-active="true"] .agentkit-reasoning-label {

package/dist/app/chat/AgentKitAssistantChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentKitAssistantChat.d.ts","sourceRoot":"","sources":["../../../src/app/chat/AgentKitAssistantChat.tsx"],"names":[],"mappings":"AA2FA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,EAWL,KAAK,wBAAwB,EAC9B,MAAM,4BAA4B,CAAC;AAoCpC,OAAO,KAAK,EAGV,mBAAmB,EACnB,kBAAkB,EAGnB,MAAM,yBAAyB,CAAC;AAajC,MAAM,WAAW,0BAA2B,SAAQ,kBAAkB;IACpE,mFAAmF;IACnF,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;IAC5C;;;OAGG;IACH,aAAa,CAAC,EAAE,iHAAiH,CAAC;CACnI;AAqZD,eAAO,MAAM,qBAAqB,wGAmgBhC,CAAC"}
+{"version":3,"file":"AgentKitAssistantChat.d.ts","sourceRoot":"","sources":["../../../src/app/chat/AgentKitAssistantChat.tsx"],"names":[],"mappings":"AA2FA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,EAWL,KAAK,wBAAwB,EAC9B,MAAM,4BAA4B,CAAC;AAoCpC,OAAO,KAAK,EAGV,mBAAmB,EACnB,kBAAkB,EAGnB,MAAM,yBAAyB,CAAC;AAajC,MAAM,WAAW,0BAA2B,SAAQ,kBAAkB;IACpE,mFAAmF;IACnF,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;IAC5C;;;OAGG;IACH,aAAa,CAAC,EAAE,iHAAiH,CAAC;CACnI;AAwZD,eAAO,MAAM,qBAAqB,wGAmgBhC,CAAC"}

package/dist/app/chat/AgentKitAssistantChat.js

@@ -659,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) ?? "");
@@ -768,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)
@@ -1764,13 +1769,15 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         }
     }, [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;
@@ -1903,6 +1910,9 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         setupBouncePulse,
         bounceSetupCard,
         isSubmissionInFlight,
+        composerSubmissionPending,
+        onComposerSubmissionPendingChange: setComposerSubmissionPending,
+        isThinkingVisibleInTranscript,
         contextItems,
         voiceTranscriptMessages,
         selectionLength,
@@ -1974,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
@@ -2022,7 +2033,8 @@ 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) &&
+    const showThinking = surface.isSubmissionInFlight &&
+        !surface.isRunning &&
         lastMessage?.role === "user" &&
         lastMessage.metadata?.hideUserMessage !== true;
     const pendingVoiceMessages = surface.voiceTranscriptMessages.filter((message) => !threadMessageIds.has(message.id));
@@ -2037,7 +2049,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")
@@ -2068,7 +2081,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))), showThinking ? (_jsx("div", { className: "agent-thinking-indicator", role: "status", "aria-live": "polite", children: _jsx("span", { className: "agent-thinking-indicator__text", 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"
@@ -2125,7 +2138,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);
@@ -2298,7 +2311,8 @@ 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, submissionDisabled: (!canChat && !providerSubmissionPending) ||
                             props.composerSubmissionDisabled === true ||
@@ -2309,7 +2323,7 @@ function AgentKitComposerSurface({ threadId, props, composerContext, canChat, se
                                 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
@@ -2335,7 +2349,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();
@@ -2404,12 +2419,14 @@ function AgentKitTool({ value, active }) {
     const surface = useAgentKitSurface();
     const metadata = value.metadata ?? {};
     const input = asRecord(value.input) ?? {};
-    const output = typeof value.output === "string"
-        ? value.output
-        : value.output === undefined
-            ? undefined
-            : JSON.stringify(value.output);
-    return (_jsx(ChatRunningContext.Provider, { value: active === true || value.status === "running", children: _jsx(SuppressInlineOpenAppContext.Provider, { value: surface.props.suppressInlineOpenApp === true, children: _jsx(ToolCallDisplay, { toolName: value.name, toolCallId: value.id, args: input, argsText: JSON.stringify(input), result: output, isRunning: value.status === "running", outcome: value.status === "failed" ? "unknown" : undefined, structuredMeta: metadata, mcpApp: asRecord(metadata.mcpApp), chatUI: asRecord(metadata.chatUI), activity: metadata.activity === true, isActiveTail: active === true }) }) }));
+    const output = value.status === "failed" && value.error?.message
+        ? value.error.message
+        : typeof value.output === "string"
+            ? value.output
+            : value.output === undefined
+                ? undefined
+                : JSON.stringify(value.output);
+    return (_jsx(ChatRunningContext.Provider, { value: active === true || value.status === "running", children: _jsx(SuppressInlineOpenAppContext.Provider, { value: surface.props.suppressInlineOpenApp === true, children: _jsx(ToolCallDisplay, { toolName: value.name, toolCallId: value.id, args: input, argsText: JSON.stringify(input), result: output, isError: value.status === "failed", isRunning: value.status === "running", structuredMeta: metadata, mcpApp: asRecord(metadata.mcpApp), chatUI: asRecord(metadata.chatUI), activity: metadata.activity === true, isActiveTail: active === true }) }) }));
 }
 function AgentKitApproval({ value, runId, }) {
     const surface = useAgentKitSurface();