@runtypelabs/persona 3.15.1 → 3.16.0

package/dist/theme-editor.cjs

@@ -154,6 +154,12 @@ var DEFAULT_WIDGET_CONFIG = {
     agentIconSize: "40px",
     headerIconSize: "40px",
     closeButtonSize: "32px",
+    // Zero out browser-default <button> padding so the icon gets the full
+    // 32x32 content box, matching clearChat.paddingX/Y below. Without this,
+    // UA stylesheets add ~1-2px vertical and ~6px horizontal padding that
+    // eats into the border-box width and shrinks the rendered icon.
+    closeButtonPaddingX: "0px",
+    closeButtonPaddingY: "0px",
     callToActionIconName: "arrow-up-right",
     callToActionIconText: "",
     callToActionIconSize: "32px",
@@ -4456,6 +4462,8 @@ var AgentWidgetClient = class {
     let didSplitByPartId = false;
     const reasoningMessages = /* @__PURE__ */ new Map();
     const toolMessages = /* @__PURE__ */ new Map();
+    const nestedStepMessages = /* @__PURE__ */ new Map();
+    const nestedPartIdByStep = /* @__PURE__ */ new Map();
     const reasoningContext = {
       lastId: null,
       byStep: /* @__PURE__ */ new Map()
@@ -4464,6 +4472,31 @@ var AgentWidgetClient = class {
       lastId: null,
       byCall: /* @__PURE__ */ new Map()
     };
+    const getNestedStepKey = (toolId, stepId, partId = "") => `${toolId}::${stepId}::${partId}`;
+    const getNestedStepPrefix = (toolId, stepId) => `${toolId}::${stepId}::`;
+    const ensureNestedStepMessage = (toolId, stepId, partId, executionId) => {
+      const key = getNestedStepKey(toolId, stepId, partId);
+      const existing = nestedStepMessages.get(key);
+      if (existing) return existing;
+      const idSuffix = partId ? `-${partId}` : "";
+      const message = {
+        id: `nested-${toolId}-${stepId}${idSuffix}`,
+        role: "assistant",
+        content: "",
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        streaming: true,
+        sequence: nextSequence(),
+        ...partId ? { partId } : {},
+        agentMetadata: {
+          executionId,
+          parentToolId: toolId,
+          parentStepId: stepId
+        }
+      };
+      nestedStepMessages.set(key, message);
+      emitMessage(message);
+      return message;
+    };
     const normalizeKey = (value) => {
       if (value === null || value === void 0) return null;
       try {
@@ -4773,7 +4806,7 @@ var AgentWidgetClient = class {
     const agentIterationMessages = /* @__PURE__ */ new Map();
     const iterationDisplay = (_a = this.config.iterationDisplay) != null ? _a : "separate";
     drainReadyQueue = () => {
-      var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab, _bb, _cb, _db, _eb, _fb, _gb, _hb, _ib, _jb, _kb;
+      var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab, _bb, _cb, _db, _eb, _fb, _gb, _hb, _ib, _jb, _kb, _lb, _mb, _nb, _ob, _pb, _qb, _rb, _sb, _tb, _ub;
       for (let i = 0; i < seqReadyQueue.length; i++) {
         const payloadType = seqReadyQueue[i].payloadType;
         const payload = seqReadyQueue[i].payload;
@@ -4946,6 +4979,9 @@ var AgentWidgetClient = class {
             toolContext.byCall.delete(callKey);
           }
         } else if (payloadType === "text_start") {
+          if ((_X = payload.toolContext) == null ? void 0 : _X.toolId) {
+            continue;
+          }
           const incomingPartId = payload.partId;
           if (incomingPartId !== void 0 && partIdState.current !== null && incomingPartId !== partIdState.current) {
             const prev = assistantMessage;
@@ -4961,6 +4997,9 @@ var AgentWidgetClient = class {
             partIdState.current = incomingPartId;
           }
         } else if (payloadType === "text_end") {
+          if ((_Y = payload.toolContext) == null ? void 0 : _Y.toolId) {
+            continue;
+          }
           const prev = assistantMessage;
           if (prev) {
             prev.streaming = false;
@@ -4975,6 +5014,48 @@ var AgentWidgetClient = class {
           if (stepType === "tool" || executionType === "context") {
             continue;
           }
+          const nestedToolCtx = payload.toolContext;
+          if (nestedToolCtx == null ? void 0 : nestedToolCtx.toolId) {
+            const nestedStepId = String(
+              (__ = (_Z = payload.id) != null ? _Z : nestedToolCtx.stepId) != null ? __ : `step-${nextSequence()}`
+            );
+            const incomingPartId2 = payload.partId !== void 0 && payload.partId !== null ? String(payload.partId) : "";
+            const stepScopeKey = `${nestedToolCtx.toolId}::${nestedStepId}`;
+            const prevPartId = nestedPartIdByStep.get(stepScopeKey);
+            if (incomingPartId2 !== "" && prevPartId !== void 0 && prevPartId !== "" && prevPartId !== incomingPartId2) {
+              const prev = nestedStepMessages.get(
+                getNestedStepKey(
+                  nestedToolCtx.toolId,
+                  nestedStepId,
+                  prevPartId
+                )
+              );
+              if (prev && prev.streaming !== false) {
+                prev.streaming = false;
+                emitMessage(prev);
+              }
+            }
+            if (incomingPartId2 !== "") {
+              nestedPartIdByStep.set(stepScopeKey, incomingPartId2);
+            }
+            const nestedMsg = ensureNestedStepMessage(
+              nestedToolCtx.toolId,
+              nestedStepId,
+              incomingPartId2,
+              nestedToolCtx.executionId
+            );
+            const nestedChunk = (_ca = (_ba = (_aa = (_$ = payload.text) != null ? _$ : payload.delta) != null ? _aa : payload.content) != null ? _ba : payload.chunk) != null ? _ca : "";
+            if (nestedChunk) {
+              nestedMsg.content += String(nestedChunk);
+              nestedMsg.streaming = true;
+              emitMessage(nestedMsg);
+            }
+            if (payload.isComplete) {
+              nestedMsg.streaming = false;
+              emitMessage(nestedMsg);
+            }
+            continue;
+          }
           const incomingPartId = payload.partId;
           if (incomingPartId !== void 0 && partIdState.current !== null && incomingPartId !== partIdState.current) {
             const prev = assistantMessage;
@@ -4989,18 +5070,18 @@ var AgentWidgetClient = class {
           if (incomingPartId !== void 0) {
             partIdState.current = incomingPartId;
           }
-          const assistant = incomingPartId !== void 0 ? (_X = assistantMessagesByPartId.get(incomingPartId)) != null ? _X : ensureAssistantMessage() : ensureAssistantMessage();
+          const assistant = incomingPartId !== void 0 ? (_da = assistantMessagesByPartId.get(incomingPartId)) != null ? _da : ensureAssistantMessage() : ensureAssistantMessage();
           if (incomingPartId !== void 0) {
             if (!assistant.partId) {
               assistant.partId = incomingPartId;
             }
             assistantMessagesByPartId.set(incomingPartId, assistant);
           }
-          const chunk = (_$ = (__ = (_Z = (_Y = payload.text) != null ? _Y : payload.delta) != null ? _Z : payload.content) != null ? __ : payload.chunk) != null ? _$ : "";
+          const chunk = (_ha = (_ga = (_fa = (_ea = payload.text) != null ? _ea : payload.delta) != null ? _fa : payload.content) != null ? _ga : payload.chunk) != null ? _ha : "";
           if (chunk) {
             const chunkSeq = typeof payload.seq === "number" ? payload.seq : void 0;
             const chunkBufferKey = incomingPartId != null ? incomingPartId : assistant.id;
-            const accumulatedRaw = chunkSeq !== void 0 ? insertOrderedChunk(chunkBufferKey, chunkSeq, String(chunk)) : ((_aa = rawContentBuffers.get(assistant.id)) != null ? _aa : "") + chunk;
+            const accumulatedRaw = chunkSeq !== void 0 ? insertOrderedChunk(chunkBufferKey, chunkSeq, String(chunk)) : ((_ia = rawContentBuffers.get(assistant.id)) != null ? _ia : "") + chunk;
             assistant.rawContent = accumulatedRaw;
             if (!streamParsers.has(assistant.id)) {
               streamParsers.set(assistant.id, this.createStreamParser());
@@ -5046,7 +5127,7 @@ var AgentWidgetClient = class {
                 emitMessage(assistant);
               });
             } else {
-              const text = typeof parsedResult === "string" ? parsedResult : (_ba = parsedResult == null ? void 0 : parsedResult.text) != null ? _ba : null;
+              const text = typeof parsedResult === "string" ? parsedResult : (_ja = parsedResult == null ? void 0 : parsedResult.text) != null ? _ja : null;
               if (text !== null && text.trim() !== "") {
                 assistant.content = text;
                 emitMessage(assistant);
@@ -5060,7 +5141,7 @@ var AgentWidgetClient = class {
             }
           }
           if (payload.isComplete) {
-            const finalContent = (_da = (_ca = payload.result) == null ? void 0 : _ca.response) != null ? _da : assistant.content;
+            const finalContent = (_la = (_ka = payload.result) == null ? void 0 : _ka.response) != null ? _la : assistant.content;
             if (finalContent) {
               const rawBuffer = rawContentBuffers.get(assistant.id);
               const contentToProcess = rawBuffer != null ? rawBuffer : ensureStringContent(finalContent);
@@ -5092,7 +5173,7 @@ var AgentWidgetClient = class {
                       }
                     });
                   } else {
-                    extractedText = typeof parsedResult === "string" ? parsedResult : (_ea = parsedResult == null ? void 0 : parsedResult.text) != null ? _ea : null;
+                    extractedText = typeof parsedResult === "string" ? parsedResult : (_ma = parsedResult == null ? void 0 : parsedResult.text) != null ? _ma : null;
                   }
                 }
               }
@@ -5104,7 +5185,7 @@ var AgentWidgetClient = class {
                 }
                 const parserToClose = streamParsers.get(assistant.id);
                 if (parserToClose) {
-                  const closeResult = (_fa = parserToClose.close) == null ? void 0 : _fa.call(parserToClose);
+                  const closeResult = (_na = parserToClose.close) == null ? void 0 : _na.call(parserToClose);
                   if (closeResult instanceof Promise) {
                     closeResult.catch(() => {
                     });
@@ -5123,6 +5204,28 @@ var AgentWidgetClient = class {
           if (stepType === "tool" || executionType === "context") {
             continue;
           }
+          const nestedCompleteCtx = payload.toolContext;
+          if (nestedCompleteCtx == null ? void 0 : nestedCompleteCtx.toolId) {
+            const nestedStepId = String(
+              (_pa = (_oa = payload.id) != null ? _oa : nestedCompleteCtx.stepId) != null ? _pa : ""
+            );
+            if (nestedStepId) {
+              const prefix = getNestedStepPrefix(
+                nestedCompleteCtx.toolId,
+                nestedStepId
+              );
+              for (const [key, msg] of nestedStepMessages) {
+                if (key.startsWith(prefix) && msg.streaming !== false) {
+                  msg.streaming = false;
+                  emitMessage(msg);
+                }
+              }
+              nestedPartIdByStep.delete(
+                `${nestedCompleteCtx.toolId}::${nestedStepId}`
+              );
+            }
+            continue;
+          }
           if (didSplitByPartId) {
             if (assistantMessage !== null) {
               const msg = assistantMessage;
@@ -5133,7 +5236,7 @@ var AgentWidgetClient = class {
                 emitMessage(msg);
               }
             }
-            const splitFinalContent = (_ga = payload.result) == null ? void 0 : _ga.response;
+            const splitFinalContent = (_qa = payload.result) == null ? void 0 : _qa.response;
             const sealedForReconcile = lastSealedTextSegment;
             if (sealedForReconcile) {
               if (splitFinalContent !== void 0 && splitFinalContent !== null) {
@@ -5146,7 +5249,7 @@ var AgentWidgetClient = class {
             lastSealedTextSegment = null;
             continue;
           }
-          const finalContent = (_ha = payload.result) == null ? void 0 : _ha.response;
+          const finalContent = (_ra = payload.result) == null ? void 0 : _ra.response;
           const assistant = ensureAssistantMessage();
           if (finalContent !== void 0 && finalContent !== null) {
             const parser = streamParsers.get(assistant.id);
@@ -5198,7 +5301,7 @@ var AgentWidgetClient = class {
                       }
                     });
                   } else {
-                    const text = typeof parsedResult === "string" ? parsedResult : (_ia = parsedResult == null ? void 0 : parsedResult.text) != null ? _ia : null;
+                    const text = typeof parsedResult === "string" ? parsedResult : (_sa = parsedResult == null ? void 0 : parsedResult.text) != null ? _sa : null;
                     if (text !== null && text.trim() !== "") {
                       assistant.content = text;
                       hasExtractedText = true;
@@ -5222,7 +5325,7 @@ var AgentWidgetClient = class {
                 assistant.content = ensureStringContent(finalContent);
               }
               if (parser) {
-                const closeResult = (_ja = parser.close) == null ? void 0 : _ja.call(parser);
+                const closeResult = (_ta = parser.close) == null ? void 0 : _ta.call(parser);
                 if (closeResult instanceof Promise) {
                   closeResult.catch(() => {
                   });
@@ -5240,7 +5343,7 @@ var AgentWidgetClient = class {
             emitMessage(assistant);
           }
         } else if (payloadType === "flow_complete") {
-          const finalContent = (_ka = payload.result) == null ? void 0 : _ka.response;
+          const finalContent = (_ua = payload.result) == null ? void 0 : _ua.response;
           if (didSplitByPartId) {
             if (assistantMessage !== null) {
               const msg = assistantMessage;
@@ -5307,11 +5410,11 @@ var AgentWidgetClient = class {
         } else if (payloadType === "agent_start") {
           agentExecution = {
             executionId: payload.executionId,
-            agentId: (_la = payload.agentId) != null ? _la : "virtual",
-            agentName: (_ma = payload.agentName) != null ? _ma : "",
+            agentId: (_va = payload.agentId) != null ? _va : "virtual",
+            agentName: (_wa = payload.agentName) != null ? _wa : "",
             status: "running",
             currentIteration: 0,
-            maxTurns: (_na = payload.maxTurns) != null ? _na : 1,
+            maxTurns: (_xa = payload.maxTurns) != null ? _xa : 1,
             startedAt: resolveTimestamp(payload.startedAt)
           };
         } else if (payloadType === "agent_iteration_start") {
@@ -5331,7 +5434,7 @@ var AgentWidgetClient = class {
         } else if (payloadType === "agent_turn_delta") {
           if (payload.contentType === "text") {
             const assistant = ensureAssistantMessage();
-            assistant.content += (_oa = payload.delta) != null ? _oa : "";
+            assistant.content += (_ya = payload.delta) != null ? _ya : "";
             assistant.agentMetadata = {
               executionId: payload.executionId,
               iteration: payload.iteration,
@@ -5340,14 +5443,14 @@ var AgentWidgetClient = class {
             };
             emitMessage(assistant);
           } else if (payload.contentType === "thinking") {
-            const reasoningId = (_pa = payload.turnId) != null ? _pa : `agent-think-${payload.iteration}`;
+            const reasoningId = (_za = payload.turnId) != null ? _za : `agent-think-${payload.iteration}`;
             const reasoningMessage = ensureReasoningMessage(reasoningId);
-            reasoningMessage.reasoning = (_qa = reasoningMessage.reasoning) != null ? _qa : {
+            reasoningMessage.reasoning = (_Aa = reasoningMessage.reasoning) != null ? _Aa : {
               id: reasoningId,
               status: "streaming",
               chunks: []
             };
-            reasoningMessage.reasoning.chunks.push((_ra = payload.delta) != null ? _ra : "");
+            reasoningMessage.reasoning.chunks.push((_Ba = payload.delta) != null ? _Ba : "");
             reasoningMessage.agentMetadata = {
               executionId: payload.executionId,
               iteration: payload.iteration,
@@ -5355,12 +5458,12 @@ var AgentWidgetClient = class {
             };
             emitMessage(reasoningMessage);
           } else if (payload.contentType === "tool_input") {
-            const toolId = (_sa = payload.toolCallId) != null ? _sa : toolContext.lastId;
+            const toolId = (_Ca = payload.toolCallId) != null ? _Ca : toolContext.lastId;
             if (toolId) {
               const toolMessage = toolMessages.get(toolId);
               if (toolMessage == null ? void 0 : toolMessage.toolCall) {
-                toolMessage.toolCall.chunks = (_ta = toolMessage.toolCall.chunks) != null ? _ta : [];
-                toolMessage.toolCall.chunks.push((_ua = payload.delta) != null ? _ua : "");
+                toolMessage.toolCall.chunks = (_Da = toolMessage.toolCall.chunks) != null ? _Da : [];
+                toolMessage.toolCall.chunks.push((_Ea = payload.delta) != null ? _Ea : "");
                 emitMessage(toolMessage);
               }
             }
@@ -5372,20 +5475,20 @@ var AgentWidgetClient = class {
             if (reasoningMessage == null ? void 0 : reasoningMessage.reasoning) {
               reasoningMessage.reasoning.status = "complete";
               reasoningMessage.reasoning.completedAt = resolveTimestamp(payload.completedAt);
-              const start = (_va = reasoningMessage.reasoning.startedAt) != null ? _va : Date.now();
+              const start = (_Fa = reasoningMessage.reasoning.startedAt) != null ? _Fa : Date.now();
               reasoningMessage.reasoning.durationMs = Math.max(
                 0,
-                ((_wa = reasoningMessage.reasoning.completedAt) != null ? _wa : Date.now()) - start
+                ((_Ga = reasoningMessage.reasoning.completedAt) != null ? _Ga : Date.now()) - start
               );
               reasoningMessage.streaming = false;
               emitMessage(reasoningMessage);
             }
           }
         } else if (payloadType === "agent_tool_start") {
-          const toolId = (_xa = payload.toolCallId) != null ? _xa : `agent-tool-${nextSequence()}`;
+          const toolId = (_Ha = payload.toolCallId) != null ? _Ha : `agent-tool-${nextSequence()}`;
           trackToolId(getToolCallKey(payload), toolId);
           const toolMessage = ensureToolMessage(toolId);
-          const tool = (_ya = toolMessage.toolCall) != null ? _ya : {
+          const tool = (_Ia = toolMessage.toolCall) != null ? _Ia : {
             id: toolId,
             status: "pending",
             name: void 0,
@@ -5397,12 +5500,12 @@ var AgentWidgetClient = class {
             completedAt: void 0,
             durationMs: void 0
           };
-          tool.name = (_Aa = (_za = payload.toolName) != null ? _za : payload.name) != null ? _Aa : tool.name;
+          tool.name = (_Ka = (_Ja = payload.toolName) != null ? _Ja : payload.name) != null ? _Ka : tool.name;
           tool.status = "running";
           if (payload.parameters !== void 0) {
             tool.args = payload.parameters;
           }
-          tool.startedAt = resolveTimestamp((_Ba = payload.startedAt) != null ? _Ba : payload.timestamp);
+          tool.startedAt = resolveTimestamp((_La = payload.startedAt) != null ? _La : payload.timestamp);
           toolMessage.toolCall = tool;
           toolMessage.streaming = true;
           toolMessage.agentMetadata = {
@@ -5411,21 +5514,21 @@ var AgentWidgetClient = class {
           };
           emitMessage(toolMessage);
         } else if (payloadType === "agent_tool_delta") {
-          const toolId = (_Ca = payload.toolCallId) != null ? _Ca : toolContext.lastId;
+          const toolId = (_Ma = payload.toolCallId) != null ? _Ma : toolContext.lastId;
           if (toolId) {
-            const toolMessage = (_Da = toolMessages.get(toolId)) != null ? _Da : ensureToolMessage(toolId);
+            const toolMessage = (_Na = toolMessages.get(toolId)) != null ? _Na : ensureToolMessage(toolId);
             if (toolMessage.toolCall) {
-              toolMessage.toolCall.chunks = (_Ea = toolMessage.toolCall.chunks) != null ? _Ea : [];
-              toolMessage.toolCall.chunks.push((_Fa = payload.delta) != null ? _Fa : "");
+              toolMessage.toolCall.chunks = (_Oa = toolMessage.toolCall.chunks) != null ? _Oa : [];
+              toolMessage.toolCall.chunks.push((_Pa = payload.delta) != null ? _Pa : "");
               toolMessage.toolCall.status = "running";
               toolMessage.streaming = true;
               emitMessage(toolMessage);
             }
           }
         } else if (payloadType === "agent_tool_complete") {
-          const toolId = (_Ga = payload.toolCallId) != null ? _Ga : toolContext.lastId;
+          const toolId = (_Qa = payload.toolCallId) != null ? _Qa : toolContext.lastId;
           if (toolId) {
-            const toolMessage = (_Ha = toolMessages.get(toolId)) != null ? _Ha : ensureToolMessage(toolId);
+            const toolMessage = (_Ra = toolMessages.get(toolId)) != null ? _Ra : ensureToolMessage(toolId);
             if (toolMessage.toolCall) {
               toolMessage.toolCall.status = "complete";
               if (payload.result !== void 0) {
@@ -5434,7 +5537,7 @@ var AgentWidgetClient = class {
               if (typeof payload.executionTime === "number") {
                 toolMessage.toolCall.durationMs = payload.executionTime;
               }
-              toolMessage.toolCall.completedAt = resolveTimestamp((_Ia = payload.completedAt) != null ? _Ia : payload.timestamp);
+              toolMessage.toolCall.completedAt = resolveTimestamp((_Sa = payload.completedAt) != null ? _Sa : payload.timestamp);
               toolMessage.streaming = false;
               emitMessage(toolMessage);
               const callKey = getToolCallKey(payload);
@@ -5449,7 +5552,7 @@ var AgentWidgetClient = class {
           const reflectionMessage = {
             id: reflectionId,
             role: "assistant",
-            content: (_Ja = payload.reflection) != null ? _Ja : "",
+            content: (_Ta = payload.reflection) != null ? _Ta : "",
             createdAt: (/* @__PURE__ */ new Date()).toISOString(),
             streaming: false,
             variant: "reasoning",
@@ -5457,7 +5560,7 @@ var AgentWidgetClient = class {
             reasoning: {
               id: reflectionId,
               status: "complete",
-              chunks: [(_Ka = payload.reflection) != null ? _Ka : ""]
+              chunks: [(_Ua = payload.reflection) != null ? _Ua : ""]
             },
             agentMetadata: {
               executionId: payload.executionId,
@@ -5478,7 +5581,7 @@ var AgentWidgetClient = class {
           }
           onEvent({ type: "status", status: "idle" });
         } else if (payloadType === "agent_error") {
-          const errorMessage = typeof payload.error === "string" ? payload.error : (_Ma = (_La = payload.error) == null ? void 0 : _La.message) != null ? _Ma : "Agent execution error";
+          const errorMessage = typeof payload.error === "string" ? payload.error : (_Wa = (_Va = payload.error) == null ? void 0 : _Va.message) != null ? _Wa : "Agent execution error";
           if (payload.recoverable) {
             if (typeof console !== "undefined") {
               console.warn("[AgentWidget] Recoverable agent error:", errorMessage);
@@ -5491,7 +5594,7 @@ var AgentWidgetClient = class {
           }
         } else if (payloadType === "agent_ping") {
         } else if (payloadType === "agent_approval_start") {
-          const approvalId = (_Na = payload.approvalId) != null ? _Na : `approval-${nextSequence()}`;
+          const approvalId = (_Xa = payload.approvalId) != null ? _Xa : `approval-${nextSequence()}`;
           const approvalMessage = {
             id: `approval-${approvalId}`,
             role: "assistant",
@@ -5503,17 +5606,17 @@ var AgentWidgetClient = class {
             approval: {
               id: approvalId,
               status: "pending",
-              agentId: (_Oa = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _Oa : "virtual",
-              executionId: (_Qa = (_Pa = payload.executionId) != null ? _Pa : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _Qa : "",
-              toolName: (_Ra = payload.toolName) != null ? _Ra : "",
+              agentId: (_Ya = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _Ya : "virtual",
+              executionId: (__a = (_Za = payload.executionId) != null ? _Za : agentExecution == null ? void 0 : agentExecution.executionId) != null ? __a : "",
+              toolName: (_$a = payload.toolName) != null ? _$a : "",
               toolType: payload.toolType,
-              description: (_Ta = payload.description) != null ? _Ta : `Execute ${(_Sa = payload.toolName) != null ? _Sa : "tool"}`,
+              description: (_bb = payload.description) != null ? _bb : `Execute ${(_ab = payload.toolName) != null ? _ab : "tool"}`,
               parameters: payload.parameters
             }
           };
           emitMessage(approvalMessage);
         } else if (payloadType === "step_await" && payload.awaitReason === "approval_required") {
-          const approvalId = (_Ua = payload.approvalId) != null ? _Ua : `approval-${nextSequence()}`;
+          const approvalId = (_cb = payload.approvalId) != null ? _cb : `approval-${nextSequence()}`;
           const approvalMessage = {
             id: `approval-${approvalId}`,
             role: "assistant",
@@ -5525,11 +5628,11 @@ var AgentWidgetClient = class {
             approval: {
               id: approvalId,
               status: "pending",
-              agentId: (_Va = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _Va : "virtual",
-              executionId: (_Xa = (_Wa = payload.executionId) != null ? _Wa : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _Xa : "",
-              toolName: (_Ya = payload.toolName) != null ? _Ya : "",
+              agentId: (_db = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _db : "virtual",
+              executionId: (_fb = (_eb = payload.executionId) != null ? _eb : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _fb : "",
+              toolName: (_gb = payload.toolName) != null ? _gb : "",
               toolType: payload.toolType,
-              description: (__a = payload.description) != null ? __a : `Execute ${(_Za = payload.toolName) != null ? _Za : "tool"}`,
+              description: (_ib = payload.description) != null ? _ib : `Execute ${(_hb = payload.toolName) != null ? _hb : "tool"}`,
               parameters: payload.parameters
             }
           };
@@ -5548,11 +5651,11 @@ var AgentWidgetClient = class {
               sequence: nextSequence(),
               approval: {
                 id: approvalId,
-                status: (_$a = payload.decision) != null ? _$a : "approved",
-                agentId: (_ab = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _ab : "virtual",
-                executionId: (_cb = (_bb = payload.executionId) != null ? _bb : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _cb : "",
-                toolName: (_db = payload.toolName) != null ? _db : "",
-                description: (_eb = payload.description) != null ? _eb : "",
+                status: (_jb = payload.decision) != null ? _jb : "approved",
+                agentId: (_kb = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _kb : "virtual",
+                executionId: (_mb = (_lb = payload.executionId) != null ? _lb : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _mb : "",
+                toolName: (_nb = payload.toolName) != null ? _nb : "",
+                description: (_ob = payload.description) != null ? _ob : "",
                 resolvedAt: Date.now()
               }
             };
@@ -5590,7 +5693,7 @@ var AgentWidgetClient = class {
             }
           } else if (payloadType === "artifact_delta") {
             const deltaId = String(payload.id);
-            const deltaText = typeof payload.delta === "string" ? payload.delta : String((_fb = payload.delta) != null ? _fb : "");
+            const deltaText = typeof payload.delta === "string" ? payload.delta : String((_pb = payload.delta) != null ? _pb : "");
             onEvent({
               type: "artifact_delta",
               id: deltaId,
@@ -5613,7 +5716,7 @@ var AgentWidgetClient = class {
             if (refMsg) {
               refMsg.streaming = false;
               try {
-                const parsed = JSON.parse((_gb = refMsg.rawContent) != null ? _gb : "{}");
+                const parsed = JSON.parse((_qb = refMsg.rawContent) != null ? _qb : "{}");
                 if (parsed.props) {
                   parsed.props.status = "complete";
                   const acc = artifactContent.get(artCompleteId);
@@ -5634,7 +5737,7 @@ var AgentWidgetClient = class {
           if (!m || typeof m !== "object") {
             continue;
           }
-          const id = String((_hb = m.id) != null ? _hb : `msg-${nextSequence()}`);
+          const id = String((_rb = m.id) != null ? _rb : `msg-${nextSequence()}`);
           const roleRaw = m.role;
           const role = roleRaw === "user" ? "user" : roleRaw === "system" ? "system" : "assistant";
           const msg = {
@@ -5653,7 +5756,7 @@ var AgentWidgetClient = class {
           if (msg.rawContent) {
             try {
               const parsed = JSON.parse(msg.rawContent);
-              const refArtId = (_ib = parsed == null ? void 0 : parsed.props) == null ? void 0 : _ib.artifactId;
+              const refArtId = (_sb = parsed == null ? void 0 : parsed.props) == null ? void 0 : _sb.artifactId;
               if (typeof refArtId === "string") {
                 artifactIdsWithCards.add(refArtId);
               }
@@ -5669,7 +5772,7 @@ var AgentWidgetClient = class {
           if (payload.error instanceof Error) {
             resolvedError = payload.error;
           } else if (payloadType === "dispatch_error") {
-            const msg = (_jb = payload.message) != null ? _jb : payload.error;
+            const msg = (_tb = payload.message) != null ? _tb : payload.error;
             if (msg != null && msg !== "") {
               resolvedError = new Error(String(msg));
             }
@@ -5678,7 +5781,7 @@ var AgentWidgetClient = class {
             if (typeof e === "string" && e !== "") {
               resolvedError = new Error(e);
             } else if (e != null && typeof e === "object" && "message" in e) {
-              resolvedError = new Error(String((_kb = e.message) != null ? _kb : e));
+              resolvedError = new Error(String((_ub = e.message) != null ? _ub : e));
             }
           } else if (payloadType === "error" && payload.error != null && payload.error !== "") {
             resolvedError = new Error(String(payload.error));
@@ -8654,6 +8757,7 @@ var buildHeader = (context) => {
     clearChatButton.style.color = clearChatIconColor || HEADER_THEME_CSS.actionIconColor;
     const iconSvg = renderLucideIcon(clearChatIconName, "20px", "currentColor", 1);
     if (iconSvg) {
+      iconSvg.style.display = "block";
       clearChatButton.appendChild(iconSvg);
     }
     if (clearChatBgColor) {
@@ -8737,7 +8841,7 @@ var buildHeader = (context) => {
   }
   const closeButtonWrapper = createElement(
     "div",
-    closeButtonPlacement === "top-right" ? "persona-absolute persona-top-4 persona-right-4 persona-z-50" : clearChatEnabled && clearChatPlacement === "inline" ? "" : "persona-ml-auto"
+    closeButtonPlacement === "top-right" ? "persona-absolute persona-top-4 persona-right-4 persona-z-50" : clearChatEnabled && clearChatPlacement === "inline" ? "persona-relative persona-inline-flex persona-items-center persona-justify-center" : "persona-relative persona-ml-auto persona-inline-flex persona-items-center persona-justify-center"
   );
   const closeButton = createElement(
     "button",
@@ -8753,8 +8857,9 @@ var buildHeader = (context) => {
   const closeButtonIconName = (_E = launcher.closeButtonIconName) != null ? _E : "x";
   const closeButtonIconText = (_F = launcher.closeButtonIconText) != null ? _F : "\xD7";
   closeButton.style.color = launcher.closeButtonColor || HEADER_THEME_CSS.actionIconColor;
-  const closeIconSvg = renderLucideIcon(closeButtonIconName, "20px", "currentColor", 1);
+  const closeIconSvg = renderLucideIcon(closeButtonIconName, "28px", "currentColor", 1);
   if (closeIconSvg) {
+    closeIconSvg.style.display = "block";
     closeButton.appendChild(closeIconSvg);
   } else {
     closeButton.textContent = closeButtonIconText;
@@ -9282,7 +9387,7 @@ var buildMinimalHeader = (context) => {
   closeButton.style.display = showClose ? "" : "none";
   closeButton.style.color = launcher.closeButtonColor || HEADER_THEME_CSS.actionIconColor;
   const closeButtonIconName = (_i = launcher.closeButtonIconName) != null ? _i : "x";
-  const closeIconSvg = renderLucideIcon(closeButtonIconName, "20px", "currentColor", 2);
+  const closeIconSvg = renderLucideIcon(closeButtonIconName, "28px", "currentColor", 1);
   if (closeIconSvg) {
     closeButton.appendChild(closeIconSvg);
   } else {
@@ -17271,7 +17376,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
         const closeButtonIconName = (_ca = launcher.closeButtonIconName) != null ? _ca : "x";
         const closeButtonIconText = (_da = launcher.closeButtonIconText) != null ? _da : "\xD7";
         closeButton.innerHTML = "";
-        const iconSvg = renderLucideIcon(closeButtonIconName, "20px", "currentColor", 2);
+        const iconSvg = renderLucideIcon(closeButtonIconName, "28px", "currentColor", 1);
         if (iconSvg) {
           closeButton.appendChild(iconSvg);
         } else {

package/dist/theme-editor.d.cts

@@ -767,6 +767,17 @@ type AgentMessageMetadata = {
     iteration?: number;
     turnId?: string;
     agentName?: string;
+    /**
+     * When this message was produced by a step inside a nested flow executed
+     * as a tool, identifies the parent tool call id. Enables renderers to
+     * visually group or indent nested-flow output under its parent tool.
+     */
+    parentToolId?: string;
+    /**
+     * Nested flow step id that produced this message (e.g. a `send-stream`
+     * or `prompt` step inside the nested flow). Stable key for that step.
+     */
+    parentStepId?: string;
 };
 type AgentWidgetRequestMiddlewareContext = {
     payload: AgentWidgetRequestPayload;

package/dist/theme-editor.d.ts

@@ -767,6 +767,17 @@ type AgentMessageMetadata = {
     iteration?: number;
     turnId?: string;
     agentName?: string;
+    /**
+     * When this message was produced by a step inside a nested flow executed
+     * as a tool, identifies the parent tool call id. Enables renderers to
+     * visually group or indent nested-flow output under its parent tool.
+     */
+    parentToolId?: string;
+    /**
+     * Nested flow step id that produced this message (e.g. a `send-stream`
+     * or `prompt` step inside the nested flow). Stable key for that step.
+     */
+    parentStepId?: string;
 };
 type AgentWidgetRequestMiddlewareContext = {
     payload: AgentWidgetRequestPayload;