@agents24/chat-react 0.5.41 → 0.5.42

package/dist/ui/index.cjs

@@ -107,6 +107,7 @@ __export(ui_exports, {
   contextStatusMetrics: () => contextStatusMetrics,
   createAgentChatComposerFile: () => createAgentChatComposerFile,
   defaultHitlSubmissionLabels: () => defaultHitlSubmissionLabels,
+  getAgentChatActivity: () => getAgentChatActivity,
   hitlActionLabel: () => hitlActionLabel,
   hitlTitle: () => hitlTitle,
   isAgentChatSubagent: () => isAgentChatSubagent,
@@ -1578,6 +1579,19 @@ function AgentChatComposer({
   ] });
 }
 
+// src/activity.ts
+function getAgentChatActivity(message, parts = message.parts, isLoading = false) {
+  if (message.role !== "assistant" || message.isFinal || message.responseCompletion || parts.some((part) => part.kind === "hitl" && part.status === "pending")) return null;
+  const status = message.activity?.status;
+  if (status === "waiting") return message.activity?.capacityWait ? "capacity" : "waiting";
+  if (status === "interrupted" || status === "cancelling") return status;
+  if (!isLoading && status !== "running") return null;
+  if (parts.some((part) => part.kind === "tool" && ["input-streaming", "input-available"].includes(part.state) || part.kind === "model-turn" && part.turnKind === "agent" && part.status === "running" || part.kind === "node-activity" && part.defaultChatVisible && part.status === "running" || part.kind === "context-compression" && part.status === "started" || part.kind === "reasoning" && Boolean(part.text || part.label) || part.kind === "ui-blocks" && ["input-streaming", "input-available"].includes(part.state))) return null;
+  const tail = parts[parts.length - 1];
+  if (tail?.kind === "text" && tail.text.trim() || !parts.length && message.content.trim()) return null;
+  return "thinking";
+}
+
 // src/ui/agent-chat-queue.tsx
 var React7 = __toESM(require("react"), 1);
 var import_lucide_react3 = require("lucide-react");
@@ -3323,7 +3337,7 @@ function AgentChatActivityRow({
 }) {
   const content = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolActivityOrb, { label, kind: "planning", renderActivityIcon }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "a24-tool-trigger__label a24-tool-shimmer", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolActivityReel, { label }) })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "a24-tool-trigger__label a24-tool-shimmer", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolActivityReel, { label }, label) })
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "a24-tool-trigger-row a24-tool-trigger-row--root", "data-agents24-model-turn": modelTurnId, role: "status", children: onSelect ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "a24-tool-trigger a24-tool-trigger--root a24-tool-trigger--active", onClick: onSelect, type: "button", children: content }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "a24-tool-trigger a24-tool-trigger--root a24-tool-trigger--active", children: content }) });
 }
@@ -3829,7 +3843,7 @@ function AgentResponseTimeline({
   toolViewMode = "closed"
 }) {
   isLoading = isLoading && !message.responseCompletion;
-  const parts = (displayParts || message.parts || []).filter((part) => (part.kind !== "tool" || !isInternalAskUserTool(part)) && (part.kind !== "hitl" || part.hitlKind === "user_input" || part.status === "pending" || getHitlActionState?.(part)?.status === "accepted") && (part.kind !== "model-turn" || part.turnKind === "agent") && (part.kind !== "node-activity" || nodeActivityMode === "all" || nodeActivityMode === "default" && part.defaultChatVisible));
+  const parts = (displayParts || message.parts || []).filter((part) => (part.kind !== "tool" || !isInternalAskUserTool(part)) && (part.kind !== "hitl" || part.hitlKind === "user_input" || part.status === "pending" || getHitlActionState?.(part)?.status === "accepted") && (part.kind !== "model-turn" || part.turnKind === "agent" && !message.isFinal && !message.responseCompletion && (!message.activity || message.activity.status === "running")) && (part.kind !== "node-activity" || nodeActivityMode === "all" || nodeActivityMode === "default" && part.defaultChatVisible));
   const toolParts = parts.filter((part) => part.kind === "tool");
   const activeToolId = latestRunningAgentChatToolId(toolParts);
   const activeTextPartId = getActiveStreamingTextPartId(
@@ -3895,8 +3909,23 @@ function AgentResponseTimeline({
   if (rendered.length === 0 && message.content) {
     rendered.push(/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MessageResponse, { children: message.content }, `${message.id}-fallback`));
   }
-  if (rendered.length === 0 && isLoading) {
-    rendered.push(/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AgentChatActivityRow, { renderActivityIcon: toolSlots?.renderActivityIcon, label: "Thinking" }, `${message.id}-active-activity`));
+  const activity = getAgentChatActivity(message, parts, isLoading);
+  if (activity) {
+    const labels = {
+      thinking: "Thinking",
+      capacity: "Waiting for provider capacity",
+      waiting: "Waiting for external work",
+      interrupted: "Waiting to resume",
+      cancelling: "Cancelling"
+    };
+    rendered.push(/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      AgentChatActivityRow,
+      {
+        renderActivityIcon: toolSlots?.renderActivityIcon,
+        label: labels[activity]
+      },
+      `${message.id}-active-activity`
+    ));
   }
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "space-y-3", children: rendered });
 }
@@ -4384,6 +4413,7 @@ function McpConnectRequiredCard({
   contextStatusMetrics,
   createAgentChatComposerFile,
   defaultHitlSubmissionLabels,
+  getAgentChatActivity,
   hitlActionLabel,
   hitlTitle,
   isAgentChatSubagent,