@openhands/agent-canvas 1.1.0 → 1.2.1

package/dist/components/conversation-events/chat/event-message-components/user-assistant-event-message.js

@@ -1,35 +1,74 @@
-import { ChatMessage as e } from "../../../features/chat/chat-message.js";
-import { ImageCarousel as t } from "../../../features/images/image-carousel.js";
-import { ConversationConfirmationButtons as n } from "../../../shared/buttons/conversation-confirmation-buttons.js";
-import { parseMessageFromEvent as r } from "../event-content-helpers/parse-message-from-event.js";
-import { CriticResultDisplay as i } from "./critic-result-display.js";
-import { CollapsibleThinking as a } from "./collapsible-thinking.js";
-import { splitInlineThink as o } from "../event-thought-helpers.js";
-import "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../../i18n/declaration.js";
+import { useNavigation as n } from "../../../../context/navigation-context.js";
+import { useOptionalConversationId as r } from "../../../../hooks/use-conversation-id.js";
+import { useConversationStore as i } from "../../../../stores/conversation-store.js";
+import { displayErrorToast as a } from "../../../../utils/custom-toast-handlers.js";
+import { useActiveBackend as o } from "../../../../contexts/active-backend-context.js";
+import { splitInlineThink as s } from "../event-thought-helpers.js";
+import c from "../../../../api/conversation-service/conversation-service.api.js";
+import l from "../../../../icons/repo-forked.js";
+import { ChatMessage as u } from "../../../features/chat/chat-message.js";
+import { ImageCarousel as d } from "../../../features/images/image-carousel.js";
+import { ConversationConfirmationButtons as f } from "../../../shared/buttons/conversation-confirmation-buttons.js";
+import { parseMessageFromEvent as p } from "../event-content-helpers/parse-message-from-event.js";
+import { CriticResultDisplay as m } from "./critic-result-display.js";
+import { CollapsibleThinking as h } from "./collapsible-thinking.js";
+import { useForkConversation as g } from "../../../../hooks/mutation/use-fork-conversation.js";
+import _ from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/conversation-events/chat/event-message-components/user-assistant-event-message.tsx
-function u({ event: u, isLastMessage: d, isFromPlanningAgent: f }) {
-	let p = r(u), { reasoning: m, message: h } = u.source === "agent" ? o(p) : {
+function x({ event: x, isLastMessage: S, isFromPlanningAgent: C }) {
+	let { t: w } = e("openhands"), { navigate: T } = n(), { conversationId: E } = r(), D = o().backend.kind === "cloud", { mutate: O, isPending: k } = g(), A = i((e) => e.setMessageToSend), j = _.useRef(!1), M = p(x), { reasoning: N, message: P } = x.source === "agent" ? s(M) : {
 		reasoning: "",
-		message: p
-	}, g = [];
-	return Array.isArray(u.llm_message.content) && u.llm_message.content.forEach((e) => {
-		e.type === "image" && g.push(...e.image_urls);
-	}), /* @__PURE__ */ l(s, { children: [
-		m && /* @__PURE__ */ c(a, { content: m }),
-		/* @__PURE__ */ l(e, {
-			type: u.source,
-			message: h,
-			isFromPlanningAgent: f,
-			children: [g.length > 0 && /* @__PURE__ */ c(t, {
+		message: M
+	}, F = [];
+	Array.isArray(x.llm_message.content) && x.llm_message.content.forEach((e) => {
+		e.type === "image" && F.push(...e.image_urls);
+	});
+	let I = !D && E ? [{
+		icon: /* @__PURE__ */ y(l, {
+			width: 15,
+			height: 15,
+			"aria-hidden": !0
+		}),
+		onClick: () => {
+			if (!E || k || j.current) return;
+			j.current = !0;
+			let e = c.getCurrentConversation(), t = e?.id === E ? e.title : void 0, n = t ? `${t} (branch)` : void 0, r = x.source === "user" && P.length > 0;
+			O({
+				sourceConversationId: E,
+				eventId: x.id,
+				...r ? { editText: P } : {},
+				...n ? { title: n } : {}
+			}, {
+				onSuccess: ({ info: e, excluded: t }) => {
+					T(`/conversations/${e.id}`), t && window.setTimeout(() => A(P), 0);
+				},
+				onError: (e) => a(e instanceof Error ? e.message : null),
+				onSettled: () => {
+					j.current = !1;
+				}
+			});
+		},
+		tooltip: w(t.CHAT_INTERFACE$BRANCH_FROM_HERE)
+	}] : void 0;
+	return /* @__PURE__ */ b(v, { children: [
+		N && /* @__PURE__ */ y(h, { content: N }),
+		/* @__PURE__ */ b(u, {
+			type: x.source,
+			message: P,
+			isFromPlanningAgent: C,
+			actions: I,
+			children: [F.length > 0 && /* @__PURE__ */ y(d, {
 				size: "small",
-				images: g
-			}), d && /* @__PURE__ */ c(n, {})]
+				images: F
+			}), S && /* @__PURE__ */ y(f, {})]
 		}),
-		u.source === "agent" && u.critic_result != null && /* @__PURE__ */ c(i, { criticResult: u.critic_result })
+		x.source === "agent" && x.critic_result != null && /* @__PURE__ */ y(m, { criticResult: x.critic_result })
 	] });
 }
 //#endregion
-export { u as UserAssistantEventMessage };
+export { x as UserAssistantEventMessage };
 
 //# sourceMappingURL=user-assistant-event-message.js.map

package/dist/components/conversation-events/chat/event-message-components/user-assistant-event-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-assistant-event-message.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/user-assistant-event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport { MessageEvent } from \"#/types/agent-server/core\";\nimport { ChatMessage } from \"../../../features/chat/chat-message\";\nimport { ImageCarousel } from \"../../../features/images/image-carousel\";\nimport { ConversationConfirmationButtons } from \"#/components/shared/buttons/conversation-confirmation-buttons\";\nimport { parseMessageFromEvent } from \"../event-content-helpers/parse-message-from-event\";\nimport { CriticResultDisplay } from \"./critic-result-display\";\nimport { CollapsibleThinking } from \"./collapsible-thinking\";\nimport { splitInlineThink } from \"../event-thought-helpers\";\n\ninterface UserAssistantEventMessageProps {\n  event: MessageEvent;\n  isLastMessage: boolean;\n  isFromPlanningAgent: boolean;\n}\n\nexport function UserAssistantEventMessage({\n  event,\n  isLastMessage,\n  isFromPlanningAgent,\n}: UserAssistantEventMessageProps) {\n  const parsed = parseMessageFromEvent(event);\n  // Route an inline <think> block (e.g. from a streamed reply) to the thinking\n  // section so reloaded conversations match the live rendering.\n  const { reasoning, message } =\n    event.source === \"agent\"\n      ? splitInlineThink(parsed)\n      : { reasoning: \"\", message: parsed };\n\n  const imageUrls: string[] = [];\n  if (Array.isArray(event.llm_message.content)) {\n    event.llm_message.content.forEach((content) => {\n      if (content.type === \"image\") {\n        imageUrls.push(...content.image_urls);\n      }\n    });\n  }\n\n  return (\n    <>\n      {reasoning && <CollapsibleThinking content={reasoning} />}\n      <ChatMessage\n        type={event.source}\n        message={message}\n        isFromPlanningAgent={isFromPlanningAgent}\n      >\n        {imageUrls.length > 0 && (\n          <ImageCarousel size=\"small\" images={imageUrls} />\n        )}\n        {isLastMessage && <ConversationConfirmationButtons />}\n      </ChatMessage>\n      {event.source === \"agent\" && event.critic_result != null && (\n        <CriticResultDisplay criticResult={event.critic_result} />\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,EAA0B,EACxC,UACA,kBACA,0BACiC;CACjC,IAAM,IAAS,EAAsB,EAAM,EAGrC,EAAE,cAAW,eACjB,EAAM,WAAW,UACb,EAAiB,EAAO,GACxB;EAAE,WAAW;EAAI,SAAS;EAAQ,EAElC,IAAsB,EAAE;AAS9B,QARI,MAAM,QAAQ,EAAM,YAAY,QAAQ,IAC1C,EAAM,YAAY,QAAQ,SAAS,MAAY;AAC7C,EAAI,EAAQ,SAAS,WACnB,EAAU,KAAK,GAAG,EAAQ,WAAW;GAEvC,EAIF,kBAAA,GAAA,EAAA,UAAA;EACG,KAAa,kBAAC,GAAD,EAAqB,SAAS,GAAa,CAAA;EACzD,kBAAC,GAAD;GACE,MAAM,EAAM;GACH;GACY;aAHvB,CAKG,EAAU,SAAS,KAClB,kBAAC,GAAD;IAAe,MAAK;IAAQ,QAAQ;IAAa,CAAA,EAElD,KAAiB,kBAAC,GAAD,EAAmC,CAAA,CACzC;;EACb,EAAM,WAAW,WAAW,EAAM,iBAAiB,QAClD,kBAAC,GAAD,EAAqB,cAAc,EAAM,eAAiB,CAAA;EAE3D,EAAA,CAAA"}
+{"version":3,"file":"user-assistant-event-message.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/user-assistant-event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { MessageEvent } from \"#/types/agent-server/core\";\nimport { ChatMessage } from \"../../../features/chat/chat-message\";\nimport { ImageCarousel } from \"../../../features/images/image-carousel\";\nimport { ConversationConfirmationButtons } from \"#/components/shared/buttons/conversation-confirmation-buttons\";\nimport { parseMessageFromEvent } from \"../event-content-helpers/parse-message-from-event\";\nimport { CriticResultDisplay } from \"./critic-result-display\";\nimport { CollapsibleThinking } from \"./collapsible-thinking\";\nimport { splitInlineThink } from \"../event-thought-helpers\";\nimport RepoForkedIcon from \"#/icons/repo-forked.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useForkConversation } from \"#/hooks/mutation/use-fork-conversation\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport ConversationService from \"#/api/conversation-service/conversation-service.api\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\n\ninterface UserAssistantEventMessageProps {\n  event: MessageEvent;\n  isLastMessage: boolean;\n  isFromPlanningAgent: boolean;\n}\n\nexport function UserAssistantEventMessage({\n  event,\n  isLastMessage,\n  isFromPlanningAgent,\n}: UserAssistantEventMessageProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n  const { conversationId } = useOptionalConversationId();\n  const isCloud = useActiveBackend().backend.kind === \"cloud\";\n  const { mutate: forkConversation, isPending: isForking } =\n    useForkConversation();\n  const setMessageToSend = useConversationStore(\n    (state) => state.setMessageToSend,\n  );\n  // Blocks a same-tick double-click, before `isForking` flips.\n  const forkInFlightRef = React.useRef(false);\n\n  const parsed = parseMessageFromEvent(event);\n  // Route an inline <think> block (e.g. from a streamed reply) to the thinking\n  // section so reloaded conversations match the live rendering.\n  const { reasoning, message } =\n    event.source === \"agent\"\n      ? splitInlineThink(parsed)\n      : { reasoning: \"\", message: parsed };\n\n  const imageUrls: string[] = [];\n  if (Array.isArray(event.llm_message.content)) {\n    event.llm_message.content.forEach((content) => {\n      if (content.type === \"image\") {\n        imageUrls.push(...content.image_urls);\n      }\n    });\n  }\n\n  // \"Branch from here\": a user message is \"edit message\" (excludes the message,\n  // restores its text to the composer); an assistant message branches\n  // inclusively. Local agent-server only, inside a conversation.\n  const canBranch = !isCloud && !!conversationId;\n  const handleBranch = () => {\n    if (!conversationId || isForking || forkInFlightRef.current) return;\n    forkInFlightRef.current = true;\n\n    // Distinct title so the fork doesn't read identically to its source.\n    // getCurrentConversation() is a shared singleton — match the id in case it\n    // still holds the previously-viewed conversation.\n    const source = ConversationService.getCurrentConversation();\n    const sourceTitle =\n      source?.id === conversationId ? source.title : undefined;\n    const branchTitle = sourceTitle ? `${sourceTitle} (branch)` : undefined;\n\n    // Only edit when there's text: an image-only message parses to \"\", so\n    // branch it inclusively rather than dropping the image.\n    const isEdit = event.source === \"user\" && message.length > 0;\n\n    forkConversation(\n      {\n        sourceConversationId: conversationId,\n        eventId: event.id,\n        ...(isEdit ? { editText: message } : {}),\n        ...(branchTitle ? { title: branchTitle } : {}),\n      },\n      {\n        onSuccess: ({ info, excluded }) => {\n          navigate(`/conversations/${info.id}`);\n          // Prefill only when excluded (else the send duplicates it). Deferred\n          // so the new conversation's composer receives it (as useLaunchSkillInChat).\n          if (excluded) {\n            window.setTimeout(() => setMessageToSend(message), 0);\n          }\n        },\n        onError: (error) =>\n          displayErrorToast(error instanceof Error ? error.message : null),\n        onSettled: () => {\n          forkInFlightRef.current = false;\n        },\n      },\n    );\n  };\n  const actions = canBranch\n    ? [\n        {\n          icon: <RepoForkedIcon width={15} height={15} aria-hidden />,\n          onClick: handleBranch,\n          tooltip: t(I18nKey.CHAT_INTERFACE$BRANCH_FROM_HERE),\n        },\n      ]\n    : undefined;\n\n  return (\n    <>\n      {reasoning && <CollapsibleThinking content={reasoning} />}\n      <ChatMessage\n        type={event.source}\n        message={message}\n        isFromPlanningAgent={isFromPlanningAgent}\n        actions={actions}\n      >\n        {imageUrls.length > 0 && (\n          <ImageCarousel size=\"small\" images={imageUrls} />\n        )}\n        {isLastMessage && <ConversationConfirmationButtons />}\n      </ChatMessage>\n      {event.source === \"agent\" && event.critic_result != null && (\n        <CriticResultDisplay criticResult={event.critic_result} />\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,EAA0B,EACxC,UACA,kBACA,0BACiC;CACjC,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,gBAAa,GAAe,EAC9B,EAAE,sBAAmB,GAA2B,EAChD,IAAU,GAAkB,CAAC,QAAQ,SAAS,SAC9C,EAAE,QAAQ,GAAkB,WAAW,MAC3C,GAAqB,EACjB,IAAmB,GACtB,MAAU,EAAM,iBAClB,EAEK,IAAkB,EAAM,OAAO,GAAM,EAErC,IAAS,EAAsB,EAAM,EAGrC,EAAE,cAAW,eACjB,EAAM,WAAW,UACb,EAAiB,EAAO,GACxB;EAAE,WAAW;EAAI,SAAS;EAAQ,EAElC,IAAsB,EAAE;AAC9B,CAAI,MAAM,QAAQ,EAAM,YAAY,QAAQ,IAC1C,EAAM,YAAY,QAAQ,SAAS,MAAY;AAC7C,EAAI,EAAQ,SAAS,WACnB,EAAU,KAAK,GAAG,EAAQ,WAAW;GAEvC;CA+CJ,IAAM,IAzCY,CAAC,KAAa,IA0C5B,CACE;EACE,MAAM,kBAAC,GAAD;GAAgB,OAAO;GAAI,QAAQ;GAAI,eAAA;GAAc,CAAA;EAC3D,eA5CmB;AACzB,OAAI,CAAC,KAAkB,KAAa,EAAgB,QAAS;AAC7D,KAAgB,UAAU;GAK1B,IAAM,IAAS,EAAoB,wBAAwB,EACrD,IACJ,GAAQ,OAAO,IAAiB,EAAO,QAAQ,KAAA,GAC3C,IAAc,IAAc,GAAG,EAAY,aAAa,KAAA,GAIxD,IAAS,EAAM,WAAW,UAAU,EAAQ,SAAS;AAE3D,KACE;IACE,sBAAsB;IACtB,SAAS,EAAM;IACf,GAAI,IAAS,EAAE,UAAU,GAAS,GAAG,EAAE;IACvC,GAAI,IAAc,EAAE,OAAO,GAAa,GAAG,EAAE;IAC9C,EACD;IACE,YAAY,EAAE,SAAM,kBAAe;AAIjC,KAHA,EAAS,kBAAkB,EAAK,KAAK,EAGjC,KACF,OAAO,iBAAiB,EAAiB,EAAQ,EAAE,EAAE;;IAGzD,UAAU,MACR,EAAkB,aAAiB,QAAQ,EAAM,UAAU,KAAK;IAClE,iBAAiB;AACf,OAAgB,UAAU;;IAE7B,CACF;;EAOK,SAAS,EAAE,EAAQ,gCAAgC;EACpD,CACF,GACD,KAAA;AAEJ,QACE,kBAAA,GAAA,EAAA,UAAA;EACG,KAAa,kBAAC,GAAD,EAAqB,SAAS,GAAa,CAAA;EACzD,kBAAC,GAAD;GACE,MAAM,EAAM;GACH;GACY;GACZ;aAJX,CAMG,EAAU,SAAS,KAClB,kBAAC,GAAD;IAAe,MAAK;IAAQ,QAAQ;IAAa,CAAA,EAElD,KAAiB,kBAAC,GAAD,EAAmC,CAAA,CACzC;;EACb,EAAM,WAAW,WAAW,EAAM,iBAAiB,QAClD,kBAAC,GAAD,EAAqB,cAAc,EAAM,eAAiB,CAAA;EAE3D,EAAA,CAAA"}

package/dist/components/conversation-events/chat/event-message.cjs

@@ -1,4 +1,4 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../types/agent-state.cjs`),n=require(`../../../stores/conversation-store.cjs`),r=require(`../../../types/agent-server/type-guards.cjs`),i=require(`../../../hooks/use-agent-state.cjs`),a=require(`../../../hooks/query/use-config.cjs`),o=require(`../../features/chat/chat-message.cjs`),s=require(`../../features/chat/plan-preview.cjs`),c=require(`./event-message-components/error-event-message.cjs`),l=require(`./event-message-components/collapsible-thinking.cjs`),u=require(`./event-thought-helpers.cjs`),d=require(`./event-message-components/user-assistant-event-message.cjs`),f=require(`./event-content-helpers/create-skill-ready-event.cjs`),p=require(`./event-message-components/finish-event-message.cjs`),m=require(`./event-message-components/generic-event-message-wrapper.cjs`),h=require(`./event-message-components/thought-event-message.cjs`),g=require(`../../shared/hook-execution-event-message.cjs`);require(`./event-message-components/hook-execution-event-message.cjs`);const _=require(`./hooks/use-plan-preview-events.cjs`);let v=require(`react`);v=e.__toESM(v,1);let y=require(`react/jsx-runtime`);var b=e=>e.activated_skills||e.activated_microagents||[],x=e=>!e||e.length===0?!1:e.some(e=>e.type===`text`&&e.text.trim().length>0),S=e=>{let t=b(e).length>0,n=x(e.extended_content);return t&&n},C=(e,t,n)=>{try{let r=f.createSkillReadyEvent(e);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d.UserAssistantEventMessage,{event:e,isLastMessage:!1,isFromPlanningAgent:t.isFromPlanningAgent}),(0,y.jsx)(m.GenericEventMessageWrapper,{event:r,isLastMessage:n})]})}catch{return(0,y.jsx)(d.UserAssistantEventMessage,{event:e,isLastMessage:n,isFromPlanningAgent:t.isFromPlanningAgent})}};function w({event:e,messages:f,isLastMessage:v,isInLast10Actions:b,planPreviewEventIds:x,suppressThought:w=!1}){let{data:T}=a.useConfig(),{planContent:E}=n.useConversationStore(),{curAgentState:D}=i.useAgentState(),O=D===t.AgentState.RUNNING||D===t.AgentState.LOADING,k=e.isFromPlanningAgent||!1,A={isLastMessage:v,isInLast10Actions:b,config:T,isFromPlanningAgent:k};if(r.isAgentErrorEvent(e))return(0,y.jsx)(c.ErrorEventMessage,{event:e,...A});if(r.isHookExecutionEvent(e))return(0,y.jsx)(g.HookExecutionEventMessage,{event:e});if(r.isACPToolCallEvent(e))return(0,y.jsx)(m.GenericEventMessageWrapper,{event:e,isLastMessage:v});if(r.isStreamingDeltaEvent(e)){let{reasoning:t,message:n}=u.splitInlineThink(e.content??``,{streaming:!0}),r=[e.reasoning_content??``,t].filter(Boolean).join(`
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../types/agent-state.cjs`),n=require(`../../../stores/conversation-store.cjs`),r=require(`../../../types/agent-server/type-guards.cjs`),i=require(`./event-thought-helpers.cjs`),a=require(`../../../hooks/use-agent-state.cjs`),o=require(`../../features/chat/goal-status-content.cjs`),s=require(`../../../hooks/query/use-config.cjs`),c=require(`../../features/chat/chat-message.cjs`),l=require(`../../features/chat/plan-preview.cjs`),u=require(`./event-message-components/error-event-message.cjs`),d=require(`./event-message-components/collapsible-thinking.cjs`),f=require(`./event-message-components/user-assistant-event-message.cjs`),p=require(`./event-content-helpers/create-skill-ready-event.cjs`),m=require(`./event-message-components/finish-event-message.cjs`),h=require(`./event-message-components/generic-event-message-wrapper.cjs`),g=require(`./event-message-components/thought-event-message.cjs`),_=require(`../../shared/hook-execution-event-message.cjs`);require(`./event-message-components/hook-execution-event-message.cjs`);const v=require(`./hooks/use-plan-preview-events.cjs`);let y=require(`react`);y=e.__toESM(y,1);let b=require(`react/jsx-runtime`);var x=e=>e.activated_skills||e.activated_microagents||[],S=e=>!e||e.length===0?!1:e.some(e=>e.type===`text`&&e.text.trim().length>0),C=e=>{let t=x(e).length>0,n=S(e.extended_content);return t&&n},w=(e,t,n)=>{try{let r=p.createSkillReadyEvent(e);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(f.UserAssistantEventMessage,{event:e,isLastMessage:!1,isFromPlanningAgent:t.isFromPlanningAgent}),(0,b.jsx)(h.GenericEventMessageWrapper,{event:r,isLastMessage:n})]})}catch{return(0,b.jsx)(f.UserAssistantEventMessage,{event:e,isLastMessage:n,isFromPlanningAgent:t.isFromPlanningAgent})}};function T({event:e,messages:p,isLastMessage:y,isInLast10Actions:x,planPreviewEventIds:S,suppressThought:T=!1}){let{data:E}=s.useConfig(),{planContent:D}=n.useConversationStore(),{curAgentState:O}=a.useAgentState(),k=O===t.AgentState.RUNNING||O===t.AgentState.LOADING,A=e.isFromPlanningAgent||!1,j={isLastMessage:y,isInLast10Actions:x,config:E,isFromPlanningAgent:A};if(r.isConversationStateUpdateEvent(e)&&r.isGoalConversationStateUpdateEvent(e))return(0,b.jsx)(o.GoalStatusContent,{status:e.value});if(r.isAgentErrorEvent(e))return(0,b.jsx)(u.ErrorEventMessage,{event:e,...j});if(r.isHookExecutionEvent(e))return(0,b.jsx)(_.HookExecutionEventMessage,{event:e});if(r.isACPToolCallEvent(e))return(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:y});if(r.isStreamingDeltaEvent(e)){let{reasoning:t,message:n}=i.splitInlineThink(e.content??``,{streaming:!0}),r=[e.reasoning_content??``,t].filter(Boolean).join(`
 
-`);return(0,y.jsxs)(y.Fragment,{children:[r&&(0,y.jsx)(l.CollapsibleThinking,{content:r}),n&&(0,y.jsx)(o.ChatMessage,{type:`agent`,message:n,isFromPlanningAgent:k})]})}if(r.isActionEvent(e)&&e.action.kind===`FinishAction`)return(0,y.jsx)(p.FinishEventMessage,{event:e,...A});if(r.isActionEvent(e)&&e.action.kind===`ThinkAction`)return(0,y.jsx)(l.CollapsibleThinking,{content:e.action.thought});if(r.isActionEvent(e)){let t=u.getReasoningContent(e);return(0,y.jsxs)(y.Fragment,{children:[t&&(0,y.jsx)(l.CollapsibleThinking,{content:t}),!w&&(0,y.jsx)(h.ThoughtEventMessage,{event:e,isFromPlanningAgent:k}),(0,y.jsx)(m.GenericEventMessageWrapper,{event:e,isLastMessage:v})]})}if(r.isObservationEvent(e)){if(r.isPlanningFileEditorObservationEvent(e))return x&&_.shouldShowPlanPreview(e.id,x)?(0,y.jsx)(s.PlanPreview,{planContent:E,isStreaming:v&&D===t.AgentState.RUNNING,isBuildDisabled:O}):null;let n=f.find(t=>r.isActionEvent(t)&&t.id===e.action_id),i=!w&&n&&r.isActionEvent(n)&&n.action.kind!==`ThinkAction`,a=n&&r.isActionEvent(n)?u.getReasoningContent(n):``;return(0,y.jsxs)(y.Fragment,{children:[a&&(0,y.jsx)(l.CollapsibleThinking,{content:a}),i&&(0,y.jsx)(h.ThoughtEventMessage,{event:n,isFromPlanningAgent:k}),(0,y.jsx)(m.GenericEventMessageWrapper,{event:e,isLastMessage:v,correspondingAction:n&&r.isActionEvent(n)?n:void 0})]})}if(!r.isActionEvent(e)&&!r.isObservationEvent(e)){let t=e;return r.isUserMessageEvent(e)&&S(t)?C(t,A,v):(0,y.jsx)(d.UserAssistantEventMessage,{event:t,...A,isLastMessage:v})}return(0,y.jsx)(m.GenericEventMessageWrapper,{event:e,isLastMessage:v})}exports.EventMessage=w;
+`);return(0,b.jsxs)(b.Fragment,{children:[r&&(0,b.jsx)(d.CollapsibleThinking,{content:r}),n&&(0,b.jsx)(c.ChatMessage,{type:`agent`,message:n,isFromPlanningAgent:A})]})}if(r.isActionEvent(e)&&e.action.kind===`FinishAction`)return(0,b.jsx)(m.FinishEventMessage,{event:e,...j});if(r.isActionEvent(e)&&e.action.kind===`ThinkAction`)return(0,b.jsx)(d.CollapsibleThinking,{content:e.action.thought});if(r.isActionEvent(e)){let t=i.getReasoningContent(e);return(0,b.jsxs)(b.Fragment,{children:[t&&(0,b.jsx)(d.CollapsibleThinking,{content:t}),!T&&(0,b.jsx)(g.ThoughtEventMessage,{event:e,isFromPlanningAgent:A}),(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:y})]})}if(r.isObservationEvent(e)){if(r.isPlanningFileEditorObservationEvent(e))return S&&v.shouldShowPlanPreview(e.id,S)?(0,b.jsx)(l.PlanPreview,{planContent:D,isStreaming:y&&O===t.AgentState.RUNNING,isBuildDisabled:k}):null;let n=p.find(t=>r.isActionEvent(t)&&t.id===e.action_id),a=!T&&n&&r.isActionEvent(n)&&n.action.kind!==`ThinkAction`,o=n&&r.isActionEvent(n)?i.getReasoningContent(n):``;return(0,b.jsxs)(b.Fragment,{children:[o&&(0,b.jsx)(d.CollapsibleThinking,{content:o}),a&&(0,b.jsx)(g.ThoughtEventMessage,{event:n,isFromPlanningAgent:A}),(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:y,correspondingAction:n&&r.isActionEvent(n)?n:void 0})]})}if(!r.isActionEvent(e)&&!r.isObservationEvent(e)){let t=e;return r.isUserMessageEvent(e)&&C(t)?w(t,j,y):(0,b.jsx)(f.UserAssistantEventMessage,{event:t,...j,isLastMessage:y})}return(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:y})}exports.EventMessage=T;
 //# sourceMappingURL=event-message.cjs.map

