@openhands/agent-canvas 1.15.0 → 1.17.0

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

@@ -1,3 +1,3 @@
 const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../features/chat/chat-message.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({event:e,actions:n,isFromPlanningAgent:i=!1}){let a=e.thought.filter(e=>e.type===`text`).map(e=>e.text).join(`
-`);return a?(0,r.jsx)(t.ChatMessage,{type:`agent`,message:a,actions:n,isFromPlanningAgent:i}):null}exports.ThoughtEventMessage=i;
+`);return a?(0,r.jsx)(t.ChatMessage,{type:`agent`,message:a,actions:n,isFromPlanningAgent:i,timestamp:e.timestamp}):null}exports.ThoughtEventMessage=i;
 //# sourceMappingURL=thought-event-message.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"thought-event-message.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/thought-event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport { ActionEvent } from \"#/types/agent-server/core\";\nimport { ChatMessage } from \"../../../features/chat/chat-message\";\n\ninterface ThoughtEventMessageProps {\n  event: ActionEvent;\n  actions?: Array<{\n    icon: React.ReactNode;\n    onClick: () => void;\n    tooltip?: string;\n  }>;\n  isFromPlanningAgent?: boolean;\n}\n\nexport function ThoughtEventMessage({\n  event,\n  actions,\n  isFromPlanningAgent = false,\n}: ThoughtEventMessageProps) {\n  // Extract thought content from the action event\n  const thoughtContent = event.thought\n    .filter((t) => t.type === \"text\")\n    .map((t) => t.text)\n    .join(\"\\n\");\n\n  // If there's no thought content, don't render anything\n  if (!thoughtContent) {\n    return null;\n  }\n\n  return (\n    <ChatMessage\n      type=\"agent\"\n      message={thoughtContent}\n      actions={actions}\n      isFromPlanningAgent={isFromPlanningAgent}\n    />\n  );\n}\n"],"mappings":"8LAcA,SAAgB,EAAoB,CAClC,QACA,UACA,sBAAsB,IACK,CAE3B,IAAM,EAAiB,EAAM,QAC1B,OAAQ,GAAM,EAAE,OAAS,MAAM,EAC/B,IAAK,GAAM,EAAE,IAAI,EACjB,KAAK;CAAI,EAOZ,OAJK,GAKH,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,QACL,QAAS,EACA,UACY,qBACtB,CAAA,EATM,IAWX"}
+{"version":3,"file":"thought-event-message.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/thought-event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport { ActionEvent } from \"#/types/agent-server/core\";\nimport { ChatMessage } from \"../../../features/chat/chat-message\";\n\ninterface ThoughtEventMessageProps {\n  event: ActionEvent;\n  actions?: Array<{\n    icon: React.ReactNode;\n    onClick: () => void;\n    tooltip?: string;\n  }>;\n  isFromPlanningAgent?: boolean;\n}\n\nexport function ThoughtEventMessage({\n  event,\n  actions,\n  isFromPlanningAgent = false,\n}: ThoughtEventMessageProps) {\n  // Extract thought content from the action event\n  const thoughtContent = event.thought\n    .filter((t) => t.type === \"text\")\n    .map((t) => t.text)\n    .join(\"\\n\");\n\n  // If there's no thought content, don't render anything\n  if (!thoughtContent) {\n    return null;\n  }\n\n  return (\n    <ChatMessage\n      type=\"agent\"\n      message={thoughtContent}\n      actions={actions}\n      isFromPlanningAgent={isFromPlanningAgent}\n      timestamp={event.timestamp}\n    />\n  );\n}\n"],"mappings":"8LAcA,SAAgB,EAAoB,CAClC,QACA,UACA,sBAAsB,IACK,CAE3B,IAAM,EAAiB,EAAM,QAC1B,OAAQ,GAAM,EAAE,OAAS,MAAM,EAC/B,IAAK,GAAM,EAAE,IAAI,EACjB,KAAK;CAAI,EAOZ,OAJK,GAKH,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,QACL,QAAS,EACA,UACY,sBACrB,UAAW,EAAM,SAClB,CAAA,EAVM,IAYX"}

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

@@ -8,7 +8,8 @@ function n({ event: n, actions: r, isFromPlanningAgent: i = !1 }) {
 		type: "agent",
 		message: a,
 		actions: r,
-		isFromPlanningAgent: i
+		isFromPlanningAgent: i,
+		timestamp: n.timestamp
 	}) : null;
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"thought-event-message.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/thought-event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport { ActionEvent } from \"#/types/agent-server/core\";\nimport { ChatMessage } from \"../../../features/chat/chat-message\";\n\ninterface ThoughtEventMessageProps {\n  event: ActionEvent;\n  actions?: Array<{\n    icon: React.ReactNode;\n    onClick: () => void;\n    tooltip?: string;\n  }>;\n  isFromPlanningAgent?: boolean;\n}\n\nexport function ThoughtEventMessage({\n  event,\n  actions,\n  isFromPlanningAgent = false,\n}: ThoughtEventMessageProps) {\n  // Extract thought content from the action event\n  const thoughtContent = event.thought\n    .filter((t) => t.type === \"text\")\n    .map((t) => t.text)\n    .join(\"\\n\");\n\n  // If there's no thought content, don't render anything\n  if (!thoughtContent) {\n    return null;\n  }\n\n  return (\n    <ChatMessage\n      type=\"agent\"\n      message={thoughtContent}\n      actions={actions}\n      isFromPlanningAgent={isFromPlanningAgent}\n    />\n  );\n}\n"],"mappings":";;;;AAcA,SAAgB,EAAoB,EAClC,UACA,YACA,yBAAsB,MACK;CAE3B,IAAM,IAAiB,EAAM,QAC1B,QAAQ,MAAM,EAAE,SAAS,MAAM,EAC/B,KAAK,MAAM,EAAE,IAAI,EACjB,KAAK,IAAI;CAOZ,OAJK,IAKH,kBAAC,GAAD;EACE,MAAK;EACL,SAAS;EACA;EACY;CACtB,CAAA,IATM;AAWX"}
+{"version":3,"file":"thought-event-message.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/thought-event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport { ActionEvent } from \"#/types/agent-server/core\";\nimport { ChatMessage } from \"../../../features/chat/chat-message\";\n\ninterface ThoughtEventMessageProps {\n  event: ActionEvent;\n  actions?: Array<{\n    icon: React.ReactNode;\n    onClick: () => void;\n    tooltip?: string;\n  }>;\n  isFromPlanningAgent?: boolean;\n}\n\nexport function ThoughtEventMessage({\n  event,\n  actions,\n  isFromPlanningAgent = false,\n}: ThoughtEventMessageProps) {\n  // Extract thought content from the action event\n  const thoughtContent = event.thought\n    .filter((t) => t.type === \"text\")\n    .map((t) => t.text)\n    .join(\"\\n\");\n\n  // If there's no thought content, don't render anything\n  if (!thoughtContent) {\n    return null;\n  }\n\n  return (\n    <ChatMessage\n      type=\"agent\"\n      message={thoughtContent}\n      actions={actions}\n      isFromPlanningAgent={isFromPlanningAgent}\n      timestamp={event.timestamp}\n    />\n  );\n}\n"],"mappings":";;;;AAcA,SAAgB,EAAoB,EAClC,UACA,YACA,yBAAsB,MACK;CAE3B,IAAM,IAAiB,EAAM,QAC1B,QAAQ,MAAM,EAAE,SAAS,MAAM,EAC/B,KAAK,MAAM,EAAE,IAAI,EACjB,KAAK,IAAI;CAOZ,OAJK,IAKH,kBAAC,GAAD;EACE,MAAK;EACL,SAAS;EACA;EACY;EACrB,WAAW,EAAM;CAClB,CAAA,IAVM;AAYX"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"user-assistant-event-message.cjs","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":"ylCA0BA,SAAgB,EAA0B,CACxC,QACA,gBACA,uBACiC,CACjC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,YAAa,EAAA,cAAc,EAC7B,CAAE,kBAAmB,EAAA,0BAA0B,EAC/C,EAAU,EAAA,iBAAiB,EAAE,QAAQ,OAAS,QAC9C,CAAE,OAAQ,EAAkB,UAAW,GAC3C,EAAA,oBAAoB,EAChB,EAAmB,EAAA,qBACtB,GAAU,EAAM,gBACnB,EAEM,EAAkB,EAAA,QAAM,OAAO,EAAK,EAEpC,EAAS,EAAA,sBAAsB,CAAK,EAGpC,CAAE,YAAW,WACjB,EAAM,SAAW,QACb,EAAA,iBAAiB,CAAM,EACvB,CAAE,UAAW,GAAI,QAAS,CAAO,EAEjC,EAAsB,CAAC,EACzB,MAAM,QAAQ,EAAM,YAAY,OAAO,GACzC,EAAM,YAAY,QAAQ,QAAS,GAAY,CACzC,EAAQ,OAAS,SACnB,EAAU,KAAK,GAAG,EAAQ,UAAU,CAExC,CAAC,EA+CH,IAAM,EAzCY,CAAC,GAAa,EA0C5B,CACE,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAgB,MAAO,GAAI,OAAQ,GAAI,cAAA,EAAa,CAAA,EAC1D,YA5CmB,CACzB,GAAI,CAAC,GAAkB,GAAa,EAAgB,QAAS,OAC7D,EAAgB,QAAU,GAK1B,IAAM,EAAS,EAAA,QAAoB,uBAAuB,EACpD,EACJ,GAAQ,KAAO,EAAiB,EAAO,MAAQ,IAAA,GAC3C,EAAc,EAAc,GAAG,EAAY,WAAa,IAAA,GAIxD,EAAS,EAAM,SAAW,QAAU,EAAQ,OAAS,EAE3D,EACE,CACE,qBAAsB,EACtB,QAAS,EAAM,GACf,GAAI,EAAS,CAAE,SAAU,CAAQ,EAAI,CAAC,EACtC,GAAI,EAAc,CAAE,MAAO,CAAY,EAAI,CAAC,CAC9C,EACA,CACE,WAAY,CAAE,OAAM,cAAe,CACjC,EAAS,kBAAkB,EAAK,IAAI,EAGhC,GACF,OAAO,eAAiB,EAAiB,CAAO,EAAG,CAAC,CAExD,EACA,QAAU,GACR,EAAA,kBAAkB,aAAiB,MAAQ,EAAM,QAAU,IAAI,EACjE,cAAiB,CACf,EAAgB,QAAU,EAC5B,CACF,CACF,CACF,EAMQ,QAAS,EAAE,EAAA,QAAQ,+BAA+B,CACpD,CACF,EACA,IAAA,GAEJ,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,IAAa,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,QAAS,CAAY,CAAA,GACxD,EAAA,EAAA,MAAC,EAAA,YAAD,CACE,KAAM,EAAM,OACH,UACY,sBACZ,mBAJX,CAMG,EAAU,OAAS,IAClB,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,KAAK,QAAQ,OAAQ,CAAY,CAAA,EAEjD,IAAiB,EAAA,EAAA,KAAC,EAAA,gCAAD,CAAkC,CAAA,CACzC,IACZ,EAAM,SAAW,SAAW,EAAM,eAAiB,OAClD,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,aAAc,EAAM,aAAgB,CAAA,CAE3D,CAAA,CAAA,CAEN"}
+{"version":3,"file":"user-assistant-event-message.cjs","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 { 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  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        timestamp={event.timestamp}\n      >\n        {imageUrls.length > 0 && (\n          <ImageCarousel size=\"small\" images={imageUrls} />\n        )}\n      </ChatMessage>\n      {event.source === \"agent\" && event.critic_result != null && (\n        <CriticResultDisplay criticResult={event.critic_result} />\n      )}\n    </>\n  );\n}\n"],"mappings":"8gCAyBA,SAAgB,EAA0B,CACxC,QACA,uBACiC,CACjC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,YAAa,EAAA,cAAc,EAC7B,CAAE,kBAAmB,EAAA,0BAA0B,EAC/C,EAAU,EAAA,iBAAiB,EAAE,QAAQ,OAAS,QAC9C,CAAE,OAAQ,EAAkB,UAAW,GAC3C,EAAA,oBAAoB,EAChB,EAAmB,EAAA,qBACtB,GAAU,EAAM,gBACnB,EAEM,EAAkB,EAAA,QAAM,OAAO,EAAK,EAEpC,EAAS,EAAA,sBAAsB,CAAK,EAGpC,CAAE,YAAW,WACjB,EAAM,SAAW,QACb,EAAA,iBAAiB,CAAM,EACvB,CAAE,UAAW,GAAI,QAAS,CAAO,EAEjC,EAAsB,CAAC,EACzB,MAAM,QAAQ,EAAM,YAAY,OAAO,GACzC,EAAM,YAAY,QAAQ,QAAS,GAAY,CACzC,EAAQ,OAAS,SACnB,EAAU,KAAK,GAAG,EAAQ,UAAU,CAExC,CAAC,EA+CH,IAAM,EAzCY,CAAC,GAAa,EA0C5B,CACE,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAgB,MAAO,GAAI,OAAQ,GAAI,cAAA,EAAa,CAAA,EAC1D,YA5CmB,CACzB,GAAI,CAAC,GAAkB,GAAa,EAAgB,QAAS,OAC7D,EAAgB,QAAU,GAK1B,IAAM,EAAS,EAAA,QAAoB,uBAAuB,EACpD,EACJ,GAAQ,KAAO,EAAiB,EAAO,MAAQ,IAAA,GAC3C,EAAc,EAAc,GAAG,EAAY,WAAa,IAAA,GAIxD,EAAS,EAAM,SAAW,QAAU,EAAQ,OAAS,EAE3D,EACE,CACE,qBAAsB,EACtB,QAAS,EAAM,GACf,GAAI,EAAS,CAAE,SAAU,CAAQ,EAAI,CAAC,EACtC,GAAI,EAAc,CAAE,MAAO,CAAY,EAAI,CAAC,CAC9C,EACA,CACE,WAAY,CAAE,OAAM,cAAe,CACjC,EAAS,kBAAkB,EAAK,IAAI,EAGhC,GACF,OAAO,eAAiB,EAAiB,CAAO,EAAG,CAAC,CAExD,EACA,QAAU,GACR,EAAA,kBAAkB,aAAiB,MAAQ,EAAM,QAAU,IAAI,EACjE,cAAiB,CACf,EAAgB,QAAU,EAC5B,CACF,CACF,CACF,EAMQ,QAAS,EAAE,EAAA,QAAQ,+BAA+B,CACpD,CACF,EACA,IAAA,GAEJ,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,IAAa,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,QAAS,CAAY,CAAA,GACxD,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAM,EAAM,OACH,UACY,sBACZ,UACT,UAAW,EAAM,mBAEhB,EAAU,OAAS,IAClB,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,KAAK,QAAQ,OAAQ,CAAY,CAAA,CAEvC,CAAA,EACZ,EAAM,SAAW,SAAW,EAAM,eAAiB,OAClD,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,aAAc,EAAM,aAAgB,CAAA,CAE3D,CAAA,CAAA,CAEN"}

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

@@ -5,5 +5,5 @@ interface UserAssistantEventMessageProps {
     isLastMessage: boolean;
     isFromPlanningAgent: boolean;
 }
-export declare function UserAssistantEventMessage({ event, isLastMessage, isFromPlanningAgent, }: UserAssistantEventMessageProps): React.JSX.Element;
+export declare function UserAssistantEventMessage({ event, isFromPlanningAgent, }: UserAssistantEventMessageProps): React.JSX.Element;
 export {};

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

@@ -10,65 +10,65 @@ 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";
+import { parseMessageFromEvent as f } from "../event-content-helpers/parse-message-from-event.js";
+import { CriticResultDisplay as p } from "./critic-result-display.js";
+import { CollapsibleThinking as m } from "./collapsible-thinking.js";
+import { useForkConversation as h } from "../../../../hooks/mutation/use-fork-conversation.js";
+import g from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/conversation-events/chat/event-message-components/user-assistant-event-message.tsx
-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) : {
+function b({ event: b, isFromPlanningAgent: x }) {
+	let { t: S } = e("openhands"), { navigate: C } = n(), { conversationId: w } = r(), T = o().backend.kind === "cloud", { mutate: E, isPending: D } = h(), O = i((e) => e.setMessageToSend), k = g.useRef(!1), A = f(b), { reasoning: j, message: M } = b.source === "agent" ? s(A) : {
 		reasoning: "",
-		message: M
-	}, F = [];
-	Array.isArray(x.llm_message.content) && x.llm_message.content.forEach((e) => {
-		e.type === "image" && F.push(...e.image_urls);
+		message: A
+	}, N = [];
+	Array.isArray(b.llm_message.content) && b.llm_message.content.forEach((e) => {
+		e.type === "image" && N.push(...e.image_urls);
 	});
-	let I = !D && E ? [{
-		icon: /* @__PURE__ */ y(l, {
+	let P = !T && w ? [{
+		icon: /* @__PURE__ */ v(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 } : {},
+			if (!w || D || k.current) return;
+			k.current = !0;
+			let e = c.getCurrentConversation(), t = e?.id === w ? e.title : void 0, n = t ? `${t} (branch)` : void 0, r = b.source === "user" && M.length > 0;
+			E({
+				sourceConversationId: w,
+				eventId: b.id,
+				...r ? { editText: M } : {},
 				...n ? { title: n } : {}
 			}, {
 				onSuccess: ({ info: e, excluded: t }) => {
-					T(`/conversations/${e.id}`), t && window.setTimeout(() => A(P), 0);
+					C(`/conversations/${e.id}`), t && window.setTimeout(() => O(M), 0);
 				},
 				onError: (e) => a(e instanceof Error ? e.message : null),
 				onSettled: () => {
-					j.current = !1;
+					k.current = !1;
 				}
 			});
 		},
-		tooltip: w(t.CHAT_INTERFACE$BRANCH_FROM_HERE)
+		tooltip: S(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, {
+	return /* @__PURE__ */ y(_, { children: [
+		j && /* @__PURE__ */ v(m, { content: j }),
+		/* @__PURE__ */ v(u, {
+			type: b.source,
+			message: M,
+			isFromPlanningAgent: x,
+			actions: P,
+			timestamp: b.timestamp,
+			children: N.length > 0 && /* @__PURE__ */ v(d, {
 				size: "small",
-				images: F
-			}), S && /* @__PURE__ */ y(f, {})]
+				images: N
+			})
 		}),
-		x.source === "agent" && x.critic_result != null && /* @__PURE__ */ y(m, { criticResult: x.critic_result })
+		b.source === "agent" && b.critic_result != null && /* @__PURE__ */ v(p, { criticResult: b.critic_result })
 	] });
 }
 //#endregion
-export { x as UserAssistantEventMessage };
+export { b 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 { 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,WAAW,GAClC,EAAE,gBAAa,EAAc,GAC7B,EAAE,sBAAmB,EAA0B,GAC/C,IAAU,EAAiB,EAAE,QAAQ,SAAS,SAC9C,EAAE,QAAQ,GAAkB,WAAW,MAC3C,EAAoB,GAChB,IAAmB,GACtB,MAAU,EAAM,gBACnB,GAEM,IAAkB,EAAM,OAAO,EAAK,GAEpC,IAAS,EAAsB,CAAK,GAGpC,EAAE,cAAW,eACjB,EAAM,WAAW,UACb,EAAiB,CAAM,IACvB;EAAE,WAAW;EAAI,SAAS;CAAO,GAEjC,IAAsB,CAAC;CAC7B,AAAI,MAAM,QAAQ,EAAM,YAAY,OAAO,KACzC,EAAM,YAAY,QAAQ,SAAS,MAAY;EAC7C,AAAI,EAAQ,SAAS,WACnB,EAAU,KAAK,GAAG,EAAQ,UAAU;CAExC,CAAC;CA+CH,IAAM,IAzCY,CAAC,KAAa,IA0C5B,CACE;EACE,MAAM,kBAAC,GAAD;GAAgB,OAAO;GAAI,QAAQ;GAAI,eAAA;EAAa,CAAA;EAC1D,eA5CmB;GACzB,IAAI,CAAC,KAAkB,KAAa,EAAgB,SAAS;GAC7D,EAAgB,UAAU;GAK1B,IAAM,IAAS,EAAoB,uBAAuB,GACpD,IACJ,GAAQ,OAAO,IAAiB,EAAO,QAAQ,KAAA,GAC3C,IAAc,IAAc,GAAG,EAAY,aAAa,KAAA,GAIxD,IAAS,EAAM,WAAW,UAAU,EAAQ,SAAS;GAE3D,EACE;IACE,sBAAsB;IACtB,SAAS,EAAM;IACf,GAAI,IAAS,EAAE,UAAU,EAAQ,IAAI,CAAC;IACtC,GAAI,IAAc,EAAE,OAAO,EAAY,IAAI,CAAC;GAC9C,GACA;IACE,YAAY,EAAE,SAAM,kBAAe;KAIjC,AAHA,EAAS,kBAAkB,EAAK,IAAI,GAGhC,KACF,OAAO,iBAAiB,EAAiB,CAAO,GAAG,CAAC;IAExD;IACA,UAAU,MACR,EAAkB,aAAiB,QAAQ,EAAM,UAAU,IAAI;IACjE,iBAAiB;KACf,EAAgB,UAAU;IAC5B;GACF,CACF;EACF;EAMQ,SAAS,EAAE,EAAQ,+BAA+B;CACpD,CACF,IACA,KAAA;CAEJ,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,KAAa,kBAAC,GAAD,EAAqB,SAAS,EAAY,CAAA;EACxD,kBAAC,GAAD;GACE,MAAM,EAAM;GACH;GACY;GACZ;aAJX,CAMG,EAAU,SAAS,KAClB,kBAAC,GAAD;IAAe,MAAK;IAAQ,QAAQ;GAAY,CAAA,GAEjD,KAAiB,kBAAC,GAAD,CAAkC,CAAA,CACzC;;EACZ,EAAM,WAAW,WAAW,EAAM,iBAAiB,QAClD,kBAAC,GAAD,EAAqB,cAAc,EAAM,cAAgB,CAAA;CAE3D,EAAA,CAAA;AAEN"}
+{"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 { 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  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        timestamp={event.timestamp}\n      >\n        {imageUrls.length > 0 && (\n          <ImageCarousel size=\"small\" images={imageUrls} />\n        )}\n      </ChatMessage>\n      {event.source === \"agent\" && event.critic_result != null && (\n        <CriticResultDisplay criticResult={event.critic_result} />\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,EAA0B,EACxC,UACA,0BACiC;CACjC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,gBAAa,EAAc,GAC7B,EAAE,sBAAmB,EAA0B,GAC/C,IAAU,EAAiB,EAAE,QAAQ,SAAS,SAC9C,EAAE,QAAQ,GAAkB,WAAW,MAC3C,EAAoB,GAChB,IAAmB,GACtB,MAAU,EAAM,gBACnB,GAEM,IAAkB,EAAM,OAAO,EAAK,GAEpC,IAAS,EAAsB,CAAK,GAGpC,EAAE,cAAW,eACjB,EAAM,WAAW,UACb,EAAiB,CAAM,IACvB;EAAE,WAAW;EAAI,SAAS;CAAO,GAEjC,IAAsB,CAAC;CAC7B,AAAI,MAAM,QAAQ,EAAM,YAAY,OAAO,KACzC,EAAM,YAAY,QAAQ,SAAS,MAAY;EAC7C,AAAI,EAAQ,SAAS,WACnB,EAAU,KAAK,GAAG,EAAQ,UAAU;CAExC,CAAC;CA+CH,IAAM,IAzCY,CAAC,KAAa,IA0C5B,CACE;EACE,MAAM,kBAAC,GAAD;GAAgB,OAAO;GAAI,QAAQ;GAAI,eAAA;EAAa,CAAA;EAC1D,eA5CmB;GACzB,IAAI,CAAC,KAAkB,KAAa,EAAgB,SAAS;GAC7D,EAAgB,UAAU;GAK1B,IAAM,IAAS,EAAoB,uBAAuB,GACpD,IACJ,GAAQ,OAAO,IAAiB,EAAO,QAAQ,KAAA,GAC3C,IAAc,IAAc,GAAG,EAAY,aAAa,KAAA,GAIxD,IAAS,EAAM,WAAW,UAAU,EAAQ,SAAS;GAE3D,EACE;IACE,sBAAsB;IACtB,SAAS,EAAM;IACf,GAAI,IAAS,EAAE,UAAU,EAAQ,IAAI,CAAC;IACtC,GAAI,IAAc,EAAE,OAAO,EAAY,IAAI,CAAC;GAC9C,GACA;IACE,YAAY,EAAE,SAAM,kBAAe;KAIjC,AAHA,EAAS,kBAAkB,EAAK,IAAI,GAGhC,KACF,OAAO,iBAAiB,EAAiB,CAAO,GAAG,CAAC;IAExD;IACA,UAAU,MACR,EAAkB,aAAiB,QAAQ,EAAM,UAAU,IAAI;IACjE,iBAAiB;KACf,EAAgB,UAAU;IAC5B;GACF,CACF;EACF;EAMQ,SAAS,EAAE,EAAQ,+BAA+B;CACpD,CACF,IACA,KAAA;CAEJ,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,KAAa,kBAAC,GAAD,EAAqB,SAAS,EAAY,CAAA;EACxD,kBAAC,GAAD;GACE,MAAM,EAAM;GACH;GACY;GACZ;GACT,WAAW,EAAM;aAEhB,EAAU,SAAS,KAClB,kBAAC,GAAD;IAAe,MAAK;IAAQ,QAAQ;GAAY,CAAA;EAEvC,CAAA;EACZ,EAAM,WAAW,WAAW,EAAM,iBAAiB,QAClD,kBAAC,GAAD,EAAqB,cAAc,EAAM,cAAgB,CAAA;CAE3D,EAAA,CAAA;AAEN"}

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("./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||[],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(`
+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||[],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({planContent:e,isLastMessage:n,isMainAgentRunning:r}){let{localPlanningConversationId:i,curPlanningAgentState:o,isPlanningAgentRunning:s}=a.usePlanningAgentState();return(0,b.jsx)(l.PlanPreview,{planContent:e,isStreaming:n&&!!i&&o===t.AgentState.RUNNING,isBuildDisabled:r||s})}function E({event:e,messages:l,isLastMessage:p,isInLast10Actions:y,planPreviewEventIds:x,suppressThought:S=!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:p,isInLast10Actions:y,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:p});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,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;
+`);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,timestamp:e.timestamp})]})}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}),!S&&(0,b.jsx)(g.ThoughtEventMessage,{event:e,isFromPlanningAgent:A}),(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:p})]})}if(r.isObservationEvent(e)){if(r.isPlanningFileEditorObservationEvent(e))return x&&v.shouldShowPlanPreview(e.id,x)?(0,b.jsx)(T,{planContent:D,isLastMessage:p,isMainAgentRunning:k}):null;let t=l.find(t=>r.isActionEvent(t)&&t.id===e.action_id),n=!S&&t&&r.isActionEvent(t)&&t.action.kind!==`ThinkAction`,a=t&&r.isActionEvent(t)?i.getReasoningContent(t):``;return(0,b.jsxs)(b.Fragment,{children:[a&&(0,b.jsx)(d.CollapsibleThinking,{content:a}),n&&(0,b.jsx)(g.ThoughtEventMessage,{event:t,isFromPlanningAgent:A}),(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:p,correspondingAction:t&&r.isActionEvent(t)?t:void 0})]})}if(!r.isActionEvent(e)&&!r.isObservationEvent(e)){let t=e;return r.isUserMessageEvent(e)&&C(t)?w(t,j,p):(0,b.jsx)(f.UserAssistantEventMessage,{event:t,...j,isLastMessage:p})}return(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:p})}exports.EventMessage=E;
 //# 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  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\nconst getActivatedSkills = (event: MessageEvent): string[] =>\n  event.activated_skills || [];\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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"}
+{"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, usePlanningAgentState } 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\nconst getActivatedSkills = (event: MessageEvent): string[] =>\n  event.activated_skills || [];\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\n/**\n * Renders the plan preview. Its own component so `usePlanningAgentState()`\n * only subscribes on this rare row, not every message in the conversation.\n */\nfunction PlanningObservationPreview({\n  planContent,\n  isLastMessage,\n  isMainAgentRunning,\n}: {\n  planContent: string | null;\n  isLastMessage: boolean;\n  isMainAgentRunning: boolean;\n}) {\n  const {\n    localPlanningConversationId,\n    curPlanningAgentState,\n    isPlanningAgentRunning,\n  } = usePlanningAgentState();\n\n  // Guard on the id explicitly — useAgentState(undefined) falls back to the\n  // route conversation, which could be mistaken for the planner's activity.\n  const isStreaming =\n    isLastMessage &&\n    !!localPlanningConversationId &&\n    curPlanningAgentState === AgentState.RUNNING;\n\n  return (\n    <PlanPreview\n      planContent={planContent}\n      isStreaming={isStreaming}\n      isBuildDisabled={isMainAgentRunning || isPlanningAgentRunning}\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  // Planner-running state is folded in by PlanningObservationPreview below,\n  // not read here, to avoid a second useAgentState() subscription per row.\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            timestamp={event.timestamp}\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        return (\n          <PlanningObservationPreview\n            planContent={planContent}\n            isLastMessage={isLastMessage}\n            isMainAgentRunning={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

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