@helpai/elements 0.45.0 → 0.46.1

package/index.d.ts

@@ -1,4 +1,4 @@
-export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, H as HandshakeResponse, L as Link, S as ServerConfig, b as SiteConfig, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial } from './deployment-oSJ2nv2G.js';
+export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, H as HandshakeResponse, L as Link, S as ServerConfig, b as SiteConfig, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial } from './deployment-C_jlXJAe.js';
 import 'zod';
 
 /**

package/index.mjs

@@ -30,7 +30,7 @@ var BRAND = {
 };
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.45.0" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.46.1" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/i18n/strings.ts
@@ -1664,13 +1664,11 @@ function buildSendMessageRequest(params) {
     conversationId: params.conversationId,
     trigger: params.trigger ?? "submit-message"
   };
+  if (params.messageId) body.messageId = params.messageId;
   if (params.visitorId) body.visitorId = params.visitorId;
   if (params.userPrefs) body.userPrefs = params.userPrefs;
-  const data = {};
   const tools = params.tools?.map(normalizeToolRef).filter((t) => t !== null);
-  if (tools?.length) data.tools = tools;
-  if (params.responseMode) data.responseMode = params.responseMode;
-  if (Object.keys(data).length > 0) body.data = data;
+  if (tools?.length) body.data = { tools };
   return body;
 }
 function isResolvedToolPart(p35) {
@@ -1683,6 +1681,12 @@ function normalizeToolRef(ref) {
 function messageToWireParts(m) {
   const out = [];
   for (const p35 of m.parts) {
+    if (p35.kind === "step-start") {
+      out.push({ type: "step-start" });
+    }
+    if (p35.kind === "reasoning" && p35.text) {
+      out.push({ type: "reasoning", text: p35.text, state: p35.done ? "done" : "streaming" });
+    }
     if (p35.kind === "text" && p35.text) {
       out.push({ text: p35.text, type: "text" });
     }
@@ -2081,9 +2085,9 @@ var AgentTransport = class {
     log6.debug("message \u2192", {
       conversationId: body.conversationId,
       visitorId: body.visitorId,
+      messageId: body.messageId,
       messageCount: body.messages.length,
       trigger: body.trigger,
-      responseMode: body.data?.responseMode,
       tools: body.data?.tools?.map((t) => t.code)
     });
     const ctrl = new AbortController();
@@ -2392,6 +2396,17 @@ function fromWireMessage(w) {
     if (part.type === "text") {
       return { kind: "text", id: `${w.id}-t${i}`, textSig: signal(part.text), doneSig: signal(true) };
     }
+    if (part.type === "reasoning") {
+      return {
+        kind: "reasoning",
+        id: `${w.id}-r${i}`,
+        textSig: signal(part.text),
+        doneSig: signal(part.state !== "streaming")
+      };
+    }
+    if (part.type === "step-start") {
+      return { kind: "step-start", id: `${w.id}-ss${i}` };
+    }
     if (part.type === "file") {
       return { kind: "file", url: part.url, mediaType: part.mediaType };
     }
@@ -2510,9 +2525,11 @@ var StreamReducer = class {
     if (!m) return;
     switch (chunk.type) {
       case "start":
-      case "start-step":
       case "finish-step":
         return;
+      case "start-step":
+        appendPart(m, { kind: "step-start", id: `ss${m.partsSig.value.length}` });
+        return;
       case "finish":
         log7.debug("finish", { reason: chunk.finishReason, canContinue: chunk.canContinue });
         m.status = "complete";
@@ -2665,18 +2682,6 @@ function applyTool(m, chunk) {
   }
 }
 
-// src/stream/constants.ts
-function isAskUserInputTool(toolName) {
-  if (!toolName) return false;
-  const name = toolName.startsWith("tool:") ? toolName.slice(5) : toolName;
-  return name === "ask-user-input" || name === "ask_user_input" || name === "request-user-input" || name === "request_user_input";
-}
-var TRIGGER = {
-  submitMessage: "submit-message",
-  toolResult: "tool-result",
-  toolApproval: "tool-approval"
-};
-
 // src/core/feedback/index.ts
 import { signal as signal3 } from "@preact/signals";
 
@@ -4783,6 +4788,13 @@ function FormDoneMarker({
 // src/ui/message-bubble.tsx
 import { useComputed as useComputed5 } from "@preact/signals";
 
+// src/stream/constants.ts
+function isAskUserInputTool(toolName) {
+  if (!toolName) return false;
+  const name = toolName.startsWith("tool:") ? toolName.slice(5) : toolName;
+  return name === "ask-user-input" || name === "ask_user_input" || name === "request-user-input" || name === "request_user_input";
+}
+
 // src/ui/markdown.tsx
 import { useLayoutEffect, useMemo, useRef as useRef4 } from "preact/hooks";
 import { effect, signal as signal4 } from "@preact/signals";
@@ -5211,6 +5223,8 @@ function PartView({
   tool
 }) {
   switch (part.kind) {
+    case "step-start":
+      return null;
     case "text":
       return /* @__PURE__ */ jsx17(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig });
     case "reasoning":
