@openhands/agent-canvas 1.12.0 → 1.13.0

package/dist/components/features/markdown/markdown-table-scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-table-scroll.js","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nconst SCROLL_EDGE_THRESHOLD_PX = 1;\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n  children: React.ReactNode;\n}\n\ninterface ScrollFadeState {\n  left: boolean;\n  right: boolean;\n}\n\nexport function readScrollFadeState(element: HTMLDivElement): ScrollFadeState {\n  const { scrollLeft, scrollWidth, clientWidth } = element;\n  const maxScroll = scrollWidth - clientWidth;\n  const hasOverflow = maxScroll > SCROLL_EDGE_THRESHOLD_PX;\n\n  return {\n    left: hasOverflow && scrollLeft > SCROLL_EDGE_THRESHOLD_PX,\n    right: hasOverflow && scrollLeft < maxScroll - SCROLL_EDGE_THRESHOLD_PX,\n  };\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n    left: false,\n    right: false,\n  });\n\n  const updateFadeState = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setFadeState(readScrollFadeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    updateFadeState();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateFadeState);\n    resizeObserver.observe(element);\n\n    const table = element.firstElementChild;\n    if (table) {\n      resizeObserver.observe(table);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [updateFadeState, children]);\n\n  return (\n    <div className=\"relative max-w-full\">\n      <div\n        ref={scrollRef}\n        data-testid=\"markdown-table-scroll\"\n        onScroll={updateFadeState}\n        className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n      >\n        {children}\n      </div>\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-left\"\n        data-visible={fadeState.left ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-r from-base to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.left ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-right\"\n        data-visible={fadeState.right ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-l from-base to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.right ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,IAAM,IAA2B,GAC3B,IAAmB;AAWzB,SAAgB,EAAoB,GAA0C;CAC5E,IAAM,EAAE,eAAY,gBAAa,mBAAgB,GAC3C,IAAY,IAAc,GAC1B,IAAc,IAAY;CAEhC,OAAO;EACL,MAAM,KAAe,IAAa;EAClC,OAAO,KAAe,IAAa,IAAY;CACjD;AACF;AAEA,SAAgB,EAAoB,EAAE,eAAsC;CAC1E,IAAM,IAAY,EAAM,OAAuB,IAAI,GAC7C,CAAC,GAAW,KAAgB,EAAM,SAA0B;EAChE,MAAM;EACN,OAAO;CACT,CAAC,GAEK,IAAkB,EAAM,kBAAkB;EAC9C,IAAM,IAAU,EAAU;EACrB,KAGL,EAAa,EAAoB,CAAO,CAAC;CAC3C,GAAG,CAAC,CAAC;CAqBL,OAnBA,EAAM,sBAAsB;EAC1B,EAAgB;EAEhB,IAAM,IAAU,EAAU;EAC1B,IAAI,CAAC,GACH;EAGF,IAAM,IAAiB,IAAI,eAAe,CAAe;EACzD,EAAe,QAAQ,CAAO;EAE9B,IAAM,IAAQ,EAAQ;EAKtB,OAJI,KACF,EAAe,QAAQ,CAAK,SAGjB,EAAe,WAAW;CACzC,GAAG,CAAC,GAAiB,CAAQ,CAAC,GAG5B,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IACE,KAAK;IACL,eAAY;IACZ,UAAU;IACV,WAAU;IAET;GACE,CAAA;GACL,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,OAAO,SAAS;IACxC,WAAW,EACT,sDACA,GACA,6CACA,0EACA,EAAU,OAAO,gBAAgB,WACnC;GACD,CAAA;GACD,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,QAAQ,SAAS;IACzC,WAAW,EACT,uDACA,GACA,6CACA,0EACA,EAAU,QAAQ,gBAAgB,WACpC;GACD,CAAA;EACE;;AAET"}
+{"version":3,"file":"markdown-table-scroll.js","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nconst SCROLL_EDGE_THRESHOLD_PX = 1;\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n  children: React.ReactNode;\n}\n\ninterface ScrollFadeState {\n  left: boolean;\n  right: boolean;\n}\n\nexport function readScrollFadeState(element: HTMLDivElement): ScrollFadeState {\n  const { scrollLeft, scrollWidth, clientWidth } = element;\n  const maxScroll = scrollWidth - clientWidth;\n  const hasOverflow = maxScroll > SCROLL_EDGE_THRESHOLD_PX;\n\n  return {\n    left: hasOverflow && scrollLeft > SCROLL_EDGE_THRESHOLD_PX,\n    right: hasOverflow && scrollLeft < maxScroll - SCROLL_EDGE_THRESHOLD_PX,\n  };\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n    left: false,\n    right: false,\n  });\n\n  const updateFadeState = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setFadeState(readScrollFadeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    updateFadeState();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateFadeState);\n    resizeObserver.observe(element);\n\n    const table = element.firstElementChild;\n    if (table) {\n      resizeObserver.observe(table);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [updateFadeState, children]);\n\n  return (\n    <div className=\"relative max-w-full\">\n      <div\n        ref={scrollRef}\n        data-testid=\"markdown-table-scroll\"\n        onScroll={updateFadeState}\n        className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n      >\n        {children}\n      </div>\n      {/* The fades blend into whatever surface the table sits on, which differs\n          between the chat stream and cards like the markdown artifact preview.\n          Set `--oh-scroll-fade-from` on any ancestor to match another surface.\n          The value is inlined at both edges because Tailwind only extracts\n          classes from literal strings, not interpolated constants. */}\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-left\"\n        data-visible={fadeState.left ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.left ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-right\"\n        data-visible={fadeState.right ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.right ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,IAAM,IAA2B,GAC3B,IAAmB;AAWzB,SAAgB,EAAoB,GAA0C;CAC5E,IAAM,EAAE,eAAY,gBAAa,mBAAgB,GAC3C,IAAY,IAAc,GAC1B,IAAc,IAAY;CAEhC,OAAO;EACL,MAAM,KAAe,IAAa;EAClC,OAAO,KAAe,IAAa,IAAY;CACjD;AACF;AAEA,SAAgB,EAAoB,EAAE,eAAsC;CAC1E,IAAM,IAAY,EAAM,OAAuB,IAAI,GAC7C,CAAC,GAAW,KAAgB,EAAM,SAA0B;EAChE,MAAM;EACN,OAAO;CACT,CAAC,GAEK,IAAkB,EAAM,kBAAkB;EAC9C,IAAM,IAAU,EAAU;EACrB,KAGL,EAAa,EAAoB,CAAO,CAAC;CAC3C,GAAG,CAAC,CAAC;CAqBL,OAnBA,EAAM,sBAAsB;EAC1B,EAAgB;EAEhB,IAAM,IAAU,EAAU;EAC1B,IAAI,CAAC,GACH;EAGF,IAAM,IAAiB,IAAI,eAAe,CAAe;EACzD,EAAe,QAAQ,CAAO;EAE9B,IAAM,IAAQ,EAAQ;EAKtB,OAJI,KACF,EAAe,QAAQ,CAAK,SAGjB,EAAe,WAAW;CACzC,GAAG,CAAC,GAAiB,CAAQ,CAAC,GAG5B,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IACE,KAAK;IACL,eAAY;IACZ,UAAU;IACV,WAAU;IAET;GACE,CAAA;GAML,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,OAAO,SAAS;IACxC,WAAW,EACT,sDACA,GACA,0FACA,0EACA,EAAU,OAAO,gBAAgB,WACnC;GACD,CAAA;GACD,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,QAAQ,SAAS;IACzC,WAAW,EACT,uDACA,GACA,0FACA,0EACA,EAAU,QAAQ,gBAAgB,WACpC;GACD,CAAA;EACE;;AAET"}

package/dist/components/shared/buttons/conversation-confirmation-buttons.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../types/agent-state.cjs"),r=require("../../../types/agent-server/core/base/common.cjs"),i=require("../../../types/agent-server/type-guards.cjs"),a=require("../../../stores/use-event-store.cjs"),o=require("../../../hooks/query/use-active-conversation.cjs"),s=require("../../../hooks/use-agent-state.cjs"),c=require("../action-tooltip.cjs"),l=require("../risk-alert.cjs"),u=require("../../../icons/u-warning.cjs"),d=require("../../../stores/event-message-store.cjs"),f=require("../../../hooks/mutation/use-respond-to-confirmation.cjs");let p=require("react"),m=require("react/jsx-runtime");function h(){let h=d.useEventMessageStore(e=>e.submittedEventIds),g=d.useEventMessageStore(e=>e.addSubmittedEventId),{t:_}=e.useTranslation(`openhands`),{data:v}=o.useActiveConversation(),{curAgentState:y}=s.useAgentState(),{mutate:b}=f.useRespondToConfirmation(),x=a.useEventStore(e=>e.events).slice().reverse().find(e=>e.source===`agent`?y===n.AgentState.AWAITING_USER_CONFIRMATION:!1),S=(0,p.useCallback)(e=>{!x||!v||(g(x.id),b({conversationId:v.id,conversationUrl:v.conversation_url||``,sessionApiKey:v.session_api_key,accept:e}))},[x,v,g,b]);return(0,p.useEffect)(()=>{if(!x)return;let e=e=>{e.shiftKey&&e.metaKey&&e.key===`Backspace`&&(e.preventDefault(),S(!1))},t=e=>{e.metaKey&&e.key===`Enter`&&(e.preventDefault(),S(!0))},n=n=>{e(n),t(n)};return document.addEventListener(`keydown`,n),()=>document.removeEventListener(`keydown`,n)},[x,S]),y!==n.AgentState.AWAITING_USER_CONFIRMATION||!x||h.includes(x.id)?null:(0,m.jsxs)(`div`,{className:`flex flex-col gap-2 pt-4`,children:[(i.isActionEvent(x)?x.security_risk:r.SecurityRisk.UNKNOWN)===r.SecurityRisk.HIGH&&(0,m.jsx)(l.RiskAlert,{content:_(t.I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING),icon:(0,m.jsx)(u.default,{width:16,height:16,color:`#fff`}),severity:`high`,title:_(t.I18nKey.COMMON$HIGH_RISK)}),(0,m.jsxs)(`div`,{className:`flex justify-between items-center`,children:[(0,m.jsx)(`p`,{className:`text-sm font-normal text-white`,children:_(t.I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}),(0,m.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,m.jsx)(c.ActionTooltip,{type:`reject`,onClick:()=>S(!1)}),(0,m.jsx)(c.ActionTooltip,{type:`confirm`,onClick:()=>S(!0)})]})]})]})}exports.ConversationConfirmationButtons=h;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../types/agent-state.cjs"),r=require("../../../types/agent-server/core/base/common.cjs"),i=require("../../../types/agent-server/type-guards.cjs"),a=require("../../../stores/use-event-store.cjs"),o=require("../../../hooks/query/use-active-conversation.cjs"),s=require("../../../hooks/use-agent-state.cjs"),c=require("../action-tooltip.cjs"),l=require("../risk-alert.cjs"),u=require("../../../icons/u-warning.cjs"),d=require("../../../stores/event-message-store.cjs"),f=require("../../../hooks/mutation/use-respond-to-confirmation.cjs");let p=require("react"),m=require("react/jsx-runtime");function h(){let h=d.useEventMessageStore(e=>e.submittedEventIds),g=d.useEventMessageStore(e=>e.addSubmittedEventId),{t:_}=e.useTranslation(`openhands`),{data:v}=o.useActiveConversation(),{curAgentState:y}=s.useAgentState(),{mutate:b}=f.useRespondToConfirmation(),x=a.useEventStore(e=>e.events).slice().reverse().find(e=>e.source===`agent`?y===n.AgentState.AWAITING_USER_CONFIRMATION:!1),S=(0,p.useCallback)(e=>{!x||!v||(x.id&&g(x.id),b({conversationId:v.id,conversationUrl:v.conversation_url||``,sessionApiKey:v.session_api_key,accept:e}))},[x,v,g,b]);return(0,p.useEffect)(()=>{if(!x)return;let e=e=>{e.shiftKey&&e.metaKey&&e.key===`Backspace`&&(e.preventDefault(),S(!1))},t=e=>{e.metaKey&&e.key===`Enter`&&(e.preventDefault(),S(!0))},n=n=>{e(n),t(n)};return document.addEventListener(`keydown`,n),()=>document.removeEventListener(`keydown`,n)},[x,S]),y!==n.AgentState.AWAITING_USER_CONFIRMATION||!x||h.includes(x.id??``)?null:(0,m.jsxs)(`div`,{className:`flex flex-col gap-2 pt-4`,children:[(i.isActionEvent(x)?x.security_risk:r.SecurityRisk.UNKNOWN)===r.SecurityRisk.HIGH&&(0,m.jsx)(l.RiskAlert,{content:_(t.I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING),icon:(0,m.jsx)(u.default,{width:16,height:16,color:`#fff`}),severity:`high`,title:_(t.I18nKey.COMMON$HIGH_RISK)}),(0,m.jsxs)(`div`,{className:`flex justify-between items-center`,children:[(0,m.jsx)(`p`,{className:`text-sm font-normal text-white`,children:_(t.I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}),(0,m.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,m.jsx)(c.ActionTooltip,{type:`reject`,onClick:()=>S(!1)}),(0,m.jsx)(c.ActionTooltip,{type:`confirm`,onClick:()=>S(!0)})]})]})]})}exports.ConversationConfirmationButtons=h;
 //# sourceMappingURL=conversation-confirmation-buttons.cjs.map

