@agent-native/toolkit 0.198.5 → 0.198.7-nightly-20260930213124

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.js

@@ -2032,6 +2032,11 @@ function AgentKitTranscript({ children, threadId }) {
         },
     });
     const threadMessageIds = new Set(thread.messages.map((message) => message.id));
+    const lastMessage = thread.messages.at(-1);
+    const showThinking = surface.isSubmissionInFlight &&
+        !surface.isRunning &&
+        lastMessage?.role === "user" &&
+        lastMessage.metadata?.hideUserMessage !== true;
     const pendingVoiceMessages = surface.voiceTranscriptMessages.filter((message) => !threadMessageIds.has(message.id));
     const showHomeSuggestions = surface.props.centerComposerWhenEmpty &&
         !surface.hasRenderedMessages &&
@@ -2076,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))), 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)] }));
+                            : 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"
@@ -2414,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();