@@ -5276,6 +5290,7 @@ function partKey(part) {
   switch (part.kind) {
     case "text":
     case "reasoning":
+    case "step-start":
       return `${part.kind}:${part.id}`;
     case "tool":
       return `tool:${part.toolCallId}`;
@@ -6936,6 +6951,13 @@ var p34 = BRAND.cssPrefix;
 function makeLocalizedWelcome(w, strings) {
   return makeInstantWelcomeMessage({ ...w, text: localizeText(strings, w.text) });
 }
+function allToolPartsSettled(msg) {
+  const tools = msg.partsSig.value.filter((p35) => p35.kind === "tool");
+  return tools.length > 0 && tools.every((p35) => {
+    const s = p35.stateSig.value;
+    return s === "output-available" || s === "output-error" || s === "output-denied" || s === "approval-responded";
+  });
+}
 function App({ options, hostElement, bus }) {
   const [persistence] = useState13(
     () => createPersistence(options.widgetId, options.storage, options.aiAgentDeploymentId)
@@ -7402,19 +7424,20 @@ function App({ options, hostElement, bus }) {
     return () => document.removeEventListener("keydown", onKey);
   }, [isOpen, options.mode]);
   const streamAssistant = useCallback6(
-    async (assistantMsg, trigger) => {
+    async (assistantMsg, { continueExisting }) => {
       const activeConversationId = conversationIdSig.value ?? uuid7();
       if (!conversationIdSig.value) {
         conversationIdSig.value = activeConversationId;
         persistence.saveConversationId(activeConversationId);
       }
+      const thread = continueExisting ? messagesSig.value : messagesSig.value.slice(0, -1);
       const body = buildSendMessageRequest({
-        messages: messagesSig.value.slice(0, -1).map(fromReactive),
+        messages: thread.map(fromReactive),
         conversationId: activeConversationId,
+        // The assistant message being generated / resumed.
+        messageId: assistantMsg.id,
         // textModel + imageModel are backend-only — selected per deployment.
         tools: options.features.tools,
-        responseMode: options.responseMode,
-        trigger,
         // Identity + preferences ride on every message — server may need
         // them to route, persist, or reconcile in-flight.
         visitorId,
@@ -7448,23 +7471,23 @@ function App({ options, hostElement, bus }) {
     },
     [transport, reducer, messagesSig, conversationIdSig, options, bus, feedback, persistence, visitorId]
   );
-  const resolveTool = useCallback6(
-    (toolCallId, trigger, mutate) => {
+  const decideTool = useCallback6(
+    (toolCallId, mutate) => {
       if (streaming) return;
       const last = messagesSig.value.at(-1);
       const part = last?.partsSig.value.find(
         (pt) => pt.kind === "tool" && pt.toolCallId === toolCallId
       );
-      if (!part) {
-        log17.warn("resolveTool: tool part not found", { toolCallId });
+      if (!last || !part) {
+        log17.warn("decideTool: tool part not found", { toolCallId });
         return;
       }
       mutate(part);
-      if (last) last.partsSig.value = [...last.partsSig.value];
-      const assistantMsg = makeAssistantMessage();
-      messagesSig.value = [...messagesSig.value, assistantMsg];
-      reducer.attach(assistantMsg);
-      void streamAssistant(assistantMsg, trigger);
+      last.partsSig.value = [...last.partsSig.value];
+      if (!allToolPartsSettled(last)) return;
+      last.status = "streaming";
+      reducer.attach(last);
+      void streamAssistant(last, { continueExisting: true });
     },
     [streaming, messagesSig, reducer, streamAssistant]
   );
@@ -7472,24 +7495,24 @@ function App({ options, hostElement, bus }) {
     (toolCallId, output) => {
       log17.info("toolResult", { toolCallId });
       bus.emit("toolResult", { toolCallId });
-      resolveTool(toolCallId, TRIGGER.toolResult, (part) => {
+      decideTool(toolCallId, (part) => {
         part.outputSig.value = output;
         part.stateSig.value = "output-available";
       });
     },
-    [bus, resolveTool]
+    [bus, decideTool]
   );
   const handleToolDecision = useCallback6(
     (toolCallId, approved, reason) => {
       log17.info("toolDecision", { toolCallId, approved });
       bus.emit("toolDecision", { toolCallId, approved });
-      resolveTool(toolCallId, TRIGGER.toolApproval, (part) => {
+      decideTool(toolCallId, (part) => {
         const id = part.approvalSig.value?.id ?? toolCallId;
         part.approvalSig.value = { id, approved, reason };
         part.stateSig.value = "approval-responded";
       });
     },
-    [bus, resolveTool]
+    [bus, decideTool]
   );
   const toolInteraction = useMemo3(
     () => ({ humanInLoop: options.features.humanInLoop, onResult: handleToolResult, onDecision: handleToolDecision }),
@@ -7569,7 +7592,7 @@ function App({ options, hostElement, bus }) {
       messagesSig.value = [...messagesSig.value, userMsg, assistantMsg];
       reducer.attach(assistantMsg);
       emitMessage(bus, options, "user", text);
-      await streamAssistant(assistantMsg, TRIGGER.submitMessage);
+      await streamAssistant(assistantMsg, { continueExisting: false });
       forms.fire("after-messages");
     },
     [streaming, transport, bus, options, suggestions.length, messagesSig, reducer, streamAssistant, forms]

package/package.json

@@ -80,5 +80,5 @@
   ],
   "type": "module",
   "types": "./index.d.ts",
-  "version": "0.45.0"
+  "version": "0.46.1"
 }

package/schema.d.ts

@@ -1,4 +1,4 @@
-export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, E as Endpoints, H as HandshakeResponse, L as Link, P as PAGE_AREA_SUGGESTIONS, f as PageContext, S as ServerConfig, b as SiteConfig, U as UserContext, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial, g as assetSchema, h as blocksConfigSchema, i as connectionConfigPartialSchema, j as connectionConfigSchema, k as cssColorSchema, l as cssLengthSchema, m as endpointsSchema, n as handshakeResponseSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, u as userContextSchema, t as uuid7Schema, w as widgetConfigPartialSchema, v as widgetConfigSchema, x as widgetSettingsPartialSchema, y as widgetSettingsSchema } from './deployment-oSJ2nv2G.js';
+export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, E as Endpoints, H as HandshakeResponse, L as Link, P as PAGE_AREA_SUGGESTIONS, f as PageContext, S as ServerConfig, b as SiteConfig, U as UserContext, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial, g as assetSchema, h as blocksConfigSchema, i as connectionConfigPartialSchema, j as connectionConfigSchema, k as cssColorSchema, l as cssLengthSchema, m as endpointsSchema, n as handshakeResponseSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, u as userContextSchema, t as uuid7Schema, w as widgetConfigPartialSchema, v as widgetConfigSchema, x as widgetSettingsPartialSchema, y as widgetSettingsSchema } from './deployment-C_jlXJAe.js';
 import { z } from 'zod';
 
 /**
@@ -56,9 +56,9 @@ declare const presentationSchema: z.ZodObject<{
         inset: z.ZodOptional<z.ZodString>;
         initialSize: z.ZodDefault<z.ZodEnum<{
             fullscreen: "fullscreen";
-            normal: "normal";
             expanded: "expanded";
             auto: "auto";
+            normal: "normal";
         }>>;
         autoSizeBreakpoint: z.ZodDefault<z.ZodNumber>;
     }, z.core.$loose>>;
@@ -240,9 +240,9 @@ type LauncherOptions = z.infer<typeof launcherOptionsSchema>;
 
 declare const initialSizeSchema: z.ZodEnum<{
     fullscreen: "fullscreen";
-    normal: "normal";
     expanded: "expanded";
     auto: "auto";
+    normal: "normal";
 }>;
 declare const resizeOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
@@ -269,9 +269,9 @@ declare const sizeOptionsSchema: z.ZodObject<{
     inset: z.ZodOptional<z.ZodString>;
     initialSize: z.ZodDefault<z.ZodEnum<{
         fullscreen: "fullscreen";
-        normal: "normal";
         expanded: "expanded";
         auto: "auto";
+        normal: "normal";
     }>>;
     autoSizeBreakpoint: z.ZodDefault<z.ZodNumber>;
 }, z.core.$loose>;
@@ -323,40 +323,40 @@ type FeatureFlags = z.infer<typeof featureFlagsSchema>;
  */
 
 declare const actionNameSchema: z.ZodEnum<{
+    close: "close";
     expand: "expand";
     fullscreen: "fullscreen";
-    close: "close";
-    language: "language";
+    clear: "clear";
     theme: "theme";
+    language: "language";
     textSize: "textSize";
     history: "history";
-    clear: "clear";
     sound: "sound";
 }>;
 type ActionName = z.infer<typeof actionNameSchema>;
 declare const headerActionsSchema: z.ZodArray<z.ZodEnum<{
+    close: "close";
     expand: "expand";
     fullscreen: "fullscreen";
-    close: "close";
-    language: "language";
+    clear: "clear";
     theme: "theme";
+    language: "language";
     textSize: "textSize";
     history: "history";
-    clear: "clear";
     sound: "sound";
 }>>;
 type HeaderActions = z.infer<typeof headerActionsSchema>;
 /** Section wrapper — `actions` list wrapped under `header` in the dashboard form. */
 declare const headerSchema: z.ZodObject<{
     actions: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+        close: "close";
         expand: "expand";
         fullscreen: "fullscreen";
-        close: "close";
-        language: "language";
+        clear: "clear";
         theme: "theme";
+        language: "language";
         textSize: "textSize";
         history: "history";
-        clear: "clear";
         sound: "sound";
     }>>>;
 }, z.core.$loose>;
@@ -372,33 +372,33 @@ type HeaderOptions = z.infer<typeof headerSchema>;
  */
 
 declare const feedbackEventSchema: z.ZodEnum<{
+    voiceStart: "voiceStart";
+    voiceStop: "voiceStop";
     error: "error";
     messageReceived: "messageReceived";
     messageSent: "messageSent";
-    voiceStart: "voiceStart";
-    voiceStop: "voiceStop";
 }>;
 type FeedbackEvent = z.infer<typeof feedbackEventSchema>;
 declare const soundOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
     volume: z.ZodDefault<z.ZodNumber>;
     events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
+        voiceStart: "voiceStart";
+        voiceStop: "voiceStop";
         error: "error";
         messageReceived: "messageReceived";
         messageSent: "messageSent";
-        voiceStart: "voiceStart";
-        voiceStop: "voiceStop";
     }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodString]>>>;
 }, z.core.$loose>;
 type SoundOptions = z.infer<typeof soundOptionsSchema>;
 declare const hapticsOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
     events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
+        voiceStart: "voiceStart";
+        voiceStop: "voiceStop";
         error: "error";
         messageReceived: "messageReceived";
         messageSent: "messageSent";
-        voiceStart: "voiceStart";
-        voiceStop: "voiceStop";
     }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodNumber, z.ZodArray<z.ZodNumber>]>>>;
 }, z.core.$loose>;
 type HapticsOptions = z.infer<typeof hapticsOptionsSchema>;
@@ -407,21 +407,21 @@ declare const feedbackSchema: z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
         volume: z.ZodDefault<z.ZodNumber>;
         events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
+            voiceStart: "voiceStart";
+            voiceStop: "voiceStop";
             error: "error";
             messageReceived: "messageReceived";
             messageSent: "messageSent";
-            voiceStart: "voiceStart";
-            voiceStop: "voiceStop";
         }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodString]>>>;
     }, z.core.$loose>>;
     haptics: z.ZodOptional<z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
         events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
+            voiceStart: "voiceStart";
+            voiceStop: "voiceStop";
             error: "error";
             messageReceived: "messageReceived";
             messageSent: "messageSent";
-            voiceStart: "voiceStart";
-            voiceStop: "voiceStop";
         }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodNumber, z.ZodArray<z.ZodNumber>]>>>;
     }, z.core.$loose>>;
 }, z.core.$loose>;
