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

@openhands/agent-canvas 1.15.0 → 1.17.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 (1277) hide show

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

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

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/use-conversation-id.cjs"),n=require("../../../stores/model-store.cjs"),r=require("../../features/chat/model-messages.cjs"),i=require("./event-message-components/thought-event-message.cjs"),a=require("./hooks/use-plan-preview-events.cjs"),o=require("./event-message.cjs"),s=require("./group-events.cjs"),c=require("./event-message-components/event-group.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=e=>e.at(-1)?.id,f=e=>e.at(-1),p=l.default.memo(({messages:e,allEvents:d})=>{let{conversationId:f}=t.useOptionalConversationId(),p=a.usePlanPreviewEvents(d),m=n.useModelStore(e=>f?e.entriesByConversation[f]:void 0),h=l.default.useMemo(()=>{if(!m||m.length===0)return null;let e=new Set;for(let t of m)t.anchorEventId!==null&&e.add(t.anchorEventId);return e.size>0?e:null},[m]),g=e=>{if(!h||e===void 0)return null;let t=String(e);return h.has(t)?(0,u.jsx)(r.ModelMessages,{conversationId:f,anchorEventId:t}):null},_=l.default.useMemo(()=>s.groupEvents(e,void 0,d),[e,d]),v=(t,n,r)=>(0,u.jsx)(o.EventMessage,{event:t,messages:d,isLastMessage:e.length-1===n,isInLast10Actions:e.length-1-n<10,planPreviewEventIds:p,suppressThought:r},t.id);return(0,u.jsx)(u.Fragment,{children:_.map((e,t)=>{if(e.kind===`single`)return(0,u.jsxs)(l.default.Fragment,{children:[v(e.event,e.index,!0),g(e.event.id)]},`single-${e.event.id}`);if(e.kind===`thought`)return(0,u.jsxs)(l.default.Fragment,{children:[(0,u.jsx)(i.ThoughtEventMessage,{event:e.action}),g(e.action.id)]},`thought-${e.action.id}`);let n=t<_.length-1,r=e.events[0]?.id??`group-${e.startIndex}`;return(0,u.jsxs)(l.default.Fragment,{children:[(0,u.jsx)(c.EventGroup,{events:e.events,allEvents:d,isFinalized:n,children:e.events.map((t,n)=>v(t,e.startIndex+n,!0))}),e.events.map(e=>(0,u.jsx)(l.default.Fragment,{children:g(e.id)},`model-${e.id}`))]},`group-${r}`)})})},(e,t)=>e.messages.length===t.messages.length&&e.allEvents.length===t.allEvents.length&&d(e.messages)===d(t.messages)&&d(e.allEvents)===d(t.allEvents)&&f(e.messages)===f(t.messages)&&f(e.allEvents)===f(t.allEvents));p.displayName=`Messages`,exports.Messages=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/use-conversation-id.cjs"),n=require("../../../stores/model-store.cjs"),r=require("../../features/chat/model-messages.cjs"),i=require("./event-message-components/thought-event-message.cjs"),a=require("./hooks/use-plan-preview-events.cjs"),o=require("./event-message.cjs"),s=require("./group-events.cjs"),c=require("./event-message-components/event-group.cjs"),l=require("../../shared/buttons/conversation-confirmation-buttons.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=e=>e.at(-1)?.id,p=e=>e.at(-1),m=u.default.memo(({messages:e,allEvents:f})=>{let{conversationId:p}=t.useOptionalConversationId(),m=a.usePlanPreviewEvents(f),h=n.useModelStore(e=>p?e.entriesByConversation[p]:void 0),g=u.default.useMemo(()=>{if(!h||h.length===0)return null;let e=new Set;for(let t of h)t.anchorEventId!==null&&e.add(t.anchorEventId);return e.size>0?e:null},[h]),_=e=>{if(!g||e===void 0)return null;let t=String(e);return g.has(t)?(0,d.jsx)(r.ModelMessages,{conversationId:p,anchorEventId:t}):null},v=u.default.useMemo(()=>s.groupEvents(e,void 0,f),[e,f]),y=(t,n,r)=>(0,d.jsx)(o.EventMessage,{event:t,messages:f,isLastMessage:e.length-1===n,isInLast10Actions:e.length-1-n<10,planPreviewEventIds:m,suppressThought:r},t.id);return(0,d.jsxs)(d.Fragment,{children:[v.map((e,t)=>{if(e.kind===`single`)return(0,d.jsxs)(u.default.Fragment,{children:[y(e.event,e.index,!0),_(e.event.id)]},`single-${e.event.id}`);if(e.kind===`thought`)return(0,d.jsxs)(u.default.Fragment,{children:[(0,d.jsx)(i.ThoughtEventMessage,{event:e.action}),_(e.action.id)]},`thought-${e.action.id}`);let n=t<v.length-1,r=e.events[0]?.id??`group-${e.startIndex}`;return(0,d.jsxs)(u.default.Fragment,{children:[(0,d.jsx)(c.EventGroup,{events:e.events,allEvents:f,isFinalized:n,children:e.events.map((t,n)=>y(t,e.startIndex+n,!0))}),e.events.map(e=>(0,d.jsx)(u.default.Fragment,{children:_(e.id)},`model-${e.id}`))]},`group-${r}`)}),(0,d.jsx)(l.ConversationConfirmationButtons,{})]})},(e,t)=>e.messages.length===t.messages.length&&e.allEvents.length===t.allEvents.length&&f(e.messages)===f(t.messages)&&f(e.allEvents)===f(t.allEvents)&&p(e.messages)===p(t.messages)&&p(e.allEvents)===p(t.allEvents));m.displayName=`Messages`,exports.Messages=m;
 //# sourceMappingURL=messages.cjs.map

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\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"}
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\";\nimport { ConversationConfirmationButtons } from \"#/components/shared/buttons/conversation-confirmation-buttons\";\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 <ConversationConfirmationButtons />\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":"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"}

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

