@openhands/agent-canvas 1.15.0 → 1.17.0

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

@@ -1 +1 @@
-{"version":3,"file":"confirmation-modal.js","names":[],"sources":["../../../../src/components/shared/modals/confirmation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ModalBackdrop } from \"./modal-backdrop\";\n\ninterface ConfirmationModalProps {\n  text: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n  /**\n   * Disables both action buttons while an asynchronous confirm\n   * mutation is in flight. Defaults to false to preserve existing\n   * call sites that don't track mutation state.\n   */\n  isConfirming?: boolean;\n}\n\nexport function ConfirmationModal({\n  text,\n  onConfirm,\n  onCancel,\n  isConfirming = false,\n}: ConfirmationModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  // Suppress the backdrop's click / Escape close handler while the\n  // confirm mutation is in flight; otherwise the user could dismiss\n  // the modal mid-request and never see the result (the buttons are\n  // already disabled, but the backdrop wasn't).\n  return (\n    <ModalBackdrop\n      onClose={isConfirming ? undefined : onCancel}\n      closeOnEscape={!isConfirming}\n    >\n      <div\n        data-testid=\"confirmation-modal\"\n        className=\"bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\"\n      >\n        <p>{text}</p>\n        <div className=\"w-full flex justify-end gap-2\">\n          <BrandButton\n            testId=\"cancel-button\"\n            type=\"button\"\n            onClick={onCancel}\n            variant=\"secondary\"\n            isDisabled={isConfirming}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            testId=\"confirm-button\"\n            type=\"button\"\n            onClick={onConfirm}\n            variant=\"primary\"\n            isDisabled={isConfirming}\n          >\n            {t(I18nKey.BUTTON$CONFIRM)}\n          </BrandButton>\n        </div>\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAkB,EAChC,SACA,cACA,aACA,kBAAe,MACU;CACzB,IAAM,EAAE,SAAM,EAAe,WAAW;CAKxC,OACE,kBAAC,GAAD;EACE,SAAS,IAAe,KAAA,IAAY;EACpC,eAAe,CAAC;YAEhB,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAFZ,CAIE,kBAAC,KAAD,EAAA,UAAI,EAAQ,CAAA,GACZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAS;KACT,SAAQ;KACR,YAAY;eAEX,EAAE,EAAQ,aAAa;IACb,CAAA,GACb,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAS;KACT,SAAQ;KACR,YAAY;eAEX,EAAE,EAAQ,cAAc;IACd,CAAA,CACV;KACF;;CACQ,CAAA;AAEnB"}
+{"version":3,"file":"confirmation-modal.js","names":[],"sources":["../../../../src/components/shared/modals/confirmation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ModalBackdrop } from \"./modal-backdrop\";\n\ninterface ConfirmationModalProps {\n  text: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n  confirmText?: string;\n  /**\n   * Disables both action buttons while an asynchronous confirm\n   * mutation is in flight. Defaults to false to preserve existing\n   * call sites that don't track mutation state.\n   */\n  isConfirming?: boolean;\n}\n\nexport function ConfirmationModal({\n  text,\n  onConfirm,\n  onCancel,\n  confirmText,\n  isConfirming = false,\n}: ConfirmationModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  // Suppress the backdrop's click / Escape close handler while the\n  // confirm mutation is in flight; otherwise the user could dismiss\n  // the modal mid-request and never see the result (the buttons are\n  // already disabled, but the backdrop wasn't).\n  return (\n    <ModalBackdrop\n      onClose={isConfirming ? undefined : onCancel}\n      closeOnEscape={!isConfirming}\n    >\n      <div\n        data-testid=\"confirmation-modal\"\n        className=\"bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\"\n      >\n        <p>{text}</p>\n        <div className=\"w-full flex justify-end gap-2\">\n          <BrandButton\n            testId=\"cancel-button\"\n            type=\"button\"\n            onClick={onCancel}\n            variant=\"secondary\"\n            isDisabled={isConfirming}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            testId=\"confirm-button\"\n            type=\"button\"\n            onClick={onConfirm}\n            variant=\"primary\"\n            isDisabled={isConfirming}\n          >\n            {confirmText ?? t(I18nKey.BUTTON$CONFIRM)}\n          </BrandButton>\n        </div>\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,EAAkB,EAChC,SACA,cACA,aACA,gBACA,kBAAe,MACU;CACzB,IAAM,EAAE,SAAM,EAAe,WAAW;CAKxC,OACE,kBAAC,GAAD;EACE,SAAS,IAAe,KAAA,IAAY;EACpC,eAAe,CAAC;YAEhB,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAFZ,CAIE,kBAAC,KAAD,EAAA,UAAI,EAAQ,CAAA,GACZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAS;KACT,SAAQ;KACR,YAAY;eAEX,EAAE,EAAQ,aAAa;IACb,CAAA,GACb,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAS;KACT,SAAQ;KACR,YAAY;eAEX,KAAe,EAAE,EAAQ,cAAc;IAC7B,CAAA,CACV;KACF;;CACQ,CAAA;AAEnB"}

package/dist/components/shared/modals/settings/model-selector.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/info.cjs"),i=require("../../../../utils/constants.cjs"),a=require("../../../../utils/utils.cjs"),o=require("../../../../utils/form-control-classes.cjs"),s=require("../../../../utils/format-model-name.cjs"),c=require("../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.cjs"),l=require("../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.cjs"),u=require("../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.cjs"),d=require("../../../../ui/combobox-caret.cjs"),f=require("../../../../utils/map-provider.cjs"),p=require("../../../../utils/extract-model-and-provider.cjs"),m=require("../../../../ui/help-link.cjs"),h=require("../../../../hooks/query/use-search-providers.cjs"),g=require("../../../../hooks/query/use-provider-models.cjs");let _=require("react");_=e.__toESM(_,1);let v=require("react/jsx-runtime");var y=`shrink-0 rounded-full border border-warning/40 bg-warning/10 px-1.5 py-0.5 text-[10px] leading-none text-warning`;function b(){return(0,v.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,v.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,v.jsx)(`span`,{children:s.FREE_OPENHANDS_MODEL_NOTE})]})}function x({isDisabled:e,currentModel:r,onChange:x,onDefaultValuesChanged:S,wrapperClassName:C,labelClassName:w}){let[,T]=_.default.useState(null),[E,D]=_.default.useState(null),[O,k]=_.default.useState(null),{data:A=[]}=h.useSearchProviders(),{data:j=[],isLoading:M,error:N}=g.useProviderModels(E),P=_.default.useMemo(()=>A.filter(e=>e.verified),[A]),F=_.default.useMemo(()=>A.filter(e=>!e.verified),[A]),I=_.default.useMemo(()=>j.filter(e=>e.verified),[j]),L=_.default.useMemo(()=>j.filter(e=>!e.verified),[j]);_.default.useEffect(()=>{if(r){let{provider:e,model:t}=p.extractModelAndProvider(r);T(r),D(e||null),k(t),S?.(e||null,t)}},[r]);let R=e=>{D(e),k(null),T(`${e}/`),x?.(e,null)},z=e=>{let t=`${E}/${e}`;E===`openai`&&(t=e),T(t),k(e),x?.(E,e)},B=()=>{D(null),T(null)},V=s.isFreeOpenHandsModel(E&&O?`${E}/${O}`:null),H=_.default.useRef(null),[U,W]=_.default.useState(0);_.default.useLayoutEffect(()=>{if(!V||!H.current){W(0);return}let e=()=>{W(Math.ceil(H.current?.getBoundingClientRect().width??0))};if(e(),typeof ResizeObserver>`u`)return;let t=new ResizeObserver(e);return t.observe(H.current),()=>t.disconnect()},[V,O]);let{t:G}=t.useTranslation(`openhands`);return(0,v.jsxs)(`div`,{className:a.cn(`flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]`,C),children:[(0,v.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,v.jsx)(`label`,{className:a.cn(`text-sm`,w),children:G(n.I18nKey.LLM$PROVIDER)}),(0,v.jsxs)(u.autocomplete_default,{"data-testid":`llm-provider-input`,isRequired:!0,isVirtualized:!1,name:`llm-provider-input`,isDisabled:e,"aria-label":G(n.I18nKey.LLM$PROVIDER),isClearable:!1,onSelectionChange:e=>{e?.toString()&&R(e.toString())},onInputChange:e=>!e&&B(),defaultSelectedKey:E??void 0,selectedKey:E,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:d.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:o.formControlSettingsFieldClassName}},children:[(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:P.map(e=>(0,v.jsx)(c.listbox_item_base_default,{"data-testid":`provider-item-${e.name}`,children:f.mapProvider(e.name)},e.name))}),F.length>0?(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:F.map(e=>(0,v.jsx)(c.listbox_item_base_default,{children:f.mapProvider(e.name)},e.name))}):null]})]}),E===`openhands`&&(0,v.jsx)(`div`,{className:`flex flex-col gap-2`,children:(0,v.jsx)(m.HelpLink,{testId:`openhands-account-help`,text:G(n.I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT),linkText:G(n.I18nKey.SETTINGS$CLICK_HERE),href:i.PRODUCT_URL.PRODUCTION,size:`settings`,linkColor:`white`})}),(0,v.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,v.jsx)(`label`,{className:a.cn(`text-sm`,w),children:G(n.I18nKey.LLM$MODEL)}),(0,v.jsxs)(`div`,{className:`relative`,children:[(0,v.jsxs)(u.autocomplete_default,{"data-testid":`llm-model-input`,isRequired:!0,isVirtualized:!1,isLoading:M,name:`llm-model-input`,"aria-label":G(n.I18nKey.LLM$MODEL),isClearable:!1,onSelectionChange:e=>{e?.toString()&&z(e.toString())},isDisabled:e||!E,selectedKey:O,defaultSelectedKey:O??void 0,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:d.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:o.formControlSettingsFieldClassName}},children:[(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:I.map(e=>(0,v.jsx)(c.listbox_item_base_default,{textValue:e.name,children:(0,v.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,v.jsx)(`span`,{className:`truncate`,children:e.name}),s.isFreeOpenHandsModel(`${E}/${e.name}`)?(0,v.jsx)(`span`,{className:y,children:s.FREE_MODEL_BADGE_LABEL}):null]})},e.name))}),L.length>0?(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:L.map(e=>(0,v.jsx)(c.listbox_item_base_default,{"data-testid":`model-item-${e.name}`,textValue:e.name,children:e.name},e.name))}):null]}),V&&O?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`span`,{ref:H,className:`pointer-events-none absolute left-3 top-1/2 whitespace-pre text-sm opacity-0`,"aria-hidden":!0,children:O}),(0,v.jsx)(`span`,{"data-testid":`selected-free-model-badge`,className:a.cn(y,`pointer-events-none absolute top-1/2 z-10 -translate-y-1/2`),style:{left:`calc(0.75rem + ${U}px + 0.5rem)`},children:s.FREE_MODEL_BADGE_LABEL})]}):null]}),N&&(0,v.jsx)(`p`,{"data-testid":`models-error`,className:`text-danger text-xs`,children:G(n.I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)}),E===`openhands`?(0,v.jsx)(b,{}):null]})]})}exports.ModelSelector=x;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/info.cjs"),i=require("../../../../utils/constants.cjs"),a=require("../../../../utils/utils.cjs"),o=require("../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.cjs"),s=require("../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.cjs"),c=require("../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.cjs"),l=require("../../../../utils/form-control-classes.cjs"),u=require("../../../../utils/format-model-name.cjs"),d=require("../../../../ui/combobox-caret.cjs"),f=require("../../../../utils/map-provider.cjs"),p=require("../../../../utils/extract-model-and-provider.cjs"),m=require("../../../../ui/help-link.cjs"),h=require("../../../../hooks/query/use-search-providers.cjs"),g=require("../../../../hooks/query/use-provider-models.cjs");let _=require("react");_=e.__toESM(_,1);let v=require("react/jsx-runtime");var y=`shrink-0 rounded-full border border-warning/40 bg-warning/10 px-1.5 py-0.5 text-[10px] leading-none text-warning`;function b(){return(0,v.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,v.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,v.jsx)(`span`,{children:u.FREE_OPENHANDS_MODEL_NOTE})]})}function x({isDisabled:e,currentModel:r,onChange:x,onDefaultValuesChanged:S,wrapperClassName:C,labelClassName:w}){let[,T]=_.default.useState(null),[E,D]=_.default.useState(null),[O,k]=_.default.useState(null),{data:A=[]}=h.useSearchProviders(),{data:j=[],isLoading:M,error:N}=g.useProviderModels(E),P=_.default.useMemo(()=>A.filter(e=>e.verified),[A]),F=_.default.useMemo(()=>A.filter(e=>!e.verified),[A]),I=_.default.useMemo(()=>j.filter(e=>e.verified),[j]),L=_.default.useMemo(()=>j.filter(e=>!e.verified),[j]);_.default.useEffect(()=>{if(r){let{provider:e,model:t}=p.extractModelAndProvider(r);T(r),D(e||null),k(t),S?.(e||null,t)}},[r]);let R=e=>{D(e),k(null),T(`${e}/`),x?.(e,null)},z=e=>{let t=`${E}/${e}`;E===`openai`&&(t=e),T(t),k(e),x?.(E,e)},B=()=>{D(null),T(null)},V=u.isFreeOpenHandsModel(E&&O?`${E}/${O}`:null),H=_.default.useRef(null),[U,W]=_.default.useState(0);_.default.useLayoutEffect(()=>{if(!V||!H.current){W(0);return}let e=()=>{W(Math.ceil(H.current?.getBoundingClientRect().width??0))};if(e(),typeof ResizeObserver>`u`)return;let t=new ResizeObserver(e);return t.observe(H.current),()=>t.disconnect()},[V,O]);let{t:G}=t.useTranslation(`openhands`);return(0,v.jsxs)(`div`,{className:a.cn(`flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]`,C),children:[(0,v.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,v.jsx)(`label`,{className:a.cn(`text-sm`,w),children:G(n.I18nKey.LLM$PROVIDER)}),(0,v.jsxs)(c.autocomplete_default,{"data-testid":`llm-provider-input`,isRequired:!0,isVirtualized:!1,name:`llm-provider-input`,isDisabled:e,"aria-label":G(n.I18nKey.LLM$PROVIDER),isClearable:!1,onSelectionChange:e=>{e?.toString()&&R(e.toString())},onInputChange:e=>!e&&B(),defaultSelectedKey:E??void 0,selectedKey:E,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:d.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:l.formControlSettingsFieldClassName}},children:[(0,v.jsx)(s.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:P.map(e=>(0,v.jsx)(o.listbox_item_base_default,{"data-testid":`provider-item-${e.name}`,children:f.mapProvider(e.name)},e.name))}),F.length>0?(0,v.jsx)(s.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:F.map(e=>(0,v.jsx)(o.listbox_item_base_default,{children:f.mapProvider(e.name)},e.name))}):null]})]}),E===`openhands`&&(0,v.jsx)(`div`,{className:`flex flex-col gap-2`,children:(0,v.jsx)(m.HelpLink,{testId:`openhands-account-help`,text:G(n.I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT),linkText:G(n.I18nKey.SETTINGS$CLICK_HERE),href:i.PRODUCT_URL.PRODUCTION,size:`settings`,linkColor:`white`})}),(0,v.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,v.jsx)(`label`,{className:a.cn(`text-sm`,w),children:G(n.I18nKey.LLM$MODEL)}),(0,v.jsxs)(`div`,{className:`relative`,children:[(0,v.jsxs)(c.autocomplete_default,{"data-testid":`llm-model-input`,isRequired:!0,isVirtualized:!1,isLoading:M,name:`llm-model-input`,"aria-label":G(n.I18nKey.LLM$MODEL),isClearable:!1,onSelectionChange:e=>{e?.toString()&&z(e.toString())},isDisabled:e||!E,selectedKey:O,defaultSelectedKey:O??void 0,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:d.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:l.formControlSettingsFieldClassName}},children:[(0,v.jsx)(s.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:I.map(e=>(0,v.jsx)(o.listbox_item_base_default,{textValue:e.name,children:(0,v.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,v.jsx)(`span`,{className:`truncate`,children:e.name}),u.isFreeOpenHandsModel(`${E}/${e.name}`)?(0,v.jsx)(`span`,{className:y,children:u.FREE_MODEL_BADGE_LABEL}):null]})},e.name))}),L.length>0?(0,v.jsx)(s.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:L.map(e=>(0,v.jsx)(o.listbox_item_base_default,{"data-testid":`model-item-${e.name}`,textValue:e.name,children:e.name},e.name))}):null]}),V&&O?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`span`,{ref:H,className:`pointer-events-none absolute left-3 top-1/2 whitespace-pre text-sm opacity-0`,"aria-hidden":!0,children:O}),(0,v.jsx)(`span`,{"data-testid":`selected-free-model-badge`,className:a.cn(y,`pointer-events-none absolute top-1/2 z-10 -translate-y-1/2`),style:{left:`calc(0.75rem + ${U}px + 0.5rem)`},children:u.FREE_MODEL_BADGE_LABEL})]}):null]}),N&&(0,v.jsx)(`p`,{"data-testid":`models-error`,className:`text-danger text-xs`,children:G(n.I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)}),E===`openhands`?(0,v.jsx)(b,{}):null]})]})}exports.ModelSelector=x;
 //# sourceMappingURL=model-selector.cjs.map

