@invergent/agent-chat-react 2.4.11 → 2.4.13

package/dist/index.js

@@ -7958,6 +7958,20 @@ function ArtifactRow({
   ) });
 }
 var WORKING_ON_IT_DELAY_MS = 250;
+function hasUserFacingAskContent(msg) {
+  return !!msg.toolCalls?.some((tc) => tc.toolName === "ask_user_question");
+}
+function isAwaitingUserInput(messages) {
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const m = messages[i];
+    if (m.role === "user") return false;
+    if (m.role !== "assistant") continue;
+    return !!m.toolCalls?.some(
+      (tc) => tc.toolName === "ask_user_question" && tc.status === "running"
+    );
+  }
+  return false;
+}
 function messageToEntries(msg, isLast, artifactFallbacks) {
   if (msg.role === "system") {
     if (msg.systemKind === "skill_invoked") {
@@ -7982,6 +7996,14 @@ function messageToEntries(msg, isLast, artifactFallbacks) {
         version
       }];
     }
+    if (msg.systemKind === "browser_marker" || msg.systemKind === "browser_marker_warning") {
+      return [{
+        kind: "browser_marker",
+        key: msg.id,
+        content: msg.content,
+        warning: msg.systemKind === "browser_marker_warning"
+      }];
+    }
     return [];
   }
   const entries = [];
@@ -7998,12 +8020,22 @@ function messageToEntries(msg, isLast, artifactFallbacks) {
     });
   }
   if (hasContent && hasToolCalls) {
-    entries.push({
-      kind: "narration",
-      key: `${msg.id}-narration`,
-      text: msg.content,
-      isStreaming: isStreaming && !effectiveHasContent
-    });
+    if (hasUserFacingAskContent(msg)) {
+      entries.push({
+        kind: "text",
+        key: `${msg.id}-text`,
+        content: msg.content,
+        isStreaming: false,
+        msg
+      });
+    } else {
+      entries.push({
+        kind: "narration",
+        key: `${msg.id}-narration`,
+        text: msg.content,
+        isStreaming: isStreaming && !effectiveHasContent
+      });
+    }
   }
   if (hasToolCalls) {
     for (const tc of msg.toolCalls) {
@@ -8167,6 +8199,23 @@ function OrphanSystemMarker({
       }
     );
   }
+  if (message.systemKind === "browser_marker" || message.systemKind === "browser_marker_warning") {
+    const warning = message.systemKind === "browser_marker_warning";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "my-2 flex items-center gap-2 px-4 text-xs",
+          warning ? "text-amber-600" : "text-foreground/60"
+        ),
+        role: warning ? "alert" : "status",
+        children: [
+          warning ? /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3.5 shrink-0", "aria-hidden": true }) : /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-foreground/30" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: message.content })
+        ]
+      }
+    );
+  }
   if (message.systemKind === "error" && message.errorInfo) {
     return /* @__PURE__ */ jsx("div", { className: "mx-auto my-2 w-full max-w-4xl", children: /* @__PURE__ */ jsx(ErrorMessage, { errorInfo: message.errorInfo, onRetry }) });
   }