package/dist/components/conversation-events/chat/event-message.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"event-message.cjs","names":[],"sources":["../../../../src/components/conversation-events/chat/event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  OpenHandsEvent,\n  MessageEvent,\n  ActionEvent,\n} from \"#/types/agent-server/core\";\nimport {\n  FinishAction,\n  ThinkAction,\n} from \"#/types/agent-server/core/base/action\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isPlanningFileEditorObservationEvent,\n  isHookExecutionEvent,\n  isACPToolCallEvent,\n  isStreamingDeltaEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ChatMessage } from \"#/components/features/chat/chat-message\";\nimport { PlanPreview } from \"../../features/chat/plan-preview\";\nimport { ErrorEventMessage } from \"./event-message-components/error-event-message\";\nimport { UserAssistantEventMessage } from \"./event-message-components/user-assistant-event-message\";\nimport { FinishEventMessage } from \"./event-message-components/finish-event-message\";\nimport { GenericEventMessageWrapper } from \"./event-message-components/generic-event-message-wrapper\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { CollapsibleThinking } from \"./event-message-components/collapsible-thinking\";\nimport { HookExecutionEventMessage } from \"./event-message-components/hook-execution-event-message\";\nimport { createSkillReadyEvent } from \"./event-content-helpers/create-skill-ready-event\";\nimport { shouldShowPlanPreview } from \"./hooks/use-plan-preview-events\";\nimport { getReasoningContent, splitInlineThink } from \"./event-thought-helpers\";\n\ninterface EventMessageProps {\n  event: OpenHandsEvent & { isFromPlanningAgent?: boolean };\n  messages: OpenHandsEvent[];\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  /** Set of event IDs that should render PlanPreview (one per user message phase) */\n  planPreviewEventIds?: Set<string>;\n  /**\n   * When true, do not render the inline `ThoughtEventMessage` for action /\n   * observation events. The caller is expected to render the thought\n   * separately (e.g. via a hoisted \"thought\" rendered item) so the message\n   * pane and the in-group rendering don't double up on the same content.\n   * Has no effect on `ThinkAction`, whose thought IS its action body.\n   */\n  suppressThought?: boolean;\n}\n\n/**\n * Extracts activated skills from a MessageEvent, supporting both\n * activated_skills and activated_microagents field names.\n */\nconst getActivatedSkills = (event: MessageEvent): string[] =>\n  (event as unknown as { activated_skills?: string[] }).activated_skills ||\n  event.activated_microagents ||\n  [];\n\n/**\n * Checks if extended content contains valid text content.\n */\nconst hasValidExtendedContent = (\n  extendedContent: MessageEvent[\"extended_content\"],\n): boolean => {\n  if (!extendedContent || extendedContent.length === 0) {\n    return false;\n  }\n\n  return extendedContent.some(\n    (content) => content.type === \"text\" && content.text.trim().length > 0,\n  );\n};\n\n/**\n * Determines if a Skill Ready event should be displayed for the given message event.\n */\nconst shouldShowSkillReadyEvent = (messageEvent: MessageEvent): boolean => {\n  const activatedSkills = getActivatedSkills(messageEvent);\n  const hasActivatedSkills = activatedSkills.length > 0;\n  const hasExtendedContent = hasValidExtendedContent(\n    messageEvent.extended_content,\n  );\n\n  return hasActivatedSkills && hasExtendedContent;\n};\n\ninterface CommonProps {\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  config: unknown;\n  isFromPlanningAgent: boolean;\n}\n\n/**\n * Renders a user message with its corresponding Skill Ready event.\n */\nconst renderUserMessageWithSkillReady = (\n  messageEvent: MessageEvent,\n  commonProps: CommonProps,\n  isLastMessage: boolean,\n): React.ReactElement => {\n  try {\n    const skillReadyEvent = createSkillReadyEvent(messageEvent);\n    return (\n      <>\n        <UserAssistantEventMessage\n          event={messageEvent}\n          isLastMessage={false}\n          isFromPlanningAgent={commonProps.isFromPlanningAgent}\n        />\n        <GenericEventMessageWrapper\n          event={skillReadyEvent}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  } catch (error) {\n    // If skill ready event creation fails, just render the user message\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        isLastMessage={isLastMessage}\n        isFromPlanningAgent={commonProps.isFromPlanningAgent}\n      />\n    );\n  }\n};\n\nexport function EventMessage({\n  event,\n  messages,\n  isLastMessage,\n  isInLast10Actions,\n  planPreviewEventIds,\n  suppressThought = false,\n}: EventMessageProps) {\n  const { data: config } = useConfig();\n  const { planContent } = useConversationStore();\n  const { curAgentState } = useAgentState();\n\n  // Disable Build button while agent is running (streaming)\n  const isAgentRunning =\n    curAgentState === AgentState.RUNNING ||\n    curAgentState === AgentState.LOADING;\n\n  // Read isFromPlanningAgent directly from the event object\n  const isFromPlanningAgent = event.isFromPlanningAgent || false;\n\n  // Common props for components that need them\n  const commonProps = {\n    isLastMessage,\n    isInLast10Actions,\n    config,\n    isFromPlanningAgent,\n  };\n\n  // Agent error events\n  if (isAgentErrorEvent(event)) {\n    return <ErrorEventMessage event={event} {...commonProps} />;\n  }\n\n  // Hook execution events\n  if (isHookExecutionEvent(event)) {\n    return <HookExecutionEventMessage event={event} />;\n  }\n\n  // ACP sub-agent tool call events (Claude Code, Codex, Gemini CLI, …)\n  // render through the same generic wrapper used for observation events so\n  // the card shape, success indicator and markdown rendering all match.\n  if (isACPToolCallEvent(event)) {\n    return (\n      <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n    );\n  }\n\n  if (isStreamingDeltaEvent(event)) {\n    // Route an inline <think> block to the thinking section, not the bubble.\n    const { reasoning: inlineThink, message } = splitInlineThink(\n      event.content ?? \"\",\n      { streaming: true },\n    );\n    const reasoningContent = [event.reasoning_content ?? \"\", inlineThink]\n      .filter(Boolean)\n      .join(\"\\n\\n\");\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {message && (\n          <ChatMessage\n            type=\"agent\"\n            message={message}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n      </>\n    );\n  }\n\n  // Finish actions\n  if (isActionEvent(event) && event.action.kind === \"FinishAction\") {\n    return (\n      <FinishEventMessage\n        event={event as ActionEvent<FinishAction>}\n        {...commonProps}\n      />\n    );\n  }\n\n  // ThinkAction - render the thought inside a collapsible section so it\n  // doesn't dominate the chat, especially when the thinking language\n  // (usually English) differs from the conversation language.\n  if (isActionEvent(event) && event.action.kind === \"ThinkAction\") {\n    const thinkAction = event as ActionEvent<ThinkAction>;\n    return <CollapsibleThinking content={thinkAction.action.thought} />;\n  }\n\n  // Action events - render thought + action (will be replaced by thought + observation)\n  if (isActionEvent(event)) {\n    const reasoningContent = getReasoningContent(event);\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {!suppressThought && (\n          <ThoughtEventMessage\n            event={event}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  }\n\n  // Observation events - find the corresponding action and render thought + observation\n  if (isObservationEvent(event)) {\n    // Handle PlanningFileEditorObservation specially\n    if (isPlanningFileEditorObservationEvent(event)) {\n      // Only show PlanPreview if this event is marked as the one to display\n      // (last PlanningFileEditorObservation in its phase)\n      if (\n        planPreviewEventIds &&\n        shouldShowPlanPreview(event.id, planPreviewEventIds)\n      ) {\n        // Show shine effect only if this is the last message AND agent is running\n        const isStreaming =\n          isLastMessage && curAgentState === AgentState.RUNNING;\n        return (\n          <PlanPreview\n            planContent={planContent}\n            isStreaming={isStreaming}\n            isBuildDisabled={isAgentRunning}\n          />\n        );\n      }\n      // Not the designated preview event for this phase - render nothing\n      // This prevents duplicate previews within the same phase\n      return null;\n    }\n\n    // Find the action that this observation is responding to\n    const correspondingAction = messages.find(\n      (msg) => isActionEvent(msg) && msg.id === event.action_id,\n    );\n\n    // Skip ThoughtEventMessage for ThinkAction (thought IS the action)\n    const shouldShowThought =\n      !suppressThought &&\n      correspondingAction &&\n      isActionEvent(correspondingAction) &&\n      correspondingAction.action.kind !== \"ThinkAction\";\n\n    const reasoningContent =\n      correspondingAction && isActionEvent(correspondingAction)\n        ? getReasoningContent(correspondingAction)\n        : \"\";\n\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {shouldShowThought && (\n          <ThoughtEventMessage\n            event={correspondingAction}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n          correspondingAction={\n            correspondingAction && isActionEvent(correspondingAction)\n              ? correspondingAction\n              : undefined\n          }\n        />\n      </>\n    );\n  }\n\n  // Message events (user and assistant messages)\n  if (!isActionEvent(event) && !isObservationEvent(event)) {\n    const messageEvent = event as MessageEvent;\n\n    // Check if this is a user message that should display a Skill Ready event\n    if (isUserMessageEvent(event) && shouldShowSkillReadyEvent(messageEvent)) {\n      return renderUserMessageWithSkillReady(\n        messageEvent,\n        commonProps,\n        isLastMessage,\n      );\n    }\n\n    // Render normal message event (user or assistant)\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        {...commonProps}\n        isLastMessage={isLastMessage}\n      />\n    );\n  }\n\n  // Generic fallback for all other events\n  return (\n    <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"event-message.cjs","names":[],"sources":["../../../../src/components/conversation-events/chat/event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  OpenHandsEvent,\n  MessageEvent,\n  ActionEvent,\n} from \"#/types/agent-server/core\";\nimport {\n  FinishAction,\n  ThinkAction,\n} from \"#/types/agent-server/core/base/action\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isPlanningFileEditorObservationEvent,\n  isHookExecutionEvent,\n  isACPToolCallEvent,\n  isStreamingDeltaEvent,\n  isConversationStateUpdateEvent,\n  isGoalConversationStateUpdateEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ChatMessage } from \"#/components/features/chat/chat-message\";\nimport { GoalStatusContent } from \"#/components/features/chat/goal-status-content\";\nimport { PlanPreview } from \"../../features/chat/plan-preview\";\nimport { ErrorEventMessage } from \"./event-message-components/error-event-message\";\nimport { UserAssistantEventMessage } from \"./event-message-components/user-assistant-event-message\";\nimport { FinishEventMessage } from \"./event-message-components/finish-event-message\";\nimport { GenericEventMessageWrapper } from \"./event-message-components/generic-event-message-wrapper\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { CollapsibleThinking } from \"./event-message-components/collapsible-thinking\";\nimport { HookExecutionEventMessage } from \"./event-message-components/hook-execution-event-message\";\nimport { createSkillReadyEvent } from \"./event-content-helpers/create-skill-ready-event\";\nimport { shouldShowPlanPreview } from \"./hooks/use-plan-preview-events\";\nimport { getReasoningContent, splitInlineThink } from \"./event-thought-helpers\";\n\ninterface EventMessageProps {\n  event: OpenHandsEvent & { isFromPlanningAgent?: boolean };\n  messages: OpenHandsEvent[];\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  /** Set of event IDs that should render PlanPreview (one per user message phase) */\n  planPreviewEventIds?: Set<string>;\n  /**\n   * When true, do not render the inline `ThoughtEventMessage` for action /\n   * observation events. The caller is expected to render the thought\n   * separately (e.g. via a hoisted \"thought\" rendered item) so the message\n   * pane and the in-group rendering don't double up on the same content.\n   * Has no effect on `ThinkAction`, whose thought IS its action body.\n   */\n  suppressThought?: boolean;\n}\n\n/**\n * Extracts activated skills from a MessageEvent, supporting both\n * activated_skills and activated_microagents field names.\n */\nconst getActivatedSkills = (event: MessageEvent): string[] =>\n  (event as unknown as { activated_skills?: string[] }).activated_skills ||\n  event.activated_microagents ||\n  [];\n\n/**\n * Checks if extended content contains valid text content.\n */\nconst hasValidExtendedContent = (\n  extendedContent: MessageEvent[\"extended_content\"],\n): boolean => {\n  if (!extendedContent || extendedContent.length === 0) {\n    return false;\n  }\n\n  return extendedContent.some(\n    (content) => content.type === \"text\" && content.text.trim().length > 0,\n  );\n};\n\n/**\n * Determines if a Skill Ready event should be displayed for the given message event.\n */\nconst shouldShowSkillReadyEvent = (messageEvent: MessageEvent): boolean => {\n  const activatedSkills = getActivatedSkills(messageEvent);\n  const hasActivatedSkills = activatedSkills.length > 0;\n  const hasExtendedContent = hasValidExtendedContent(\n    messageEvent.extended_content,\n  );\n\n  return hasActivatedSkills && hasExtendedContent;\n};\n\ninterface CommonProps {\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  config: unknown;\n  isFromPlanningAgent: boolean;\n}\n\n/**\n * Renders a user message with its corresponding Skill Ready event.\n */\nconst renderUserMessageWithSkillReady = (\n  messageEvent: MessageEvent,\n  commonProps: CommonProps,\n  isLastMessage: boolean,\n): React.ReactElement => {\n  try {\n    const skillReadyEvent = createSkillReadyEvent(messageEvent);\n    return (\n      <>\n        <UserAssistantEventMessage\n          event={messageEvent}\n          isLastMessage={false}\n          isFromPlanningAgent={commonProps.isFromPlanningAgent}\n        />\n        <GenericEventMessageWrapper\n          event={skillReadyEvent}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  } catch (error) {\n    // If skill ready event creation fails, just render the user message\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        isLastMessage={isLastMessage}\n        isFromPlanningAgent={commonProps.isFromPlanningAgent}\n      />\n    );\n  }\n};\n\nexport function EventMessage({\n  event,\n  messages,\n  isLastMessage,\n  isInLast10Actions,\n  planPreviewEventIds,\n  suppressThought = false,\n}: EventMessageProps) {\n  const { data: config } = useConfig();\n  const { planContent } = useConversationStore();\n  const { curAgentState } = useAgentState();\n\n  // Disable Build button while agent is running (streaming)\n  const isAgentRunning =\n    curAgentState === AgentState.RUNNING ||\n    curAgentState === AgentState.LOADING;\n\n  // Read isFromPlanningAgent directly from the event object\n  const isFromPlanningAgent = event.isFromPlanningAgent || false;\n\n  // Common props for components that need them\n  const commonProps = {\n    isLastMessage,\n    isInLast10Actions,\n    config,\n    isFromPlanningAgent,\n  };\n\n  // Finished `/goal` loop: render the terminal status inline so it settles into\n  // the conversation. should-render-event.ts only lets the terminal goal event\n  // through; the active loop is shown by the separate bottom GoalStatusBanner.\n  if (\n    isConversationStateUpdateEvent(event) &&\n    isGoalConversationStateUpdateEvent(event)\n  ) {\n    return <GoalStatusContent status={event.value} />;\n  }\n\n  // Agent error events\n  if (isAgentErrorEvent(event)) {\n    return <ErrorEventMessage event={event} {...commonProps} />;\n  }\n\n  // Hook execution events\n  if (isHookExecutionEvent(event)) {\n    return <HookExecutionEventMessage event={event} />;\n  }\n\n  // ACP sub-agent tool call events (Claude Code, Codex, Gemini CLI, …)\n  // render through the same generic wrapper used for observation events so\n  // the card shape, success indicator and markdown rendering all match.\n  if (isACPToolCallEvent(event)) {\n    return (\n      <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n    );\n  }\n\n  if (isStreamingDeltaEvent(event)) {\n    // Route an inline <think> block to the thinking section, not the bubble.\n    const { reasoning: inlineThink, message } = splitInlineThink(\n      event.content ?? \"\",\n      { streaming: true },\n    );\n    const reasoningContent = [event.reasoning_content ?? \"\", inlineThink]\n      .filter(Boolean)\n      .join(\"\\n\\n\");\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {message && (\n          <ChatMessage\n            type=\"agent\"\n            message={message}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n      </>\n    );\n  }\n\n  // Finish actions\n  if (isActionEvent(event) && event.action.kind === \"FinishAction\") {\n    return (\n      <FinishEventMessage\n        event={event as ActionEvent<FinishAction>}\n        {...commonProps}\n      />\n    );\n  }\n\n  // ThinkAction - render the thought inside a collapsible section so it\n  // doesn't dominate the chat, especially when the thinking language\n  // (usually English) differs from the conversation language.\n  if (isActionEvent(event) && event.action.kind === \"ThinkAction\") {\n    const thinkAction = event as ActionEvent<ThinkAction>;\n    return <CollapsibleThinking content={thinkAction.action.thought} />;\n  }\n\n  // Action events - render thought + action (will be replaced by thought + observation)\n  if (isActionEvent(event)) {\n    const reasoningContent = getReasoningContent(event);\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {!suppressThought && (\n          <ThoughtEventMessage\n            event={event}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  }\n\n  // Observation events - find the corresponding action and render thought + observation\n  if (isObservationEvent(event)) {\n    // Handle PlanningFileEditorObservation specially\n    if (isPlanningFileEditorObservationEvent(event)) {\n      // Only show PlanPreview if this event is marked as the one to display\n      // (last PlanningFileEditorObservation in its phase)\n      if (\n        planPreviewEventIds &&\n        shouldShowPlanPreview(event.id, planPreviewEventIds)\n      ) {\n        // Show shine effect only if this is the last message AND agent is running\n        const isStreaming =\n          isLastMessage && curAgentState === AgentState.RUNNING;\n        return (\n          <PlanPreview\n            planContent={planContent}\n            isStreaming={isStreaming}\n            isBuildDisabled={isAgentRunning}\n          />\n        );\n      }\n      // Not the designated preview event for this phase - render nothing\n      // This prevents duplicate previews within the same phase\n      return null;\n    }\n\n    // Find the action that this observation is responding to\n    const correspondingAction = messages.find(\n      (msg) => isActionEvent(msg) && msg.id === event.action_id,\n    );\n\n    // Skip ThoughtEventMessage for ThinkAction (thought IS the action)\n    const shouldShowThought =\n      !suppressThought &&\n      correspondingAction &&\n      isActionEvent(correspondingAction) &&\n      correspondingAction.action.kind !== \"ThinkAction\";\n\n    const reasoningContent =\n      correspondingAction && isActionEvent(correspondingAction)\n        ? getReasoningContent(correspondingAction)\n        : \"\";\n\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {shouldShowThought && (\n          <ThoughtEventMessage\n            event={correspondingAction}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n          correspondingAction={\n            correspondingAction && isActionEvent(correspondingAction)\n              ? correspondingAction\n              : undefined\n          }\n        />\n      </>\n    );\n  }\n\n  // Message events (user and assistant messages)\n  if (!isActionEvent(event) && !isObservationEvent(event)) {\n    const messageEvent = event as MessageEvent;\n\n    // Check if this is a user message that should display a Skill Ready event\n    if (isUserMessageEvent(event) && shouldShowSkillReadyEvent(messageEvent)) {\n      return renderUserMessageWithSkillReady(\n        messageEvent,\n        commonProps,\n        isLastMessage,\n      );\n    }\n\n    // Render normal message event (user or assistant)\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        {...commonProps}\n        isLastMessage={isLastMessage}\n      />\n    );\n  }\n\n  // Generic fallback for all other events\n  return (\n    <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n  );\n}\n"],"mappings":"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"}

