@openhands/agent-canvas 1.14.0 → 1.16.0

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

@@ -1 +1 @@
-{"version":3,"file":"event-group.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/event-group.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { LoaderCircle } from \"lucide-react\";\nimport ArrowDown from \"#/icons/angle-down-solid.svg?react\";\nimport ArrowUp from \"#/icons/angle-up-solid.svg?react\";\nimport { OpenHandsEvent, ActionEvent } from \"#/types/agent-server/core\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport { IsInEventGroupContext } from \"../../../features/chat/is-in-event-group-context\";\n\ninterface EventGroupProps {\n  /** The events represented by this group. Used to compute the summary. */\n  events: OpenHandsEvent[];\n  /**\n   * Full event history. Used to resolve the action that produced the latest\n   * observation in the group so the summary title matches what the individual\n   * card would show (e.g. \"Editing path/to/file\"). Falls back to `events` when\n   * omitted.\n   */\n  allEvents?: OpenHandsEvent[];\n  /**\n   * `true` once an event outside this group has been emitted after it, so the\n   * group is no longer the \"live\" tail of the chat. While `false` (the\n   * default), the group keeps showing the most recent action's title as its\n   * prominent summary, with the count of completed actions shown subtly on\n   * the right.\n   */\n  isFinalized?: boolean;\n  /** The fully-rendered event messages to show when the group is expanded. */\n  children: React.ReactNode;\n}\n\n/**\n * Collapsible container that wraps a run of consecutive agent action/observation\n * events into a single summary card.\n *\n * Collapsed, while the group is still the live tail of the chat\n * (`isFinalized=false`):\n *   - Left (prominent): the title of the most recent action/observation in\n *     the group — i.e. either the action currently in flight, or the latest\n *     completed step.\n *   - Right (subdued):  \"{completed}/{total} actions completed\" while at\n *     least one action is still pending (with a spinner), otherwise\n *     \"{count} actions completed\" followed by a success check.\n *\n * Collapsed, after the group has been \"moved past\" (`isFinalized=true`):\n *   - \"{count} actions completed\" is promoted to the prominent foreground\n *     style and the count is the only thing shown next to the chevron.\n *\n * Expanded:\n *   - Renders the children verbatim, so each individual action/observation can\n *     still be expanded the way it was before grouping.\n */\nexport function EventGroup({\n  events,\n  allEvents,\n  isFinalized = false,\n  children,\n}: EventGroupProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [expanded, setExpanded] = React.useState(false);\n  const contentId = React.useId();\n  const buttonId = `${contentId}-toggle`;\n\n  if (events.length === 0) {\n    return null;\n  }\n\n  // Each ObservationEvent in the group is a completed action. An ActionEvent\n  // that's still here (i.e. not yet replaced by its observation in the UI\n  // events array) is an action currently in flight.\n  const pendingAction = events.find((e): e is ActionEvent => isActionEvent(e));\n  const completedCount = events.filter(isObservationEvent).length;\n  const totalCount = events.length;\n  const isRunning = !!pendingAction;\n\n  // Title of the most recent groupable event. While running this is the\n  // pending action; otherwise it's the latest observation, with its\n  // originating action looked up so the title can be the action-style summary\n  // (\"Editing path/to/file\") instead of the observation default.\n  const latestEvent = events[events.length - 1];\n  let latestTitle: React.ReactNode = null;\n  if (latestEvent) {\n    if (isActionEvent(latestEvent)) {\n      latestTitle = getEventContent(latestEvent).title;\n    } else if (isObservationEvent(latestEvent)) {\n      const lookupSource = allEvents ?? events;\n      const correspondingAction = lookupSource.find(\n        (e): e is ActionEvent =>\n          isActionEvent(e) && e.id === latestEvent.action_id,\n      );\n      latestTitle = getEventContent(latestEvent, correspondingAction).title;\n    }\n  }\n\n  const countSummary = isRunning\n    ? t(I18nKey.EVENT_GROUP$ACTIONS_PROGRESS, {\n        completed: completedCount,\n        total: totalCount,\n      })\n    : t(I18nKey.EVENT_GROUP$ACTIONS_COMPLETED, { count: totalCount });\n\n  const Chevron = expanded ? ArrowUp : ArrowDown;\n\n  return (\n    <div className=\"my-1 w-full py-1 text-sm\" data-testid=\"event-group\">\n      <button\n        id={buttonId}\n        type=\"button\"\n        onClick={() => setExpanded((prev) => !prev)}\n        aria-controls={contentId}\n        aria-expanded={expanded}\n        aria-label={\n          expanded\n            ? t(I18nKey.EVENT_GROUP$COLLAPSE)\n            : t(I18nKey.EVENT_GROUP$EXPAND)\n        }\n        data-testid=\"event-group-toggle\"\n        className=\"w-full flex items-center justify-between gap-2 text-left cursor-pointer\"\n      >\n        {isFinalized ? (\n          <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n            <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n            <span className=\"truncate\">{countSummary}</span>\n          </span>\n        ) : (\n          <>\n            <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n              <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n              <span className=\"truncate\">{latestTitle ?? countSummary}</span>\n            </span>\n            <span className=\"flex items-center flex-shrink-0 font-normal text-[var(--oh-muted)]\">\n              <span className=\"truncate\">{countSummary}</span>\n              {isRunning ? (\n                <LoaderCircle\n                  data-testid=\"spinner-icon\"\n                  className=\"h-4 w-4 ml-2 inline animate-spin text-[var(--oh-muted)]\"\n                />\n              ) : null}\n            </span>\n          </>\n        )}\n      </button>\n\n      {expanded && (\n        <div\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={buttonId}\n          className=\"mt-1.5 flex flex-col\"\n          data-testid=\"event-group-content\"\n        >\n          <IsInEventGroupContext.Provider value>\n            {children}\n          </IsInEventGroupContext.Provider>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAyDA,SAAgB,EAAW,EACzB,WACA,cACA,iBAAc,IACd,eACkB;CAClB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK,GAC9C,IAAY,EAAM,MAAM,GACxB,IAAW,GAAG,EAAU;CAE9B,IAAI,EAAO,WAAW,GACpB,OAAO;CAMT,IAAM,IAAgB,EAAO,MAAM,MAAwB,EAAc,CAAC,CAAC,GACrE,IAAiB,EAAO,OAAO,CAAkB,EAAE,QACnD,IAAa,EAAO,QACpB,IAAY,CAAC,CAAC,GAMd,IAAc,EAAO,EAAO,SAAS,IACvC,IAA+B;CACnC,AAAI,MACE,EAAc,CAAW,IAC3B,IAAc,EAAgB,CAAW,EAAE,QAClC,EAAmB,CAAW,MAMvC,IAAc,EAAgB,IALT,KAAa,GACO,MACtC,MACC,EAAc,CAAC,KAAK,EAAE,OAAO,EAAY,SAEF,CAAmB,EAAE;CAIpE,IAAM,IAAe,IACjB,EAAE,EAAQ,8BAA8B;EACtC,WAAW;EACX,OAAO;CACT,CAAC,IACD,EAAE,EAAQ,+BAA+B,EAAE,OAAO,EAAW,CAAC,GAE5D,IAAU,IAAW,IAAU;CAErC,OACE,kBAAC,OAAD;EAAK,WAAU;EAA2B,eAAY;YAAtD,CACE,kBAAC,UAAD;GACE,IAAI;GACJ,MAAK;GACL,eAAe,GAAa,MAAS,CAAC,CAAI;GAC1C,iBAAe;GACf,iBAAe;GACf,cAEM,EADJ,IACM,EAAQ,uBACR,EAAQ,kBAAkB;GAElC,eAAY;GACZ,WAAU;aAET,IACC,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,+CAAgD,CAAA,GACnE,kBAAC,QAAD;KAAM,WAAU;eAAY;IAAmB,CAAA,CAC3C;QAEN,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,+CAAgD,CAAA,GACnE,kBAAC,QAAD;KAAM,WAAU;eAAY,KAAe;IAAmB,CAAA,CAC1D;OACN,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAU;eAAY;IAAmB,CAAA,GAC9C,IACC,kBAAC,GAAD;KACE,eAAY;KACZ,WAAU;IACX,CAAA,IACC,IACA;KACN,EAAA,CAAA;EAEE,CAAA,GAEP,KACC,kBAAC,OAAD;GACE,IAAI;GACJ,MAAK;GACL,mBAAiB;GACjB,WAAU;GACV,eAAY;aAEZ,kBAAC,EAAsB,UAAvB;IAAgC,OAAA;IAC7B;GAC6B,CAAA;EAC7B,CAAA,CAEJ;;AAET"}
+{"version":3,"file":"event-group.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/event-group.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { LoaderCircle } from \"lucide-react\";\nimport ArrowDown from \"#/icons/angle-down-solid.svg?react\";\nimport ArrowUp from \"#/icons/angle-up-solid.svg?react\";\nimport { OpenHandsEvent, ActionEvent } from \"#/types/agent-server/core\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport { IsInEventGroupContext } from \"../../../features/chat/is-in-event-group-context\";\nimport { PathInteractiveContext } from \"../../../features/chat/path-component\";\n\ninterface EventGroupProps {\n  /** The events represented by this group. Used to compute the summary. */\n  events: OpenHandsEvent[];\n  /**\n   * Full event history. Used to resolve the action that produced the latest\n   * observation in the group so the summary title matches what the individual\n   * card would show (e.g. \"Editing path/to/file\"). Falls back to `events` when\n   * omitted.\n   */\n  allEvents?: OpenHandsEvent[];\n  /**\n   * `true` once an event outside this group has been emitted after it, so the\n   * group is no longer the \"live\" tail of the chat. While `false` (the\n   * default), the group keeps showing the most recent action's title as its\n   * prominent summary, with the count of completed actions shown subtly on\n   * the right.\n   */\n  isFinalized?: boolean;\n  /** The fully-rendered event messages to show when the group is expanded. */\n  children: React.ReactNode;\n}\n\n/**\n * Collapsible container that wraps a run of consecutive agent action/observation\n * events into a single summary card.\n *\n * Collapsed, while the group is still the live tail of the chat\n * (`isFinalized=false`):\n *   - Left (prominent): the title of the most recent action/observation in\n *     the group — i.e. either the action currently in flight, or the latest\n *     completed step.\n *   - Right (subdued):  \"{completed}/{total} actions completed\" while at\n *     least one action is still pending (with a spinner), otherwise\n *     \"{count} actions completed\" followed by a success check.\n *\n * Collapsed, after the group has been \"moved past\" (`isFinalized=true`):\n *   - \"{count} actions completed\" is promoted to the prominent foreground\n *     style and the count is the only thing shown next to the chevron.\n *\n * Expanded:\n *   - Renders the children verbatim, so each individual action/observation can\n *     still be expanded the way it was before grouping.\n */\nexport function EventGroup({\n  events,\n  allEvents,\n  isFinalized = false,\n  children,\n}: EventGroupProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [expanded, setExpanded] = React.useState(false);\n  const contentId = React.useId();\n  const buttonId = `${contentId}-toggle`;\n\n  if (events.length === 0) {\n    return null;\n  }\n\n  // Each ObservationEvent in the group is a completed action. An ActionEvent\n  // that's still here (i.e. not yet replaced by its observation in the UI\n  // events array) is an action currently in flight.\n  const pendingAction = events.find((e): e is ActionEvent => isActionEvent(e));\n  const completedCount = events.filter(isObservationEvent).length;\n  const totalCount = events.length;\n  const isRunning = !!pendingAction;\n\n  // Title of the most recent groupable event. While running this is the\n  // pending action; otherwise it's the latest observation, with its\n  // originating action looked up so the title can be the action-style summary\n  // (\"Editing path/to/file\") instead of the observation default.\n  const latestEvent = events[events.length - 1];\n  let latestTitle: React.ReactNode = null;\n  if (latestEvent) {\n    if (isActionEvent(latestEvent)) {\n      latestTitle = getEventContent(latestEvent).title;\n    } else if (isObservationEvent(latestEvent)) {\n      const lookupSource = allEvents ?? events;\n      const correspondingAction = lookupSource.find(\n        (e): e is ActionEvent =>\n          isActionEvent(e) && e.id === latestEvent.action_id,\n      );\n      latestTitle = getEventContent(latestEvent, correspondingAction).title;\n    }\n  }\n\n  const countSummary = isRunning\n    ? t(I18nKey.EVENT_GROUP$ACTIONS_PROGRESS, {\n        completed: completedCount,\n        total: totalCount,\n      })\n    : t(I18nKey.EVENT_GROUP$ACTIONS_COMPLETED, { count: totalCount });\n\n  const Chevron = expanded ? ArrowUp : ArrowDown;\n\n  return (\n    <div className=\"my-1 w-full py-1 text-sm\" data-testid=\"event-group\">\n      <button\n        id={buttonId}\n        type=\"button\"\n        onClick={() => setExpanded((prev) => !prev)}\n        aria-controls={contentId}\n        aria-expanded={expanded}\n        aria-label={\n          expanded\n            ? t(I18nKey.EVENT_GROUP$COLLAPSE)\n            : t(I18nKey.EVENT_GROUP$EXPAND)\n        }\n        data-testid=\"event-group-toggle\"\n        className=\"w-full flex items-center justify-between gap-2 text-left cursor-pointer\"\n      >\n        {isFinalized ? (\n          <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n            <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n            <span className=\"truncate\">{countSummary}</span>\n          </span>\n        ) : (\n          <>\n            <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n              <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n              <span className=\"truncate\">\n                <PathInteractiveContext.Provider value={false}>\n                  {latestTitle ?? countSummary}\n                </PathInteractiveContext.Provider>\n              </span>\n            </span>\n            <span className=\"flex items-center flex-shrink-0 font-normal text-[var(--oh-muted)]\">\n              <span className=\"truncate\">{countSummary}</span>\n              {isRunning ? (\n                <LoaderCircle\n                  data-testid=\"spinner-icon\"\n                  className=\"h-4 w-4 ml-2 inline animate-spin text-[var(--oh-muted)]\"\n                />\n              ) : null}\n            </span>\n          </>\n        )}\n      </button>\n\n      {expanded && (\n        <div\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={buttonId}\n          className=\"mt-1.5 flex flex-col\"\n          data-testid=\"event-group-content\"\n        >\n          <IsInEventGroupContext.Provider value>\n            {children}\n          </IsInEventGroupContext.Provider>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA0DA,SAAgB,EAAW,EACzB,WACA,cACA,iBAAc,IACd,eACkB;CAClB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK,GAC9C,IAAY,EAAM,MAAM,GACxB,IAAW,GAAG,EAAU;CAE9B,IAAI,EAAO,WAAW,GACpB,OAAO;CAMT,IAAM,IAAgB,EAAO,MAAM,MAAwB,EAAc,CAAC,CAAC,GACrE,IAAiB,EAAO,OAAO,CAAkB,EAAE,QACnD,IAAa,EAAO,QACpB,IAAY,CAAC,CAAC,GAMd,IAAc,EAAO,EAAO,SAAS,IACvC,IAA+B;CACnC,AAAI,MACE,EAAc,CAAW,IAC3B,IAAc,EAAgB,CAAW,EAAE,QAClC,EAAmB,CAAW,MAMvC,IAAc,EAAgB,IALT,KAAa,GACO,MACtC,MACC,EAAc,CAAC,KAAK,EAAE,OAAO,EAAY,SAEF,CAAmB,EAAE;CAIpE,IAAM,IAAe,IACjB,EAAE,EAAQ,8BAA8B;EACtC,WAAW;EACX,OAAO;CACT,CAAC,IACD,EAAE,EAAQ,+BAA+B,EAAE,OAAO,EAAW,CAAC,GAE5D,IAAU,IAAW,IAAU;CAErC,OACE,kBAAC,OAAD;EAAK,WAAU;EAA2B,eAAY;YAAtD,CACE,kBAAC,UAAD;GACE,IAAI;GACJ,MAAK;GACL,eAAe,GAAa,MAAS,CAAC,CAAI;GAC1C,iBAAe;GACf,iBAAe;GACf,cAEM,EADJ,IACM,EAAQ,uBACR,EAAQ,kBAAkB;GAElC,eAAY;GACZ,WAAU;aAET,IACC,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,+CAAgD,CAAA,GACnE,kBAAC,QAAD;KAAM,WAAU;eAAY;IAAmB,CAAA,CAC3C;QAEN,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,+CAAgD,CAAA,GACnE,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,EAAuB,UAAxB;MAAiC,OAAO;gBACrC,KAAe;KACe,CAAA;IAC7B,CAAA,CACF;OACN,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAU;eAAY;IAAmB,CAAA,GAC9C,IACC,kBAAC,GAAD;KACE,eAAY;KACZ,WAAU;IACX,CAAA,IACC,IACA;KACN,EAAA,CAAA;EAEE,CAAA,GAEP,KACC,kBAAC,OAAD;GACE,IAAI;GACJ,MAAK;GACL,mBAAiB;GACjB,WAAU;GACV,eAAY;aAEZ,kBAAC,EAAsB,UAAvB;IAAgC,OAAA;IAC7B;GAC6B,CAAA;EAC7B,CAAA,CAEJ;;AAET"}

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