@@ -8267,6 +8316,36 @@ function TimelineEntryItem({
   if (entry.kind === "narration") {
     return /* @__PURE__ */ jsx(NarrationEntry, { entry, step });
   }
+  if (entry.kind === "browser_marker") {
+    return /* @__PURE__ */ jsxs(TimelineItem, { step, children: [
+      /* @__PURE__ */ jsxs(TimelineHeader, { children: [
+        /* @__PURE__ */ jsx(TimelineSeparator, { style: { backgroundColor: "var(--color-border)" } }),
+        /* @__PURE__ */ jsx(
+          TimelineIndicator,
+          {
+            className: cn(
+              "size-2 border-none",
+              entry.warning ? "bg-amber-500" : "bg-foreground/30"
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(TimelineContent, { children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center gap-1.5 py-1 text-sm",
+            entry.warning ? "text-amber-600" : "text-foreground/60"
+          ),
+          role: entry.warning ? "alert" : "status",
+          children: [
+            entry.warning && /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3.5 shrink-0", "aria-hidden": true }),
+            /* @__PURE__ */ jsx("span", { children: entry.content })
+          ]
+        }
+      ) })
+    ] });
+  }
   if (entry.kind === "skill_invoked") {
     return /* @__PURE__ */ jsxs(TimelineItem, { step, children: [
       /* @__PURE__ */ jsxs(TimelineHeader, { children: [
@@ -8646,13 +8725,13 @@ function IterationGroup({
 }) {
   const summary = message.iterationSummary?.summary;
   const [open, setOpen] = useState(false);
+  const askCall = (message.toolCalls ?? []).find(
+    (tc) => tc.toolName === "ask_user_question"
+  );
+  if (askCall) {
+    return /* @__PURE__ */ jsx("div", { className: "px-1 py-0.5", children: /* @__PURE__ */ jsx(AskUserQuestionToolBlock, { tc: askCall }) });
+  }
   if (isIterationLive(message)) {
-    const askCall = (message.toolCalls ?? []).find(
-      (tc) => tc.toolName === "ask_user_question" && tc.status === "running"
-    );
-    if (askCall) {
-      return /* @__PURE__ */ jsx("div", { className: "px-1 py-0.5", children: /* @__PURE__ */ jsx(AskUserQuestionToolBlock, { tc: askCall }) });
-    }
     const label2 = liveIterationLabel(message);
     return /* @__PURE__ */ jsx("div", { className: "py-0.5 text-sm", children: /* @__PURE__ */ jsx(Shimmer, { duration: 3, spread: 3, className: "text-sm", children: label2 }) });
   }
@@ -8711,6 +8790,14 @@ function deriveFileArtifactsFromMessages(messages) {
   const seen = /* @__PURE__ */ new Set();
   const out = [];
   for (const msg of messages) {
+    if (msg.role === "system") {
+      if (msg.systemKind !== "artifact") continue;
+      const { artifactId, name } = unpackArtifactMeta(msg.systemMeta, msg.content);
+      if (!artifactId || seen.has(`artifact:${artifactId}`)) continue;
+      seen.add(`artifact:${artifactId}`);
+      out.push({ kind: "artifact", label: name, ref: artifactId });
+      continue;
+    }
     if (msg.role !== "assistant" || !msg.toolCalls) continue;
     for (const tc of msg.toolCalls) {
       const status = effectiveStatus(tc);
@@ -8730,16 +8817,6 @@ function deriveFileArtifactsFromMessages(messages) {
         });
         continue;
       }
-      if (tc.toolName === "create_artifact") {
-        const name = typeof args.name === "string" ? args.name : "";
-        if (!name || seen.has(`artifact:${name}`)) continue;
-        seen.add(`artifact:${name}`);
-        out.push({
-          kind: "artifact",
-          label: name,
-          ref: name
-        });
-      }
     }
   }
   return out;
@@ -8765,15 +8842,18 @@ function SimpleAssistantGroup({
     if (fromHarness && fromHarness.artifacts.length > 0) {
       return fromHarness;
     }
+    if (turnComplete) {
+      const derived = deriveFileArtifactsFromMessages(messages);
+      if (derived.length > 0) {
+        return {
+          turnId: fromHarness?.turnId ?? "",
+          recap: summaryPref === "show" ? fromHarness?.recap ?? "" : "",
+          artifacts: derived
+        };
+      }
+    }
     if (summaryPref === "hide") return null;
-    if (!turnComplete) return fromHarness;
-    const derived = deriveFileArtifactsFromMessages(messages);
-    if (derived.length === 0) return fromHarness;
-    return {
-      turnId: fromHarness?.turnId ?? "",
-      recap: fromHarness?.recap ?? "",
-      artifacts: derived
-    };
+    return fromHarness;
   })();
   return /* @__PURE__ */ jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsxs(MessageContent, { children: [
     /* @__PURE__ */ jsx("div", { className: "space-y-2", children: messages.map((message) => {
@@ -8791,10 +8871,11 @@ function SimpleAssistantGroup({
       }
       if (message === tail && tailIsTextOnly && finalText) return null;
       const rawContent = (message.content ?? "").trim();
-      const { action, inferredNarration } = stripAndParseNextAction(rawContent);
+      const { action, inferredNarration, cleaned } = stripAndParseNextAction(rawContent);
       const narrationLine = action ? action.body.trim().toLowerCase() === "done" ? null : action.body : inferredNarration;
+      const askBody = hasUserFacingAskContent(message) ? cleaned : null;
       return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        narrationLine && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: narrationLine }),
+        askBody ? /* @__PURE__ */ jsx(MessageResponse, { children: askBody }) : narrationLine ? /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: narrationLine }) : null,
         /* @__PURE__ */ jsx(
           IterationGroup,
           {
@@ -8859,7 +8940,7 @@ function AssistantGroup({
   entries = groupWebSearchEntries(entries);
   for (let i = entries.length - 1; i >= 0; i--) {
     const entry = entries[i];
-    if (entry?.kind === "text") {
+    if (entry?.kind === "text" && !hasUserFacingAskContent(entry.msg)) {
       entries[i] = { ...entry, isFinalTurnText: true };
       break;
     }
@@ -8955,7 +9036,10 @@ function ChatThread({
   onViewModeChange
 }) {
   const groups = useMemo(() => groupMessages(messages), [messages]);
-  const showWorkingOnIt = useDelayedRunningIndicator(isRunning);
+  const awaitingInput = useMemo(() => isAwaitingUserInput(messages), [messages]);
+  const showWorkingOnIt = useDelayedRunningIndicator(isRunning) && !awaitingInput;
+  const composerDisabled = disabled || awaitingInput;
+  const composerDisabledReason = awaitingInput ? "Answer the question above to continue." : disabledReason;
   const artifactFallbacks = useMemo(() => {
     const fallbacks = {};
     const createArtifactToolCallIds = [];
@@ -9058,12 +9142,12 @@ function ChatThread({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-4xl px-3 sm:px-6 pb-3 sm:pb-5 pt-3", children: [
       retryIndicator && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(RetryBanner, { indicator: retryIndicator }) }),
-      disabled && disabledReason ? /* @__PURE__ */ jsx(
+      composerDisabled && composerDisabledReason ? /* @__PURE__ */ jsx(
         "div",
         {
           className: "rounded border border-line bg-muted/40 px-3 py-2 text-sm text-foreground/60",
           role: "status",
-          children: disabledReason
+          children: composerDisabledReason
         }
       ) : /* @__PURE__ */ jsx(
         ChatComposer,
@@ -9071,8 +9155,8 @@ function ChatThread({
           onSend,
           onStop,
           isRunning,
-          disabled,
-          disabledReason,
+          disabled: composerDisabled,
+          disabledReason: composerDisabledReason,
           tokenUsage,
           onComposerError,
           showBrowser,