package/dist/components/shared/modals/settings/model-selector.js

@@ -3,11 +3,11 @@ import { I18nKey as t } from "../../../../i18n/declaration.js";
 import { Info as n } from "../../../../node_modules/lucide-react/dist/esm/icons/info.js";
 import { PRODUCT_URL as r } from "../../../../utils/constants.js";
 import { cn as i } from "../../../../utils/utils.js";
-import { formControlSettingsFieldClassName as a } from "../../../../utils/form-control-classes.js";
-import { FREE_MODEL_BADGE_LABEL as o, FREE_OPENHANDS_MODEL_NOTE as s, isFreeOpenHandsModel as c } from "../../../../utils/format-model-name.js";
-import { listbox_item_base_default as l } from "../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.js";
-import { listbox_section_base_default as u } from "../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.js";
-import { autocomplete_default as d } from "../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.js";
+import { listbox_item_base_default as a } from "../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.js";
+import { listbox_section_base_default as o } from "../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.js";
+import { autocomplete_default as s } from "../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.js";
+import { formControlSettingsFieldClassName as c } from "../../../../utils/form-control-classes.js";
+import { FREE_MODEL_BADGE_LABEL as l, FREE_OPENHANDS_MODEL_NOTE as u, isFreeOpenHandsModel as d } from "../../../../utils/format-model-name.js";
 import { heroUiAutocompleteSelectorButtonClassName as f } from "../../../../ui/combobox-caret.js";
 import { mapProvider as p } from "../../../../utils/map-provider.js";
 import { extractModelAndProvider as m } from "../../../../utils/extract-model-and-provider.js";