@@ -856,18 +856,18 @@ type I18nOptions = z.infer<typeof i18nSchema>;
  */
 
 declare const moduleLayoutSchema: z.ZodEnum<{
+    home: "home";
     chat: "chat";
     help: "help";
-    home: "home";
     news: "news";
 }>;
 type ModuleLayout = z.infer<typeof moduleLayoutSchema>;
 declare const moduleSchema: z.ZodObject<{
     label: z.ZodString;
     layout: z.ZodEnum<{
+        home: "home";
         chat: "chat";
         help: "help";
-        home: "home";
         news: "news";
     }>;
     contentTags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -893,9 +893,9 @@ type ModuleOptions = z.infer<typeof moduleSchema>;
 declare const modulesSchema: z.ZodArray<z.ZodObject<{
     label: z.ZodString;
     layout: z.ZodEnum<{
+        home: "home";
         chat: "chat";
         help: "help";
-        home: "home";
         news: "news";
     }>;
     contentTags: z.ZodOptional<z.ZodArray<z.ZodString>>;

package/web-component.mjs

@@ -1445,7 +1445,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.45.0" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.46.1" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -1623,13 +1623,11 @@ function buildSendMessageRequest(params) {
     conversationId: params.conversationId,
     trigger: params.trigger ?? "submit-message"
   };
+  if (params.messageId) body.messageId = params.messageId;
   if (params.visitorId) body.visitorId = params.visitorId;
   if (params.userPrefs) body.userPrefs = params.userPrefs;
-  const data = {};
   const tools = params.tools?.map(normalizeToolRef).filter((t) => t !== null);
-  if (tools?.length) data.tools = tools;
-  if (params.responseMode) data.responseMode = params.responseMode;
-  if (Object.keys(data).length > 0) body.data = data;
+  if (tools?.length) body.data = { tools };
   return body;
 }
 function isResolvedToolPart(p35) {
@@ -1642,6 +1640,12 @@ function normalizeToolRef(ref) {
 function messageToWireParts(m) {
   const out = [];
   for (const p35 of m.parts) {
+    if (p35.kind === "step-start") {
+      out.push({ type: "step-start" });
+    }
+    if (p35.kind === "reasoning" && p35.text) {
+      out.push({ type: "reasoning", text: p35.text, state: p35.done ? "done" : "streaming" });
+    }
     if (p35.kind === "text" && p35.text) {
       out.push({ text: p35.text, type: "text" });
     }
@@ -2040,9 +2044,9 @@ var AgentTransport = class {
     log5.debug("message \u2192", {
       conversationId: body.conversationId,
       visitorId: body.visitorId,
+      messageId: body.messageId,
       messageCount: body.messages.length,
       trigger: body.trigger,
-      responseMode: body.data?.responseMode,
       tools: body.data?.tools?.map((t) => t.code)
     });
     const ctrl = new AbortController();
@@ -2351,6 +2355,17 @@ function fromWireMessage(w) {
     if (part.type === "text") {
       return { kind: "text", id: `${w.id}-t${i}`, textSig: signal(part.text), doneSig: signal(true) };
     }
+    if (part.type === "reasoning") {
+      return {
+        kind: "reasoning",
+        id: `${w.id}-r${i}`,
+        textSig: signal(part.text),
+        doneSig: signal(part.state !== "streaming")
+      };
+    }
+    if (part.type === "step-start") {
+      return { kind: "step-start", id: `${w.id}-ss${i}` };
+    }
     if (part.type === "file") {
       return { kind: "file", url: part.url, mediaType: part.mediaType };
     }
@@ -2469,9 +2484,11 @@ var StreamReducer = class {
     if (!m) return;
     switch (chunk.type) {
       case "start":
-      case "start-step":
       case "finish-step":
         return;
+      case "start-step":
+        appendPart(m, { kind: "step-start", id: `ss${m.partsSig.value.length}` });
+        return;
       case "finish":
         log6.debug("finish", { reason: chunk.finishReason, canContinue: chunk.canContinue });
         m.status = "complete";
@@ -2624,18 +2641,6 @@ function applyTool(m, chunk) {
   }
 }
 
-// src/stream/constants.ts
-function isAskUserInputTool(toolName) {
-  if (!toolName) return false;
-  const name = toolName.startsWith("tool:") ? toolName.slice(5) : toolName;
-  return name === "ask-user-input" || name === "ask_user_input" || name === "request-user-input" || name === "request_user_input";
-}
-var TRIGGER = {
-  submitMessage: "submit-message",
-  toolResult: "tool-result",
-  toolApproval: "tool-approval"
-};
-
 // src/core/feedback/index.ts
 import { signal as signal3 } from "@preact/signals";
 
@@ -4742,6 +4747,13 @@ function FormDoneMarker({
 // src/ui/message-bubble.tsx
 import { useComputed as useComputed5 } from "@preact/signals";
 
+// src/stream/constants.ts
+function isAskUserInputTool(toolName) {
+  if (!toolName) return false;
+  const name = toolName.startsWith("tool:") ? toolName.slice(5) : toolName;
+  return name === "ask-user-input" || name === "ask_user_input" || name === "request-user-input" || name === "request_user_input";
+}
+
 // src/ui/markdown.tsx
 import { useLayoutEffect, useMemo, useRef as useRef4 } from "preact/hooks";
 import { effect, signal as signal4 } from "@preact/signals";
@@ -5170,6 +5182,8 @@ function PartView({
   tool
 }) {
   switch (part.kind) {
+    case "step-start":
+      return null;
     case "text":
       return /* @__PURE__ */ jsx17(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig });
     case "reasoning":
@@ -5235,6 +5249,7 @@ function partKey(part) {
   switch (part.kind) {
     case "text":
     case "reasoning":
+    case "step-start":
       return `${part.kind}:${part.id}`;
     case "tool":
       return `tool:${part.toolCallId}`;
@@ -6895,6 +6910,13 @@ var p34 = BRAND.cssPrefix;
 function makeLocalizedWelcome(w, strings) {
   return makeInstantWelcomeMessage({ ...w, text: localizeText(strings, w.text) });
 }
+function allToolPartsSettled(msg) {
+  const tools = msg.partsSig.value.filter((p35) => p35.kind === "tool");
+  return tools.length > 0 && tools.every((p35) => {
+    const s = p35.stateSig.value;
+    return s === "output-available" || s === "output-error" || s === "output-denied" || s === "approval-responded";
+  });
+}
 function App({ options, hostElement, bus }) {
   const [persistence] = useState13(
     () => createPersistence(options.widgetId, options.storage, options.aiAgentDeploymentId)
@@ -7361,19 +7383,20 @@ function App({ options, hostElement, bus }) {
     return () => document.removeEventListener("keydown", onKey);
   }, [isOpen, options.mode]);
   const streamAssistant = useCallback6(
-    async (assistantMsg, trigger) => {
+    async (assistantMsg, { continueExisting }) => {
       const activeConversationId = conversationIdSig.value ?? uuid7();
       if (!conversationIdSig.value) {
         conversationIdSig.value = activeConversationId;
         persistence.saveConversationId(activeConversationId);
       }
+      const thread = continueExisting ? messagesSig.value : messagesSig.value.slice(0, -1);
       const body = buildSendMessageRequest({
-        messages: messagesSig.value.slice(0, -1).map(fromReactive),
+        messages: thread.map(fromReactive),
         conversationId: activeConversationId,
+        // The assistant message being generated / resumed.
+        messageId: assistantMsg.id,
         // textModel + imageModel are backend-only — selected per deployment.
         tools: options.features.tools,
-        responseMode: options.responseMode,
-        trigger,
         // Identity + preferences ride on every message — server may need
         // them to route, persist, or reconcile in-flight.
         visitorId,
@@ -7407,23 +7430,23 @@ function App({ options, hostElement, bus }) {
     },
     [transport, reducer, messagesSig, conversationIdSig, options, bus, feedback, persistence, visitorId]
   );
-  const resolveTool = useCallback6(
-    (toolCallId, trigger, mutate) => {
+  const decideTool = useCallback6(
+    (toolCallId, mutate) => {
       if (streaming) return;
       const last = messagesSig.value.at(-1);
       const part = last?.partsSig.value.find(
         (pt) => pt.kind === "tool" && pt.toolCallId === toolCallId
       );
-      if (!part) {
-        log16.warn("resolveTool: tool part not found", { toolCallId });
+      if (!last || !part) {
+        log16.warn("decideTool: tool part not found", { toolCallId });
         return;
       }
       mutate(part);
-      if (last) last.partsSig.value = [...last.partsSig.value];
-      const assistantMsg = makeAssistantMessage();
-      messagesSig.value = [...messagesSig.value, assistantMsg];
-      reducer.attach(assistantMsg);
-      void streamAssistant(assistantMsg, trigger);
+      last.partsSig.value = [...last.partsSig.value];
+      if (!allToolPartsSettled(last)) return;
+      last.status = "streaming";
+      reducer.attach(last);
+      void streamAssistant(last, { continueExisting: true });
     },
     [streaming, messagesSig, reducer, streamAssistant]
   );
@@ -7431,24 +7454,24 @@ function App({ options, hostElement, bus }) {
     (toolCallId, output) => {
       log16.info("toolResult", { toolCallId });
       bus.emit("toolResult", { toolCallId });
-      resolveTool(toolCallId, TRIGGER.toolResult, (part) => {
+      decideTool(toolCallId, (part) => {
         part.outputSig.value = output;
         part.stateSig.value = "output-available";
       });
     },
-    [bus, resolveTool]
+    [bus, decideTool]
   );
   const handleToolDecision = useCallback6(
     (toolCallId, approved, reason) => {
       log16.info("toolDecision", { toolCallId, approved });
       bus.emit("toolDecision", { toolCallId, approved });
-      resolveTool(toolCallId, TRIGGER.toolApproval, (part) => {
+      decideTool(toolCallId, (part) => {
         const id = part.approvalSig.value?.id ?? toolCallId;
         part.approvalSig.value = { id, approved, reason };
         part.stateSig.value = "approval-responded";
       });
     },
-    [bus, resolveTool]
+    [bus, decideTool]
   );
   const toolInteraction = useMemo3(
     () => ({ humanInLoop: options.features.humanInLoop, onResult: handleToolResult, onDecision: handleToolDecision }),
@@ -7528,7 +7551,7 @@ function App({ options, hostElement, bus }) {
       messagesSig.value = [...messagesSig.value, userMsg, assistantMsg];
       reducer.attach(assistantMsg);
       emitMessage(bus, options, "user", text);
-      await streamAssistant(assistantMsg, TRIGGER.submitMessage);
+      await streamAssistant(assistantMsg, { continueExisting: false });
       forms.fire("after-messages");
     },
     [streaming, transport, bus, options, suggestions.length, messagesSig, reducer, streamAssistant, forms]