@invergent/agent-chat-react 2.2.0 → 2.2.2

package/dist/index.d.cts

@@ -658,6 +658,13 @@ interface AgentChatRuntimeApi {
     session: AgentChatSession | null;
     messages: AgentChatMessage[];
     isRunning: boolean;
+    /** True once the session has ended terminally (complete/done/fail/paused).
+     *  Distinct from ``isRunning``, which flips false the moment the agent
+     *  emits its final text-only response — before the harness summarizer
+     *  has had a chance to run. Skeleton placeholders for the post-answer
+     *  summarizer window gate on ``!terminal`` to remain visible across
+     *  that gap. */
+    terminal: boolean;
     isLoadingHistory: boolean;
     tokenUsage: AgentChatTokenUsage;
     retryIndicator: AgentChatRetryIndicator | null;

package/dist/index.d.ts

@@ -658,6 +658,13 @@ interface AgentChatRuntimeApi {
     session: AgentChatSession | null;
     messages: AgentChatMessage[];
     isRunning: boolean;
+    /** True once the session has ended terminally (complete/done/fail/paused).
+     *  Distinct from ``isRunning``, which flips false the moment the agent
+     *  emits its final text-only response — before the harness summarizer
+     *  has had a chance to run. Skeleton placeholders for the post-answer
+     *  summarizer window gate on ``!terminal`` to remain visible across
+     *  that gap. */
+    terminal: boolean;
     isLoadingHistory: boolean;
     tokenUsage: AgentChatTokenUsage;
     retryIndicator: AgentChatRetryIndicator | null;

package/dist/index.js

@@ -1,6 +1,6 @@
 import { cn } from './chunk-QSC4UIVT.js';
 import { createContext, memo, useRef, useEffect, useCallback, useMemo, useState, lazy, useContext, Fragment as Fragment$1, Suspense, Children } from 'react';
-import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, ChevronRightIcon, CalendarClockIcon, UsersIcon, MessageSquareIcon, ZapIcon, Maximize2Icon, FolderOpenIcon, Loader2Icon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, RotateCcwIcon, MousePointer2Icon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, CheckIcon, CopyIcon, TerminalIcon, SparklesIcon, ClockIcon, PlusIcon, CloudIcon, HardDriveIcon, PaperclipIcon, GlobeIcon, FolderIcon, FileIcon, ChevronLeftIcon, MinusIcon, SearchIcon, ThumbsUpIcon, ThumbsDownIcon, CircleCheckIcon, GitBranchIcon, ActivityIcon, EyeIcon, ListTodoIcon, ArrowUpIcon, ListIcon, PenLineIcon, ArrowRight, BookOpenIcon, FileEditIcon, WrenchIcon, FileCodeIcon, CodeIcon, FileArchiveIcon, FileVideoIcon, FileAudioIcon, FileImageIcon, FileChartLineIcon, FileSpreadsheetIcon, XCircleIcon, CheckCircle2Icon, Code, CircleXIcon, SkullIcon, CheckCircleIcon, CircleIcon } from 'lucide-react';
+import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, ChevronRightIcon, CalendarClockIcon, UsersIcon, MessageSquareIcon, ZapIcon, Maximize2Icon, FolderOpenIcon, Loader2Icon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, RotateCcwIcon, MousePointer2Icon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, CheckIcon, CopyIcon, TerminalIcon, SparklesIcon, ClockIcon, PlusIcon, CloudIcon, HardDriveIcon, PaperclipIcon, GlobeIcon, FolderIcon, FileIcon, ChevronLeftIcon, MinusIcon, SearchIcon, CircleCheckIcon, ThumbsUpIcon, ThumbsDownIcon, GitBranchIcon, ActivityIcon, EyeIcon, ListTodoIcon, ArrowUpIcon, ListIcon, PenLineIcon, ArrowRight, BookOpenIcon, FileEditIcon, WrenchIcon, FileCodeIcon, CodeIcon, FileArchiveIcon, FileVideoIcon, FileAudioIcon, FileImageIcon, FileChartLineIcon, FileSpreadsheetIcon, XCircleIcon, CheckCircle2Icon, Code, CircleXIcon, SkullIcon, CheckCircleIcon, CircleIcon } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { Collapsible as Collapsible$1, Slot, Tooltip as Tooltip$1, Progress as Progress$1, Tabs as Tabs$1, Dialog as Dialog$1, ScrollArea as ScrollArea$1, Popover as Popover$1 } from 'radix-ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -8272,6 +8272,18 @@ function TextEntry({
     ] })
   ] });
 }