package/dist/components/shared/buttons/conversation-confirmation-buttons.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-confirmation-buttons.cjs","names":[],"sources":["../../../../src/components/shared/buttons/conversation-confirmation-buttons.tsx"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ActionTooltip } from \"../action-tooltip\";\nimport { RiskAlert } from \"#/components/shared/risk-alert\";\nimport WarningIcon from \"#/icons/u-warning.svg?react\";\nimport { useEventMessageStore } from \"#/stores/event-message-store\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { isActionEvent } from \"#/types/agent-server/type-guards\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useRespondToConfirmation } from \"#/hooks/mutation/use-respond-to-confirmation\";\nimport { SecurityRisk } from \"#/types/agent-server/core/base/common\";\n\nexport function ConversationConfirmationButtons() {\n  const submittedEventIds = useEventMessageStore(\n    (state) => state.submittedEventIds,\n  );\n  const addSubmittedEventId = useEventMessageStore(\n    (state) => state.addSubmittedEventId,\n  );\n\n  const { t } = useTranslation(\"openhands\");\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { mutate: respondToConfirmation } = useRespondToConfirmation();\n  const events = useEventStore((state) => state.events);\n\n  const awaitingAction = events\n    .slice()\n    .reverse()\n    .find((ev) => {\n      if (ev.source !== \"agent\") return false;\n      return curAgentState === AgentState.AWAITING_USER_CONFIRMATION;\n    });\n\n  const handleConfirmation = useCallback(\n    (accept: boolean) => {\n      if (!awaitingAction || !conversation) {\n        return;\n      }\n\n      // Mark event as submitted to prevent duplicate submissions\n      addSubmittedEventId(awaitingAction.id);\n\n      // Call the agent-server API endpoint\n      respondToConfirmation({\n        conversationId: conversation.id,\n        conversationUrl: conversation.conversation_url || \"\",\n        sessionApiKey: conversation.session_api_key,\n        accept,\n      });\n    },\n    [awaitingAction, conversation, addSubmittedEventId, respondToConfirmation],\n  );\n\n  // Handle keyboard shortcuts\n  useEffect(() => {\n    if (!awaitingAction) {\n      return undefined;\n    }\n\n    const handleCancelShortcut = (event: KeyboardEvent) => {\n      if (event.shiftKey && event.metaKey && event.key === \"Backspace\") {\n        event.preventDefault();\n        handleConfirmation(false);\n      }\n    };\n\n    const handleContinueShortcut = (event: KeyboardEvent) => {\n      if (event.metaKey && event.key === \"Enter\") {\n        event.preventDefault();\n        handleConfirmation(true);\n      }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Cancel: Shift+Cmd+Backspace (⇧⌘⌫)\n      handleCancelShortcut(event);\n      // Continue: Cmd+Enter (⌘↩)\n      handleContinueShortcut(event);\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [awaitingAction, handleConfirmation]);\n\n  // Only show if agent is waiting for confirmation and we haven't already submitted\n  if (\n    curAgentState !== AgentState.AWAITING_USER_CONFIRMATION ||\n    !awaitingAction ||\n    submittedEventIds.includes(awaitingAction.id)\n  ) {\n    return null;\n  }\n\n  // Get security risk from the action (only ActionEvent has security_risk)\n  const risk = isActionEvent(awaitingAction)\n    ? awaitingAction.security_risk\n    : SecurityRisk.UNKNOWN;\n\n  const isHighRisk = risk === SecurityRisk.HIGH;\n\n  return (\n    <div className=\"flex flex-col gap-2 pt-4\">\n      {isHighRisk && (\n        <RiskAlert\n          content={t(I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING)}\n          icon={<WarningIcon width={16} height={16} color=\"#fff\" />}\n          severity=\"high\"\n          title={t(I18nKey.COMMON$HIGH_RISK)}\n        />\n      )}\n      <div className=\"flex justify-between items-center\">\n        <p className=\"text-sm font-normal text-white\">\n          {t(I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}\n        </p>\n        <div className=\"flex items-center gap-3\">\n          <ActionTooltip\n            type=\"reject\"\n            onClick={() => handleConfirmation(false)}\n          />\n          <ActionTooltip\n            type=\"confirm\"\n            onClick={() => handleConfirmation(true)}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"8wBAeA,SAAgB,GAAkC,CAChD,IAAM,EAAoB,EAAA,qBACvB,GAAU,EAAM,iBACnB,EACM,EAAsB,EAAA,qBACzB,GAAU,EAAM,mBACnB,EAEM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,OAAQ,GAA0B,EAAA,yBAAyB,EAG7D,EAFS,EAAA,cAAe,GAAU,EAAM,MAEvB,EACpB,MAAM,EACN,QAAQ,EACR,KAAM,GACD,EAAG,SAAW,QACX,IAAkB,EAAA,WAAW,2BADF,EAEnC,EAEG,GAAA,EAAA,EAAA,aACH,GAAoB,CACf,CAAC,GAAkB,CAAC,IAKxB,EAAoB,EAAe,EAAE,EAGrC,EAAsB,CACpB,eAAgB,EAAa,GAC7B,gBAAiB,EAAa,kBAAoB,GAClD,cAAe,EAAa,gBAC5B,QACF,CAAC,EACH,EACA,CAAC,EAAgB,EAAc,EAAqB,CAAqB,CAC3E,EAkDA,OA/CA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EACH,OAGF,IAAM,EAAwB,GAAyB,CACjD,EAAM,UAAY,EAAM,SAAW,EAAM,MAAQ,cACnD,EAAM,eAAe,EACrB,EAAmB,EAAK,EAE5B,EAEM,EAA0B,GAAyB,CACnD,EAAM,SAAW,EAAM,MAAQ,UACjC,EAAM,eAAe,EACrB,EAAmB,EAAI,EAE3B,EAEM,EAAiB,GAAyB,CAE9C,EAAqB,CAAK,EAE1B,EAAuB,CAAK,CAC9B,EAIA,OAFA,SAAS,iBAAiB,UAAW,CAAa,MAErC,SAAS,oBAAoB,UAAW,CAAa,CACpE,EAAG,CAAC,EAAgB,CAAkB,CAAC,EAIrC,IAAkB,EAAA,WAAW,4BAC7B,CAAC,GACD,EAAkB,SAAS,EAAe,EAAE,EAErC,MAWP,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oCAAf,EAPW,EAAA,cAAc,CAAc,EACrC,EAAe,cACf,EAAA,aAAa,WAEW,EAAA,aAAa,OAKnC,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,QAAS,EAAE,EAAA,QAAQ,gCAAgC,EACnD,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAa,MAAO,GAAI,OAAQ,GAAI,MAAM,MAAQ,CAAA,EACxD,SAAS,OACT,MAAO,EAAE,EAAA,QAAQ,gBAAgB,CAClC,CAAA,GAEH,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,0CACV,EAAE,EAAA,QAAQ,oCAAoC,CAC9C,CAAA,GACH,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,KAAK,SACL,YAAe,EAAmB,EAAK,CACxC,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,KAAK,UACL,YAAe,EAAmB,EAAI,CACvC,CAAA,CACE,GACF,GACF,GAET"}
+{"version":3,"file":"conversation-confirmation-buttons.cjs","names":[],"sources":["../../../../src/components/shared/buttons/conversation-confirmation-buttons.tsx"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ActionTooltip } from \"../action-tooltip\";\nimport { RiskAlert } from \"#/components/shared/risk-alert\";\nimport WarningIcon from \"#/icons/u-warning.svg?react\";\nimport { useEventMessageStore } from \"#/stores/event-message-store\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { isActionEvent } from \"#/types/agent-server/type-guards\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useRespondToConfirmation } from \"#/hooks/mutation/use-respond-to-confirmation\";\nimport { SecurityRisk } from \"#/types/agent-server/core/base/common\";\n\nexport function ConversationConfirmationButtons() {\n  const submittedEventIds = useEventMessageStore(\n    (state) => state.submittedEventIds,\n  );\n  const addSubmittedEventId = useEventMessageStore(\n    (state) => state.addSubmittedEventId,\n  );\n\n  const { t } = useTranslation(\"openhands\");\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { mutate: respondToConfirmation } = useRespondToConfirmation();\n  const events = useEventStore((state) => state.events);\n\n  const awaitingAction = events\n    .slice()\n    .reverse()\n    .find((ev) => {\n      if (ev.source !== \"agent\") return false;\n      return curAgentState === AgentState.AWAITING_USER_CONFIRMATION;\n    });\n\n  const handleConfirmation = useCallback(\n    (accept: boolean) => {\n      if (!awaitingAction || !conversation) {\n        return;\n      }\n\n      // Mark event as submitted to prevent duplicate submissions\n      if (awaitingAction.id) {\n        addSubmittedEventId(awaitingAction.id);\n      }\n\n      // Call the agent-server API endpoint\n      respondToConfirmation({\n        conversationId: conversation.id,\n        conversationUrl: conversation.conversation_url || \"\",\n        sessionApiKey: conversation.session_api_key,\n        accept,\n      });\n    },\n    [awaitingAction, conversation, addSubmittedEventId, respondToConfirmation],\n  );\n\n  // Handle keyboard shortcuts\n  useEffect(() => {\n    if (!awaitingAction) {\n      return undefined;\n    }\n\n    const handleCancelShortcut = (event: KeyboardEvent) => {\n      if (event.shiftKey && event.metaKey && event.key === \"Backspace\") {\n        event.preventDefault();\n        handleConfirmation(false);\n      }\n    };\n\n    const handleContinueShortcut = (event: KeyboardEvent) => {\n      if (event.metaKey && event.key === \"Enter\") {\n        event.preventDefault();\n        handleConfirmation(true);\n      }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Cancel: Shift+Cmd+Backspace (⇧⌘⌫)\n      handleCancelShortcut(event);\n      // Continue: Cmd+Enter (⌘↩)\n      handleContinueShortcut(event);\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [awaitingAction, handleConfirmation]);\n\n  // Only show if agent is waiting for confirmation and we haven't already submitted\n  if (\n    curAgentState !== AgentState.AWAITING_USER_CONFIRMATION ||\n    !awaitingAction ||\n    submittedEventIds.includes(awaitingAction.id ?? \"\")\n  ) {\n    return null;\n  }\n\n  // Get security risk from the action (only ActionEvent has security_risk)\n  const risk = isActionEvent(awaitingAction)\n    ? awaitingAction.security_risk\n    : SecurityRisk.UNKNOWN;\n\n  const isHighRisk = risk === SecurityRisk.HIGH;\n\n  return (\n    <div className=\"flex flex-col gap-2 pt-4\">\n      {isHighRisk && (\n        <RiskAlert\n          content={t(I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING)}\n          icon={<WarningIcon width={16} height={16} color=\"#fff\" />}\n          severity=\"high\"\n          title={t(I18nKey.COMMON$HIGH_RISK)}\n        />\n      )}\n      <div className=\"flex justify-between items-center\">\n        <p className=\"text-sm font-normal text-white\">\n          {t(I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}\n        </p>\n        <div className=\"flex items-center gap-3\">\n          <ActionTooltip\n            type=\"reject\"\n            onClick={() => handleConfirmation(false)}\n          />\n          <ActionTooltip\n            type=\"confirm\"\n            onClick={() => handleConfirmation(true)}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"8wBAeA,SAAgB,GAAkC,CAChD,IAAM,EAAoB,EAAA,qBACvB,GAAU,EAAM,iBACnB,EACM,EAAsB,EAAA,qBACzB,GAAU,EAAM,mBACnB,EAEM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,OAAQ,GAA0B,EAAA,yBAAyB,EAG7D,EAFS,EAAA,cAAe,GAAU,EAAM,MAEvB,EACpB,MAAM,EACN,QAAQ,EACR,KAAM,GACD,EAAG,SAAW,QACX,IAAkB,EAAA,WAAW,2BADF,EAEnC,EAEG,GAAA,EAAA,EAAA,aACH,GAAoB,CACf,CAAC,GAAkB,CAAC,IAKpB,EAAe,IACjB,EAAoB,EAAe,EAAE,EAIvC,EAAsB,CACpB,eAAgB,EAAa,GAC7B,gBAAiB,EAAa,kBAAoB,GAClD,cAAe,EAAa,gBAC5B,QACF,CAAC,EACH,EACA,CAAC,EAAgB,EAAc,EAAqB,CAAqB,CAC3E,EAkDA,OA/CA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EACH,OAGF,IAAM,EAAwB,GAAyB,CACjD,EAAM,UAAY,EAAM,SAAW,EAAM,MAAQ,cACnD,EAAM,eAAe,EACrB,EAAmB,EAAK,EAE5B,EAEM,EAA0B,GAAyB,CACnD,EAAM,SAAW,EAAM,MAAQ,UACjC,EAAM,eAAe,EACrB,EAAmB,EAAI,EAE3B,EAEM,EAAiB,GAAyB,CAE9C,EAAqB,CAAK,EAE1B,EAAuB,CAAK,CAC9B,EAIA,OAFA,SAAS,iBAAiB,UAAW,CAAa,MAErC,SAAS,oBAAoB,UAAW,CAAa,CACpE,EAAG,CAAC,EAAgB,CAAkB,CAAC,EAIrC,IAAkB,EAAA,WAAW,4BAC7B,CAAC,GACD,EAAkB,SAAS,EAAe,IAAM,EAAE,EAE3C,MAWP,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oCAAf,EAPW,EAAA,cAAc,CAAc,EACrC,EAAe,cACf,EAAA,aAAa,WAEW,EAAA,aAAa,OAKnC,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,QAAS,EAAE,EAAA,QAAQ,gCAAgC,EACnD,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAa,MAAO,GAAI,OAAQ,GAAI,MAAM,MAAQ,CAAA,EACxD,SAAS,OACT,MAAO,EAAE,EAAA,QAAQ,gBAAgB,CAClC,CAAA,GAEH,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,0CACV,EAAE,EAAA,QAAQ,oCAAoC,CAC9C,CAAA,GACH,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,KAAK,SACL,YAAe,EAAmB,EAAK,CACxC,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,KAAK,UACL,YAAe,EAAmB,EAAI,CACvC,CAAA,CACE,GACF,GACF,GAET"}

package/dist/components/shared/buttons/conversation-confirmation-buttons.js

@@ -16,7 +16,7 @@ import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/shared/buttons/conversation-confirmation-buttons.tsx
 function _() {
 	let _ = d((e) => e.submittedEventIds), v = d((e) => e.addSubmittedEventId), { t: y } = e("openhands"), { data: b } = o(), { curAgentState: x } = s(), { mutate: S } = f(), C = a((e) => e.events).slice().reverse().find((e) => e.source === "agent" ? x === n.AWAITING_USER_CONFIRMATION : !1), w = p((e) => {
-		!C || !b || (v(C.id), S({
+		!C || !b || (C.id && v(C.id), S({
 			conversationId: b.id,
 			conversationUrl: b.conversation_url || "",
 			sessionApiKey: b.session_api_key,
@@ -38,7 +38,7 @@ function _() {
 			e(n), t(n);
 		};
 		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-	}, [C, w]), x !== n.AWAITING_USER_CONFIRMATION || !C || _.includes(C.id) ? null : /* @__PURE__ */ g("div", {
+	}, [C, w]), x !== n.AWAITING_USER_CONFIRMATION || !C || _.includes(C.id ?? "") ? null : /* @__PURE__ */ g("div", {
 		className: "flex flex-col gap-2 pt-4",
 		children: [(i(C) ? C.security_risk : r.UNKNOWN) === r.HIGH && /* @__PURE__ */ h(l, {
 			content: y(t.CHAT_INTERFACE$HIGH_RISK_WARNING),

package/dist/components/shared/buttons/conversation-confirmation-buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-confirmation-buttons.js","names":[],"sources":["../../../../src/components/shared/buttons/conversation-confirmation-buttons.tsx"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ActionTooltip } from \"../action-tooltip\";\nimport { RiskAlert } from \"#/components/shared/risk-alert\";\nimport WarningIcon from \"#/icons/u-warning.svg?react\";\nimport { useEventMessageStore } from \"#/stores/event-message-store\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { isActionEvent } from \"#/types/agent-server/type-guards\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useRespondToConfirmation } from \"#/hooks/mutation/use-respond-to-confirmation\";\nimport { SecurityRisk } from \"#/types/agent-server/core/base/common\";\n\nexport function ConversationConfirmationButtons() {\n  const submittedEventIds = useEventMessageStore(\n    (state) => state.submittedEventIds,\n  );\n  const addSubmittedEventId = useEventMessageStore(\n    (state) => state.addSubmittedEventId,\n  );\n\n  const { t } = useTranslation(\"openhands\");\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { mutate: respondToConfirmation } = useRespondToConfirmation();\n  const events = useEventStore((state) => state.events);\n\n  const awaitingAction = events\n    .slice()\n    .reverse()\n    .find((ev) => {\n      if (ev.source !== \"agent\") return false;\n      return curAgentState === AgentState.AWAITING_USER_CONFIRMATION;\n    });\n\n  const handleConfirmation = useCallback(\n    (accept: boolean) => {\n      if (!awaitingAction || !conversation) {\n        return;\n      }\n\n      // Mark event as submitted to prevent duplicate submissions\n      addSubmittedEventId(awaitingAction.id);\n\n      // Call the agent-server API endpoint\n      respondToConfirmation({\n        conversationId: conversation.id,\n        conversationUrl: conversation.conversation_url || \"\",\n        sessionApiKey: conversation.session_api_key,\n        accept,\n      });\n    },\n    [awaitingAction, conversation, addSubmittedEventId, respondToConfirmation],\n  );\n\n  // Handle keyboard shortcuts\n  useEffect(() => {\n    if (!awaitingAction) {\n      return undefined;\n    }\n\n    const handleCancelShortcut = (event: KeyboardEvent) => {\n      if (event.shiftKey && event.metaKey && event.key === \"Backspace\") {\n        event.preventDefault();\n        handleConfirmation(false);\n      }\n    };\n\n    const handleContinueShortcut = (event: KeyboardEvent) => {\n      if (event.metaKey && event.key === \"Enter\") {\n        event.preventDefault();\n        handleConfirmation(true);\n      }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Cancel: Shift+Cmd+Backspace (⇧⌘⌫)\n      handleCancelShortcut(event);\n      // Continue: Cmd+Enter (⌘↩)\n      handleContinueShortcut(event);\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [awaitingAction, handleConfirmation]);\n\n  // Only show if agent is waiting for confirmation and we haven't already submitted\n  if (\n    curAgentState !== AgentState.AWAITING_USER_CONFIRMATION ||\n    !awaitingAction ||\n    submittedEventIds.includes(awaitingAction.id)\n  ) {\n    return null;\n  }\n\n  // Get security risk from the action (only ActionEvent has security_risk)\n  const risk = isActionEvent(awaitingAction)\n    ? awaitingAction.security_risk\n    : SecurityRisk.UNKNOWN;\n\n  const isHighRisk = risk === SecurityRisk.HIGH;\n\n  return (\n    <div className=\"flex flex-col gap-2 pt-4\">\n      {isHighRisk && (\n        <RiskAlert\n          content={t(I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING)}\n          icon={<WarningIcon width={16} height={16} color=\"#fff\" />}\n          severity=\"high\"\n          title={t(I18nKey.COMMON$HIGH_RISK)}\n        />\n      )}\n      <div className=\"flex justify-between items-center\">\n        <p className=\"text-sm font-normal text-white\">\n          {t(I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}\n        </p>\n        <div className=\"flex items-center gap-3\">\n          <ActionTooltip\n            type=\"reject\"\n            onClick={() => handleConfirmation(false)}\n          />\n          <ActionTooltip\n            type=\"confirm\"\n            onClick={() => handleConfirmation(true)}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAgB,IAAkC;CAChD,IAAM,IAAoB,GACvB,MAAU,EAAM,iBACnB,GACM,IAAsB,GACzB,MAAU,EAAM,mBACnB,GAEM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,qBAAkB,EAAc,GAClC,EAAE,QAAQ,MAA0B,EAAyB,GAG7D,IAFS,GAAe,MAAU,EAAM,MAEvB,EACpB,MAAM,EACN,QAAQ,EACR,MAAM,MACD,EAAG,WAAW,UACX,MAAkB,EAAW,6BADF,EAEnC,GAEG,IAAqB,GACxB,MAAoB;EACf,CAAC,KAAkB,CAAC,MAKxB,EAAoB,EAAe,EAAE,GAGrC,EAAsB;GACpB,gBAAgB,EAAa;GAC7B,iBAAiB,EAAa,oBAAoB;GAClD,eAAe,EAAa;GAC5B;EACF,CAAC;CACH,GACA;EAAC;EAAgB;EAAc;EAAqB;CAAqB,CAC3E;CAkDA,OA/CA,QAAgB;EACd,IAAI,CAAC,GACH;EAGF,IAAM,KAAwB,MAAyB;GACrD,AAAI,EAAM,YAAY,EAAM,WAAW,EAAM,QAAQ,gBACnD,EAAM,eAAe,GACrB,EAAmB,EAAK;EAE5B,GAEM,KAA0B,MAAyB;GACvD,AAAI,EAAM,WAAW,EAAM,QAAQ,YACjC,EAAM,eAAe,GACrB,EAAmB,EAAI;EAE3B,GAEM,KAAiB,MAAyB;GAI9C,AAFA,EAAqB,CAAK,GAE1B,EAAuB,CAAK;EAC9B;EAIA,OAFA,SAAS,iBAAiB,WAAW,CAAa,SAErC,SAAS,oBAAoB,WAAW,CAAa;CACpE,GAAG,CAAC,GAAgB,CAAkB,CAAC,GAIrC,MAAkB,EAAW,8BAC7B,CAAC,KACD,EAAkB,SAAS,EAAe,EAAE,IAErC,OAWP,kBAAC,OAAD;EAAK,WAAU;YAAf,EAPW,EAAc,CAAc,IACrC,EAAe,gBACf,EAAa,aAEW,EAAa,QAKnC,kBAAC,GAAD;GACE,SAAS,EAAE,EAAQ,gCAAgC;GACnD,MAAM,kBAAC,GAAD;IAAa,OAAO;IAAI,QAAQ;IAAI,OAAM;GAAQ,CAAA;GACxD,UAAS;GACT,OAAO,EAAE,EAAQ,gBAAgB;EAClC,CAAA,GAEH,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,oCAAoC;GAC9C,CAAA,GACH,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,MAAK;KACL,eAAe,EAAmB,EAAK;IACxC,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,eAAe,EAAmB,EAAI;IACvC,CAAA,CACE;KACF;IACF;;AAET"}
+{"version":3,"file":"conversation-confirmation-buttons.js","names":[],"sources":["../../../../src/components/shared/buttons/conversation-confirmation-buttons.tsx"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ActionTooltip } from \"../action-tooltip\";\nimport { RiskAlert } from \"#/components/shared/risk-alert\";\nimport WarningIcon from \"#/icons/u-warning.svg?react\";\nimport { useEventMessageStore } from \"#/stores/event-message-store\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { isActionEvent } from \"#/types/agent-server/type-guards\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useRespondToConfirmation } from \"#/hooks/mutation/use-respond-to-confirmation\";\nimport { SecurityRisk } from \"#/types/agent-server/core/base/common\";\n\nexport function ConversationConfirmationButtons() {\n  const submittedEventIds = useEventMessageStore(\n    (state) => state.submittedEventIds,\n  );\n  const addSubmittedEventId = useEventMessageStore(\n    (state) => state.addSubmittedEventId,\n  );\n\n  const { t } = useTranslation(\"openhands\");\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { mutate: respondToConfirmation } = useRespondToConfirmation();\n  const events = useEventStore((state) => state.events);\n\n  const awaitingAction = events\n    .slice()\n    .reverse()\n    .find((ev) => {\n      if (ev.source !== \"agent\") return false;\n      return curAgentState === AgentState.AWAITING_USER_CONFIRMATION;\n    });\n\n  const handleConfirmation = useCallback(\n    (accept: boolean) => {\n      if (!awaitingAction || !conversation) {\n        return;\n      }\n\n      // Mark event as submitted to prevent duplicate submissions\n      if (awaitingAction.id) {\n        addSubmittedEventId(awaitingAction.id);\n      }\n\n      // Call the agent-server API endpoint\n      respondToConfirmation({\n        conversationId: conversation.id,\n        conversationUrl: conversation.conversation_url || \"\",\n        sessionApiKey: conversation.session_api_key,\n        accept,\n      });\n    },\n    [awaitingAction, conversation, addSubmittedEventId, respondToConfirmation],\n  );\n\n  // Handle keyboard shortcuts\n  useEffect(() => {\n    if (!awaitingAction) {\n      return undefined;\n    }\n\n    const handleCancelShortcut = (event: KeyboardEvent) => {\n      if (event.shiftKey && event.metaKey && event.key === \"Backspace\") {\n        event.preventDefault();\n        handleConfirmation(false);\n      }\n    };\n\n    const handleContinueShortcut = (event: KeyboardEvent) => {\n      if (event.metaKey && event.key === \"Enter\") {\n        event.preventDefault();\n        handleConfirmation(true);\n      }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Cancel: Shift+Cmd+Backspace (⇧⌘⌫)\n      handleCancelShortcut(event);\n      // Continue: Cmd+Enter (⌘↩)\n      handleContinueShortcut(event);\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [awaitingAction, handleConfirmation]);\n\n  // Only show if agent is waiting for confirmation and we haven't already submitted\n  if (\n    curAgentState !== AgentState.AWAITING_USER_CONFIRMATION ||\n    !awaitingAction ||\n    submittedEventIds.includes(awaitingAction.id ?? \"\")\n  ) {\n    return null;\n  }\n\n  // Get security risk from the action (only ActionEvent has security_risk)\n  const risk = isActionEvent(awaitingAction)\n    ? awaitingAction.security_risk\n    : SecurityRisk.UNKNOWN;\n\n  const isHighRisk = risk === SecurityRisk.HIGH;\n\n  return (\n    <div className=\"flex flex-col gap-2 pt-4\">\n      {isHighRisk && (\n        <RiskAlert\n          content={t(I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING)}\n          icon={<WarningIcon width={16} height={16} color=\"#fff\" />}\n          severity=\"high\"\n          title={t(I18nKey.COMMON$HIGH_RISK)}\n        />\n      )}\n      <div className=\"flex justify-between items-center\">\n        <p className=\"text-sm font-normal text-white\">\n          {t(I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}\n        </p>\n        <div className=\"flex items-center gap-3\">\n          <ActionTooltip\n            type=\"reject\"\n            onClick={() => handleConfirmation(false)}\n          />\n          <ActionTooltip\n            type=\"confirm\"\n            onClick={() => handleConfirmation(true)}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAgB,IAAkC;CAChD,IAAM,IAAoB,GACvB,MAAU,EAAM,iBACnB,GACM,IAAsB,GACzB,MAAU,EAAM,mBACnB,GAEM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,qBAAkB,EAAc,GAClC,EAAE,QAAQ,MAA0B,EAAyB,GAG7D,IAFS,GAAe,MAAU,EAAM,MAEvB,EACpB,MAAM,EACN,QAAQ,EACR,MAAM,MACD,EAAG,WAAW,UACX,MAAkB,EAAW,6BADF,EAEnC,GAEG,IAAqB,GACxB,MAAoB;EACf,CAAC,KAAkB,CAAC,MAKpB,EAAe,MACjB,EAAoB,EAAe,EAAE,GAIvC,EAAsB;GACpB,gBAAgB,EAAa;GAC7B,iBAAiB,EAAa,oBAAoB;GAClD,eAAe,EAAa;GAC5B;EACF,CAAC;CACH,GACA;EAAC;EAAgB;EAAc;EAAqB;CAAqB,CAC3E;CAkDA,OA/CA,QAAgB;EACd,IAAI,CAAC,GACH;EAGF,IAAM,KAAwB,MAAyB;GACrD,AAAI,EAAM,YAAY,EAAM,WAAW,EAAM,QAAQ,gBACnD,EAAM,eAAe,GACrB,EAAmB,EAAK;EAE5B,GAEM,KAA0B,MAAyB;GACvD,AAAI,EAAM,WAAW,EAAM,QAAQ,YACjC,EAAM,eAAe,GACrB,EAAmB,EAAI;EAE3B,GAEM,KAAiB,MAAyB;GAI9C,AAFA,EAAqB,CAAK,GAE1B,EAAuB,CAAK;EAC9B;EAIA,OAFA,SAAS,iBAAiB,WAAW,CAAa,SAErC,SAAS,oBAAoB,WAAW,CAAa;CACpE,GAAG,CAAC,GAAgB,CAAkB,CAAC,GAIrC,MAAkB,EAAW,8BAC7B,CAAC,KACD,EAAkB,SAAS,EAAe,MAAM,EAAE,IAE3C,OAWP,kBAAC,OAAD;EAAK,WAAU;YAAf,EAPW,EAAc,CAAc,IACrC,EAAe,gBACf,EAAa,aAEW,EAAa,QAKnC,kBAAC,GAAD;GACE,SAAS,EAAE,EAAQ,gCAAgC;GACnD,MAAM,kBAAC,GAAD;IAAa,OAAO;IAAI,QAAQ;IAAI,OAAM;GAAQ,CAAA;GACxD,UAAS;GACT,OAAO,EAAE,EAAQ,gBAAgB;EAClC,CAAA,GAEH,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,oCAAoC;GAC9C,CAAA,GACH,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,MAAK;KACL,eAAe,EAAmB,EAAK;IACxC,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,eAAe,EAAmB,EAAI;IACvC,CAAA,CACE;KACF;IACF;;AAET"}

package/dist/components/shared/modals/confirmation-modals/base-modal.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../utils/utils.cjs"),n=require("../modal-body.cjs"),r=require("../../buttons/modal-button.cjs"),i=require("../../../../utils/modal-classes.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({title:e,id:n,className:r}){return(0,o.jsx)(`span`,{id:n,className:t.cn(i.modalTitleClassName,r),children:e})}function c({description:e,children:t}){return(0,o.jsx)(`span`,{className:`text-xs text-modal-muted`,children:t||e})}function l({testId:e,title:t,description:i,buttons:a}){return(0,o.jsxs)(n.ModalBody,{testID:e,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 self-start`,children:[(0,o.jsx)(s,{title:t}),(0,o.jsx)(c,{description:i})]}),(0,o.jsx)(`div`,{className:`flex flex-col gap-2 w-full`,children:a.map((e,t)=>(0,o.jsx)(r.ModalButton,{onClick:e.onClick,text:e.text,className:e.className},t))})]})}exports.BaseModal=l,exports.BaseModalDescription=c,exports.BaseModalTitle=s;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../utils/utils.cjs"),n=require("../modal-body.cjs"),r=require("../../buttons/modal-button.cjs"),i=require("../../../../utils/modal-classes.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({title:e,id:n,className:r}){return(0,o.jsx)(`span`,{id:n,className:t.cn(i.modalTitleClassName,r),children:e})}function c({description:e,children:t}){return(0,o.jsx)(`span`,{className:`text-sm text-modal-muted`,children:t||e})}function l({testId:e,title:t,description:i,buttons:a}){return(0,o.jsxs)(n.ModalBody,{testID:e,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 self-start`,children:[(0,o.jsx)(s,{title:t}),(0,o.jsx)(c,{description:i})]}),(0,o.jsx)(`div`,{className:`flex flex-col gap-2 w-full`,children:a.map((e,t)=>(0,o.jsx)(r.ModalButton,{onClick:e.onClick,text:e.text,className:e.className},t))})]})}exports.BaseModal=l,exports.BaseModalDescription=c,exports.BaseModalTitle=s;
 //# sourceMappingURL=base-modal.cjs.map

package/dist/components/shared/modals/confirmation-modals/base-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"base-modal.cjs","names":[],"sources":["../../../../../src/components/shared/modals/confirmation-modals/base-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalBody } from \"../modal-body\";\nimport { ModalButton } from \"../../buttons/modal-button\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface ButtonConfig {\n  text: string;\n  onClick: () => void;\n  className: React.HTMLProps<HTMLButtonElement>[\"className\"];\n}\n\ninterface BaseModalTitleProps {\n  title: React.ReactNode;\n  id?: string;\n  className?: string;\n}\n\nexport function BaseModalTitle({ title, id, className }: BaseModalTitleProps) {\n  return (\n    <span id={id} className={cn(modalTitleClassName, className)}>\n      {title}\n    </span>\n  );\n}\n\ninterface BaseModalDescriptionProps {\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nexport function BaseModalDescription({\n  description,\n  children,\n}: BaseModalDescriptionProps) {\n  return (\n    <span className=\"text-xs text-modal-muted\">{children || description}</span>\n  );\n}\n\ninterface BaseModalProps {\n  testId?: string;\n  title: string;\n  description: string;\n  buttons: ButtonConfig[];\n}\n\nexport function BaseModal({\n  testId,\n  title,\n  description,\n  buttons,\n}: BaseModalProps) {\n  return (\n    <ModalBody testID={testId}>\n      <div className=\"flex flex-col gap-2 self-start\">\n        <BaseModalTitle title={title} />\n        <BaseModalDescription description={description} />\n      </div>\n\n      <div className=\"flex flex-col gap-2 w-full\">\n        {buttons.map((button, index) => (\n          <ModalButton\n            key={index}\n            onClick={button.onClick}\n            text={button.text}\n            className={button.className}\n          />\n        ))}\n      </div>\n    </ModalBody>\n  );\n}\n"],"mappings":"8SAkBA,SAAgB,EAAe,CAAE,QAAO,KAAI,aAAkC,CAC5E,OACE,EAAA,EAAA,KAAC,OAAD,CAAU,KAAI,UAAW,EAAA,GAAG,EAAA,oBAAqB,CAAS,WACvD,CACG,CAAA,CAEV,CAOA,SAAgB,EAAqB,CACnC,cACA,YAC4B,CAC5B,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oCAA4B,GAAY,CAAkB,CAAA,CAE9E,CASA,SAAgB,EAAU,CACxB,SACA,QACA,cACA,WACiB,CACjB,OACE,EAAA,EAAA,MAAC,EAAA,UAAD,CAAW,OAAQ,WAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAuB,OAAQ,CAAA,GAC/B,EAAA,EAAA,KAAC,EAAD,CAAmC,aAAc,CAAA,CAC9C,KAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sCACZ,EAAQ,KAAK,EAAQ,KACpB,EAAA,EAAA,KAAC,EAAA,YAAD,CAEE,QAAS,EAAO,QAChB,KAAM,EAAO,KACb,UAAW,EAAO,SACnB,EAJM,CAIN,CACF,CACE,CAAA,CACI,GAEf"}
+{"version":3,"file":"base-modal.cjs","names":[],"sources":["../../../../../src/components/shared/modals/confirmation-modals/base-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalBody } from \"../modal-body\";\nimport { ModalButton } from \"../../buttons/modal-button\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface ButtonConfig {\n  text: string;\n  onClick: () => void;\n  className: React.HTMLProps<HTMLButtonElement>[\"className\"];\n}\n\ninterface BaseModalTitleProps {\n  title: React.ReactNode;\n  id?: string;\n  className?: string;\n}\n\nexport function BaseModalTitle({ title, id, className }: BaseModalTitleProps) {\n  return (\n    <span id={id} className={cn(modalTitleClassName, className)}>\n      {title}\n    </span>\n  );\n}\n\ninterface BaseModalDescriptionProps {\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nexport function BaseModalDescription({\n  description,\n  children,\n}: BaseModalDescriptionProps) {\n  return (\n    <span className=\"text-sm text-modal-muted\">{children || description}</span>\n  );\n}\n\ninterface BaseModalProps {\n  testId?: string;\n  title: string;\n  description: string;\n  buttons: ButtonConfig[];\n}\n\nexport function BaseModal({\n  testId,\n  title,\n  description,\n  buttons,\n}: BaseModalProps) {\n  return (\n    <ModalBody testID={testId}>\n      <div className=\"flex flex-col gap-2 self-start\">\n        <BaseModalTitle title={title} />\n        <BaseModalDescription description={description} />\n      </div>\n\n      <div className=\"flex flex-col gap-2 w-full\">\n        {buttons.map((button, index) => (\n          <ModalButton\n            key={index}\n            onClick={button.onClick}\n            text={button.text}\n            className={button.className}\n          />\n        ))}\n      </div>\n    </ModalBody>\n  );\n}\n"],"mappings":"8SAkBA,SAAgB,EAAe,CAAE,QAAO,KAAI,aAAkC,CAC5E,OACE,EAAA,EAAA,KAAC,OAAD,CAAU,KAAI,UAAW,EAAA,GAAG,EAAA,oBAAqB,CAAS,WACvD,CACG,CAAA,CAEV,CAOA,SAAgB,EAAqB,CACnC,cACA,YAC4B,CAC5B,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oCAA4B,GAAY,CAAkB,CAAA,CAE9E,CASA,SAAgB,EAAU,CACxB,SACA,QACA,cACA,WACiB,CACjB,OACE,EAAA,EAAA,MAAC,EAAA,UAAD,CAAW,OAAQ,WAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAuB,OAAQ,CAAA,GAC/B,EAAA,EAAA,KAAC,EAAD,CAAmC,aAAc,CAAA,CAC9C,KAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sCACZ,EAAQ,KAAK,EAAQ,KACpB,EAAA,EAAA,KAAC,EAAA,YAAD,CAEE,QAAS,EAAO,QAChB,KAAM,EAAO,KACb,UAAW,EAAO,SACnB,EAJM,CAIN,CACF,CACE,CAAA,CACI,GAEf"}

package/dist/components/shared/modals/confirmation-modals/base-modal.js

@@ -14,7 +14,7 @@ function o({ title: t, id: n, className: a }) {
 }
 function s({ description: e, children: t }) {
 	return /* @__PURE__ */ i("span", {
-		className: "text-xs text-modal-muted",
+		className: "text-sm text-modal-muted",
 		children: t || e
 	});
 }

package/dist/components/shared/modals/confirmation-modals/base-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-modal.js","names":[],"sources":["../../../../../src/components/shared/modals/confirmation-modals/base-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalBody } from \"../modal-body\";\nimport { ModalButton } from \"../../buttons/modal-button\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface ButtonConfig {\n  text: string;\n  onClick: () => void;\n  className: React.HTMLProps<HTMLButtonElement>[\"className\"];\n}\n\ninterface BaseModalTitleProps {\n  title: React.ReactNode;\n  id?: string;\n  className?: string;\n}\n\nexport function BaseModalTitle({ title, id, className }: BaseModalTitleProps) {\n  return (\n    <span id={id} className={cn(modalTitleClassName, className)}>\n      {title}\n    </span>\n  );\n}\n\ninterface BaseModalDescriptionProps {\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nexport function BaseModalDescription({\n  description,\n  children,\n}: BaseModalDescriptionProps) {\n  return (\n    <span className=\"text-xs text-modal-muted\">{children || description}</span>\n  );\n}\n\ninterface BaseModalProps {\n  testId?: string;\n  title: string;\n  description: string;\n  buttons: ButtonConfig[];\n}\n\nexport function BaseModal({\n  testId,\n  title,\n  description,\n  buttons,\n}: BaseModalProps) {\n  return (\n    <ModalBody testID={testId}>\n      <div className=\"flex flex-col gap-2 self-start\">\n        <BaseModalTitle title={title} />\n        <BaseModalDescription description={description} />\n      </div>\n\n      <div className=\"flex flex-col gap-2 w-full\">\n        {buttons.map((button, index) => (\n          <ModalButton\n            key={index}\n            onClick={button.onClick}\n            text={button.text}\n            className={button.className}\n          />\n        ))}\n      </div>\n    </ModalBody>\n  );\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,EAAe,EAAE,UAAO,OAAI,gBAAkC;CAC5E,OACE,kBAAC,QAAD;EAAU;EAAI,WAAW,EAAG,GAAqB,CAAS;YACvD;CACG,CAAA;AAEV;AAOA,SAAgB,EAAqB,EACnC,gBACA,eAC4B;CAC5B,OACE,kBAAC,QAAD;EAAM,WAAU;YAA4B,KAAY;CAAkB,CAAA;AAE9E;AASA,SAAgB,EAAU,EACxB,WACA,UACA,gBACA,cACiB;CACjB,OACE,kBAAC,GAAD;EAAW,QAAQ;YAAnB,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAuB,SAAQ,CAAA,GAC/B,kBAAC,GAAD,EAAmC,eAAc,CAAA,CAC9C;MAEL,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,GAAQ,MACpB,kBAAC,GAAD;IAEE,SAAS,EAAO;IAChB,MAAM,EAAO;IACb,WAAW,EAAO;GACnB,GAJM,CAIN,CACF;EACE,CAAA,CACI;;AAEf"}
+{"version":3,"file":"base-modal.js","names":[],"sources":["../../../../../src/components/shared/modals/confirmation-modals/base-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalBody } from \"../modal-body\";\nimport { ModalButton } from \"../../buttons/modal-button\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface ButtonConfig {\n  text: string;\n  onClick: () => void;\n  className: React.HTMLProps<HTMLButtonElement>[\"className\"];\n}\n\ninterface BaseModalTitleProps {\n  title: React.ReactNode;\n  id?: string;\n  className?: string;\n}\n\nexport function BaseModalTitle({ title, id, className }: BaseModalTitleProps) {\n  return (\n    <span id={id} className={cn(modalTitleClassName, className)}>\n      {title}\n    </span>\n  );\n}\n\ninterface BaseModalDescriptionProps {\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nexport function BaseModalDescription({\n  description,\n  children,\n}: BaseModalDescriptionProps) {\n  return (\n    <span className=\"text-sm text-modal-muted\">{children || description}</span>\n  );\n}\n\ninterface BaseModalProps {\n  testId?: string;\n  title: string;\n  description: string;\n  buttons: ButtonConfig[];\n}\n\nexport function BaseModal({\n  testId,\n  title,\n  description,\n  buttons,\n}: BaseModalProps) {\n  return (\n    <ModalBody testID={testId}>\n      <div className=\"flex flex-col gap-2 self-start\">\n        <BaseModalTitle title={title} />\n        <BaseModalDescription description={description} />\n      </div>\n\n      <div className=\"flex flex-col gap-2 w-full\">\n        {buttons.map((button, index) => (\n          <ModalButton\n            key={index}\n            onClick={button.onClick}\n            text={button.text}\n            className={button.className}\n          />\n        ))}\n      </div>\n    </ModalBody>\n  );\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,EAAe,EAAE,UAAO,OAAI,gBAAkC;CAC5E,OACE,kBAAC,QAAD;EAAU;EAAI,WAAW,EAAG,GAAqB,CAAS;YACvD;CACG,CAAA;AAEV;AAOA,SAAgB,EAAqB,EACnC,gBACA,eAC4B;CAC5B,OACE,kBAAC,QAAD;EAAM,WAAU;YAA4B,KAAY;CAAkB,CAAA;AAE9E;AASA,SAAgB,EAAU,EACxB,WACA,UACA,gBACA,cACiB;CACjB,OACE,kBAAC,GAAD;EAAW,QAAQ;YAAnB,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAuB,SAAQ,CAAA,GAC/B,kBAAC,GAAD,EAAmC,eAAc,CAAA,CAC9C;MAEL,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,GAAQ,MACpB,kBAAC,GAAD;IAEE,SAAS,EAAO;IAChB,MAAM,EAAO;IACb,WAAW,EAAO;GACnB,GAJM,CAIN,CACF;EACE,CAAA,CACI;;AAEf"}

package/dist/config/defaults.cjs

@@ -1,2 +1,2 @@
-require("../_virtual/_rolldown/runtime.cjs");var e={_comment:`Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.`,versions:{agentServer:`1.40.1`,agentCanvas:`1.12.0`,automation:`1.6.0`},compatibility:{minimumAgentServer:`1.28.0`},constraints:{_comment:`Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).`,agentClientProtocol:`agent-client-protocol<0.11`},images:{agentServer:`ghcr.io/openhands/agent-server`,agentCanvas:`ghcr.io/openhands/agent-canvas`},ports:{agentServer:18e3,automation:18001,proxy:8e3},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`,canvasBasePath:`/canvas`},packages:{agentServer:`openhands-agent-server`,automation:`openhands-automation`,tools:`openhands-tools`,workspace:`openhands-workspace`},telemetry:{posthogApiKey:`phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U`,posthogHost:`https://us.i.posthog.com`}};exports.default=e;
+require("../_virtual/_rolldown/runtime.cjs");var e={_comment:`Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.`,versions:{agentServer:`1.42.1`,agentCanvas:`1.13.0`,automation:`1.7.1`},compatibility:{minimumAgentServer:`1.28.0`},constraints:{_comment:`Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).`,agentClientProtocol:`agent-client-protocol<0.11`},images:{agentServer:`ghcr.io/openhands/agent-server`,agentCanvas:`ghcr.io/openhands/agent-canvas`},ports:{agentServer:18e3,automation:18001,proxy:8e3},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`,canvasBasePath:`/canvas`},packages:{agentServer:`openhands-agent-server`,automation:`openhands-automation`,tools:`openhands-tools`,workspace:`openhands-workspace`},telemetry:{posthogApiKey:`phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U`,posthogHost:`https://us.i.posthog.com`}};exports.default=e;
 //# sourceMappingURL=defaults.cjs.map

package/dist/config/defaults.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.cjs","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n  \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n  \"versions\": {\n    \"agentServer\": \"1.40.1\",\n    \"agentCanvas\": \"1.12.0\",\n    \"automation\": \"1.6.0\"\n  },\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\n  },\n  \"constraints\": {\n    \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n    \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n  },\n  \"images\": {\n    \"agentServer\": \"ghcr.io/openhands/agent-server\",\n    \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n  },\n  \"ports\": {\n    \"agentServer\": 18000,\n    \"automation\": 18001,\n    \"proxy\": 8000\n  },\n  \"paths\": {\n    \"stateSubdir\": \"agent-canvas\",\n    \"conversations\": \"agent-canvas/conversations\",\n    \"bashEvents\": \"agent-canvas/bash_events\",\n    \"automationDb\": \"automation/automations.db\",\n    \"canvasBasePath\": \"/canvas\"\n  },\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  },\n  \"telemetry\": {\n    \"posthogApiKey\": \"phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U\",\n    \"posthogHost\": \"https://us.i.posthog.com\"\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"defaults.cjs","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n  \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n  \"versions\": {\n    \"agentServer\": \"1.42.1\",\n    \"agentCanvas\": \"1.13.0\",\n    \"automation\": \"1.7.1\"\n  },\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\n  },\n  \"constraints\": {\n    \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n    \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n  },\n  \"images\": {\n    \"agentServer\": \"ghcr.io/openhands/agent-server\",\n    \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n  },\n  \"ports\": {\n    \"agentServer\": 18000,\n    \"automation\": 18001,\n    \"proxy\": 8000\n  },\n  \"paths\": {\n    \"stateSubdir\": \"agent-canvas\",\n    \"conversations\": \"agent-canvas/conversations\",\n    \"bashEvents\": \"agent-canvas/bash_events\",\n    \"automationDb\": \"automation/automations.db\",\n    \"canvasBasePath\": \"/canvas\"\n  },\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  },\n  \"telemetry\": {\n    \"posthogApiKey\": \"phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U\",\n    \"posthogHost\": \"https://us.i.posthog.com\"\n  }\n}\n"],"mappings":""}

package/dist/config/defaults.js

@@ -1,9 +1,9 @@
 var e = {
 	_comment: "Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.",
 	versions: {
-		agentServer: "1.40.1",
-		agentCanvas: "1.12.0",
-		automation: "1.6.0"
+		agentServer: "1.42.1",
+		agentCanvas: "1.13.0",
+		automation: "1.7.1"
 	},
 	compatibility: { minimumAgentServer: "1.28.0" },
 	constraints: {

package/dist/config/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n  \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n  \"versions\": {\n    \"agentServer\": \"1.40.1\",\n    \"agentCanvas\": \"1.12.0\",\n    \"automation\": \"1.6.0\"\n  },\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\n  },\n  \"constraints\": {\n    \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n    \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n  },\n  \"images\": {\n    \"agentServer\": \"ghcr.io/openhands/agent-server\",\n    \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n  },\n  \"ports\": {\n    \"agentServer\": 18000,\n    \"automation\": 18001,\n    \"proxy\": 8000\n  },\n  \"paths\": {\n    \"stateSubdir\": \"agent-canvas\",\n    \"conversations\": \"agent-canvas/conversations\",\n    \"bashEvents\": \"agent-canvas/bash_events\",\n    \"automationDb\": \"automation/automations.db\",\n    \"canvasBasePath\": \"/canvas\"\n  },\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  },\n  \"telemetry\": {\n    \"posthogApiKey\": \"phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U\",\n    \"posthogHost\": \"https://us.i.posthog.com\"\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"defaults.js","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n  \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n  \"versions\": {\n    \"agentServer\": \"1.42.1\",\n    \"agentCanvas\": \"1.13.0\",\n    \"automation\": \"1.7.1\"\n  },\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\n  },\n  \"constraints\": {\n    \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n    \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n  },\n  \"images\": {\n    \"agentServer\": \"ghcr.io/openhands/agent-server\",\n    \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n  },\n  \"ports\": {\n    \"agentServer\": 18000,\n    \"automation\": 18001,\n    \"proxy\": 8000\n  },\n  \"paths\": {\n    \"stateSubdir\": \"agent-canvas\",\n    \"conversations\": \"agent-canvas/conversations\",\n    \"bashEvents\": \"agent-canvas/bash_events\",\n    \"automationDb\": \"automation/automations.db\",\n    \"canvasBasePath\": \"/canvas\"\n  },\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  },\n  \"telemetry\": {\n    \"posthogApiKey\": \"phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U\",\n    \"posthogHost\": \"https://us.i.posthog.com\"\n  }\n}\n"],"mappings":""}

package/dist/constants/llm-balance.cjs

@@ -0,0 +1,2 @@
+require("../_virtual/_rolldown/runtime.cjs");var e=`/api/llm/balance`,t=1e4;exports.LLM_BALANCE_PATH=e,exports.LLM_BALANCE_TIMEOUT_MS=t;
+//# sourceMappingURL=llm-balance.cjs.map

package/dist/constants/llm-balance.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"llm-balance.cjs","names":[],"sources":["../../src/constants/llm-balance.ts"],"sourcesContent":["/**\n * Agent-server endpoint reporting the LLM provider's credit balance.\n * Servers without balance support (or providers that can't report one)\n * answer 404 — callers must treat that as \"hide the balance UI\".\n */\nexport const LLM_BALANCE_PATH = \"/api/llm/balance\";\n\n/**\n * Ceiling on a single balance request. A server that accepts the connection\n * and then never answers would otherwise leave the request in flight forever:\n * the query sets `retry: false`, which suppresses retries but does not bound a\n * stuck request, so the balance card would stay hidden with nothing surfaced.\n */\nexport const LLM_BALANCE_TIMEOUT_MS = 10_000;\n"],"mappings":"6CAKA,IAAa,EAAmB,mBAQnB,EAAyB"}

package/dist/constants/llm-balance.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Agent-server endpoint reporting the LLM provider's credit balance.
+ * Servers without balance support (or providers that can't report one)
+ * answer 404 — callers must treat that as "hide the balance UI".
+ */
+export declare const LLM_BALANCE_PATH = "/api/llm/balance";
+/**
+ * Ceiling on a single balance request. A server that accepts the connection
+ * and then never answers would otherwise leave the request in flight forever:
+ * the query sets `retry: false`, which suppresses retries but does not bound a
+ * stuck request, so the balance card would stay hidden with nothing surfaced.
+ */
+export declare const LLM_BALANCE_TIMEOUT_MS = 10000;

package/dist/constants/llm-balance.js

@@ -0,0 +1,6 @@
+//#region src/constants/llm-balance.ts
+var e = "/api/llm/balance", t = 1e4;
+//#endregion
+export { e as LLM_BALANCE_PATH, t as LLM_BALANCE_TIMEOUT_MS };
+
+//# sourceMappingURL=llm-balance.js.map

package/dist/constants/llm-balance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"llm-balance.js","names":[],"sources":["../../src/constants/llm-balance.ts"],"sourcesContent":["/**\n * Agent-server endpoint reporting the LLM provider's credit balance.\n * Servers without balance support (or providers that can't report one)\n * answer 404 — callers must treat that as \"hide the balance UI\".\n */\nexport const LLM_BALANCE_PATH = \"/api/llm/balance\";\n\n/**\n * Ceiling on a single balance request. A server that accepts the connection\n * and then never answers would otherwise leave the request in flight forever:\n * the query sets `retry: false`, which suppresses retries but does not bound a\n * stuck request, so the balance card would stay hidden with nothing surfaced.\n */\nexport const LLM_BALANCE_TIMEOUT_MS = 10_000;\n"],"mappings":";AAKA,IAAa,IAAmB,oBAQnB,IAAyB"}

package/dist/contexts/conversation-websocket-context.cjs

@@ -1,4 +1,4 @@
-const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../stores/browser-store.cjs"),n=require("../stores/command-store.cjs"),r=require("../utils/conversation-local-storage.cjs"),i=require("../stores/conversation-store.cjs"),ee=require("../stores/conversation-state-store.cjs"),te=require("../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs");require("../node_modules/@openhands/typescript-client/dist/clients.cjs");const a=require("../utils/websocket-url.cjs"),ne=require("../api/agent-server-client-options.cjs"),re=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),o=require("../types/agent-server/type-guards.cjs"),s=require("../stores/use-event-store.cjs"),ie=require("../hooks/use-websocket.cjs"),c=require("../constants/server-connection-error.cjs"),ae=require("../stores/error-message-store.cjs"),oe=require("../stores/optimistic-user-message-store.cjs"),se=require("../stores/goal-store.cjs"),ce=require("../services/canvas-ui.cjs"),l=require("../api/conversation-metadata-store.cjs"),le=require("../services/child-conversation-launch.cjs"),u=require("../utils/cache-utils.cjs"),ue=require("../api/event-service/event-service.api.cjs"),d=require("../utils/error-handler.cjs"),de=require("../hooks/mutation/use-read-conversation-file.cjs"),fe=require("../stores/metrics-store.cjs"),pe=require("../hooks/query/use-conversation-history.cjs"),me=require("../hooks/chat/record-model-switch-message.cjs"),he=require("../hooks/mutation/conversation-mutation-utils.cjs");let f=require("react");f=e.__toESM(f,1);let ge=require("react/jsx-runtime");var _e=(0,f.createContext)(void 0);function p(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function m({children:e,conversationId:m,conversationUrl:h,sessionApiKey:g,subConversations:_,subConversationIds:v}){let[y,b]=(0,f.useState)(`CONNECTING`),[x,S]=(0,f.useState)(`CONNECTING`),C=f.default.useRef(!1),w=f.default.useRef(!1),T=re.useQueryClient(),E=s.useEventStore(e=>e.addEvent),D=s.useEventStore(e=>e.addEvents),O=s.useEventStore(e=>e.clearEventsForConversation),{setErrorMessage:k,removeErrorMessage:A,clearConnectionError:j}=ae.useErrorMessageStore(),M=oe.useOptimisticUserMessageStore(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:N}=ee.useConversationStateStore(),{appendInput:P,appendOutput:F}=n.useCommandStore(),I=t.useBrowserStore(e=>e.reset),[L,R]=(0,f.useState)(!0),[z,B]=(0,f.useState)(null),{setPlanContent:V}=i.useConversationStore(),{mutate:H}=de.useReadConversationFile(),U=(0,f.useRef)(0),W=(0,f.useRef)(null),ve=e=>e?.toUpperCase().endsWith(`PLAN.MD`)??!1,G=(0,f.useCallback)(()=>{j()},[j]),K=(0,f.useCallback)(e=>{if(e.value.usage_to_metrics?.agent){let t=e.value.usage_to_metrics.agent,n={cost:t.accumulated_cost,max_budget_per_task:t.max_budget_per_task??null,usage:t.accumulated_token_usage?{prompt_tokens:t.accumulated_token_usage.prompt_tokens,completion_tokens:t.accumulated_token_usage.completion_tokens,cache_read_tokens:t.accumulated_token_usage.cache_read_tokens,cache_write_tokens:t.accumulated_token_usage.cache_write_tokens,context_window:t.accumulated_token_usage.context_window,per_turn_token:t.accumulated_token_usage.per_turn_token}:null};fe.default.getState().setMetrics(n)}},[]),{data:q,isPending:ye,isFetching:J,isError:be}=pe.useConversationHistory(m),xe=!!m&&ye;(0,f.useLayoutEffect)(()=>{let e=m??null;s.useEventStore.getState().loadedConversationId!==e&&(O(e),I())},[m,O,I]),(0,f.useLayoutEffect)(()=>{if(!(!q||q.events.length===0)&&(D(q.events),m)){me.seedModelSwitchesFromHistory(m,s.useEventStore.getState().uiEvents);for(let e of q.events)o.isUserMessageEvent(e)&&M(m,p(e))}},[q,D,m,M]);let Y=(0,f.useMemo)(()=>{if(J)return null;let e=q?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[q,J]),X=(0,f.useMemo)(()=>!m||!h||J&&!be?null:a.buildWebSocketUrl(m,h),[m,h,J,be]),Z=(0,f.useMemo)(()=>{if(!_?.length)return null;let e=_[0];return!e?.id||!e.conversation_url?null:a.buildWebSocketUrl(e.id,e.conversation_url)},[_]),Se=(0,f.useMemo)(()=>Z?y===`CONNECTING`||x===`CONNECTING`?`CONNECTING`:y===`OPEN`&&x===`OPEN`?`OPEN`:y===`CLOSED`&&x===`CLOSED`?`CLOSED`:y===`CLOSING`||x===`CLOSING`?`CLOSING`:`CLOSED`:y,[y,x,Z]);(0,f.useEffect)(()=>{z!==null&&U.current>=z&&L&&R(!1)},[z,L,U]),(0,f.useEffect)(()=>{if(!L&&W.current){let{path:e,conversationId:t}=W.current;H({conversationId:t,filePath:e},{onSuccess:e=>{V(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),W.current=null}},[L,H,V]),(0,f.useEffect)(()=>{C.current=!1,R(!!v?.length),B(null),U.current=0,W.current=null},[v]),(0,f.useEffect)(()=>{C.current=!1,w.current=!1,W.current=null},[m]);let Ce=(0,f.useMemo)(()=>xe||L,[xe,L]),we=(0,f.useCallback)(e=>{try{let n=JSON.parse(e.data);if(o.isAgentServerEvent(n)){let e=s.useEventStore.getState().eventIds.has(n.id),i=o.isSwitchLLMObservationEvent(n)?n:null;if(E(n),e)return;if(o.isDisplayableErrorEvent(n)){let e=n;d.trackError({message:e.detail,source:`conversation`,metadata:{eventId:e.id,errorCode:e.code}}),k(e.detail,`conversation`,e.code)}else G();if(o.isAgentErrorEvent(n)&&d.trackError({message:n.error,source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id}}),o.isUserMessageEvent(n)&&m&&(M(m,p(n)),r.setConversationState(m,{draftMessage:null})),o.isActionEvent(n)&&u.handleActionEventCacheInvalidation(n,m||`test-conversation-id`,T),o.isConversationStateUpdateEvent(n)&&(o.isFullStateConversationStateUpdateEvent(n)&&N(n.value.execution_status),o.isAgentStatusConversationStateUpdateEvent(n)&&N(n.value),o.isStatsConversationStateUpdateEvent(n)&&K(n),o.isGoalConversationStateUpdateEvent(n)&&m&&se.useGoalStore.getState().setStatus(m,n.value)),o.isExecuteBashActionEvent(n)&&P(n.action.command),o.isExecuteBashObservationEvent(n)&&F(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
-`)),o.isBrowserObservationEvent(n)){let{screenshot_data:e}=n.observation;if(e){let n=e.startsWith(`data:`)?e:`data:image/png;base64,${e}`;t.useBrowserStore.getState().setScreenshotSrc(n)}}if(o.isBrowserNavigateActionEvent(n)&&t.useBrowserStore.getState().setUrl(n.action.url),m&&i&&!i.observation.is_error){me.recordModelSwitchMessage(m,i.observation.profile_name);let e=l.getStoredConversationMetadata(m);l.setStoredConversationMetadata(m,{selected_repository:e?.selected_repository??null,selected_branch:e?.selected_branch??null,git_provider:e?.git_provider??null,selected_workspace:e?.selected_workspace??null,active_profile:i.observation.profile_name,plugins:e?.plugins??null}),i.observation.active_model&&he.updateConversationLlmModelInCache(T,m,i.observation.active_model),he.invalidateConversationQueries(T,m)}o.isCanvasUIActionEvent(n)&&ce.handleCanvasUIAction(n.action,m??null),m&&o.isLaunchChildConversationActionEvent(n)&&le.handleLaunchChildConversationAction(n.action,m,n.tool_call_id)}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[E,k,M,T,m,N,P,F,K,G]),Te=(0,f.useCallback)(e=>{try{let t=JSON.parse(e.data);if(L&&(U.current+=1,z!==null&&U.current>=z&&R(!1)),o.isAgentServerEvent(t)){let e=s.useEventStore.getState().eventIds.has(t.id);if(E({...t,isFromPlanningAgent:!0}),e)return;if(o.isDisplayableErrorEvent(t)){let e=t;d.trackError({message:e.detail,source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code}}),k(e.detail,`conversation`,e.code)}else G();if(o.isAgentErrorEvent(t)&&d.trackError({message:t.error,source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id}}),o.isUserMessageEvent(t)&&m&&(M(m,p(t)),r.setConversationState(m,{draftMessage:null})),o.isActionEvent(t)&&u.handleActionEventCacheInvalidation(t,_?.[0]?.id||`test-conversation-id`,T),o.isConversationStateUpdateEvent(t)&&(o.isFullStateConversationStateUpdateEvent(t)&&N(t.value.execution_status),o.isAgentStatusConversationStateUpdateEvent(t)&&N(t.value),o.isStatsConversationStateUpdateEvent(t)&&K(t),o.isGoalConversationStateUpdateEvent(t)&&m&&se.useGoalStore.getState().setStatus(m,t.value)),o.isExecuteBashActionEvent(t)&&P(t.action.command),o.isExecuteBashObservationEvent(t)&&F(t.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../stores/browser-store.cjs"),n=require("../stores/command-store.cjs"),r=require("../utils/conversation-local-storage.cjs"),i=require("../stores/conversation-store.cjs"),ee=require("../stores/conversation-state-store.cjs"),te=require("../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs");require("../node_modules/@openhands/typescript-client/dist/clients.cjs");const a=require("../utils/websocket-url.cjs"),ne=require("../api/agent-server-client-options.cjs"),re=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),o=require("../types/agent-server/type-guards.cjs"),s=require("../stores/use-event-store.cjs"),ie=require("../hooks/use-websocket.cjs"),c=require("../constants/server-connection-error.cjs"),ae=require("../stores/error-message-store.cjs"),oe=require("../stores/optimistic-user-message-store.cjs"),se=require("../stores/goal-store.cjs"),ce=require("../services/canvas-ui.cjs"),l=require("../api/conversation-metadata-store.cjs"),le=require("../services/child-conversation-launch.cjs"),u=require("../utils/cache-utils.cjs"),ue=require("../api/event-service/event-service.api.cjs"),d=require("../utils/error-handler.cjs"),de=require("../hooks/mutation/use-read-conversation-file.cjs"),fe=require("../stores/metrics-store.cjs"),pe=require("../hooks/query/use-conversation-history.cjs"),me=require("../hooks/chat/record-model-switch-message.cjs"),he=require("../hooks/mutation/conversation-mutation-utils.cjs");let f=require("react");f=e.__toESM(f,1);let ge=require("react/jsx-runtime");var _e=(0,f.createContext)(void 0);function p(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function m({children:e,conversationId:m,conversationUrl:h,sessionApiKey:g,subConversations:_,subConversationIds:v}){let[y,b]=(0,f.useState)(`CONNECTING`),[x,S]=(0,f.useState)(`CONNECTING`),C=f.default.useRef(!1),w=f.default.useRef(!1),T=re.useQueryClient(),E=s.useEventStore(e=>e.addEvent),D=s.useEventStore(e=>e.addEvents),O=s.useEventStore(e=>e.clearEventsForConversation),{setErrorMessage:k,removeErrorMessage:A,clearConnectionError:j}=ae.useErrorMessageStore(),M=oe.useOptimisticUserMessageStore(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:N}=ee.useConversationStateStore(),{appendInput:P,appendOutput:F}=n.useCommandStore(),I=t.useBrowserStore(e=>e.reset),[L,R]=(0,f.useState)(!0),[z,B]=(0,f.useState)(null),{setPlanContent:V}=i.useConversationStore(),{mutate:H}=de.useReadConversationFile(),U=(0,f.useRef)(0),W=(0,f.useRef)(null),ve=e=>e?.toUpperCase().endsWith(`PLAN.MD`)??!1,G=(0,f.useCallback)(()=>{j()},[j]),K=(0,f.useCallback)(e=>{let t=e.value.usage_to_metrics;if(!t)return;let n=Object.values(t).reduce((e,t)=>{e.cost+=t.accumulated_cost,e.maxBudgetPerTask===null&&t.max_budget_per_task!==null&&(e.maxBudgetPerTask=t.max_budget_per_task);let n=t.accumulated_token_usage;return n&&(e.usage={prompt_tokens:(e.usage?.prompt_tokens??0)+n.prompt_tokens,completion_tokens:(e.usage?.completion_tokens??0)+n.completion_tokens,cache_read_tokens:(e.usage?.cache_read_tokens??0)+n.cache_read_tokens,cache_write_tokens:(e.usage?.cache_write_tokens??0)+n.cache_write_tokens,context_window:Math.max(e.usage?.context_window??0,n.context_window),per_turn_token:Math.max(e.usage?.per_turn_token??0,n.per_turn_token)}),e},{cost:0,maxBudgetPerTask:null,usage:null});fe.default.getState().setMetrics({cost:n.cost,max_budget_per_task:n.maxBudgetPerTask,usage:n.usage})},[]),{data:q,isPending:ye,isFetching:J,isError:be}=pe.useConversationHistory(m),xe=!!m&&ye;(0,f.useLayoutEffect)(()=>{let e=m??null;s.useEventStore.getState().loadedConversationId!==e&&(O(e),I(),fe.default.getState().resetMetrics())},[m,O,I]),(0,f.useLayoutEffect)(()=>{if(!(!q||q.events.length===0)&&(D(q.events),m)){me.seedModelSwitchesFromHistory(m,s.useEventStore.getState().uiEvents);for(let e of q.events)o.isUserMessageEvent(e)&&M(m,p(e))}},[q,D,m,M]);let Y=(0,f.useMemo)(()=>{if(J)return null;let e=q?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[q,J]),X=(0,f.useMemo)(()=>!m||!h||J&&!be?null:a.buildWebSocketUrl(m,h),[m,h,J,be]),Z=(0,f.useMemo)(()=>{if(!_?.length)return null;let e=_[0];return!e?.id||!e.conversation_url?null:a.buildWebSocketUrl(e.id,e.conversation_url)},[_]),Se=(0,f.useMemo)(()=>Z?y===`CONNECTING`||x===`CONNECTING`?`CONNECTING`:y===`OPEN`&&x===`OPEN`?`OPEN`:y===`CLOSED`&&x===`CLOSED`?`CLOSED`:y===`CLOSING`||x===`CLOSING`?`CLOSING`:`CLOSED`:y,[y,x,Z]);(0,f.useEffect)(()=>{z!==null&&U.current>=z&&L&&R(!1)},[z,L,U]),(0,f.useEffect)(()=>{if(!L&&W.current){let{path:e,conversationId:t}=W.current;H({conversationId:t,filePath:e},{onSuccess:e=>{V(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),W.current=null}},[L,H,V]),(0,f.useEffect)(()=>{C.current=!1,R(!!v?.length),B(null),U.current=0,W.current=null},[v]),(0,f.useEffect)(()=>{C.current=!1,w.current=!1,W.current=null},[m]);let Ce=(0,f.useMemo)(()=>xe||L,[xe,L]),we=(0,f.useCallback)(e=>{try{let n=JSON.parse(e.data);if(o.isAgentServerEvent(n)){let e=s.useEventStore.getState().eventIds.has(n.id??``),i=o.isSwitchLLMObservationEvent(n)?n:null;if(E(n),e)return;if(o.isDisplayableErrorEvent(n)){let e=n;d.trackError({message:e.detail,source:`conversation`,metadata:{eventId:e.id,errorCode:e.code}}),k(e.detail,`conversation`,e.code)}else G();if(o.isAgentErrorEvent(n)&&d.trackError({message:n.error,source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id}}),o.isUserMessageEvent(n)&&m&&(M(m,p(n)),r.setConversationState(m,{draftMessage:null})),o.isActionEvent(n)&&u.handleActionEventCacheInvalidation(n,m||`test-conversation-id`,T),o.isConversationStateUpdateEvent(n)&&(o.isFullStateConversationStateUpdateEvent(n)&&N(n.value.execution_status),o.isAgentStatusConversationStateUpdateEvent(n)&&N(n.value),o.isStatsConversationStateUpdateEvent(n)&&K(n),o.isGoalConversationStateUpdateEvent(n)&&m&&se.useGoalStore.getState().setStatus(m,n.value)),o.isExecuteBashActionEvent(n)&&P(n.action.command),o.isExecuteBashObservationEvent(n)&&F(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+`)),o.isBrowserObservationEvent(n)){let{screenshot_data:e}=n.observation;if(e){let n=e.startsWith(`data:`)?e:`data:image/png;base64,${e}`;t.useBrowserStore.getState().setScreenshotSrc(n)}}if(o.isBrowserNavigateActionEvent(n)&&t.useBrowserStore.getState().setUrl(n.action.url),m&&i&&!i.observation.is_error){me.recordModelSwitchMessage(m,i.observation.profile_name);let e=l.getStoredConversationMetadata(m);l.setStoredConversationMetadata(m,{selected_repository:e?.selected_repository??null,selected_branch:e?.selected_branch??null,git_provider:e?.git_provider??null,selected_workspace:e?.selected_workspace??null,active_profile:i.observation.profile_name,plugins:e?.plugins??null}),i.observation.active_model&&he.updateConversationLlmModelInCache(T,m,i.observation.active_model),he.invalidateConversationQueries(T,m)}o.isCanvasUIActionEvent(n)&&ce.handleCanvasUIAction(n.action,m??null),m&&o.isLaunchChildConversationActionEvent(n)&&le.handleLaunchChildConversationAction(n.action,m,n.tool_call_id)}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[E,k,M,T,m,N,P,F,K,G]),Te=(0,f.useCallback)(e=>{try{let t=JSON.parse(e.data);if(L&&(U.current+=1,z!==null&&U.current>=z&&R(!1)),o.isAgentServerEvent(t)){let e=s.useEventStore.getState().eventIds.has(t.id??``);if(E({...t,isFromPlanningAgent:!0}),e)return;if(o.isDisplayableErrorEvent(t)){let e=t;d.trackError({message:e.detail,source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code}}),k(e.detail,`conversation`,e.code)}else G();if(o.isAgentErrorEvent(t)&&d.trackError({message:t.error,source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id}}),o.isUserMessageEvent(t)&&m&&(M(m,p(t)),r.setConversationState(m,{draftMessage:null})),o.isActionEvent(t)&&u.handleActionEventCacheInvalidation(t,_?.[0]?.id||`test-conversation-id`,T),o.isConversationStateUpdateEvent(t)&&(o.isFullStateConversationStateUpdateEvent(t)&&N(t.value.execution_status),o.isAgentStatusConversationStateUpdateEvent(t)&&N(t.value),o.isStatsConversationStateUpdateEvent(t)&&K(t),o.isGoalConversationStateUpdateEvent(t)&&m&&se.useGoalStore.getState().setStatus(m,t.value)),o.isExecuteBashActionEvent(t)&&P(t.action.command),o.isExecuteBashObservationEvent(t)&&F(t.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
 `)),o.isPlanningFileEditorObservationEvent(t)){let{path:e}=t.observation;if(ve(e)){let t=_?.[0]?.id;t&&e&&(L?W.current={path:e,conversationId:t}:H({conversationId:t,filePath:e},{onSuccess:e=>{V(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}))}}}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[E,L,z,k,M,T,_,m,N,P,F,H,V,K,G]),Ee=(0,f.useMemo)(()=>({queryParams:Y?{resend_mode:`since`,after_timestamp:Y}:{resend_mode:`all`},sessionApiKey:g,reconnect:{enabled:!0},onOpen:()=>{b(`OPEN`),C.current=!0,j()},onClose:()=>{b(`CLOSED`)},onError:()=>{b(`CLOSED`),C.current&&k(c.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:we}),[we,k,j,g,Y]),De=(0,f.useMemo)(()=>{let e={resend_all:!0},t=_?.[0];return{queryParams:e,sessionApiKey:t?.session_api_key??g,reconnect:{enabled:!0},onOpen:async()=>{if(S(`OPEN`),w.current=!0,j(),t?.id&&t.conversation_url)try{let e=await ue.default.getEventCount(t.id,t.conversation_url,t.session_api_key);B(e),e===0&&R(!1)}catch{R(!1)}},onClose:()=>{S(`CLOSED`)},onError:()=>{S(`CLOSED`),w.current&&k(c.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:Te}},[Te,k,j,g,_]),{socket:Q,reconnect:Oe}=ie.useWebSocket(X||``,Ee),{socket:$,reconnect:ke}=ie.useWebSocket(Z||``,De),Ae=(0,f.useCallback)(()=>{if(A(),i.useConversationStore.getState().conversationMode===`plan`&&Z){ke();return}Oe()},[Z,Oe,ke,A]),je=(0,f.useCallback)(async e=>{let t=i.useConversationStore.getState().conversationMode===`plan`?$:Q;if(t?.readyState!==WebSocket.OPEN){if(!m){let e=Error(`No conversation ID available`);throw k(e.message),e}try{return await new te.ConversationClient(ne.getAgentServerClientOptions()).sendEvent(m,{role:`user`,content:e.content},{run:!0}),{queued:!0}}catch(e){throw k(e instanceof Error?e.message:`Failed to queue message for delivery`),e}}try{return t.send(JSON.stringify({...e,run:!0})),{queued:!1}}catch(e){throw k(e instanceof Error?e.message:`Failed to send message`),e}},[Q,$,k,m]);(0,f.useEffect)(()=>{Q&&X&&(()=>{switch(Q.readyState){case WebSocket.CONNECTING:b(`CONNECTING`);break;case WebSocket.OPEN:b(`OPEN`);break;case WebSocket.CLOSING:b(`CLOSING`);break;case WebSocket.CLOSED:b(`CLOSED`);break;default:b(`CLOSED`);break}})()},[Q,X]),(0,f.useEffect)(()=>{$&&Z&&(()=>{switch($.readyState){case WebSocket.CONNECTING:S(`CONNECTING`);break;case WebSocket.OPEN:S(`OPEN`);break;case WebSocket.CLOSING:S(`CLOSING`);break;case WebSocket.CLOSED:S(`CLOSED`);break;default:S(`CLOSED`);break}})()},[$,Z]);let Me=(0,f.useMemo)(()=>({connectionState:Se,sendMessage:je,isLoadingHistory:Ce,reconnect:Ae}),[Se,je,Ce,Ae]);return(0,ge.jsx)(_e.Provider,{value:Me,children:e})}var h=()=>(0,f.useContext)(_e)||null;exports.ConversationWebSocketProvider=m,exports.useConversationWebSocket=h;
 //# sourceMappingURL=conversation-websocket-context.cjs.map