@@ -1,4 +1,4 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../types/agent-state.cjs"),n=require("../../../stores/conversation-store.cjs"),r=require("../../../types/agent-server/type-guards.cjs"),i=require("./event-thought-helpers.cjs"),a=require("../../../hooks/use-agent-state.cjs"),o=require("../../features/chat/goal-status-content.cjs"),s=require("../../../hooks/query/use-config.cjs"),c=require("../../features/chat/chat-message.cjs"),l=require("../../features/chat/plan-preview.cjs"),u=require("./event-message-components/error-event-message.cjs"),d=require("./event-message-components/collapsible-thinking.cjs"),f=require("./event-message-components/user-assistant-event-message.cjs"),p=require("./event-content-helpers/create-skill-ready-event.cjs"),m=require("./event-message-components/finish-event-message.cjs"),h=require("./event-message-components/generic-event-message-wrapper.cjs"),g=require("./event-message-components/thought-event-message.cjs"),_=require("../../shared/hook-execution-event-message.cjs");require("./event-message-components/hook-execution-event-message.cjs");const v=require("./hooks/use-plan-preview-events.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");var x=e=>e.activated_skills||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

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

@@ -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

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

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

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

@@ -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

@@ -0,0 +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("../../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;
+//# sourceMappingURL=add-automation-modal.cjs.map

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

@@ -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

@@ -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

@@ -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

@@ -0,0 +1,2 @@
+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;
+//# sourceMappingURL=automation-action-button-classes.cjs.map

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -0,0 +1,2 @@
+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;
+//# sourceMappingURL=automation-card-skeleton.cjs.map

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

@@ -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

@@ -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

@@ -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

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

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

@@ -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 { RunPhase, shouldShowRunPhase } from \"./detail/run-phase\";\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 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 status={latestRun.status} iconOnly showLabel />\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                {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

@@ -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 {