npm - @openhands/agent-canvas - Versions diffs - 1.13.0 → 1.15.0 - Mend

@openhands/agent-canvas 1.13.0 → 1.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1688) hide show

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

@@ -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||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(`
+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(`
 `);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 CHANGED Viewed

	@@ -1 +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\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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"}
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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"}

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

@@ -20,7 +20,7 @@ import { shouldShowPlanPreview as D } from "./hooks/use-plan-preview-events.js";
 import "react";
 import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/components/conversation-events/chat/event-message.tsx
-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) => {
+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);
 	return t && n;
 }, P = (e, t, n) => {

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

	@@ -1 +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 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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"}
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 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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"}

package/dist/components/conversation-events/chat/messages.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"messages.cjs","names":[],"sources":["../../../../src/components/conversation-events/chat/messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport { EventMessage } from \"./event-message\";\nimport { usePlanPreviewEvents } from \"./hooks/use-plan-preview-events\";\nimport { groupEvents } from \"./group-events\";\nimport { EventGroup } from \"./event-message-components/event-group\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { ModelMessages } from \"#/components/features/chat/model-messages\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\n~~// TODO: Implement microagent functionality for V1 when APIs support V1 event IDs~~\~~n// import { AgentState } from \"#/types/agent-state\";\n// import MemoryIcon from \"#/icons/memory_icon.svg?react\";\n\~~ninterface MessagesProps {\n messages: OpenHandsEvent[]; // UI events (actions replaced by observations)\n allEvents: OpenHandsEvent[]; // Full event history (for action lookup)\n}\n\nconst getLastEventId = (events: OpenHandsEvent[]) => events.at(-1)?.id;\nconst getLastEvent = (events: OpenHandsEvent[]) => events.at(-1);\n\nexport const Messages: React.FC<MessagesProps> = React.memo(\n ({ messages, allEvents }) => {\n const { conversationId } = useOptionalConversationId();\n // Get the set of event IDs that should render PlanPreview\n // This ensures only one preview per user message \"phase\"\n const planPreviewEventIds = usePlanPreviewEvents(allEvents);\n\n // Set of event ids that have a /model entry anchored to them — used to\n // avoid mounting <ModelMessages> for every event (the component would\n // otherwise early-return null).\n const modelEntries = useModelStore((s) =>\n conversationId ? s.entriesByConversation[conversationId] : undefined,\n );\n const modelAnchorIds = React.useMemo(() => {\n if (!modelEntries \|\| modelEntries.length === 0) return null;\n const ids = new Set<string>();\n for (const entry of modelEntries) {\n if (entry.anchorEventId !== null) ids.add(entry.anchorEventId);\n }\n return ids.size > 0 ? ids : null;\n }, [modelEntries]);\n\n const maybeRenderModelMessages = (eventId: string \| number \| undefined) => {\n if (!modelAnchorIds \|\| eventId === undefined) return null;\n const key = String(eventId);\n if (!modelAnchorIds.has(key)) return null;\n return (\n <ModelMessages conversationId={conversationId} anchorEventId={key} />\n );\n };\n\n // Fold consecutive action/observation events into collapsible groups so a\n // long sequence of tool calls doesn't dominate the chat scroll. Items that\n // can't be grouped (or that fall in a short run) are still rendered one by\n // one, identically to before. Agent thoughts attached to an action are\n // hoisted out as their own rendered item so they always show up in the\n // message pane and a thought between actions starts a fresh group.\n const renderedItems = React.useMemo(\n () => groupEvents(messages, undefined, allEvents),\n [messages, allEvents],\n );\n\n const renderEventMessage = (\n event: OpenHandsEvent,\n index: number,\n suppressThought: boolean,\n ) => (\n <EventMessage\n key={event.id}\n event={event}\n messages={allEvents}\n isLastMessage={messages.length - 1 === index}\n isInLast10Actions={messages.length - 1 - index < 10}\n planPreviewEventIds={planPreviewEventIds}\n suppressThought={suppressThought}\n />\n );\n\n return (\n <>\n {renderedItems.map((item, itemIndex) => {\n if (item.kind === \"single\") {\n return (\n <React.Fragment key={`single-${item.event.id}`}>\n {/* Thoughts for singles are also hoisted as their own\n \"thought\" item, so suppress the inline render to avoid\n duplication. */}\n {renderEventMessage(item.event, item.index, true)}\n {maybeRenderModelMessages(item.event.id)}\n </React.Fragment>\n );\n }\n\n if (item.kind === \"thought\") {\n return (\n <React.Fragment key={`thought-${item.action.id}`}>\n <ThoughtEventMessage event={item.action} />\n {maybeRenderModelMessages(item.action.id)}\n </React.Fragment>\n );\n }\n\n // A group is \"finalized\" once another rendered item appears after\n // it, signalling the agent has moved on. While the group is still\n // the live tail, it keeps showing the latest action title as its\n // prominent summary.\n const isFinalized = itemIndex < renderedItems.length - 1;\n const groupKey = item.events[0]?.id ?? `group-${item.startIndex}`;\n return (\n <React.Fragment key={`group-${groupKey}`}>\n <EventGroup\n events={item.events}\n allEvents={allEvents}\n isFinalized={isFinalized}\n >\n {item.events.map((event, offset) =>\n renderEventMessage(event, item.startIndex + offset, true),\n )}\n </EventGroup>\n {item.events.map((event) => (\n <React.Fragment key={`model-${event.id}`}>\n {maybeRenderModelMessages(event.id)}\n </React.Fragment>\n ))}\n </React.Fragment>\n );\n })}\n </>\n );\n },\n (prevProps, nextProps) =>\n prevProps.messages.length === nextProps.messages.length &&\n prevProps.allEvents.length === nextProps.allEvents.length &&\n getLastEventId(prevProps.messages) === getLastEventId(nextProps.messages) &&\n getLastEventId(prevProps.allEvents) ===\n getLastEventId(nextProps.allEvents) &&\n getLastEvent(prevProps.messages) === getLastEvent(nextProps.messages) &&\n getLastEvent(prevProps.allEvents) === getLastEvent(nextProps.allEvents),\n);\n\nMessages.displayName = \"Messages\";\n"],"mappings":"~~ugBAmBA~~,IAAM,EAAkB,GAA6B,EAAO,GAAG,EAAE,GAAG,GAC9D,EAAgB,GAA6B,EAAO,GAAG,EAAE,EAElD,EAAoC,EAAA,QAAM,MACpD,CAAE,WAAU,eAAgB,CAC3B,GAAM,CAAE,kBAAmB,EAAA,0BAA0B,EAG/C,EAAsB,EAAA,qBAAqB,CAAS,EAKpD,EAAe,EAAA,cAAe,GAClC,EAAiB,EAAE,sBAAsB,GAAkB,IAAA,EAC7D,EACM,EAAiB,EAAA,QAAM,YAAc,CACzC,GAAI,CAAC,GAAgB,EAAa,SAAW,EAAG,OAAO,KACvD,IAAM,EAAM,IAAI,IAChB,IAAK,IAAM,KAAS,EACd,EAAM,gBAAkB,MAAM,EAAI,IAAI,EAAM,aAAa,EAE/D,OAAO,EAAI,KAAO,EAAI,EAAM,IAC9B,EAAG,CAAC,CAAY,CAAC,EAEX,EAA4B,GAAyC,CACzE,GAAI,CAAC,GAAkB,IAAY,IAAA,GAAW,OAAO,KACrD,IAAM,EAAM,OAAO,CAAO,EAE1B,OADK,EAAe,IAAI,CAAG,GAEzB,EAAA,EAAA,KAAC,EAAA,cAAD,CAA+B,iBAAgB,cAAe,CAAM,CAAA,EAFjC,IAIvC,EAQM,EAAgB,EAAA,QAAM,YACpB,EAAA,YAAY,EAAU,IAAA,GAAW,CAAS,EAChD,CAAC,EAAU,CAAS,CACtB,EAEM,GACJ,EACA,EACA,KAEA,EAAA,EAAA,KAAC,EAAA,aAAD,CAES,QACP,SAAU,EACV,cAAe,EAAS,OAAS,IAAM,EACvC,kBAAmB,EAAS,OAAS,EAAI,EAAQ,GAC5B,sBACJ,iBAClB,EAPM,EAAM,EAOZ,EAGH,OACE,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAc,KAAK,EAAM,IAAc,CACtC,GAAI,EAAK,OAAS,SAChB,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,CAIG,EAAmB,EAAK,MAAO,EAAK,MAAO,EAAI,EAC/C,EAAyB,EAAK,MAAM,EAAE,CACzB,CAAA,EANK,UAAU,EAAK,MAAM,IAM1B,EAIpB,GAAI,EAAK,OAAS,UAChB,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,MAAO,EAAK,MAAS,CAAA,EACzC,EAAyB,EAAK,OAAO,EAAE,CAC1B,CAAA,EAHK,WAAW,EAAK,OAAO,IAG5B,EAQpB,IAAM,EAAc,EAAY,EAAc,OAAS,EACjD,EAAW,EAAK,OAAO,IAAI,IAAM,SAAS,EAAK,aACrD,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,OAAQ,EAAK,OACF,YACE,uBAEZ,EAAK,OAAO,KAAK,EAAO,IACvB,EAAmB,EAAO,EAAK,WAAa,EAAQ,EAAI,CAC1D,CACU,CAAA,EACX,EAAK,OAAO,IAAK,IAChB,EAAA,EAAA,KAAC,EAAA,QAAM,SAAP,CAAA,SACG,EAAyB,EAAM,EAAE,CACpB,EAFK,SAAS,EAAM,IAEpB,CACjB,CACa,CAAA,EAfK,SAAS,GAed,CAEpB,CAAC,CACD,CAAA,CAEN,GACC,EAAW,IACV,EAAU,SAAS,SAAW,EAAU,SAAS,QACjD,EAAU,UAAU,SAAW,EAAU,UAAU,QACnD,EAAe,EAAU,QAAQ,IAAM,EAAe,EAAU,QAAQ,GACxE,EAAe,EAAU,SAAS,IAChC,EAAe,EAAU,SAAS,GACpC,EAAa,EAAU,QAAQ,IAAM,EAAa,EAAU,QAAQ,GACpE,EAAa,EAAU,SAAS,IAAM,EAAa,EAAU,SAAS,CAC1E,EAEA,EAAS,YAAc"}
1	+ {"version":3,"file":"messages.cjs","names":[],"sources":["../../../../src/components/conversation-events/chat/messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport { EventMessage } from \"./event-message\";\nimport { usePlanPreviewEvents } from \"./hooks/use-plan-preview-events\";\nimport { groupEvents } from \"./group-events\";\nimport { EventGroup } from \"./event-message-components/event-group\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { ModelMessages } from \"#/components/features/chat/model-messages\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\n\ninterface MessagesProps {\n messages: OpenHandsEvent[]; // UI events (actions replaced by observations)\n allEvents: OpenHandsEvent[]; // Full event history (for action lookup)\n}\n\nconst getLastEventId = (events: OpenHandsEvent[]) => events.at(-1)?.id;\nconst getLastEvent = (events: OpenHandsEvent[]) => events.at(-1);\n\nexport const Messages: React.FC<MessagesProps> = React.memo(\n ({ messages, allEvents }) => {\n const { conversationId } = useOptionalConversationId();\n // Get the set of event IDs that should render PlanPreview\n // This ensures only one preview per user message \"phase\"\n const planPreviewEventIds = usePlanPreviewEvents(allEvents);\n\n // Set of event ids that have a /model entry anchored to them — used to\n // avoid mounting <ModelMessages> for every event (the component would\n // otherwise early-return null).\n const modelEntries = useModelStore((s) =>\n conversationId ? s.entriesByConversation[conversationId] : undefined,\n );\n const modelAnchorIds = React.useMemo(() => {\n if (!modelEntries \|\| modelEntries.length === 0) return null;\n const ids = new Set<string>();\n for (const entry of modelEntries) {\n if (entry.anchorEventId !== null) ids.add(entry.anchorEventId);\n }\n return ids.size > 0 ? ids : null;\n }, [modelEntries]);\n\n const maybeRenderModelMessages = (eventId: string \| number \| undefined) => {\n if (!modelAnchorIds \|\| eventId === undefined) return null;\n const key = String(eventId);\n if (!modelAnchorIds.has(key)) return null;\n return (\n <ModelMessages conversationId={conversationId} anchorEventId={key} />\n );\n };\n\n // Fold consecutive action/observation events into collapsible groups so a\n // long sequence of tool calls doesn't dominate the chat scroll. Items that\n // can't be grouped (or that fall in a short run) are still rendered one by\n // one, identically to before. Agent thoughts attached to an action are\n // hoisted out as their own rendered item so they always show up in the\n // message pane and a thought between actions starts a fresh group.\n const renderedItems = React.useMemo(\n () => groupEvents(messages, undefined, allEvents),\n [messages, allEvents],\n );\n\n const renderEventMessage = (\n event: OpenHandsEvent,\n index: number,\n suppressThought: boolean,\n ) => (\n <EventMessage\n key={event.id}\n event={event}\n messages={allEvents}\n isLastMessage={messages.length - 1 === index}\n isInLast10Actions={messages.length - 1 - index < 10}\n planPreviewEventIds={planPreviewEventIds}\n suppressThought={suppressThought}\n />\n );\n\n return (\n <>\n {renderedItems.map((item, itemIndex) => {\n if (item.kind === \"single\") {\n return (\n <React.Fragment key={`single-${item.event.id}`}>\n {/* Thoughts for singles are also hoisted as their own\n \"thought\" item, so suppress the inline render to avoid\n duplication. */}\n {renderEventMessage(item.event, item.index, true)}\n {maybeRenderModelMessages(item.event.id)}\n </React.Fragment>\n );\n }\n\n if (item.kind === \"thought\") {\n return (\n <React.Fragment key={`thought-${item.action.id}`}>\n <ThoughtEventMessage event={item.action} />\n {maybeRenderModelMessages(item.action.id)}\n </React.Fragment>\n );\n }\n\n // A group is \"finalized\" once another rendered item appears after\n // it, signalling the agent has moved on. While the group is still\n // the live tail, it keeps showing the latest action title as its\n // prominent summary.\n const isFinalized = itemIndex < renderedItems.length - 1;\n const groupKey = item.events[0]?.id ?? `group-${item.startIndex}`;\n return (\n <React.Fragment key={`group-${groupKey}`}>\n <EventGroup\n events={item.events}\n allEvents={allEvents}\n isFinalized={isFinalized}\n >\n {item.events.map((event, offset) =>\n renderEventMessage(event, item.startIndex + offset, true),\n )}\n </EventGroup>\n {item.events.map((event) => (\n <React.Fragment key={`model-${event.id}`}>\n {maybeRenderModelMessages(event.id)}\n </React.Fragment>\n ))}\n </React.Fragment>\n );\n })}\n </>\n );\n },\n (prevProps, nextProps) =>\n prevProps.messages.length === nextProps.messages.length &&\n prevProps.allEvents.length === nextProps.allEvents.length &&\n getLastEventId(prevProps.messages) === getLastEventId(nextProps.messages) &&\n getLastEventId(prevProps.allEvents) ===\n getLastEventId(nextProps.allEvents) &&\n getLastEvent(prevProps.messages) === getLastEvent(nextProps.messages) &&\n getLastEvent(prevProps.allEvents) === getLastEvent(nextProps.allEvents),\n);\n\nMessages.displayName = \"Messages\";\n"],"mappings":"ugBAgBA,IAAM,EAAkB,GAA6B,EAAO,GAAG,EAAE,GAAG,GAC9D,EAAgB,GAA6B,EAAO,GAAG,EAAE,EAElD,EAAoC,EAAA,QAAM,MACpD,CAAE,WAAU,eAAgB,CAC3B,GAAM,CAAE,kBAAmB,EAAA,0BAA0B,EAG/C,EAAsB,EAAA,qBAAqB,CAAS,EAKpD,EAAe,EAAA,cAAe,GAClC,EAAiB,EAAE,sBAAsB,GAAkB,IAAA,EAC7D,EACM,EAAiB,EAAA,QAAM,YAAc,CACzC,GAAI,CAAC,GAAgB,EAAa,SAAW,EAAG,OAAO,KACvD,IAAM,EAAM,IAAI,IAChB,IAAK,IAAM,KAAS,EACd,EAAM,gBAAkB,MAAM,EAAI,IAAI,EAAM,aAAa,EAE/D,OAAO,EAAI,KAAO,EAAI,EAAM,IAC9B,EAAG,CAAC,CAAY,CAAC,EAEX,EAA4B,GAAyC,CACzE,GAAI,CAAC,GAAkB,IAAY,IAAA,GAAW,OAAO,KACrD,IAAM,EAAM,OAAO,CAAO,EAE1B,OADK,EAAe,IAAI,CAAG,GAEzB,EAAA,EAAA,KAAC,EAAA,cAAD,CAA+B,iBAAgB,cAAe,CAAM,CAAA,EAFjC,IAIvC,EAQM,EAAgB,EAAA,QAAM,YACpB,EAAA,YAAY,EAAU,IAAA,GAAW,CAAS,EAChD,CAAC,EAAU,CAAS,CACtB,EAEM,GACJ,EACA,EACA,KAEA,EAAA,EAAA,KAAC,EAAA,aAAD,CAES,QACP,SAAU,EACV,cAAe,EAAS,OAAS,IAAM,EACvC,kBAAmB,EAAS,OAAS,EAAI,EAAQ,GAC5B,sBACJ,iBAClB,EAPM,EAAM,EAOZ,EAGH,OACE,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAc,KAAK,EAAM,IAAc,CACtC,GAAI,EAAK,OAAS,SAChB,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,CAIG,EAAmB,EAAK,MAAO,EAAK,MAAO,EAAI,EAC/C,EAAyB,EAAK,MAAM,EAAE,CACzB,CAAA,EANK,UAAU,EAAK,MAAM,IAM1B,EAIpB,GAAI,EAAK,OAAS,UAChB,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,MAAO,EAAK,MAAS,CAAA,EACzC,EAAyB,EAAK,OAAO,EAAE,CAC1B,CAAA,EAHK,WAAW,EAAK,OAAO,IAG5B,EAQpB,IAAM,EAAc,EAAY,EAAc,OAAS,EACjD,EAAW,EAAK,OAAO,IAAI,IAAM,SAAS,EAAK,aACrD,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,OAAQ,EAAK,OACF,YACE,uBAEZ,EAAK,OAAO,KAAK,EAAO,IACvB,EAAmB,EAAO,EAAK,WAAa,EAAQ,EAAI,CAC1D,CACU,CAAA,EACX,EAAK,OAAO,IAAK,IAChB,EAAA,EAAA,KAAC,EAAA,QAAM,SAAP,CAAA,SACG,EAAyB,EAAM,EAAE,CACpB,EAFK,SAAS,EAAM,IAEpB,CACjB,CACa,CAAA,EAfK,SAAS,GAed,CAEpB,CAAC,CACD,CAAA,CAEN,GACC,EAAW,IACV,EAAU,SAAS,SAAW,EAAU,SAAS,QACjD,EAAU,UAAU,SAAW,EAAU,UAAU,QACnD,EAAe,EAAU,QAAQ,IAAM,EAAe,EAAU,QAAQ,GACxE,EAAe,EAAU,SAAS,IAChC,EAAe,EAAU,SAAS,GACpC,EAAa,EAAU,QAAQ,IAAM,EAAa,EAAU,QAAQ,GACpE,EAAa,EAAU,SAAS,IAAM,EAAa,EAAU,SAAS,CAC1E,EAEA,EAAS,YAAc"}

package/dist/components/conversation-events/chat/messages.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"messages.js","names":[],"sources":["../../../../src/components/conversation-events/chat/messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport { EventMessage } from \"./event-message\";\nimport { usePlanPreviewEvents } from \"./hooks/use-plan-preview-events\";\nimport { groupEvents } from \"./group-events\";\nimport { EventGroup } from \"./event-message-components/event-group\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { ModelMessages } from \"#/components/features/chat/model-messages\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\n~~// TODO: Implement microagent functionality for V1 when APIs support V1 event IDs~~\~~n// import { AgentState } from \"#/types/agent-state\";\n// import MemoryIcon from \"#/icons/memory_icon.svg?react\";\n\~~ninterface MessagesProps {\n messages: OpenHandsEvent[]; // UI events (actions replaced by observations)\n allEvents: OpenHandsEvent[]; // Full event history (for action lookup)\n}\n\nconst getLastEventId = (events: OpenHandsEvent[]) => events.at(-1)?.id;\nconst getLastEvent = (events: OpenHandsEvent[]) => events.at(-1);\n\nexport const Messages: React.FC<MessagesProps> = React.memo(\n ({ messages, allEvents }) => {\n const { conversationId } = useOptionalConversationId();\n // Get the set of event IDs that should render PlanPreview\n // This ensures only one preview per user message \"phase\"\n const planPreviewEventIds = usePlanPreviewEvents(allEvents);\n\n // Set of event ids that have a /model entry anchored to them — used to\n // avoid mounting <ModelMessages> for every event (the component would\n // otherwise early-return null).\n const modelEntries = useModelStore((s) =>\n conversationId ? s.entriesByConversation[conversationId] : undefined,\n );\n const modelAnchorIds = React.useMemo(() => {\n if (!modelEntries \|\| modelEntries.length === 0) return null;\n const ids = new Set<string>();\n for (const entry of modelEntries) {\n if (entry.anchorEventId !== null) ids.add(entry.anchorEventId);\n }\n return ids.size > 0 ? ids : null;\n }, [modelEntries]);\n\n const maybeRenderModelMessages = (eventId: string \| number \| undefined) => {\n if (!modelAnchorIds \|\| eventId === undefined) return null;\n const key = String(eventId);\n if (!modelAnchorIds.has(key)) return null;\n return (\n <ModelMessages conversationId={conversationId} anchorEventId={key} />\n );\n };\n\n // Fold consecutive action/observation events into collapsible groups so a\n // long sequence of tool calls doesn't dominate the chat scroll. Items that\n // can't be grouped (or that fall in a short run) are still rendered one by\n // one, identically to before. Agent thoughts attached to an action are\n // hoisted out as their own rendered item so they always show up in the\n // message pane and a thought between actions starts a fresh group.\n const renderedItems = React.useMemo(\n () => groupEvents(messages, undefined, allEvents),\n [messages, allEvents],\n );\n\n const renderEventMessage = (\n event: OpenHandsEvent,\n index: number,\n suppressThought: boolean,\n ) => (\n <EventMessage\n key={event.id}\n event={event}\n messages={allEvents}\n isLastMessage={messages.length - 1 === index}\n isInLast10Actions={messages.length - 1 - index < 10}\n planPreviewEventIds={planPreviewEventIds}\n suppressThought={suppressThought}\n />\n );\n\n return (\n <>\n {renderedItems.map((item, itemIndex) => {\n if (item.kind === \"single\") {\n return (\n <React.Fragment key={`single-${item.event.id}`}>\n {/* Thoughts for singles are also hoisted as their own\n \"thought\" item, so suppress the inline render to avoid\n duplication. */}\n {renderEventMessage(item.event, item.index, true)}\n {maybeRenderModelMessages(item.event.id)}\n </React.Fragment>\n );\n }\n\n if (item.kind === \"thought\") {\n return (\n <React.Fragment key={`thought-${item.action.id}`}>\n <ThoughtEventMessage event={item.action} />\n {maybeRenderModelMessages(item.action.id)}\n </React.Fragment>\n );\n }\n\n // A group is \"finalized\" once another rendered item appears after\n // it, signalling the agent has moved on. While the group is still\n // the live tail, it keeps showing the latest action title as its\n // prominent summary.\n const isFinalized = itemIndex < renderedItems.length - 1;\n const groupKey = item.events[0]?.id ?? `group-${item.startIndex}`;\n return (\n <React.Fragment key={`group-${groupKey}`}>\n <EventGroup\n events={item.events}\n allEvents={allEvents}\n isFinalized={isFinalized}\n >\n {item.events.map((event, offset) =>\n renderEventMessage(event, item.startIndex + offset, true),\n )}\n </EventGroup>\n {item.events.map((event) => (\n <React.Fragment key={`model-${event.id}`}>\n {maybeRenderModelMessages(event.id)}\n </React.Fragment>\n ))}\n </React.Fragment>\n );\n })}\n </>\n );\n },\n (prevProps, nextProps) =>\n prevProps.messages.length === nextProps.messages.length &&\n prevProps.allEvents.length === nextProps.allEvents.length &&\n getLastEventId(prevProps.messages) === getLastEventId(nextProps.messages) &&\n getLastEventId(prevProps.allEvents) ===\n getLastEventId(nextProps.allEvents) &&\n getLastEvent(prevProps.messages) === getLastEvent(nextProps.messages) &&\n getLastEvent(prevProps.allEvents) === getLastEvent(nextProps.allEvents),\n);\n\nMessages.displayName = \"Messages\";\n"],"mappings":";;;;;;;;;;;~~AAmBA~~,IAAM,KAAkB,MAA6B,EAAO,GAAG,EAAE,GAAG,IAC9D,KAAgB,MAA6B,EAAO,GAAG,EAAE,GAElD,IAAoC,EAAM,MACpD,EAAE,aAAU,mBAAgB;CAC3B,IAAM,EAAE,sBAAmB,EAA0B,GAG/C,IAAsB,EAAqB,CAAS,GAKpD,IAAe,GAAe,MAClC,IAAiB,EAAE,sBAAsB,KAAkB,KAAA,CAC7D,GACM,IAAiB,EAAM,cAAc;EACzC,IAAI,CAAC,KAAgB,EAAa,WAAW,GAAG,OAAO;EACvD,IAAM,oBAAM,IAAI,IAAY;EAC5B,KAAK,IAAM,KAAS,GAClB,AAAI,EAAM,kBAAkB,QAAM,EAAI,IAAI,EAAM,aAAa;EAE/D,OAAO,EAAI,OAAO,IAAI,IAAM;CAC9B,GAAG,CAAC,CAAY,CAAC,GAEX,KAA4B,MAAyC;EACzE,IAAI,CAAC,KAAkB,MAAY,KAAA,GAAW,OAAO;EACrD,IAAM,IAAM,OAAO,CAAO;EAE1B,OADK,EAAe,IAAI,CAAG,IAEzB,kBAAC,GAAD;GAA+B;GAAgB,eAAe;EAAM,CAAA,IAFjC;CAIvC,GAQM,IAAgB,EAAM,cACpB,EAAY,GAAU,KAAA,GAAW,CAAS,GAChD,CAAC,GAAU,CAAS,CACtB,GAEM,KACJ,GACA,GACA,MAEA,kBAAC,GAAD;EAES;EACP,UAAU;EACV,eAAe,EAAS,SAAS,MAAM;EACvC,mBAAmB,EAAS,SAAS,IAAI,IAAQ;EAC5B;EACJ;CAClB,GAPM,EAAM,EAOZ;CAGH,OACE,kBAAA,GAAA,EAAA,UACG,EAAc,KAAK,GAAM,MAAc;EACtC,IAAI,EAAK,SAAS,UAChB,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CAIG,EAAmB,EAAK,OAAO,EAAK,OAAO,EAAI,GAC/C,EAAyB,EAAK,MAAM,EAAE,CACzB,EAAA,GANK,UAAU,EAAK,MAAM,IAM1B;EAIpB,IAAI,EAAK,SAAS,WAChB,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,GAAD,EAAqB,OAAO,EAAK,OAAS,CAAA,GACzC,EAAyB,EAAK,OAAO,EAAE,CAC1B,EAAA,GAHK,WAAW,EAAK,OAAO,IAG5B;EAQpB,IAAM,IAAc,IAAY,EAAc,SAAS,GACjD,IAAW,EAAK,OAAO,IAAI,MAAM,SAAS,EAAK;EACrD,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,QAAQ,EAAK;GACF;GACE;aAEZ,EAAK,OAAO,KAAK,GAAO,MACvB,EAAmB,GAAO,EAAK,aAAa,GAAQ,EAAI,CAC1D;EACU,CAAA,GACX,EAAK,OAAO,KAAK,MAChB,kBAAC,EAAM,UAAP,EAAA,UACG,EAAyB,EAAM,EAAE,EACpB,GAFK,SAAS,EAAM,IAEpB,CACjB,CACa,EAAA,GAfK,SAAS,GAed;CAEpB,CAAC,EACD,CAAA;AAEN,IACC,GAAW,MACV,EAAU,SAAS,WAAW,EAAU,SAAS,UACjD,EAAU,UAAU,WAAW,EAAU,UAAU,UACnD,EAAe,EAAU,QAAQ,MAAM,EAAe,EAAU,QAAQ,KACxE,EAAe,EAAU,SAAS,MAChC,EAAe,EAAU,SAAS,KACpC,EAAa,EAAU,QAAQ,MAAM,EAAa,EAAU,QAAQ,KACpE,EAAa,EAAU,SAAS,MAAM,EAAa,EAAU,SAAS,CAC1E;AAEA,EAAS,cAAc"}
1	+ {"version":3,"file":"messages.js","names":[],"sources":["../../../../src/components/conversation-events/chat/messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport { EventMessage } from \"./event-message\";\nimport { usePlanPreviewEvents } from \"./hooks/use-plan-preview-events\";\nimport { groupEvents } from \"./group-events\";\nimport { EventGroup } from \"./event-message-components/event-group\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { ModelMessages } from \"#/components/features/chat/model-messages\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\n\ninterface MessagesProps {\n messages: OpenHandsEvent[]; // UI events (actions replaced by observations)\n allEvents: OpenHandsEvent[]; // Full event history (for action lookup)\n}\n\nconst getLastEventId = (events: OpenHandsEvent[]) => events.at(-1)?.id;\nconst getLastEvent = (events: OpenHandsEvent[]) => events.at(-1);\n\nexport const Messages: React.FC<MessagesProps> = React.memo(\n ({ messages, allEvents }) => {\n const { conversationId } = useOptionalConversationId();\n // Get the set of event IDs that should render PlanPreview\n // This ensures only one preview per user message \"phase\"\n const planPreviewEventIds = usePlanPreviewEvents(allEvents);\n\n // Set of event ids that have a /model entry anchored to them — used to\n // avoid mounting <ModelMessages> for every event (the component would\n // otherwise early-return null).\n const modelEntries = useModelStore((s) =>\n conversationId ? s.entriesByConversation[conversationId] : undefined,\n );\n const modelAnchorIds = React.useMemo(() => {\n if (!modelEntries \|\| modelEntries.length === 0) return null;\n const ids = new Set<string>();\n for (const entry of modelEntries) {\n if (entry.anchorEventId !== null) ids.add(entry.anchorEventId);\n }\n return ids.size > 0 ? ids : null;\n }, [modelEntries]);\n\n const maybeRenderModelMessages = (eventId: string \| number \| undefined) => {\n if (!modelAnchorIds \|\| eventId === undefined) return null;\n const key = String(eventId);\n if (!modelAnchorIds.has(key)) return null;\n return (\n <ModelMessages conversationId={conversationId} anchorEventId={key} />\n );\n };\n\n // Fold consecutive action/observation events into collapsible groups so a\n // long sequence of tool calls doesn't dominate the chat scroll. Items that\n // can't be grouped (or that fall in a short run) are still rendered one by\n // one, identically to before. Agent thoughts attached to an action are\n // hoisted out as their own rendered item so they always show up in the\n // message pane and a thought between actions starts a fresh group.\n const renderedItems = React.useMemo(\n () => groupEvents(messages, undefined, allEvents),\n [messages, allEvents],\n );\n\n const renderEventMessage = (\n event: OpenHandsEvent,\n index: number,\n suppressThought: boolean,\n ) => (\n <EventMessage\n key={event.id}\n event={event}\n messages={allEvents}\n isLastMessage={messages.length - 1 === index}\n isInLast10Actions={messages.length - 1 - index < 10}\n planPreviewEventIds={planPreviewEventIds}\n suppressThought={suppressThought}\n />\n );\n\n return (\n <>\n {renderedItems.map((item, itemIndex) => {\n if (item.kind === \"single\") {\n return (\n <React.Fragment key={`single-${item.event.id}`}>\n {/* Thoughts for singles are also hoisted as their own\n \"thought\" item, so suppress the inline render to avoid\n duplication. */}\n {renderEventMessage(item.event, item.index, true)}\n {maybeRenderModelMessages(item.event.id)}\n </React.Fragment>\n );\n }\n\n if (item.kind === \"thought\") {\n return (\n <React.Fragment key={`thought-${item.action.id}`}>\n <ThoughtEventMessage event={item.action} />\n {maybeRenderModelMessages(item.action.id)}\n </React.Fragment>\n );\n }\n\n // A group is \"finalized\" once another rendered item appears after\n // it, signalling the agent has moved on. While the group is still\n // the live tail, it keeps showing the latest action title as its\n // prominent summary.\n const isFinalized = itemIndex < renderedItems.length - 1;\n const groupKey = item.events[0]?.id ?? `group-${item.startIndex}`;\n return (\n <React.Fragment key={`group-${groupKey}`}>\n <EventGroup\n events={item.events}\n allEvents={allEvents}\n isFinalized={isFinalized}\n >\n {item.events.map((event, offset) =>\n renderEventMessage(event, item.startIndex + offset, true),\n )}\n </EventGroup>\n {item.events.map((event) => (\n <React.Fragment key={`model-${event.id}`}>\n {maybeRenderModelMessages(event.id)}\n </React.Fragment>\n ))}\n </React.Fragment>\n );\n })}\n </>\n );\n },\n (prevProps, nextProps) =>\n prevProps.messages.length === nextProps.messages.length &&\n prevProps.allEvents.length === nextProps.allEvents.length &&\n getLastEventId(prevProps.messages) === getLastEventId(nextProps.messages) &&\n getLastEventId(prevProps.allEvents) ===\n getLastEventId(nextProps.allEvents) &&\n getLastEvent(prevProps.messages) === getLastEvent(nextProps.messages) &&\n getLastEvent(prevProps.allEvents) === getLastEvent(nextProps.allEvents),\n);\n\nMessages.displayName = \"Messages\";\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,KAAkB,MAA6B,EAAO,GAAG,EAAE,GAAG,IAC9D,KAAgB,MAA6B,EAAO,GAAG,EAAE,GAElD,IAAoC,EAAM,MACpD,EAAE,aAAU,mBAAgB;CAC3B,IAAM,EAAE,sBAAmB,EAA0B,GAG/C,IAAsB,EAAqB,CAAS,GAKpD,IAAe,GAAe,MAClC,IAAiB,EAAE,sBAAsB,KAAkB,KAAA,CAC7D,GACM,IAAiB,EAAM,cAAc;EACzC,IAAI,CAAC,KAAgB,EAAa,WAAW,GAAG,OAAO;EACvD,IAAM,oBAAM,IAAI,IAAY;EAC5B,KAAK,IAAM,KAAS,GAClB,AAAI,EAAM,kBAAkB,QAAM,EAAI,IAAI,EAAM,aAAa;EAE/D,OAAO,EAAI,OAAO,IAAI,IAAM;CAC9B,GAAG,CAAC,CAAY,CAAC,GAEX,KAA4B,MAAyC;EACzE,IAAI,CAAC,KAAkB,MAAY,KAAA,GAAW,OAAO;EACrD,IAAM,IAAM,OAAO,CAAO;EAE1B,OADK,EAAe,IAAI,CAAG,IAEzB,kBAAC,GAAD;GAA+B;GAAgB,eAAe;EAAM,CAAA,IAFjC;CAIvC,GAQM,IAAgB,EAAM,cACpB,EAAY,GAAU,KAAA,GAAW,CAAS,GAChD,CAAC,GAAU,CAAS,CACtB,GAEM,KACJ,GACA,GACA,MAEA,kBAAC,GAAD;EAES;EACP,UAAU;EACV,eAAe,EAAS,SAAS,MAAM;EACvC,mBAAmB,EAAS,SAAS,IAAI,IAAQ;EAC5B;EACJ;CAClB,GAPM,EAAM,EAOZ;CAGH,OACE,kBAAA,GAAA,EAAA,UACG,EAAc,KAAK,GAAM,MAAc;EACtC,IAAI,EAAK,SAAS,UAChB,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CAIG,EAAmB,EAAK,OAAO,EAAK,OAAO,EAAI,GAC/C,EAAyB,EAAK,MAAM,EAAE,CACzB,EAAA,GANK,UAAU,EAAK,MAAM,IAM1B;EAIpB,IAAI,EAAK,SAAS,WAChB,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,GAAD,EAAqB,OAAO,EAAK,OAAS,CAAA,GACzC,EAAyB,EAAK,OAAO,EAAE,CAC1B,EAAA,GAHK,WAAW,EAAK,OAAO,IAG5B;EAQpB,IAAM,IAAc,IAAY,EAAc,SAAS,GACjD,IAAW,EAAK,OAAO,IAAI,MAAM,SAAS,EAAK;EACrD,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,QAAQ,EAAK;GACF;GACE;aAEZ,EAAK,OAAO,KAAK,GAAO,MACvB,EAAmB,GAAO,EAAK,aAAa,GAAQ,EAAI,CAC1D;EACU,CAAA,GACX,EAAK,OAAO,KAAK,MAChB,kBAAC,EAAM,UAAP,EAAA,UACG,EAAyB,EAAM,EAAE,EACpB,GAFK,SAAS,EAAM,IAEpB,CACjB,CACa,EAAA,GAfK,SAAS,GAed;CAEpB,CAAC,EACD,CAAA;AAEN,IACC,GAAW,MACV,EAAU,SAAS,WAAW,EAAU,SAAS,UACjD,EAAU,UAAU,WAAW,EAAU,UAAU,UACnD,EAAe,EAAU,QAAQ,MAAM,EAAe,EAAU,QAAQ,KACxE,EAAe,EAAU,SAAS,MAChC,EAAe,EAAU,SAAS,KACpC,EAAa,EAAU,QAAQ,MAAM,EAAa,EAAU,QAAQ,KACpE,EAAa,EAAU,SAAS,MAAM,EAAa,EAAU,SAAS,CAC1E;AAEA,EAAS,cAAc"}

package/dist/components/features/automations/add-automation-menu.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+interface AddAutomationMenuProps {
+    onAdd: () => void;
+    onImport: () => void;
+    isAddDisabled?: boolean;
+}
+export declare function AddAutomationMenu({ onAdd, onImport, isAddDisabled, }: AddAutomationMenuProps): import("react").JSX.Element;
+export {};

package/dist/components/features/automations/add-automation-modal.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../shared/modals/modal-backdrop.cjs"),i=require("../../../utils/modal-classes.cjs"),a=require("../../shared/modals/modal-close-button.cjs"),o=require("./create-instructions.cjs");let s=require("react/jsx-runtime");function c({isOpen:c,onClose:l}){let{t:u}=e.useTranslation(`openhands`);return c?(0,s.jsx)(r.ModalBackdrop,{onClose:l,"aria-label":u(t.I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE),children:(0,s.jsxs)(`div`,{"data-testid":`add-automation-modal`,className:`relative flex w-full max-w-lg flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary`,children:[(0,s.jsx)(a.ModalCloseButton,{onClose:l,testId:`add-automation-modal-close`}),(0,s.jsx)(`header`,{className:`flex-shrink-0 px-6 pb-4 pt-6`,children:(0,s.jsx)(`h2`,{id:`add-automation-modal-title`,className:n.cn(`pr-6`,i.modalTitleLgClassName),children:u(t.I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)})}),(0,s.jsx)(`div`,{className:`px-6 pb-6`,children:(0,s.jsx)(o.CreateInstructionsContent,{onLaunch:l})})]})}):null}exports.AddAutomationModal=c;
2	+ //# sourceMappingURL=add-automation-modal.cjs.map

package/dist/components/features/automations/add-automation-modal.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"add-automation-modal.cjs","names":[],"sources":["../../../../src/components/features/automations/add-automation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport { CreateInstructionsContent } from \"./create-instructions\";\n\ninterface AddAutomationModalProps {\n isOpen: boolean;\n onClose: () => void;\n}\n\nexport function AddAutomationModal({\n isOpen,\n onClose,\n}: AddAutomationModalProps) {\n const { t } = useTranslation(\"openhands\");\n\n if (!isOpen) return null;\n\n return (\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)}\n >\n <div\n data-testid=\"add-automation-modal\"\n className=\"relative flex w-full max-w-lg flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"add-automation-modal-close\"\n />\n <header className=\"flex-shrink-0 px-6 pb-4 pt-6\">\n <h2\n id=\"add-automation-modal-title\"\n className={cn(\"pr-6\", modalTitleLgClassName)}\n >\n {t(I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)}\n </h2>\n </header>\n <div className=\"px-6 pb-6\">\n <CreateInstructionsContent onLaunch={onClose} />\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"0bAaA,SAAgB,EAAmB,CACjC,SACA,WAC0B,CAC1B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAIxC,OAFK,GAGH,EAAA,EAAA,KAAC,EAAA,cAAD,CACW,UACT,aAAY,EAAE,EAAA,QAAQ,qCAAqC,YAE3D,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,uBACZ,UAAU,gHAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,iBAAD,CACW,UACT,OAAO,4BACR,CAAA,GACD,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,yCAChB,EAAA,EAAA,KAAC,KAAD,CACE,GAAG,6BACH,UAAW,EAAA,GAAG,OAAQ,EAAA,qBAAqB,WAE1C,EAAE,EAAA,QAAQ,qCAAqC,CAC9C,CAAA,CACE,CAAA,GACR,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,0BAAD,CAA2B,SAAU,CAAU,CAAA,CAC5C,CAAA,CACF,GACQ,CAAA,EA3BG,IA6BtB"}

package/dist/components/features/automations/add-automation-modal.js ADDED Viewed

@@ -0,0 +1,42 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { cn as n } from "../../../utils/utils.js";
+import { ModalBackdrop as r } from "../../shared/modals/modal-backdrop.js";
+import { modalTitleLgClassName as i } from "../../../utils/modal-classes.js";
+import { ModalCloseButton as a } from "../../shared/modals/modal-close-button.js";
+import { CreateInstructionsContent as o } from "./create-instructions.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/features/automations/add-automation-modal.tsx
+function l({ isOpen: l, onClose: u }) {
+	let { t: d } = e("openhands");
+	return l ? /* @__PURE__ */ s(r, {
+		onClose: u,
+		"aria-label": d(t.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE),
+		children: /* @__PURE__ */ c("div", {
+			"data-testid": "add-automation-modal",
+			className: "relative flex w-full max-w-lg flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary",
+			children: [
+				/* @__PURE__ */ s(a, {
+					onClose: u,
+					testId: "add-automation-modal-close"
+				}),
+				/* @__PURE__ */ s("header", {
+					className: "flex-shrink-0 px-6 pb-4 pt-6",
+					children: /* @__PURE__ */ s("h2", {
+						id: "add-automation-modal-title",
+						className: n("pr-6", i),
+						children: d(t.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)
+					})
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "px-6 pb-6",
+					children: /* @__PURE__ */ s(o, { onLaunch: u })
+				})
+			]
+		})
+	}) : null;
+}
+//#endregion
+export { l as AddAutomationModal };
+//# sourceMappingURL=add-automation-modal.js.map

package/dist/components/features/automations/add-automation-modal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"add-automation-modal.js","names":[],"sources":["../../../../src/components/features/automations/add-automation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport { CreateInstructionsContent } from \"./create-instructions\";\n\ninterface AddAutomationModalProps {\n isOpen: boolean;\n onClose: () => void;\n}\n\nexport function AddAutomationModal({\n isOpen,\n onClose,\n}: AddAutomationModalProps) {\n const { t } = useTranslation(\"openhands\");\n\n if (!isOpen) return null;\n\n return (\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)}\n >\n <div\n data-testid=\"add-automation-modal\"\n className=\"relative flex w-full max-w-lg flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"add-automation-modal-close\"\n />\n <header className=\"flex-shrink-0 px-6 pb-4 pt-6\">\n <h2\n id=\"add-automation-modal-title\"\n className={cn(\"pr-6\", modalTitleLgClassName)}\n >\n {t(I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)}\n </h2>\n </header>\n <div className=\"px-6 pb-6\">\n <CreateInstructionsContent onLaunch={onClose} />\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,EAAmB,EACjC,WACA,cAC0B;CAC1B,IAAM,EAAE,SAAM,EAAe,WAAW;CAIxC,OAFK,IAGH,kBAAC,GAAD;EACW;EACT,cAAY,EAAE,EAAQ,qCAAqC;YAE3D,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAFZ;IAIE,kBAAC,GAAD;KACW;KACT,QAAO;IACR,CAAA;IACD,kBAAC,UAAD;KAAQ,WAAU;eAChB,kBAAC,MAAD;MACE,IAAG;MACH,WAAW,EAAG,QAAQ,CAAqB;gBAE1C,EAAE,EAAQ,qCAAqC;KAC9C,CAAA;IACE,CAAA;IACR,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAA2B,UAAU,EAAU,CAAA;IAC5C,CAAA;GACF;;CACQ,CAAA,IA3BG;AA6BtB"}

package/dist/components/features/automations/automation-action-button-classes.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs"),t=require("../../../utils/dropdown-classes.cjs");var n=e.cn(`inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent text-muted hover:bg-interactive-hover hover:text-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-muted`,t.dropdownInstantColorClassName);exports.automationIconActionButtonClassName=n;
2	+ //# sourceMappingURL=automation-action-button-classes.cjs.map

package/dist/components/features/automations/automation-action-button-classes.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"automation-action-button-classes.cjs","names":[],"sources":["../../../../src/components/features/automations/automation-action-button-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { dropdownInstantColorClassName } from \"#/utils/dropdown-classes\";\n\nexport const automationIconActionButtonClassName = cn(\n \"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent text-muted hover:bg-interactive-hover hover:text-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-muted\",\n dropdownInstantColorClassName,\n);\n"],"mappings":"gJAGA,IAAa,EAAsC,EAAA,GACjD,sSACA,EAAA,6BACF"}

package/dist/components/features/automations/automation-action-button-classes.d.ts CHANGED Viewed

@@ -1,3 +1 @@
 export declare const automationIconActionButtonClassName: string;
-/** Text + icon Run now control on automation grid cards (matches kebab height). */
-export declare const automationRunNowTextButtonClassName: string;

package/dist/components/features/automations/automation-action-button-classes.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { cn as e } from "../../../utils/utils.js";
+import { dropdownInstantColorClassName as t } from "../../../utils/dropdown-classes.js";
+//#region src/components/features/automations/automation-action-button-classes.ts
+var n = e("inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent text-muted hover:bg-interactive-hover hover:text-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-muted", t);
+//#endregion
+export { n as automationIconActionButtonClassName };
+//# sourceMappingURL=automation-action-button-classes.js.map

package/dist/components/features/automations/automation-action-button-classes.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"automation-action-button-classes.js","names":[],"sources":["../../../../src/components/features/automations/automation-action-button-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { dropdownInstantColorClassName } from \"#/utils/dropdown-classes\";\n\nexport const automationIconActionButtonClassName = cn(\n \"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent text-muted hover:bg-interactive-hover hover:text-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-muted\",\n dropdownInstantColorClassName,\n);\n"],"mappings":";;;AAGA,IAAa,IAAsC,EACjD,uSACA,CACF"}

package/dist/components/features/automations/automation-card-skeleton.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/extension-module-card-classes.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsxs)(`div`,{"data-testid":`automation-card-skeleton`,className:`${e.extensionModuleCardSurfaceClassName} border border-transparent p-4`,children:[(0,t.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,t.jsx)(`div`,{className:`h-5 w-40 animate-pulse rounded bg-surface-raised`}),(0,t.jsx)(`div`,{className:`size-8 animate-pulse rounded-md bg-surface-raised`})]}),(0,t.jsx)(`div`,{className:`mt-2 h-4 w-72 animate-pulse rounded bg-surface-raised`}),(0,t.jsxs)(`div`,{className:`mt-3 flex gap-2`,children:[(0,t.jsx)(`div`,{className:`h-5 w-20 animate-pulse rounded-full bg-surface-raised`}),(0,t.jsx)(`div`,{className:`h-5 w-24 animate-pulse rounded bg-surface-raised`})]}),(0,t.jsxs)(`div`,{className:`mt-3 flex gap-2`,children:[(0,t.jsx)(`div`,{className:`h-7 w-32 animate-pulse rounded-full bg-surface-raised`}),(0,t.jsx)(`div`,{className:`h-7 w-28 animate-pulse rounded-full bg-surface-raised`}),(0,t.jsx)(`div`,{className:`h-7 w-24 animate-pulse rounded-full bg-surface-raised`})]}),(0,t.jsx)(`div`,{className:`mt-3 h-9 animate-pulse rounded-md bg-surface-raised`})]})}exports.AutomationCardSkeleton=n;
2	+ //# sourceMappingURL=automation-card-skeleton.cjs.map

package/dist/components/features/automations/automation-card-skeleton.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"automation-card-skeleton.cjs","names":[],"sources":["../../../../src/components/features/automations/automation-card-skeleton.tsx"],"sourcesContent":["import { extensionModuleCardSurfaceClassName } from \"#/utils/extension-module-card-classes\";\n\nexport function AutomationCardSkeleton() {\n return (\n <div\n data-testid=\"automation-card-skeleton\"\n className={`${extensionModuleCardSurfaceClassName} border border-transparent p-4`}\n >\n <div className=\"flex items-start justify-between\">\n <div className=\"h-5 w-40 animate-pulse rounded bg-surface-raised\" />\n <div className=\"size-8 animate-pulse rounded-md bg-surface-raised\" />\n </div>\n <div className=\"mt-2 h-4 w-72 animate-pulse rounded bg-surface-raised\" />\n <div className=\"mt-3 flex gap-2\">\n <div className=\"h-5 w-20 animate-pulse rounded-full bg-surface-raised\" />\n <div className=\"h-5 w-24 animate-pulse rounded bg-surface-raised\" />\n </div>\n <div className=\"mt-3 flex gap-2\">\n <div className=\"h-7 w-32 animate-pulse rounded-full bg-surface-raised\" />\n <div className=\"h-7 w-28 animate-pulse rounded-full bg-surface-raised\" />\n <div className=\"h-7 w-24 animate-pulse rounded-full bg-surface-raised\" />\n </div>\n <div className=\"mt-3 h-9 animate-pulse rounded-md bg-surface-raised\" />\n </div>\n );\n}\n"],"mappings":"0JAEA,SAAgB,GAAyB,CACvC,OACE,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,2BACZ,UAAW,GAAG,EAAA,oCAAoC,yCAFpD,EAIE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4CAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kDAAoD,CAAA,GACnE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mDAAqD,CAAA,CACjE,KACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uDAAyD,CAAA,GACxE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uDAAyD,CAAA,GACxE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kDAAoD,CAAA,CAChE,KACL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uDAAyD,CAAA,GACxE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uDAAyD,CAAA,GACxE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uDAAyD,CAAA,CACrE,KACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qDAAuD,CAAA,CACnE,GAET"}

package/dist/components/features/automations/automation-card-skeleton.js ADDED Viewed

@@ -0,0 +1,33 @@
+import { extensionModuleCardSurfaceClassName as e } from "../../../utils/extension-module-card-classes.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/features/automations/automation-card-skeleton.tsx
+function r() {
+	return /* @__PURE__ */ n("div", {
+		"data-testid": "automation-card-skeleton",
+		className: `${e} border border-transparent p-4`,
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ t("div", { className: "h-5 w-40 animate-pulse rounded bg-surface-raised" }), /* @__PURE__ */ t("div", { className: "size-8 animate-pulse rounded-md bg-surface-raised" })]
+			}),
+			/* @__PURE__ */ t("div", { className: "mt-2 h-4 w-72 animate-pulse rounded bg-surface-raised" }),
+			/* @__PURE__ */ n("div", {
+				className: "mt-3 flex gap-2",
+				children: [/* @__PURE__ */ t("div", { className: "h-5 w-20 animate-pulse rounded-full bg-surface-raised" }), /* @__PURE__ */ t("div", { className: "h-5 w-24 animate-pulse rounded bg-surface-raised" })]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "mt-3 flex gap-2",
+				children: [
+					/* @__PURE__ */ t("div", { className: "h-7 w-32 animate-pulse rounded-full bg-surface-raised" }),
+					/* @__PURE__ */ t("div", { className: "h-7 w-28 animate-pulse rounded-full bg-surface-raised" }),
+					/* @__PURE__ */ t("div", { className: "h-7 w-24 animate-pulse rounded-full bg-surface-raised" })
+				]
+			}),
+			/* @__PURE__ */ t("div", { className: "mt-3 h-9 animate-pulse rounded-md bg-surface-raised" })
+		]
+	});
+}
+//#endregion
+export { r as AutomationCardSkeleton };
+//# sourceMappingURL=automation-card-skeleton.js.map

package/dist/components/features/automations/automation-card-skeleton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"automation-card-skeleton.js","names":[],"sources":["../../../../src/components/features/automations/automation-card-skeleton.tsx"],"sourcesContent":["import { extensionModuleCardSurfaceClassName } from \"#/utils/extension-module-card-classes\";\n\nexport function AutomationCardSkeleton() {\n return (\n <div\n data-testid=\"automation-card-skeleton\"\n className={`${extensionModuleCardSurfaceClassName} border border-transparent p-4`}\n >\n <div className=\"flex items-start justify-between\">\n <div className=\"h-5 w-40 animate-pulse rounded bg-surface-raised\" />\n <div className=\"size-8 animate-pulse rounded-md bg-surface-raised\" />\n </div>\n <div className=\"mt-2 h-4 w-72 animate-pulse rounded bg-surface-raised\" />\n <div className=\"mt-3 flex gap-2\">\n <div className=\"h-5 w-20 animate-pulse rounded-full bg-surface-raised\" />\n <div className=\"h-5 w-24 animate-pulse rounded bg-surface-raised\" />\n </div>\n <div className=\"mt-3 flex gap-2\">\n <div className=\"h-7 w-32 animate-pulse rounded-full bg-surface-raised\" />\n <div className=\"h-7 w-28 animate-pulse rounded-full bg-surface-raised\" />\n <div className=\"h-7 w-24 animate-pulse rounded-full bg-surface-raised\" />\n </div>\n <div className=\"mt-3 h-9 animate-pulse rounded-md bg-surface-raised\" />\n </div>\n );\n}\n"],"mappings":";;;AAEA,SAAgB,IAAyB;CACvC,OACE,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,GAAG,EAAoC;YAFpD;GAIE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAK,WAAU,mDAAoD,CAAA,GACnE,kBAAC,OAAD,EAAK,WAAU,oDAAqD,CAAA,CACjE;;GACL,kBAAC,OAAD,EAAK,WAAU,wDAAyD,CAAA;GACxE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAK,WAAU,wDAAyD,CAAA,GACxE,kBAAC,OAAD,EAAK,WAAU,mDAAoD,CAAA,CAChE;;GACL,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD,EAAK,WAAU,wDAAyD,CAAA;KACxE,kBAAC,OAAD,EAAK,WAAU,wDAAyD,CAAA;KACxE,kBAAC,OAAD,EAAK,WAAU,wDAAyD,CAAA;IACrE;;GACL,kBAAC,OAAD,EAAK,WAAU,sDAAuD,CAAA;EACnE;;AAET"}

package/dist/components/features/automations/automation-card.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../context/navigation-context.cjs"),i=require("../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs"),a=require("../../shared/buttons/styled-tooltip.cjs"),o=require("../../../utils/extension-module-card-classes.cjs"),s=require("../../../types/automation.cjs"),c=require("./automation-action-button-classes.cjs"),l=require("./kebab-menu.cjs"),u=require("../../../hooks/use-has-permission.cjs"),d=require("../../../icons/play.cjs"),f=require("../skills/skill-card-pill-row.cjs"),p=require("../../../utils/format-relative-time.cjs"),m=require("../home/featured-automations/automation-run-health.cjs"),h=require("./build-automation-pills.cjs"),g=require("./build-automation-menu-items.cjs"),_=require("./automation-run-insights.cjs"),v=require("./automation-view-mode.cjs"),y=require("./to-latest-run-state.cjs"),b=require("./detail/run-status-badge.cjs"),x=require("../home/featured-automations/automation-run-activity-sparkline.cjs");let S=require("react"),C=require("react/jsx-runtime");function w({automation:w,onToggle:T,onRunNow:E,isRunPending:D=!1,onDelete:O,onExport:k,onEdit:A,insights:j}){let{navigate:M}=r.useNavigation(),{t:N,i18n:P}=e.useTranslation(`openhands`),F=u.useHasPermission(`manage_automations`),I=w.trigger.schedule_human\|\|w.trigger.type,L=(0,S.useMemo)(()=>h.buildAutomationMetadataPills(w,I),[w,I]),R=()=>{M?.(`/automations/${w.id}`)},z=g.buildAutomationMenuItems({automation:w,t:N,canManage:F,onRunNow:E,isRunPending:D,onView:R,onExport:k,onEdit:A,onToggle:T,onDelete:O}),{latestRun:B,recentRuns:V,isLoading:H,isError:U}=y.toLatestRunState(j?.state),W=B?m.getLastRunTimestamp(B):null,G=B?.status===s.AutomationRunStatus.FAILED&&B.error_detail?.trim()\|\|null,K=G?m.shortenAutomationErrorDetail(G):null,q=G!=null&&K!=null&&m.shouldShowAutomationErrorHovercard(G,K);return(0,C.jsxs)(`div`,{role:`link`,tabIndex:0,"data-testid":`automation-card-${w.id}`,onClick:R,onKeyDown:e=>{e.key===`Enter`&&R()},className:n.cn(`group relative flex min-w-0 flex-col overflow-hidden p-4 text-left`,o.extensionModuleCardSurfaceClassName,o.extensionModuleCardInteractiveClassName),children:[(0,C.jsxs)(`header`,{className:`flex flex-col gap-1.5`,children:[(0,C.jsxs)(`div`,{className:`flex h-8 items-center justify-between gap-3`,children:[(0,C.jsx)(`h3`,{className:`min-w-0 flex-1 truncate text-sm font-semibold leading-none text-[var(--oh-foreground)]`,children:w.name}),(0,C.jsxs)(`div`,{className:`flex shrink-0 items-center gap-0.5`,children:[F?(0,C.jsx)(a.StyledTooltip,{content:N(t.I18nKey.AUTOMATIONS$RUN_NOW),placement:`top`,children:(0,C.jsx)(`button`,{type:`button`,"data-testid":`automation-run-now-${w.id}`,"aria-label":N(t.I18nKey.AUTOMATIONS$RUN_NOW),"aria-busy":D,disabled:D\|\|!w.enabled,onClick:e=>{e.stopPropagation(),E(w.id)},className:c.automationIconActionButtonClassName,children:(0,C.jsx)(d.default,{className:`size-4 shrink-0`,"aria-hidden":!0})})}):null,(0,C.jsx)(l.KebabMenu,{items:z,triggerClassName:`opacity-70 group-hover:opacity-100`})]})]}),w.prompt?(0,C.jsx)(`p`,{className:`line-clamp-2 text-xs leading-relaxed text-[var(--oh-text-secondary)]`,children:w.prompt}):null]}),L.length>0\|\|V.length>0?(0,C.jsxs)(`div`,{className:n.cn(`mt-3 flex items-center gap-3`,L.length>0?`justify-between`:`justify-end`),children:[L.length>0?(0,C.jsx)(`div`,{className:`min-w-0 flex-1 overflow-hidden`,children:(0,C.jsx)(f.SkillCardPillRow,{pills:L,testId:`automation-pills-${w.id}`})}):null,V.length>0?(0,C.jsx)(x.AutomationRunActivitySparkline,{automationId:w.id,runs:V,testId:`automation-activity-${w.id}`}):null]}):null,j?(0,C.jsxs)(`div`,{className:v.automationCardStatusStripClassName,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2 overflow-hidden`,children:[H?(0,C.jsx)(`div`,{className:`h-3.5 w-3/4 animate-pulse rounded bg-surface-raised motion-reduce:animate-none`,"aria-hidden":`true`}):null,!H&&U?(0,C.jsx)(`p`,{className:`truncate text-[var(--oh-text-secondary)]`,children:N(t.I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE)}):null,!H&&!U&&!B?(0,C.jsx)(`p`,{className:`truncate text-[var(--oh-text-secondary)]`,children:N(t.I18nKey.AUTOMATIONS$DETAIL$NO_RUNS)}):null,B?(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(b.RunStatusBadge,{status:B.status,iconOnly:!0,showLabel:!0}),K?q&&G?(0,C.jsx)(i.tooltip_default,{content:(0,C.jsx)(`p`,{className:`max-w-xs whitespace-pre-wrap break-words p-2 text-xs`,children:G}),placement:`top`,closeDelay:100,disableAnimation:!1,className:`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,children:(0,C.jsx)(`span`,{className:`min-w-0 flex-1 cursor-default truncate text-[var(--oh-status-error)]`,children:K})}):(0,C.jsx)(`p`,{className:`min-w-0 flex-1 truncate text-[var(--oh-status-error)]`,children:K}):null]}):null]}),W?(0,C.jsx)(`span`,{"data-testid":`automation-last-run-${w.id}`,className:`shrink-0 text-[var(--oh-text-secondary)]`,children:p.formatRelativeTime(W,P.language,N)}):null]}):null,j?(0,C.jsx)(`div`,{className:`mt-3`,children:(0,C.jsx)(_.AutomationRunStats,{state:j.state,copy:j.spec.stats})}):null]})}exports.AutomationCard=w;
2	+ //# sourceMappingURL=automation-card.cjs.map

package/dist/components/features/automations/automation-card.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"automation-card.cjs","names":[],"sources":["../../../../src/components/features/automations/automation-card.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Automation } from \"#/types/automation\";\nimport { AutomationRunStatus } from \"#/types/automation\";\nimport { KebabMenu } from \"./kebab-menu\";\nimport { useHasPermission } from \"#/hooks/use-has-permission\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport PlayIcon from \"#/icons/play.svg?react\";\nimport { SkillCardPillRow } from \"#/components/features/skills/skill-card-pill-row\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { cn } from \"#/utils/utils\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { buildAutomationMetadataPills } from \"./build-automation-pills\";\nimport { buildAutomationMenuItems } from \"./build-automation-menu-items\";\nimport { automationIconActionButtonClassName } from \"./automation-action-button-classes\";\nimport { AutomationRunStats } from \"./automation-run-insights\";\nimport { automationCardStatusStripClassName } from \"./automation-view-mode\";\nimport {\n extensionModuleCardInteractiveClassName,\n extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport { toLatestRunState } from \"./to-latest-run-state\";\nimport { RunStatusBadge } from \"./detail/run-status-badge\";\nimport { AutomationRunActivitySparkline } from \"#/components/features/home/featured-automations/automation-run-activity-sparkline\";\nimport type { RunSummaryState } from \"#/manifests/automation-insights\";\nimport type { InterfaceListInsights } from \"#/manifests/types\";\nimport {\n getLastRunTimestamp,\n shortenAutomationErrorDetail,\n shouldShowAutomationErrorHovercard,\n} from \"#/components/features/home/featured-automations/automation-run-health\";\n\n/** Run insights shown when the manifest declares the dashboard surface. */\nexport interface AutomationInsightsProps {\n spec: InterfaceListInsights;\n state: RunSummaryState | undefined;\n}\n\ninterface AutomationCardProps {\n automation: Automation;\n onToggle: (id: string, enabled: boolean) => void;\n onRunNow: (id: string) => void;\n isRunPending?: boolean;\n onDelete: (id: string) => void;\n onExport: (automation: Automation) => void;\n onEdit?: (id: string) => void;\n insights?: AutomationInsightsProps;\n}\n\nexport function AutomationCard({\n automation,\n onToggle,\n onRunNow,\n isRunPending = false,\n onDelete,\n onExport,\n onEdit,\n insights,\n}: AutomationCardProps) {\n const { navigate } = useNavigation();\n const { t, i18n } = useTranslation(\"openhands\");\n const canManage = useHasPermission(\"manage_automations\");\n\n const scheduleLabel =\n automation.trigger.schedule_human || automation.trigger.type;\n const pills = useMemo(\n () => buildAutomationMetadataPills(automation, scheduleLabel),\n [automation, scheduleLabel],\n );\n\n const handleView = () => {\n navigate?.(`/automations/${automation.id}`);\n };\n\n const menuItems = buildAutomationMenuItems({\n automation,\n t,\n canManage,\n onRunNow,\n isRunPending,\n onView: handleView,\n onExport,\n onEdit,\n onToggle,\n onDelete,\n });\n\n const runState = toLatestRunState(insights?.state);\n const { latestRun, recentRuns, isLoading, isError } = runState;\n const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n const errorDetail =\n latestRun?.status === AutomationRunStatus.FAILED\n ? latestRun.error_detail?.trim() || null\n : null;\n const shortErrorDetail = errorDetail\n ? shortenAutomationErrorDetail(errorDetail)\n : null;\n const showErrorHovercard =\n errorDetail != null &&\n shortErrorDetail != null &&\n shouldShowAutomationErrorHovercard(errorDetail, shortErrorDetail);\n const disableAnimation = import.meta.env.MODE === \"test\";\n\n return (\n <div\n role=\"link\"\n tabIndex={0}\n data-testid={`automation-card-${automation.id}`}\n onClick={handleView}\n onKeyDown={(event) => {\n if (event.key === \"Enter\") handleView();\n }}\n className={cn(\n \"group relative flex min-w-0 flex-col overflow-hidden p-4 text-left\",\n extensionModuleCardSurfaceClassName,\n extensionModuleCardInteractiveClassName,\n )}\n >\n <header className=\"flex flex-col gap-1.5\">\n <div className=\"flex h-8 items-center justify-between gap-3\">\n <h3 className=\"min-w-0 flex-1 truncate text-sm font-semibold leading-none text-[var(--oh-foreground)]\">\n {automation.name}\n </h3>\n <div className=\"flex shrink-0 items-center gap-0.5\">\n {canManage ? (\n <StyledTooltip\n content={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n placement=\"top\"\n >\n <button\n type=\"button\"\n data-testid={`automation-run-now-${automation.id}`}\n aria-label={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n aria-busy={isRunPending}\n disabled={isRunPending || !automation.enabled}\n onClick={(event) => {\n event.stopPropagation();\n onRunNow(automation.id);\n }}\n className={automationIconActionButtonClassName}\n >\n <PlayIcon className=\"size-4 shrink-0\" aria-hidden />\n </button>\n </StyledTooltip>\n ) : null}\n <KebabMenu\n items={menuItems}\n triggerClassName=\"opacity-70 group-hover:opacity-100\"\n />\n </div>\n </div>\n {automation.prompt ? (\n <p className=\"line-clamp-2 text-xs leading-relaxed text-[var(--oh-text-secondary)]\">\n {automation.prompt}\n </p>\n ) : null}\n </header>\n\n {pills.length > 0 || recentRuns.length > 0 ? (\n <div\n className={cn(\n \"mt-3 flex items-center gap-3\",\n pills.length > 0 ? \"justify-between\" : \"justify-end\",\n )}\n >\n {pills.length > 0 ? (\n <div className=\"min-w-0 flex-1 overflow-hidden\">\n <SkillCardPillRow\n pills={pills}\n testId={`automation-pills-${automation.id}`}\n />\n </div>\n ) : null}\n {recentRuns.length > 0 ? (\n <AutomationRunActivitySparkline\n automationId={automation.id}\n runs={recentRuns}\n testId={`automation-activity-${automation.id}`}\n />\n ) : null}\n </div>\n ) : null}\n\n {insights ? (\n <div className={automationCardStatusStripClassName}>\n <div className=\"flex min-w-0 flex-1 items-center gap-2 overflow-hidden\">\n {isLoading ? (\n <div\n className=\"h-3.5 w-3/4 animate-pulse rounded bg-surface-raised motion-reduce:animate-none\"\n aria-hidden=\"true\"\n />\n ) : null}\n\n {!isLoading && isError ? (\n <p className=\"truncate text-[var(--oh-text-secondary)]\">\n {t(I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE)}\n </p>\n ) : null}\n\n {!isLoading && !isError && !latestRun ? (\n <p className=\"truncate text-[var(--oh-text-secondary)]\">\n {t(I18nKey.AUTOMATIONS$DETAIL$NO_RUNS)}\n </p>\n ) : null}\n\n {latestRun ? (\n <>\n <RunStatusBadge status={latestRun.status} iconOnly showLabel />\n\n {shortErrorDetail ? (\n showErrorHovercard && errorDetail ? (\n <Tooltip\n content={\n <p className=\"max-w-xs whitespace-pre-wrap break-words p-2 text-xs\">\n {errorDetail}\n </p>\n }\n placement=\"top\"\n closeDelay={100}\n disableAnimation={disableAnimation}\n className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n >\n <span className=\"min-w-0 flex-1 cursor-default truncate text-[var(--oh-status-error)]\">\n {shortErrorDetail}\n </span>\n </Tooltip>\n ) : (\n <p className=\"min-w-0 flex-1 truncate text-[var(--oh-status-error)]\">\n {shortErrorDetail}\n </p>\n )\n ) : null}\n </>\n ) : null}\n </div>\n\n {timestamp ? (\n <span\n data-testid={`automation-last-run-${automation.id}`}\n className=\"shrink-0 text-[var(--oh-text-secondary)]\"\n >\n {formatRelativeTime(timestamp, i18n.language, t)}\n </span>\n ) : null}\n </div>\n ) : null}\n\n {insights ? (\n <div className=\"mt-3\">\n <AutomationRunStats\n state={insights.state}\n copy={insights.spec.stats}\n />\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/automations/automation-card.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { Automation } from "#/types/automation";
-import { type RunSummaryState } from "#/manifests/automation-insights";
+import type { RunSummaryState } from "#/manifests/automation-insights";
 import type { InterfaceListInsights } from "#/manifests/types";
 /** Run insights shown when the manifest declares the dashboard surface. */
 export interface AutomationInsightsProps {