@@ -25,17 +25,17 @@ function C() {
 		children: [/* @__PURE__ */ b(n, {
 			className: "mt-0.5 size-4 shrink-0 text-warning",
 			"aria-hidden": !0
-		}), /* @__PURE__ */ b("span", { children: s })]
+		}), /* @__PURE__ */ b("span", { children: u })]
 	});
 }
-function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged: T, wrapperClassName: E, labelClassName: D }) {
+function w({ isDisabled: n, currentModel: u, onChange: w, onDefaultValuesChanged: T, wrapperClassName: E, labelClassName: D }) {
 	let [, O] = v.useState(null), [k, A] = v.useState(null), [j, M] = v.useState(null), { data: N = [] } = g(), { data: P = [], isLoading: F, error: I } = _(k), L = v.useMemo(() => N.filter((e) => e.verified), [N]), R = v.useMemo(() => N.filter((e) => !e.verified), [N]), z = v.useMemo(() => P.filter((e) => e.verified), [P]), B = v.useMemo(() => P.filter((e) => !e.verified), [P]);
 	v.useEffect(() => {
-		if (s) {
-			let { provider: e, model: t } = m(s);
-			O(s), A(e || null), M(t), T?.(e || null, t);
+		if (u) {
+			let { provider: e, model: t } = m(u);
+			O(u), A(e || null), M(t), T?.(e || null, t);
 		}
-	}, [s]);
+	}, [u]);
 	let V = (e) => {
 		A(e), M(null), O(`${e}/`), w?.(e, null);
 	}, H = (e) => {
@@ -43,7 +43,7 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 		k === "openai" && (t = e), O(t), M(e), w?.(k, e);
 	}, U = () => {
 		A(null), O(null);
-	}, W = c(k && j ? `${k}/${j}` : null), G = v.useRef(null), [K, q] = v.useState(0);
+	}, W = d(k && j ? `${k}/${j}` : null), G = v.useRef(null), [K, q] = v.useState(0);
 	v.useLayoutEffect(() => {
 		if (!W || !G.current) {
 			q(0);
@@ -65,7 +65,7 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 				children: [/* @__PURE__ */ b("label", {
 					className: i("text-sm", D),
 					children: J(t.LLM$PROVIDER)
-				}), /* @__PURE__ */ x(d, {
+				}), /* @__PURE__ */ x(s, {
 					"data-testid": "llm-provider-input",
 					isRequired: !0,
 					isVirtualized: !1,
@@ -84,18 +84,18 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 						selectorButton: f
 					},
 					selectorButtonProps: { disableRipple: !0 },
-					inputProps: { classNames: { inputWrapper: a } },
-					children: [/* @__PURE__ */ b(u, {
+					inputProps: { classNames: { inputWrapper: c } },
+					children: [/* @__PURE__ */ b(o, {
 						title: J(t.MODEL_SELECTOR$VERIFIED),
 						classNames: { heading: "text-[var(--oh-muted)]" },
-						children: L.map((e) => /* @__PURE__ */ b(l, {
+						children: L.map((e) => /* @__PURE__ */ b(a, {
 							"data-testid": `provider-item-${e.name}`,
 							children: p(e.name)
 						}, e.name))
-					}), R.length > 0 ? /* @__PURE__ */ b(u, {
+					}), R.length > 0 ? /* @__PURE__ */ b(o, {
 						title: J(t.MODEL_SELECTOR$OTHERS),
 						classNames: { heading: "text-[var(--oh-muted)]" },
-						children: R.map((e) => /* @__PURE__ */ b(l, { children: p(e.name) }, e.name))
+						children: R.map((e) => /* @__PURE__ */ b(a, { children: p(e.name) }, e.name))
 					}) : null]
 				})]
 			}),
@@ -119,7 +119,7 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 					}),
 					/* @__PURE__ */ x("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ x(d, {
+						children: [/* @__PURE__ */ x(s, {
 							"data-testid": "llm-model-input",
 							isRequired: !0,
 							isVirtualized: !1,
@@ -138,27 +138,27 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 								selectorButton: f
 							},
 							selectorButtonProps: { disableRipple: !0 },
-							inputProps: { classNames: { inputWrapper: a } },
-							children: [/* @__PURE__ */ b(u, {
+							inputProps: { classNames: { inputWrapper: c } },
+							children: [/* @__PURE__ */ b(o, {
 								title: J(t.MODEL_SELECTOR$VERIFIED),
 								classNames: { heading: "text-[var(--oh-muted)]" },
-								children: z.map((e) => /* @__PURE__ */ b(l, {
+								children: z.map((e) => /* @__PURE__ */ b(a, {
 									textValue: e.name,
 									children: /* @__PURE__ */ x("span", {
 										className: "flex min-w-0 items-center gap-2",
 										children: [/* @__PURE__ */ b("span", {
 											className: "truncate",
 											children: e.name
-										}), c(`${k}/${e.name}`) ? /* @__PURE__ */ b("span", {
+										}), d(`${k}/${e.name}`) ? /* @__PURE__ */ b("span", {
 											className: S,
-											children: o
+											children: l
 										}) : null]
 									})
 								}, e.name))
-							}), B.length > 0 ? /* @__PURE__ */ b(u, {
+							}), B.length > 0 ? /* @__PURE__ */ b(o, {
 								title: J(t.MODEL_SELECTOR$OTHERS),
 								classNames: { heading: "text-[var(--oh-muted)]" },
-								children: B.map((e) => /* @__PURE__ */ b(l, {
+								children: B.map((e) => /* @__PURE__ */ b(a, {
 									"data-testid": `model-item-${e.name}`,
 									textValue: e.name,
 									children: e.name
@@ -173,7 +173,7 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 							"data-testid": "selected-free-model-badge",
 							className: i(S, "pointer-events-none absolute top-1/2 z-10 -translate-y-1/2"),
 							style: { left: `calc(0.75rem + ${K}px + 0.5rem)` },
-							children: o
+							children: l
 						})] }) : null]
 					}),
 					I && /* @__PURE__ */ b("p", {

package/dist/components/shared/modals/settings/settings-form.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/constants.cjs"),i=require("../../../../context/navigation-context.cjs"),a=require("../../../../hooks/use-tracking.cjs"),o=require("../modal-backdrop.cjs"),s=require("../../../features/settings/brand-button.cjs"),c=require("../../../../utils/settings-utils.cjs"),l=require("../../../features/settings/settings-input.cjs"),u=require("../../../../hooks/mutation/use-save-settings.cjs"),d=require("../../../../ui/help-link.cjs"),f=require("./model-selector.cjs"),p=require("../../../../utils/sdk-settings-schema.cjs"),m=require("../confirmation-modals/danger-modal.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _({settings:e,onClose:_}){let{trackSettingsSaved:v}=a.useTracking(),{mutate:y}=u.useSaveSettings(),{currentPath:b}=i.useNavigation(),{t:x}=t.useTranslation(`openhands`),S=h.default.useRef(null),[C,w]=h.default.useState(!1),T=async e=>{let t=c.extractSettings(e);await y(t,{onSuccess:()=>{_();let e=t.agent_settings_diff?.llm??{};v({llmModel:e.model,llmApiKeySet:e.api_key?`SET`:`UNSET`,searchApiKeySet:t.search_api_key?`SET`:`UNSET`,remoteRuntimeResourceFactor:t.remote_runtime_resource_factor})}})},E=()=>{T(new FormData(S.current??void 0))},D=e=>{e.preventDefault();let t=new FormData(e.currentTarget);b.startsWith(`/conversations/`)?w(!0):T(t)},O=e.llm_api_key_set,k=p.getAgentSettingValue(e,`llm.model`);return(0,g.jsxs)(`div`,{children:[(0,g.jsxs)(`form`,{ref:S,"data-testid":`settings-form`,className:`flex flex-col gap-6`,onSubmit:D,children:[(0,g.jsxs)(`div`,{className:`flex flex-col gap-[17px]`,children:[(0,g.jsx)(f.ModelSelector,{currentModel:typeof k==`string`?k:void 0,wrapperClassName:`!flex-col !gap-[17px]`,labelClassName:r.SETTINGS_FORM.LABEL_CLASSNAME}),(0,g.jsx)(l.SettingsInput,{testId:`llm-api-key-input`,name:`llm-api-key-input`,label:x(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,placeholder:O?`<hidden>`:``,labelClassName:r.SETTINGS_FORM.LABEL_CLASSNAME}),(0,g.jsx)(d.HelpLink,{testId:`llm-api-key-help-anchor`,text:x(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:x(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`,size:`settings`,linkColor:`white`})]}),(0,g.jsx)(`div`,{className:`flex flex-col gap-2`,children:(0,g.jsx)(s.BrandButton,{testId:`save-settings-button`,type:`submit`,variant:`primary`,className:`w-full`,children:x(n.I18nKey.BUTTON$SAVE)})})]}),C&&(0,g.jsx)(o.ModalBackdrop,{children:(0,g.jsx)(m.DangerModal,{title:x(n.I18nKey.MODAL$END_SESSION_TITLE),description:x(n.I18nKey.MODAL$END_SESSION_MESSAGE),buttons:{danger:{text:x(n.I18nKey.BUTTON$END_SESSION),onClick:E},cancel:{text:x(n.I18nKey.BUTTON$CANCEL),onClick:()=>w(!1)}}})})]})}exports.SettingsForm=_;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/constants.cjs"),i=require("../../../../context/navigation-context.cjs"),a=require("../../../../hooks/use-tracking.cjs"),o=require("../modal-backdrop.cjs"),s=require("../../../../hooks/mutation/use-save-settings.cjs"),c=require("../../../features/settings/brand-button.cjs"),l=require("../../../../utils/settings-utils.cjs"),u=require("../../../features/settings/settings-input.cjs"),d=require("../../../../ui/help-link.cjs"),f=require("./model-selector.cjs"),p=require("../../../../utils/sdk-settings-schema.cjs"),m=require("../confirmation-modals/danger-modal.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _({settings:e,onClose:_}){let{trackSettingsSaved:v}=a.useTracking(),{mutate:y}=s.useSaveSettings(),{currentPath:b}=i.useNavigation(),{t:x}=t.useTranslation(`openhands`),S=h.default.useRef(null),[C,w]=h.default.useState(!1),T=async e=>{let t=l.extractSettings(e);await y(t,{onSuccess:()=>{_();let e=t.agent_settings_diff?.llm??{};v({llmModel:e.model,llmApiKeySet:e.api_key?`SET`:`UNSET`,searchApiKeySet:t.search_api_key?`SET`:`UNSET`,remoteRuntimeResourceFactor:t.remote_runtime_resource_factor})}})},E=()=>{T(new FormData(S.current??void 0))},D=e=>{e.preventDefault();let t=new FormData(e.currentTarget);b.startsWith(`/conversations/`)?w(!0):T(t)},O=e.llm_api_key_set,k=p.getAgentSettingValue(e,`llm.model`);return(0,g.jsxs)(`div`,{children:[(0,g.jsxs)(`form`,{ref:S,"data-testid":`settings-form`,className:`flex flex-col gap-6`,onSubmit:D,children:[(0,g.jsxs)(`div`,{className:`flex flex-col gap-[17px]`,children:[(0,g.jsx)(f.ModelSelector,{currentModel:typeof k==`string`?k:void 0,wrapperClassName:`!flex-col !gap-[17px]`,labelClassName:r.SETTINGS_FORM.LABEL_CLASSNAME}),(0,g.jsx)(u.SettingsInput,{testId:`llm-api-key-input`,name:`llm-api-key-input`,label:x(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,placeholder:O?`<hidden>`:``,labelClassName:r.SETTINGS_FORM.LABEL_CLASSNAME}),(0,g.jsx)(d.HelpLink,{testId:`llm-api-key-help-anchor`,text:x(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:x(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`,size:`settings`,linkColor:`white`})]}),(0,g.jsx)(`div`,{className:`flex flex-col gap-2`,children:(0,g.jsx)(c.BrandButton,{testId:`save-settings-button`,type:`submit`,variant:`primary`,className:`w-full`,children:x(n.I18nKey.BUTTON$SAVE)})})]}),C&&(0,g.jsx)(o.ModalBackdrop,{children:(0,g.jsx)(m.DangerModal,{title:x(n.I18nKey.MODAL$END_SESSION_TITLE),description:x(n.I18nKey.MODAL$END_SESSION_MESSAGE),buttons:{danger:{text:x(n.I18nKey.BUTTON$END_SESSION),onClick:E},cancel:{text:x(n.I18nKey.BUTTON$CANCEL),onClick:()=>w(!1)}}})})]})}exports.SettingsForm=_;
 //# sourceMappingURL=settings-form.cjs.map

package/dist/components/shared/modals/settings/settings-form.js

@@ -4,10 +4,10 @@ import { SETTINGS_FORM as n } from "../../../../utils/constants.js";
 import { useNavigation as r } from "../../../../context/navigation-context.js";
 import { useTracking as i } from "../../../../hooks/use-tracking.js";
 import { ModalBackdrop as a } from "../modal-backdrop.js";
-import { BrandButton as o } from "../../../features/settings/brand-button.js";
-import { extractSettings as s } from "../../../../utils/settings-utils.js";
-import { SettingsInput as c } from "../../../features/settings/settings-input.js";
-import { useSaveSettings as l } from "../../../../hooks/mutation/use-save-settings.js";
+import { useSaveSettings as o } from "../../../../hooks/mutation/use-save-settings.js";
+import { BrandButton as s } from "../../../features/settings/brand-button.js";
+import { extractSettings as c } from "../../../../utils/settings-utils.js";
+import { SettingsInput as l } from "../../../features/settings/settings-input.js";
 import { HelpLink as u } from "../../../../ui/help-link.js";
 import { ModelSelector as d } from "./model-selector.js";
 import { getAgentSettingValue as f } from "../../../../utils/sdk-settings-schema.js";
@@ -16,8 +16,8 @@ import m from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/shared/modals/settings/settings-form.tsx
 function _({ settings: _, onClose: v }) {
-	let { trackSettingsSaved: y } = i(), { mutate: b } = l(), { currentPath: x } = r(), { t: S } = e("openhands"), C = m.useRef(null), [w, T] = m.useState(!1), E = async (e) => {
-		let t = s(e);
+	let { trackSettingsSaved: y } = i(), { mutate: b } = o(), { currentPath: x } = r(), { t: S } = e("openhands"), C = m.useRef(null), [w, T] = m.useState(!1), E = async (e) => {
+		let t = c(e);
 		await b(t, { onSuccess: () => {
 			v();
 			let e = t.agent_settings_diff?.llm ?? {};
@@ -48,7 +48,7 @@ function _({ settings: _, onClose: v }) {
 					wrapperClassName: "!flex-col !gap-[17px]",
 					labelClassName: n.LABEL_CLASSNAME
 				}),
-				/* @__PURE__ */ h(c, {
+				/* @__PURE__ */ h(l, {
 					testId: "llm-api-key-input",
 					name: "llm-api-key-input",
 					label: S(t.SETTINGS_FORM$API_KEY),
@@ -68,7 +68,7 @@ function _({ settings: _, onClose: v }) {
 			]
 		}), /* @__PURE__ */ h("div", {
 			className: "flex flex-col gap-2",
-			children: /* @__PURE__ */ h(o, {
+			children: /* @__PURE__ */ h(s, {
 				testId: "save-settings-button",
 				type: "submit",
 				variant: "primary",

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.42.1`,agentCanvas:`1.15.0`,automation:`1.8.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.46.0`,agentCanvas:`1.17.0`,automation:`1.11.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,_vscodeComment:`Port the bundled editor binds to inside the container; agent-server's own default. Only the Docker entrypoint reads this — the npm launchers derive the editor port from the agent-server port so several stacks can run side by side. It is never published: the editor is reached through paths.vscodeBasePath on the proxy port.`,vscode:8001},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`,canvasBasePath:`/canvas`,_vscodeBasePathComment:`Path prefix the bundled editor is served under, on the same origin as the canvas. Passed to agent-server as OH_VSCODE_BASE_PATH (it launches openvscode-server with --server-base-path and advertises the prefix in /api/vscode/url), and registered as an ingress route to the VSCode port. Keeping one value on both sides is what lets a single-origin deployment reach the editor without publishing a second port. Tradeoff: a path prefix routes but does not isolate, so the editor shares the canvas's browser origin and therefore its localStorage — see docs/SELF_HOSTING.md and OpenHands/OpenHands#16492.`,vscodeBasePath:`/vscode`},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.42.1\",\n    \"agentCanvas\": \"1.15.0\",\n    \"automation\": \"1.8.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.46.0\",\n    \"agentCanvas\": \"1.17.0\",\n    \"automation\": \"1.11.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    \"_vscodeComment\": \"Port the bundled editor binds to inside the container; agent-server's own default. Only the Docker entrypoint reads this — the npm launchers derive the editor port from the agent-server port so several stacks can run side by side. It is never published: the editor is reached through paths.vscodeBasePath on the proxy port.\",\n    \"vscode\": 8001\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    \"_vscodeBasePathComment\": \"Path prefix the bundled editor is served under, on the same origin as the canvas. Passed to agent-server as OH_VSCODE_BASE_PATH (it launches openvscode-server with --server-base-path and advertises the prefix in /api/vscode/url), and registered as an ingress route to the VSCode port. Keeping one value on both sides is what lets a single-origin deployment reach the editor without publishing a second port. Tradeoff: a path prefix routes but does not isolate, so the editor shares the canvas's browser origin and therefore its localStorage — see docs/SELF_HOSTING.md and OpenHands/OpenHands#16492.\",\n    \"vscodeBasePath\": \"/vscode\"\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.42.1",
-		agentCanvas: "1.15.0",
-		automation: "1.8.0"
+		agentServer: "1.46.0",
+		agentCanvas: "1.17.0",
+		automation: "1.11.1"
 	},
 	compatibility: { minimumAgentServer: "1.28.0" },
 	constraints: {
@@ -17,14 +17,18 @@ var e = {
 	ports: {
 		agentServer: 18e3,
 		automation: 18001,
-		proxy: 8e3
+		proxy: 8e3,
+		_vscodeComment: "Port the bundled editor binds to inside the container; agent-server's own default. Only the Docker entrypoint reads this — the npm launchers derive the editor port from the agent-server port so several stacks can run side by side. It is never published: the editor is reached through paths.vscodeBasePath on the proxy port.",
+		vscode: 8001
 	},
 	paths: {
 		stateSubdir: "agent-canvas",
 		conversations: "agent-canvas/conversations",
 		bashEvents: "agent-canvas/bash_events",
 		automationDb: "automation/automations.db",
-		canvasBasePath: "/canvas"
+		canvasBasePath: "/canvas",
+		_vscodeBasePathComment: "Path prefix the bundled editor is served under, on the same origin as the canvas. Passed to agent-server as OH_VSCODE_BASE_PATH (it launches openvscode-server with --server-base-path and advertises the prefix in /api/vscode/url), and registered as an ingress route to the VSCode port. Keeping one value on both sides is what lets a single-origin deployment reach the editor without publishing a second port. Tradeoff: a path prefix routes but does not isolate, so the editor shares the canvas's browser origin and therefore its localStorage — see docs/SELF_HOSTING.md and OpenHands/OpenHands#16492.",
+		vscodeBasePath: "/vscode"
 	},
 	packages: {
 		agentServer: "openhands-agent-server",

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.42.1\",\n    \"agentCanvas\": \"1.15.0\",\n    \"automation\": \"1.8.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.46.0\",\n    \"agentCanvas\": \"1.17.0\",\n    \"automation\": \"1.11.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    \"_vscodeComment\": \"Port the bundled editor binds to inside the container; agent-server's own default. Only the Docker entrypoint reads this — the npm launchers derive the editor port from the agent-server port so several stacks can run side by side. It is never published: the editor is reached through paths.vscodeBasePath on the proxy port.\",\n    \"vscode\": 8001\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    \"_vscodeBasePathComment\": \"Path prefix the bundled editor is served under, on the same origin as the canvas. Passed to agent-server as OH_VSCODE_BASE_PATH (it launches openvscode-server with --server-base-path and advertises the prefix in /api/vscode/url), and registered as an ingress route to the VSCode port. Keeping one value on both sides is what lets a single-origin deployment reach the editor without publishing a second port. Tradeoff: a path prefix routes but does not isolate, so the editor shares the canvas's browser origin and therefore its localStorage — see docs/SELF_HOSTING.md and OpenHands/OpenHands#16492.\",\n    \"vscodeBasePath\": \"/vscode\"\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/settings-nav.d.ts

@@ -6,3 +6,11 @@ export interface SettingsNavItem {
     subtitle: string;
 }
 export declare const OSS_NAV_ITEMS: SettingsNavItem[];
+/**
+ * The only OSS nav entry listed when the canvas is locked to a Cloud host —
+ * i.e. deployed into SaaS / self-hosted OHE next to the OHE web app, whose own
+ * settings shell (reached via "All Cloud Settings") owns everything else. The
+ * other pages stay routable for in-app deep links; they are just unlisted
+ * (OHE-3168).
+ */
+export declare const LOCKED_CLOUD_SETTINGS_NAV_PATH = "/settings/app";

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