@@ -6,44 +6,45 @@ import { usePlanPreviewEvents as i } from "./hooks/use-plan-preview-events.js";
 import { EventMessage as a } from "./event-message.js";
 import { groupEvents as o } from "./group-events.js";
 import { EventGroup as s } from "./event-message-components/event-group.js";
-import c from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { ConversationConfirmationButtons as c } from "../../shared/buttons/conversation-confirmation-buttons.js";
+import l from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/conversation-events/chat/messages.tsx
-var f = (e) => e.at(-1)?.id, p = (e) => e.at(-1), m = c.memo(({ messages: f, allEvents: p }) => {
-	let { conversationId: m } = e(), h = i(p), g = t((e) => m ? e.entriesByConversation[m] : void 0), _ = c.useMemo(() => {
-		if (!g || g.length === 0) return null;
+var p = (e) => e.at(-1)?.id, m = (e) => e.at(-1), h = l.memo(({ messages: p, allEvents: m }) => {
+	let { conversationId: h } = e(), g = i(m), _ = t((e) => h ? e.entriesByConversation[h] : void 0), v = l.useMemo(() => {
+		if (!_ || _.length === 0) return null;
 		let e = /* @__PURE__ */ new Set();
-		for (let t of g) t.anchorEventId !== null && e.add(t.anchorEventId);
+		for (let t of _) t.anchorEventId !== null && e.add(t.anchorEventId);
 		return e.size > 0 ? e : null;
-	}, [g]), v = (e) => {
-		if (!_ || e === void 0) return null;
+	}, [_]), y = (e) => {
+		if (!v || e === void 0) return null;
 		let t = String(e);
-		return _.has(t) ? /* @__PURE__ */ u(n, {
-			conversationId: m,
+		return v.has(t) ? /* @__PURE__ */ d(n, {
+			conversationId: h,
 			anchorEventId: t
 		}) : null;
-	}, y = c.useMemo(() => o(f, void 0, p), [f, p]), b = (e, t, n) => /* @__PURE__ */ u(a, {
+	}, b = l.useMemo(() => o(p, void 0, m), [p, m]), x = (e, t, n) => /* @__PURE__ */ d(a, {
 		event: e,
-		messages: p,
-		isLastMessage: f.length - 1 === t,
-		isInLast10Actions: f.length - 1 - t < 10,
-		planPreviewEventIds: h,
+		messages: m,
+		isLastMessage: p.length - 1 === t,
+		isInLast10Actions: p.length - 1 - t < 10,
+		planPreviewEventIds: g,
 		suppressThought: n
 	}, e.id);
-	return /* @__PURE__ */ u(l, { children: y.map((e, t) => {
-		if (e.kind === "single") return /* @__PURE__ */ d(c.Fragment, { children: [b(e.event, e.index, !0), v(e.event.id)] }, `single-${e.event.id}`);
-		if (e.kind === "thought") return /* @__PURE__ */ d(c.Fragment, { children: [/* @__PURE__ */ u(r, { event: e.action }), v(e.action.id)] }, `thought-${e.action.id}`);
-		let n = t < y.length - 1, i = e.events[0]?.id ?? `group-${e.startIndex}`;
-		return /* @__PURE__ */ d(c.Fragment, { children: [/* @__PURE__ */ u(s, {
+	return /* @__PURE__ */ f(u, { children: [b.map((e, t) => {
+		if (e.kind === "single") return /* @__PURE__ */ f(l.Fragment, { children: [x(e.event, e.index, !0), y(e.event.id)] }, `single-${e.event.id}`);
+		if (e.kind === "thought") return /* @__PURE__ */ f(l.Fragment, { children: [/* @__PURE__ */ d(r, { event: e.action }), y(e.action.id)] }, `thought-${e.action.id}`);
+		let n = t < b.length - 1, i = e.events[0]?.id ?? `group-${e.startIndex}`;
+		return /* @__PURE__ */ f(l.Fragment, { children: [/* @__PURE__ */ d(s, {
 			events: e.events,
-			allEvents: p,
+			allEvents: m,
 			isFinalized: n,
-			children: e.events.map((t, n) => b(t, e.startIndex + n, !0))
-		}), e.events.map((e) => /* @__PURE__ */ u(c.Fragment, { children: v(e.id) }, `model-${e.id}`))] }, `group-${i}`);
-	}) });
-}, (e, t) => e.messages.length === t.messages.length && e.allEvents.length === t.allEvents.length && f(e.messages) === f(t.messages) && f(e.allEvents) === f(t.allEvents) && p(e.messages) === p(t.messages) && p(e.allEvents) === p(t.allEvents));
-m.displayName = "Messages";
+			children: e.events.map((t, n) => x(t, e.startIndex + n, !0))
+		}), e.events.map((e) => /* @__PURE__ */ d(l.Fragment, { children: y(e.id) }, `model-${e.id}`))] }, `group-${i}`);
+	}), /* @__PURE__ */ d(c, {})] });
+}, (e, t) => e.messages.length === t.messages.length && e.allEvents.length === t.allEvents.length && p(e.messages) === p(t.messages) && p(e.allEvents) === p(t.allEvents) && m(e.messages) === m(t.messages) && m(e.allEvents) === m(t.allEvents));
+h.displayName = "Messages";
 //#endregion
-export { m as Messages };
+export { h as Messages };
 //# sourceMappingURL=messages.js.map

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\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"}
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\";\nimport { ConversationConfirmationButtons } from \"#/components/shared/buttons/conversation-confirmation-buttons\";\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 <ConversationConfirmationButtons />\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":";;;;;;;;;;;;AAiBA,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,UAAA,CACG,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,GACD,kBAAC,GAAD,CAAkC,CAAA,CAClC,EAAA,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/automation-card.cjs CHANGED Viewed

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

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

	@@ -1 +1 @@
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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"}
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 { getAutomationRunDisplay } from \"#/utils/automation-run-display\";\nimport { KebabMenu } from \"./kebab-menu\";\nimport {\n useAutomationPermissions,\n useIsAutomationOwner,\n} from \"#/hooks/use-automation-permissions\";\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 { RunPhase, shouldShowRunPhase } from \"./detail/run-phase\";\nimport { resolveAutomationImpactStatement } from \"#/utils/automation-catalog\";\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 shortenAutomationRunSummary,\n shouldShowAutomationRunSummaryHovercard,\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: hasManagePermission } = useAutomationPermissions();\n const isOwner = useIsAutomationOwner(automation);\n // Write actions on a specific automation: manage OR creator (escape hatch).\n const canManage = hasManagePermission \|\| isOwner;\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 impactStatement = resolveAutomationImpactStatement(\n automation,\n insights?.state?.summary?.completedTotal ?? null,\n );\n const { latestRun, recentRuns, isLoading, isError } = runState;\n const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n const display = latestRun ? getAutomationRunDisplay(latestRun) : null;\n const summary = display?.summary ?? null;\n const shortSummary = summary ? shortenAutomationRunSummary(summary) : null;\n const showSummaryHovercard =\n summary != null &&\n shortSummary != null &&\n shouldShowAutomationRunSummaryHovercard(summary, shortSummary);\n const showPhase = shouldShowRunPhase(latestRun?.status);\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\n status={display?.badgeStatus ?? latestRun.status}\n iconOnly\n showLabel\n />\n\n {showPhase ? (\n <RunPhase\n status={latestRun.status}\n code={latestRun.phase_code}\n label={latestRun.phase_label}\n updatedAt={latestRun.phase_updated_at}\n />\n ) : null}\n\n {shortSummary ? (\n showSummaryHovercard && summary ? (\n <Tooltip\n content={\n <p className=\"max-w-xs whitespace-pre-wrap break-words p-2 text-xs\">\n {summary}\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-text-secondary)]\">\n {shortSummary}\n </span>\n </Tooltip>\n ) : (\n <p className=\"min-w-0 flex-1 truncate text-[var(--oh-text-secondary)]\">\n {shortSummary}\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 {impactStatement ? (\n <p\n data-testid={`automation-impact-${automation.id}`}\n className=\"mt-3 truncate text-xs text-[var(--oh-text-secondary)]\"\n >\n {impactStatement}\n </p>\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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"}