package/dist/components/conversation-events/chat/event-message.js

@@ -1,123 +1,125 @@
 import { AgentState as e } from "../../../types/agent-state.js";
 import { useConversationStore as t } from "../../../stores/conversation-store.js";
-import { isACPToolCallEvent as n, isActionEvent as r, isAgentErrorEvent as i, isHookExecutionEvent as a, isObservationEvent as o, isPlanningFileEditorObservationEvent as s, isStreamingDeltaEvent as c, isUserMessageEvent as l } from "../../../types/agent-server/type-guards.js";
-import { useAgentState as u } from "../../../hooks/use-agent-state.js";
-import { useConfig as d } from "../../../hooks/query/use-config.js";
-import { ChatMessage as f } from "../../features/chat/chat-message.js";
-import { PlanPreview as p } from "../../features/chat/plan-preview.js";
-import { ErrorEventMessage as m } from "./event-message-components/error-event-message.js";
-import { CollapsibleThinking as h } from "./event-message-components/collapsible-thinking.js";
-import { getReasoningContent as g, splitInlineThink as _ } from "./event-thought-helpers.js";
-import { UserAssistantEventMessage as v } from "./event-message-components/user-assistant-event-message.js";
-import { createSkillReadyEvent as y } from "./event-content-helpers/create-skill-ready-event.js";
-import { FinishEventMessage as b } from "./event-message-components/finish-event-message.js";
-import { GenericEventMessageWrapper as x } from "./event-message-components/generic-event-message-wrapper.js";
-import { ThoughtEventMessage as S } from "./event-message-components/thought-event-message.js";
-import { HookExecutionEventMessage as C } from "../../shared/hook-execution-event-message.js";
+import { isACPToolCallEvent as n, isActionEvent as r, isAgentErrorEvent as i, isConversationStateUpdateEvent as a, isGoalConversationStateUpdateEvent as o, isHookExecutionEvent as s, isObservationEvent as c, isPlanningFileEditorObservationEvent as l, isStreamingDeltaEvent as u, isUserMessageEvent as d } from "../../../types/agent-server/type-guards.js";
+import { getReasoningContent as f, splitInlineThink as p } from "./event-thought-helpers.js";
+import { useAgentState as m } from "../../../hooks/use-agent-state.js";
+import { GoalStatusContent as h } from "../../features/chat/goal-status-content.js";
+import { useConfig as g } from "../../../hooks/query/use-config.js";
+import { ChatMessage as _ } from "../../features/chat/chat-message.js";
+import { PlanPreview as v } from "../../features/chat/plan-preview.js";
+import { ErrorEventMessage as y } from "./event-message-components/error-event-message.js";
+import { CollapsibleThinking as b } from "./event-message-components/collapsible-thinking.js";
+import { UserAssistantEventMessage as x } from "./event-message-components/user-assistant-event-message.js";
+import { createSkillReadyEvent as S } from "./event-content-helpers/create-skill-ready-event.js";
+import { FinishEventMessage as C } from "./event-message-components/finish-event-message.js";
+import { GenericEventMessageWrapper as w } from "./event-message-components/generic-event-message-wrapper.js";
+import { ThoughtEventMessage as T } from "./event-message-components/thought-event-message.js";
+import { HookExecutionEventMessage as E } from "../../shared/hook-execution-event-message.js";
 import "./event-message-components/hook-execution-event-message.js";