+function SimpleFinalAnswer({
+  text,
+  isStreaming,
+  tail
+}) {
+  const content = useSmoothStream(text, isStreaming);
+  const revealComplete = content.length >= text.length;
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+    /* @__PURE__ */ jsx(MessageResponse, { children: content }),
+    tail?.status === "complete" && revealComplete && /* @__PURE__ */ jsx(TurnFeedback, { msg: tail })
+  ] });
+}
 function deriveIterationLabel(message) {
   const calls = visibleToolCalls(message);
   if (calls.length === 0) {
@@ -8648,6 +8660,7 @@ function SimpleAssistantGroup({
   lastGlobalIndex,
   totalMessages,
   isRunning,
+  terminal,
   sessionId,
   artifactFallbacks,
   onFileSelect,
@@ -8704,10 +8717,14 @@ function SimpleAssistantGroup({
       }),
       showThinkingShim && /* @__PURE__ */ jsx(Shimmer, { duration: 3, spread: 3, className: "text-sm", children: "Working on it..." })
     ] }),
-    finalText && /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
-      /* @__PURE__ */ jsx(MessageResponse, { children: finalText }),
-      tail?.status === "complete" && /* @__PURE__ */ jsx(TurnFeedback, { msg: tail })
-    ] }),
+    finalText && /* @__PURE__ */ jsx(
+      SimpleFinalAnswer,
+      {
+        text: finalText,
+        isStreaming: tail?.status === "streaming",
+        tail
+      }
+    ),
     effectiveTurnSummary ? /* @__PURE__ */ jsx(
       TurnSummaryCard,
       {
@@ -8720,10 +8737,12 @@ function SimpleAssistantGroup({
       // The harness summarizer runs after the last assistant
       // response and before ``session.complete``. Show a pending
       // placeholder during that window so users aren't surprised
-      // when the Summary card pops in. Gated on the tail group +
-      // a complete final answer + still-running session so the
-      // placeholder doesn't show on historic turns or mid-stream.
-      isTailGroup && isRunning && !!finalText && tail?.status === "complete" && /* @__PURE__ */ jsx(TurnSummaryPending, {})
+      // when the Summary card pops in. Gated on ``!terminal``
+      // rather than ``isRunning`` because the text-only final
+      // ``llm.response`` already flips ``isRunning`` to false —
+      // the summarizer then runs in the gap before
+      // ``session.complete`` (which is what sets ``terminal``).
+      isTailGroup && !terminal && !!finalText && tail?.status === "complete" && /* @__PURE__ */ jsx(TurnSummaryPending, {})
     ),
     showErrorInfo && /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(ErrorMessage, { errorInfo: tail.errorInfo, onRetry }) })
   ] }) });
@@ -8733,6 +8752,7 @@ function AssistantGroup({
   lastGlobalIndex,
   totalMessages,
   isRunning,
+  terminal,
   sessionId,
   artifactFallbacks,
   onFileSelect,
@@ -8747,6 +8767,7 @@ function AssistantGroup({
         lastGlobalIndex,
         totalMessages,
         isRunning,
+        terminal,
         sessionId,
         artifactFallbacks,
         onFileSelect,
@@ -8828,6 +8849,7 @@ function ChatThread({
   sessionId,
   messages,
   isRunning,
+  terminal,
   isLoadingHistory = false,
   onSend,
   onStop,
@@ -8932,6 +8954,7 @@ function ChatThread({
               lastGlobalIndex: group.lastGlobalIndex,
               totalMessages: messages.length,
               isRunning,
+              terminal,
               sessionId,
               artifactFallbacks,
               onFileSelect,
@@ -10991,6 +11014,7 @@ function useAgentChatRuntime({
     session,
     messages: state.messages,
     isRunning: state.isRunning,
+    terminal: state.terminal,
     isLoadingHistory: state.isLoadingHistory,
     tokenUsage: state.tokenUsage,
     retryIndicator: state.retryIndicator,
@@ -11180,6 +11204,7 @@ function AgentChat({
                     sessionId,
                     messages: runtime.messages,
                     isRunning: runtime.isRunning,
+                    terminal: runtime.terminal,
                     isLoadingHistory: runtime.isLoadingHistory,
                     onSend: (content, images, attachments) => runtime.send(content, images, attachments),
                     onStop: () => runtime.stop(),