-import { shouldShowPlanPreview as w } from "./hooks/use-plan-preview-events.js";
+import { shouldShowPlanPreview as D } from "./hooks/use-plan-preview-events.js";
 import "react";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/components/conversation-events/chat/event-message.tsx
-var O = (e) => e.activated_skills || e.activated_microagents || [], k = (e) => !e || e.length === 0 ? !1 : e.some((e) => e.type === "text" && e.text.trim().length > 0), A = (e) => {
-	let t = O(e).length > 0, n = k(e.extended_content);
+var j = (e) => e.activated_skills || e.activated_microagents || [], M = (e) => !e || e.length === 0 ? !1 : e.some((e) => e.type === "text" && e.text.trim().length > 0), N = (e) => {
+	let t = j(e).length > 0, n = M(e.extended_content);
 	return t && n;
-}, j = (e, t, n) => {
+}, P = (e, t, n) => {
 	try {
-		let r = y(e);
-		return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(v, {
+		let r = S(e);
+		return /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(x, {
 			event: e,
 			isLastMessage: !1,
 			isFromPlanningAgent: t.isFromPlanningAgent
-		}), /* @__PURE__ */ E(x, {
+		}), /* @__PURE__ */ k(w, {
 			event: r,
 			isLastMessage: n
 		})] });
 	} catch {
-		return /* @__PURE__ */ E(v, {
+		return /* @__PURE__ */ k(x, {
 			event: e,
 			isLastMessage: n,
 			isFromPlanningAgent: t.isFromPlanningAgent
 		});
 	}
 };
-function M({ event: y, messages: O, isLastMessage: k, isInLast10Actions: M, planPreviewEventIds: N, suppressThought: P = !1 }) {
-	let { data: F } = d(), { planContent: I } = t(), { curAgentState: L } = u(), R = L === e.RUNNING || L === e.LOADING, z = y.isFromPlanningAgent || !1, B = {
-		isLastMessage: k,
-		isInLast10Actions: M,
-		config: F,
-		isFromPlanningAgent: z
+function F({ event: S, messages: j, isLastMessage: M, isInLast10Actions: F, planPreviewEventIds: I, suppressThought: L = !1 }) {
+	let { data: R } = g(), { planContent: z } = t(), { curAgentState: B } = m(), V = B === e.RUNNING || B === e.LOADING, H = S.isFromPlanningAgent || !1, U = {
+		isLastMessage: M,
+		isInLast10Actions: F,
+		config: R,
+		isFromPlanningAgent: H
 	};
-	if (i(y)) return /* @__PURE__ */ E(m, {
-		event: y,
-		...B
+	if (a(S) && o(S)) return /* @__PURE__ */ k(h, { status: S.value });
+	if (i(S)) return /* @__PURE__ */ k(y, {
+		event: S,
+		...U
 	});
-	if (a(y)) return /* @__PURE__ */ E(C, { event: y });
-	if (n(y)) return /* @__PURE__ */ E(x, {
-		event: y,
-		isLastMessage: k
+	if (s(S)) return /* @__PURE__ */ k(E, { event: S });
+	if (n(S)) return /* @__PURE__ */ k(w, {
+		event: S,
+		isLastMessage: M
 	});
-	if (c(y)) {
-		let { reasoning: e, message: t } = _(y.content ?? "", { streaming: !0 }), n = [y.reasoning_content ?? "", e].filter(Boolean).join("\n\n");
-		return /* @__PURE__ */ D(T, { children: [n && /* @__PURE__ */ E(h, { content: n }), t && /* @__PURE__ */ E(f, {
+	if (u(S)) {
+		let { reasoning: e, message: t } = p(S.content ?? "", { streaming: !0 }), n = [S.reasoning_content ?? "", e].filter(Boolean).join("\n\n");
+		return /* @__PURE__ */ A(O, { children: [n && /* @__PURE__ */ k(b, { content: n }), t && /* @__PURE__ */ k(_, {
 			type: "agent",
 			message: t,
-			isFromPlanningAgent: z
+			isFromPlanningAgent: H
 		})] });
 	}
-	if (r(y) && y.action.kind === "FinishAction") return /* @__PURE__ */ E(b, {
-		event: y,
-		...B
+	if (r(S) && S.action.kind === "FinishAction") return /* @__PURE__ */ k(C, {
+		event: S,
+		...U
 	});
-	if (r(y) && y.action.kind === "ThinkAction") return /* @__PURE__ */ E(h, { content: y.action.thought });
-	if (r(y)) {
-		let e = g(y);
-		return /* @__PURE__ */ D(T, { children: [
-			e && /* @__PURE__ */ E(h, { content: e }),
-			!P && /* @__PURE__ */ E(S, {
-				event: y,
-				isFromPlanningAgent: z
+	if (r(S) && S.action.kind === "ThinkAction") return /* @__PURE__ */ k(b, { content: S.action.thought });
+	if (r(S)) {
+		let e = f(S);
+		return /* @__PURE__ */ A(O, { children: [
+			e && /* @__PURE__ */ k(b, { content: e }),
+			!L && /* @__PURE__ */ k(T, {
+				event: S,
+				isFromPlanningAgent: H
 			}),
-			/* @__PURE__ */ E(x, {
-				event: y,
-				isLastMessage: k
+			/* @__PURE__ */ k(w, {
+				event: S,
+				isLastMessage: M
 			})
 		] });
 	}
-	if (o(y)) {
-		if (s(y)) return N && w(y.id, N) ? /* @__PURE__ */ E(p, {
-			planContent: I,
-			isStreaming: k && L === e.RUNNING,
-			isBuildDisabled: R
+	if (c(S)) {
+		if (l(S)) return I && D(S.id, I) ? /* @__PURE__ */ k(v, {
+			planContent: z,
+			isStreaming: M && B === e.RUNNING,
+			isBuildDisabled: V
 		}) : null;
-		let t = O.find((e) => r(e) && e.id === y.action_id), n = !P && t && r(t) && t.action.kind !== "ThinkAction", i = t && r(t) ? g(t) : "";
-		return /* @__PURE__ */ D(T, { children: [
-			i && /* @__PURE__ */ E(h, { content: i }),
-			n && /* @__PURE__ */ E(S, {
+		let t = j.find((e) => r(e) && e.id === S.action_id), n = !L && t && r(t) && t.action.kind !== "ThinkAction", i = t && r(t) ? f(t) : "";
+		return /* @__PURE__ */ A(O, { children: [
+			i && /* @__PURE__ */ k(b, { content: i }),
+			n && /* @__PURE__ */ k(T, {
 				event: t,
-				isFromPlanningAgent: z
+				isFromPlanningAgent: H
 			}),
-			/* @__PURE__ */ E(x, {
-				event: y,
-				isLastMessage: k,
+			/* @__PURE__ */ k(w, {
+				event: S,
+				isLastMessage: M,
 				correspondingAction: t && r(t) ? t : void 0
 			})
 		] });
 	}
-	if (!r(y) && !o(y)) {
-		let e = y;
-		return l(y) && A(e) ? j(e, B, k) : /* @__PURE__ */ E(v, {
+	if (!r(S) && !c(S)) {
+		let e = S;
+		return d(S) && N(e) ? P(e, U, M) : /* @__PURE__ */ k(x, {
 			event: e,
-			...B,
-			isLastMessage: k
+			...U,
+			isLastMessage: M
 		});
 	}
-	return /* @__PURE__ */ E(x, {
-		event: y,
-		isLastMessage: k
+	return /* @__PURE__ */ k(w, {
+		event: S,
+		isLastMessage: M
 	});
 }
 //#endregion
-export { M as EventMessage };
+export { F as EventMessage };
 
 //# sourceMappingURL=event-message.js.map

package/dist/components/conversation-events/chat/event-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-message.js","names":[],"sources":["../../../../src/components/conversation-events/chat/event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  OpenHandsEvent,\n  MessageEvent,\n  ActionEvent,\n} from \"#/types/agent-server/core\";\nimport {\n  FinishAction,\n  ThinkAction,\n} from \"#/types/agent-server/core/base/action\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isPlanningFileEditorObservationEvent,\n  isHookExecutionEvent,\n  isACPToolCallEvent,\n  isStreamingDeltaEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ChatMessage } from \"#/components/features/chat/chat-message\";\nimport { PlanPreview } from \"../../features/chat/plan-preview\";\nimport { ErrorEventMessage } from \"./event-message-components/error-event-message\";\nimport { UserAssistantEventMessage } from \"./event-message-components/user-assistant-event-message\";\nimport { FinishEventMessage } from \"./event-message-components/finish-event-message\";\nimport { GenericEventMessageWrapper } from \"./event-message-components/generic-event-message-wrapper\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { CollapsibleThinking } from \"./event-message-components/collapsible-thinking\";\nimport { HookExecutionEventMessage } from \"./event-message-components/hook-execution-event-message\";\nimport { createSkillReadyEvent } from \"./event-content-helpers/create-skill-ready-event\";\nimport { shouldShowPlanPreview } from \"./hooks/use-plan-preview-events\";\nimport { getReasoningContent, splitInlineThink } from \"./event-thought-helpers\";\n\ninterface EventMessageProps {\n  event: OpenHandsEvent & { isFromPlanningAgent?: boolean };\n  messages: OpenHandsEvent[];\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  /** Set of event IDs that should render PlanPreview (one per user message phase) */\n  planPreviewEventIds?: Set<string>;\n  /**\n   * When true, do not render the inline `ThoughtEventMessage` for action /\n   * observation events. The caller is expected to render the thought\n   * separately (e.g. via a hoisted \"thought\" rendered item) so the message\n   * pane and the in-group rendering don't double up on the same content.\n   * Has no effect on `ThinkAction`, whose thought IS its action body.\n   */\n  suppressThought?: boolean;\n}\n\n/**\n * Extracts activated skills from a MessageEvent, supporting both\n * activated_skills and activated_microagents field names.\n */\nconst getActivatedSkills = (event: MessageEvent): string[] =>\n  (event as unknown as { activated_skills?: string[] }).activated_skills ||\n  event.activated_microagents ||\n  [];\n\n/**\n * Checks if extended content contains valid text content.\n */\nconst hasValidExtendedContent = (\n  extendedContent: MessageEvent[\"extended_content\"],\n): boolean => {\n  if (!extendedContent || extendedContent.length === 0) {\n    return false;\n  }\n\n  return extendedContent.some(\n    (content) => content.type === \"text\" && content.text.trim().length > 0,\n  );\n};\n\n/**\n * Determines if a Skill Ready event should be displayed for the given message event.\n */\nconst shouldShowSkillReadyEvent = (messageEvent: MessageEvent): boolean => {\n  const activatedSkills = getActivatedSkills(messageEvent);\n  const hasActivatedSkills = activatedSkills.length > 0;\n  const hasExtendedContent = hasValidExtendedContent(\n    messageEvent.extended_content,\n  );\n\n  return hasActivatedSkills && hasExtendedContent;\n};\n\ninterface CommonProps {\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  config: unknown;\n  isFromPlanningAgent: boolean;\n}\n\n/**\n * Renders a user message with its corresponding Skill Ready event.\n */\nconst renderUserMessageWithSkillReady = (\n  messageEvent: MessageEvent,\n  commonProps: CommonProps,\n  isLastMessage: boolean,\n): React.ReactElement => {\n  try {\n    const skillReadyEvent = createSkillReadyEvent(messageEvent);\n    return (\n      <>\n        <UserAssistantEventMessage\n          event={messageEvent}\n          isLastMessage={false}\n          isFromPlanningAgent={commonProps.isFromPlanningAgent}\n        />\n        <GenericEventMessageWrapper\n          event={skillReadyEvent}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  } catch (error) {\n    // If skill ready event creation fails, just render the user message\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        isLastMessage={isLastMessage}\n        isFromPlanningAgent={commonProps.isFromPlanningAgent}\n      />\n    );\n  }\n};\n\nexport function EventMessage({\n  event,\n  messages,\n  isLastMessage,\n  isInLast10Actions,\n  planPreviewEventIds,\n  suppressThought = false,\n}: EventMessageProps) {\n  const { data: config } = useConfig();\n  const { planContent } = useConversationStore();\n  const { curAgentState } = useAgentState();\n\n  // Disable Build button while agent is running (streaming)\n  const isAgentRunning =\n    curAgentState === AgentState.RUNNING ||\n    curAgentState === AgentState.LOADING;\n\n  // Read isFromPlanningAgent directly from the event object\n  const isFromPlanningAgent = event.isFromPlanningAgent || false;\n\n  // Common props for components that need them\n  const commonProps = {\n    isLastMessage,\n    isInLast10Actions,\n    config,\n    isFromPlanningAgent,\n  };\n\n  // Agent error events\n  if (isAgentErrorEvent(event)) {\n    return <ErrorEventMessage event={event} {...commonProps} />;\n  }\n\n  // Hook execution events\n  if (isHookExecutionEvent(event)) {\n    return <HookExecutionEventMessage event={event} />;\n  }\n\n  // ACP sub-agent tool call events (Claude Code, Codex, Gemini CLI, …)\n  // render through the same generic wrapper used for observation events so\n  // the card shape, success indicator and markdown rendering all match.\n  if (isACPToolCallEvent(event)) {\n    return (\n      <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n    );\n  }\n\n  if (isStreamingDeltaEvent(event)) {\n    // Route an inline <think> block to the thinking section, not the bubble.\n    const { reasoning: inlineThink, message } = splitInlineThink(\n      event.content ?? \"\",\n      { streaming: true },\n    );\n    const reasoningContent = [event.reasoning_content ?? \"\", inlineThink]\n      .filter(Boolean)\n      .join(\"\\n\\n\");\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {message && (\n          <ChatMessage\n            type=\"agent\"\n            message={message}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n      </>\n    );\n  }\n\n  // Finish actions\n  if (isActionEvent(event) && event.action.kind === \"FinishAction\") {\n    return (\n      <FinishEventMessage\n        event={event as ActionEvent<FinishAction>}\n        {...commonProps}\n      />\n    );\n  }\n\n  // ThinkAction - render the thought inside a collapsible section so it\n  // doesn't dominate the chat, especially when the thinking language\n  // (usually English) differs from the conversation language.\n  if (isActionEvent(event) && event.action.kind === \"ThinkAction\") {\n    const thinkAction = event as ActionEvent<ThinkAction>;\n    return <CollapsibleThinking content={thinkAction.action.thought} />;\n  }\n\n  // Action events - render thought + action (will be replaced by thought + observation)\n  if (isActionEvent(event)) {\n    const reasoningContent = getReasoningContent(event);\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {!suppressThought && (\n          <ThoughtEventMessage\n            event={event}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  }\n\n  // Observation events - find the corresponding action and render thought + observation\n  if (isObservationEvent(event)) {\n    // Handle PlanningFileEditorObservation specially\n    if (isPlanningFileEditorObservationEvent(event)) {\n      // Only show PlanPreview if this event is marked as the one to display\n      // (last PlanningFileEditorObservation in its phase)\n      if (\n        planPreviewEventIds &&\n        shouldShowPlanPreview(event.id, planPreviewEventIds)\n      ) {\n        // Show shine effect only if this is the last message AND agent is running\n        const isStreaming =\n          isLastMessage && curAgentState === AgentState.RUNNING;\n        return (\n          <PlanPreview\n            planContent={planContent}\n            isStreaming={isStreaming}\n            isBuildDisabled={isAgentRunning}\n          />\n        );\n      }\n      // Not the designated preview event for this phase - render nothing\n      // This prevents duplicate previews within the same phase\n      return null;\n    }\n\n    // Find the action that this observation is responding to\n    const correspondingAction = messages.find(\n      (msg) => isActionEvent(msg) && msg.id === event.action_id,\n    );\n\n    // Skip ThoughtEventMessage for ThinkAction (thought IS the action)\n    const shouldShowThought =\n      !suppressThought &&\n      correspondingAction &&\n      isActionEvent(correspondingAction) &&\n      correspondingAction.action.kind !== \"ThinkAction\";\n\n    const reasoningContent =\n      correspondingAction && isActionEvent(correspondingAction)\n        ? getReasoningContent(correspondingAction)\n        : \"\";\n\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {shouldShowThought && (\n          <ThoughtEventMessage\n            event={correspondingAction}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n          correspondingAction={\n            correspondingAction && isActionEvent(correspondingAction)\n              ? correspondingAction\n              : undefined\n          }\n        />\n      </>\n    );\n  }\n\n  // Message events (user and assistant messages)\n  if (!isActionEvent(event) && !isObservationEvent(event)) {\n    const messageEvent = event as MessageEvent;\n\n    // Check if this is a user message that should display a Skill Ready event\n    if (isUserMessageEvent(event) && shouldShowSkillReadyEvent(messageEvent)) {\n      return renderUserMessageWithSkillReady(\n        messageEvent,\n        commonProps,\n        isLastMessage,\n      );\n    }\n\n    // Render normal message event (user or assistant)\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        {...commonProps}\n        isLastMessage={isLastMessage}\n      />\n    );\n  }\n\n  // Generic fallback for all other events\n  return (\n    <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"event-message.js","names":[],"sources":["../../../../src/components/conversation-events/chat/event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  OpenHandsEvent,\n  MessageEvent,\n  ActionEvent,\n} from \"#/types/agent-server/core\";\nimport {\n  FinishAction,\n  ThinkAction,\n} from \"#/types/agent-server/core/base/action\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isPlanningFileEditorObservationEvent,\n  isHookExecutionEvent,\n  isACPToolCallEvent,\n  isStreamingDeltaEvent,\n  isConversationStateUpdateEvent,\n  isGoalConversationStateUpdateEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ChatMessage } from \"#/components/features/chat/chat-message\";\nimport { GoalStatusContent } from \"#/components/features/chat/goal-status-content\";\nimport { PlanPreview } from \"../../features/chat/plan-preview\";\nimport { ErrorEventMessage } from \"./event-message-components/error-event-message\";\nimport { UserAssistantEventMessage } from \"./event-message-components/user-assistant-event-message\";\nimport { FinishEventMessage } from \"./event-message-components/finish-event-message\";\nimport { GenericEventMessageWrapper } from \"./event-message-components/generic-event-message-wrapper\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { CollapsibleThinking } from \"./event-message-components/collapsible-thinking\";\nimport { HookExecutionEventMessage } from \"./event-message-components/hook-execution-event-message\";\nimport { createSkillReadyEvent } from \"./event-content-helpers/create-skill-ready-event\";\nimport { shouldShowPlanPreview } from \"./hooks/use-plan-preview-events\";\nimport { getReasoningContent, splitInlineThink } from \"./event-thought-helpers\";\n\ninterface EventMessageProps {\n  event: OpenHandsEvent & { isFromPlanningAgent?: boolean };\n  messages: OpenHandsEvent[];\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  /** Set of event IDs that should render PlanPreview (one per user message phase) */\n  planPreviewEventIds?: Set<string>;\n  /**\n   * When true, do not render the inline `ThoughtEventMessage` for action /\n   * observation events. The caller is expected to render the thought\n   * separately (e.g. via a hoisted \"thought\" rendered item) so the message\n   * pane and the in-group rendering don't double up on the same content.\n   * Has no effect on `ThinkAction`, whose thought IS its action body.\n   */\n  suppressThought?: boolean;\n}\n\n/**\n * Extracts activated skills from a MessageEvent, supporting both\n * activated_skills and activated_microagents field names.\n */\nconst getActivatedSkills = (event: MessageEvent): string[] =>\n  (event as unknown as { activated_skills?: string[] }).activated_skills ||\n  event.activated_microagents ||\n  [];\n\n/**\n * Checks if extended content contains valid text content.\n */\nconst hasValidExtendedContent = (\n  extendedContent: MessageEvent[\"extended_content\"],\n): boolean => {\n  if (!extendedContent || extendedContent.length === 0) {\n    return false;\n  }\n\n  return extendedContent.some(\n    (content) => content.type === \"text\" && content.text.trim().length > 0,\n  );\n};\n\n/**\n * Determines if a Skill Ready event should be displayed for the given message event.\n */\nconst shouldShowSkillReadyEvent = (messageEvent: MessageEvent): boolean => {\n  const activatedSkills = getActivatedSkills(messageEvent);\n  const hasActivatedSkills = activatedSkills.length > 0;\n  const hasExtendedContent = hasValidExtendedContent(\n    messageEvent.extended_content,\n  );\n\n  return hasActivatedSkills && hasExtendedContent;\n};\n\ninterface CommonProps {\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  config: unknown;\n  isFromPlanningAgent: boolean;\n}\n\n/**\n * Renders a user message with its corresponding Skill Ready event.\n */\nconst renderUserMessageWithSkillReady = (\n  messageEvent: MessageEvent,\n  commonProps: CommonProps,\n  isLastMessage: boolean,\n): React.ReactElement => {\n  try {\n    const skillReadyEvent = createSkillReadyEvent(messageEvent);\n    return (\n      <>\n        <UserAssistantEventMessage\n          event={messageEvent}\n          isLastMessage={false}\n          isFromPlanningAgent={commonProps.isFromPlanningAgent}\n        />\n        <GenericEventMessageWrapper\n          event={skillReadyEvent}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  } catch (error) {\n    // If skill ready event creation fails, just render the user message\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        isLastMessage={isLastMessage}\n        isFromPlanningAgent={commonProps.isFromPlanningAgent}\n      />\n    );\n  }\n};\n\nexport function EventMessage({\n  event,\n  messages,\n  isLastMessage,\n  isInLast10Actions,\n  planPreviewEventIds,\n  suppressThought = false,\n}: EventMessageProps) {\n  const { data: config } = useConfig();\n  const { planContent } = useConversationStore();\n  const { curAgentState } = useAgentState();\n\n  // Disable Build button while agent is running (streaming)\n  const isAgentRunning =\n    curAgentState === AgentState.RUNNING ||\n    curAgentState === AgentState.LOADING;\n\n  // Read isFromPlanningAgent directly from the event object\n  const isFromPlanningAgent = event.isFromPlanningAgent || false;\n\n  // Common props for components that need them\n  const commonProps = {\n    isLastMessage,\n    isInLast10Actions,\n    config,\n    isFromPlanningAgent,\n  };\n\n  // Finished `/goal` loop: render the terminal status inline so it settles into\n  // the conversation. should-render-event.ts only lets the terminal goal event\n  // through; the active loop is shown by the separate bottom GoalStatusBanner.\n  if (\n    isConversationStateUpdateEvent(event) &&\n    isGoalConversationStateUpdateEvent(event)\n  ) {\n    return <GoalStatusContent status={event.value} />;\n  }\n\n  // Agent error events\n  if (isAgentErrorEvent(event)) {\n    return <ErrorEventMessage event={event} {...commonProps} />;\n  }\n\n  // Hook execution events\n  if (isHookExecutionEvent(event)) {\n    return <HookExecutionEventMessage event={event} />;\n  }\n\n  // ACP sub-agent tool call events (Claude Code, Codex, Gemini CLI, …)\n  // render through the same generic wrapper used for observation events so\n  // the card shape, success indicator and markdown rendering all match.\n  if (isACPToolCallEvent(event)) {\n    return (\n      <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n    );\n  }\n\n  if (isStreamingDeltaEvent(event)) {\n    // Route an inline <think> block to the thinking section, not the bubble.\n    const { reasoning: inlineThink, message } = splitInlineThink(\n      event.content ?? \"\",\n      { streaming: true },\n    );\n    const reasoningContent = [event.reasoning_content ?? \"\", inlineThink]\n      .filter(Boolean)\n      .join(\"\\n\\n\");\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {message && (\n          <ChatMessage\n            type=\"agent\"\n            message={message}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n      </>\n    );\n  }\n\n  // Finish actions\n  if (isActionEvent(event) && event.action.kind === \"FinishAction\") {\n    return (\n      <FinishEventMessage\n        event={event as ActionEvent<FinishAction>}\n        {...commonProps}\n      />\n    );\n  }\n\n  // ThinkAction - render the thought inside a collapsible section so it\n  // doesn't dominate the chat, especially when the thinking language\n  // (usually English) differs from the conversation language.\n  if (isActionEvent(event) && event.action.kind === \"ThinkAction\") {\n    const thinkAction = event as ActionEvent<ThinkAction>;\n    return <CollapsibleThinking content={thinkAction.action.thought} />;\n  }\n\n  // Action events - render thought + action (will be replaced by thought + observation)\n  if (isActionEvent(event)) {\n    const reasoningContent = getReasoningContent(event);\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {!suppressThought && (\n          <ThoughtEventMessage\n            event={event}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  }\n\n  // Observation events - find the corresponding action and render thought + observation\n  if (isObservationEvent(event)) {\n    // Handle PlanningFileEditorObservation specially\n    if (isPlanningFileEditorObservationEvent(event)) {\n      // Only show PlanPreview if this event is marked as the one to display\n      // (last PlanningFileEditorObservation in its phase)\n      if (\n        planPreviewEventIds &&\n        shouldShowPlanPreview(event.id, planPreviewEventIds)\n      ) {\n        // Show shine effect only if this is the last message AND agent is running\n        const isStreaming =\n          isLastMessage && curAgentState === AgentState.RUNNING;\n        return (\n          <PlanPreview\n            planContent={planContent}\n            isStreaming={isStreaming}\n            isBuildDisabled={isAgentRunning}\n          />\n        );\n      }\n      // Not the designated preview event for this phase - render nothing\n      // This prevents duplicate previews within the same phase\n      return null;\n    }\n\n    // Find the action that this observation is responding to\n    const correspondingAction = messages.find(\n      (msg) => isActionEvent(msg) && msg.id === event.action_id,\n    );\n\n    // Skip ThoughtEventMessage for ThinkAction (thought IS the action)\n    const shouldShowThought =\n      !suppressThought &&\n      correspondingAction &&\n      isActionEvent(correspondingAction) &&\n      correspondingAction.action.kind !== \"ThinkAction\";\n\n    const reasoningContent =\n      correspondingAction && isActionEvent(correspondingAction)\n        ? getReasoningContent(correspondingAction)\n        : \"\";\n\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {shouldShowThought && (\n          <ThoughtEventMessage\n            event={correspondingAction}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n          correspondingAction={\n            correspondingAction && isActionEvent(correspondingAction)\n              ? correspondingAction\n              : undefined\n          }\n        />\n      </>\n    );\n  }\n\n  // Message events (user and assistant messages)\n  if (!isActionEvent(event) && !isObservationEvent(event)) {\n    const messageEvent = event as MessageEvent;\n\n    // Check if this is a user message that should display a Skill Ready event\n    if (isUserMessageEvent(event) && shouldShowSkillReadyEvent(messageEvent)) {\n      return renderUserMessageWithSkillReady(\n        messageEvent,\n        commonProps,\n        isLastMessage,\n      );\n    }\n\n    // Render normal message event (user or assistant)\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        {...commonProps}\n        isLastMessage={isLastMessage}\n      />\n    );\n  }\n\n  // Generic fallback for all other events\n  return (\n    <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/analytics/telemetry-consent-banner.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../shared/modals/modal-backdrop.cjs`),i=require(`../../shared/modals/modal-body.cjs`),a=require(`../../shared/modals/confirmation-modals/base-modal.cjs`),o=require(`../settings/brand-button.cjs`),s=require(`../../../hooks/use-telemetry.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);function u({onChoice:e}){let{t:u,ready:d}=t.useTranslation(`openhands`),{showConsentPrompt:f,grantConsent:p,denyConsent:m}=s.useTelemetry(),[h,g]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{if(d&&f){let e=setTimeout(()=>g(!0),50);return()=>clearTimeout(e)}g(!1)},[d,f]),h?(0,l.jsx)(r.ModalBackdrop,{"aria-label":u(n.I18nKey.TELEMETRY$CONSENT_TITLE),children:(0,l.jsx)(`form`,{"data-testid":`telemetry-consent-form`,onSubmit:t=>{t.preventDefault();let n=new FormData(t.currentTarget).get(`analytics`)===`on`;n?p():m(),e?.(n)},className:`flex flex-col gap-2`,children:(0,l.jsxs)(i.ModalBody,{className:`border border-[var(--oh-border)]`,children:[(0,l.jsx)(a.BaseModalTitle,{title:u(n.I18nKey.TELEMETRY$CONSENT_TITLE)}),(0,l.jsx)(a.BaseModalDescription,{children:u(n.I18nKey.TELEMETRY$CONSENT_DESCRIPTION)}),(0,l.jsxs)(`label`,{className:`flex gap-2 items-center self-start text-sm cursor-pointer`,children:[(0,l.jsx)(`input`,{name:`analytics`,type:`checkbox`,defaultChecked:!0,className:`w-4 h-4 cursor-pointer`}),u(n.I18nKey.TELEMETRY$SEND_ANONYMOUS_DATA)]}),(0,l.jsx)(o.BrandButton,{testId:`confirm-telemetry-preferences`,type:`submit`,variant:`primary`,className:`w-full`,children:u(n.I18nKey.TELEMETRY$CONFIRM_PREFERENCES)})]})})}):null}exports.TelemetryConsentBanner=u;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../shared/modals/modal-backdrop.cjs`),i=require(`../../shared/modals/modal-body.cjs`),a=require(`../../shared/modals/confirmation-modals/base-modal.cjs`),o=require(`../settings/brand-button.cjs`),s=require(`../../../hooks/use-telemetry.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);function u({onChoice:e}){let{t:u,ready:d}=t.useTranslation(`openhands`),{showConsentPrompt:f,grantConsent:p,denyConsent:m}=s.useTelemetry(),[h,g]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{if(d&&f){let e=setTimeout(()=>g(!0),50);return()=>clearTimeout(e)}g(!1)},[d,f]),h?(0,l.jsx)(r.ModalBackdrop,{elevated:!0,"aria-label":u(n.I18nKey.TELEMETRY$CONSENT_TITLE),children:(0,l.jsx)(`form`,{"data-testid":`telemetry-consent-form`,onSubmit:t=>{t.preventDefault();let n=new FormData(t.currentTarget).get(`analytics`)===`on`;n?p():m(),e?.(n)},className:`flex flex-col gap-2`,children:(0,l.jsxs)(i.ModalBody,{className:`border border-[var(--oh-border)]`,children:[(0,l.jsx)(a.BaseModalTitle,{title:u(n.I18nKey.TELEMETRY$CONSENT_TITLE)}),(0,l.jsx)(a.BaseModalDescription,{children:u(n.I18nKey.TELEMETRY$CONSENT_DESCRIPTION)}),(0,l.jsxs)(`label`,{className:`flex gap-2 items-center self-start text-sm cursor-pointer`,children:[(0,l.jsx)(`input`,{name:`analytics`,type:`checkbox`,defaultChecked:!0,className:`w-4 h-4 cursor-pointer`}),u(n.I18nKey.TELEMETRY$SEND_ANONYMOUS_DATA)]}),(0,l.jsx)(o.BrandButton,{testId:`confirm-telemetry-preferences`,type:`submit`,variant:`primary`,className:`w-full`,children:u(n.I18nKey.TELEMETRY$CONFIRM_PREFERENCES)})]})})}):null}exports.TelemetryConsentBanner=u;
 //# sourceMappingURL=telemetry-consent-banner.cjs.map

package/dist/components/features/analytics/telemetry-consent-banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"telemetry-consent-banner.cjs","names":[],"sources":["../../../../src/components/features/analytics/telemetry-consent-banner.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useTelemetry } from \"#/hooks/use-telemetry\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport {\n  BaseModalTitle,\n  BaseModalDescription,\n} from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\n\ninterface TelemetryConsentBannerProps {\n  /** Called after user makes a choice */\n  onChoice?: (granted: boolean) => void;\n}\n\n/**\n * A consent modal for telemetry/analytics that appears on first use.\n *\n * This component:\n * - Shows as a full-screen modal overlay when consent is pending\n * - Waits for translations to load before displaying (prevents key flashing)\n * - Allows users to accept or decline tracking via checkbox\n * - Respects DO_NOT_TRACK environment variable\n * - Persists choice in localStorage\n * - Styled to match the OpenHands analytics consent modal\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <>\n *       <TelemetryConsentBanner />\n *       <MainContent />\n *     </>\n *   );\n * }\n * ```\n */\nexport function TelemetryConsentBanner({\n  onChoice,\n}: TelemetryConsentBannerProps) {\n  const { t, ready } = useTranslation(\"openhands\");\n  const { showConsentPrompt, grantConsent, denyConsent } = useTelemetry();\n\n  // Delay showing the modal slightly to ensure smooth rendering\n  // This prevents the modal from flashing during initial hydration\n  const [isReady, setIsReady] = useState(false);\n  useEffect(() => {\n    if (ready && showConsentPrompt) {\n      // Small delay to ensure DOM is fully hydrated and translations loaded\n      const timer = setTimeout(() => setIsReady(true), 50);\n      return () => clearTimeout(timer);\n    }\n    setIsReady(false);\n    return undefined;\n  }, [ready, showConsentPrompt]);\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    const formData = new FormData(e.currentTarget);\n    const analytics = formData.get(\"analytics\") === \"on\";\n\n    if (analytics) {\n      grantConsent();\n    } else {\n      denyConsent();\n    }\n    onChoice?.(analytics);\n  };\n\n  // Don't render until translations are ready and component has stabilized\n  if (!isReady) {\n    return null;\n  }\n\n  return (\n    <ModalBackdrop aria-label={t(I18nKey.TELEMETRY$CONSENT_TITLE)}>\n      <form\n        data-testid=\"telemetry-consent-form\"\n        onSubmit={handleSubmit}\n        className=\"flex flex-col gap-2\"\n      >\n        <ModalBody className=\"border border-[var(--oh-border)]\">\n          <BaseModalTitle title={t(I18nKey.TELEMETRY$CONSENT_TITLE)} />\n          <BaseModalDescription>\n            {t(I18nKey.TELEMETRY$CONSENT_DESCRIPTION)}\n          </BaseModalDescription>\n\n          <label className=\"flex gap-2 items-center self-start text-sm cursor-pointer\">\n            <input\n              name=\"analytics\"\n              type=\"checkbox\"\n              defaultChecked\n              className=\"w-4 h-4 cursor-pointer\"\n            />\n            {t(I18nKey.TELEMETRY$SEND_ANONYMOUS_DATA)}\n          </label>\n\n          <BrandButton\n            testId=\"confirm-telemetry-preferences\"\n            type=\"submit\"\n            variant=\"primary\"\n            className=\"w-full\"\n          >\n            {t(I18nKey.TELEMETRY$CONFIRM_PREFERENCES)}\n          </BrandButton>\n        </ModalBody>\n      </form>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"6fAwCA,SAAgB,EAAuB,CACrC,YAC8B,CAC9B,GAAM,CAAE,IAAG,SAAU,EAAA,eAAe,YAAY,CAC1C,CAAE,oBAAmB,eAAc,eAAgB,EAAA,cAAc,CAIjE,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CA6B7C,OA5BA,EAAA,EAAA,eAAgB,CACd,GAAI,GAAS,EAAmB,CAE9B,IAAM,EAAQ,eAAiB,EAAW,GAAK,CAAE,GAAG,CACpD,UAAa,aAAa,EAAM,CAElC,EAAW,GAAM,EAEhB,CAAC,EAAO,EAAkB,CAAC,CAgBzB,GAKH,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,aAAY,EAAE,EAAA,QAAQ,wBAAwB,WAC3D,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,yBACZ,SAtBgB,GAAwC,CAC5D,EAAE,gBAAgB,CAElB,IAAM,EAAY,IADG,SAAS,EAAE,cACd,CAAS,IAAI,YAAY,GAAK,KAE5C,EACF,GAAc,CAEd,GAAa,CAEf,IAAW,EAAU,EAajB,UAAU,gCAEV,EAAA,EAAA,MAAC,EAAA,UAAD,CAAW,UAAU,4CAArB,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAAO,EAAE,EAAA,QAAQ,wBAAwB,CAAI,CAAA,EAC7D,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAA,SACG,EAAE,EAAA,QAAQ,8BAA8B,CACpB,CAAA,EAEvB,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,qEAAjB,EACE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,YACL,KAAK,WACL,eAAA,GACA,UAAU,yBACV,CAAA,CACD,EAAE,EAAA,QAAQ,8BAA8B,CACnC,IAER,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,gCACP,KAAK,SACL,QAAQ,UACR,UAAU,kBAET,EAAE,EAAA,QAAQ,8BAA8B,CAC7B,CAAA,CACJ,GACP,CAAA,CACO,CAAA,CApCT"}
+{"version":3,"file":"telemetry-consent-banner.cjs","names":[],"sources":["../../../../src/components/features/analytics/telemetry-consent-banner.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useTelemetry } from \"#/hooks/use-telemetry\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport {\n  BaseModalTitle,\n  BaseModalDescription,\n} from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\n\ninterface TelemetryConsentBannerProps {\n  /** Called after user makes a choice */\n  onChoice?: (granted: boolean) => void;\n}\n\n/**\n * A consent modal for telemetry/analytics that appears on first use.\n *\n * This component:\n * - Shows as a full-screen modal overlay when consent is pending\n * - Waits for translations to load before displaying (prevents key flashing)\n * - Allows users to accept or decline tracking via checkbox\n * - Respects DO_NOT_TRACK environment variable\n * - Persists choice in localStorage\n * - Styled to match the OpenHands analytics consent modal\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <>\n *       <TelemetryConsentBanner />\n *       <MainContent />\n *     </>\n *   );\n * }\n * ```\n */\nexport function TelemetryConsentBanner({\n  onChoice,\n}: TelemetryConsentBannerProps) {\n  const { t, ready } = useTranslation(\"openhands\");\n  const { showConsentPrompt, grantConsent, denyConsent } = useTelemetry();\n\n  // Delay showing the modal slightly to ensure smooth rendering\n  // This prevents the modal from flashing during initial hydration\n  const [isReady, setIsReady] = useState(false);\n  useEffect(() => {\n    if (ready && showConsentPrompt) {\n      // Small delay to ensure DOM is fully hydrated and translations loaded\n      const timer = setTimeout(() => setIsReady(true), 50);\n      return () => clearTimeout(timer);\n    }\n    setIsReady(false);\n    return undefined;\n  }, [ready, showConsentPrompt]);\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    const formData = new FormData(e.currentTarget);\n    const analytics = formData.get(\"analytics\") === \"on\";\n\n    if (analytics) {\n      grantConsent();\n    } else {\n      denyConsent();\n    }\n    onChoice?.(analytics);\n  };\n\n  // Don't render until translations are ready and component has stabilized\n  if (!isReady) {\n    return null;\n  }\n\n  return (\n    <ModalBackdrop elevated aria-label={t(I18nKey.TELEMETRY$CONSENT_TITLE)}>\n      <form\n        data-testid=\"telemetry-consent-form\"\n        onSubmit={handleSubmit}\n        className=\"flex flex-col gap-2\"\n      >\n        <ModalBody className=\"border border-[var(--oh-border)]\">\n          <BaseModalTitle title={t(I18nKey.TELEMETRY$CONSENT_TITLE)} />\n          <BaseModalDescription>\n            {t(I18nKey.TELEMETRY$CONSENT_DESCRIPTION)}\n          </BaseModalDescription>\n\n          <label className=\"flex gap-2 items-center self-start text-sm cursor-pointer\">\n            <input\n              name=\"analytics\"\n              type=\"checkbox\"\n              defaultChecked\n              className=\"w-4 h-4 cursor-pointer\"\n            />\n            {t(I18nKey.TELEMETRY$SEND_ANONYMOUS_DATA)}\n          </label>\n\n          <BrandButton\n            testId=\"confirm-telemetry-preferences\"\n            type=\"submit\"\n            variant=\"primary\"\n            className=\"w-full\"\n          >\n            {t(I18nKey.TELEMETRY$CONFIRM_PREFERENCES)}\n          </BrandButton>\n        </ModalBody>\n      </form>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"6fAwCA,SAAgB,EAAuB,CACrC,YAC8B,CAC9B,GAAM,CAAE,IAAG,SAAU,EAAA,eAAe,YAAY,CAC1C,CAAE,oBAAmB,eAAc,eAAgB,EAAA,cAAc,CAIjE,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CA6B7C,OA5BA,EAAA,EAAA,eAAgB,CACd,GAAI,GAAS,EAAmB,CAE9B,IAAM,EAAQ,eAAiB,EAAW,GAAK,CAAE,GAAG,CACpD,UAAa,aAAa,EAAM,CAElC,EAAW,GAAM,EAEhB,CAAC,EAAO,EAAkB,CAAC,CAgBzB,GAKH,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,SAAA,GAAS,aAAY,EAAE,EAAA,QAAQ,wBAAwB,WACpE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,yBACZ,SAtBgB,GAAwC,CAC5D,EAAE,gBAAgB,CAElB,IAAM,EAAY,IADG,SAAS,EAAE,cACd,CAAS,IAAI,YAAY,GAAK,KAE5C,EACF,GAAc,CAEd,GAAa,CAEf,IAAW,EAAU,EAajB,UAAU,gCAEV,EAAA,EAAA,MAAC,EAAA,UAAD,CAAW,UAAU,4CAArB,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAAO,EAAE,EAAA,QAAQ,wBAAwB,CAAI,CAAA,EAC7D,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAA,SACG,EAAE,EAAA,QAAQ,8BAA8B,CACpB,CAAA,EAEvB,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,qEAAjB,EACE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,YACL,KAAK,WACL,eAAA,GACA,UAAU,yBACV,CAAA,CACD,EAAE,EAAA,QAAQ,8BAA8B,CACnC,IAER,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,gCACP,KAAK,SACL,QAAQ,UACR,UAAU,kBAET,EAAE,EAAA,QAAQ,8BAA8B,CAC7B,CAAA,CACJ,GACP,CAAA,CACO,CAAA,CApCT"}

package/dist/components/features/analytics/telemetry-consent-banner.js

@@ -17,6 +17,7 @@ function f({ onChoice: f }) {
 		}
 		y(!1);
 	}, [m, h]), v ? /* @__PURE__ */ u(n, {
+		elevated: !0,
 		"aria-label": p(t.TELEMETRY$CONSENT_TITLE),
 		children: /* @__PURE__ */ u("form", {
 			"data-testid": "telemetry-consent-form",