@openhands/agent-canvas 1.14.0 → 1.16.0

package/dist/components/shared/buttons/circle-plus-check-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"circle-plus-check-toggle.js","names":[],"sources":["../../../../src/components/shared/buttons/circle-plus-check-toggle.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport PlusIcon from \"#/icons/u-plus.svg?react\";\nimport CheckmarkIcon from \"#/icons/checkmark.svg?react\";\nimport RemoveIcon from \"#/icons/x-mark.svg?react\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\n\ninterface CirclePlusCheckToggleProps {\n  testId?: string;\n  isSelected: boolean;\n  onToggle: (selected: boolean) => void;\n  isDisabled?: boolean;\n  className?: string;\n  enableLabelKey?: I18nKey;\n  disableLabelKey?: I18nKey;\n  enableTooltipKey?: I18nKey;\n  disableTooltipKey?: I18nKey;\n  removeTooltipKey?: I18nKey;\n}\n\nexport function CirclePlusBadge({\n  className,\n  testId,\n  tooltipKey = I18nKey.AUTOMATIONS$ADD_AUTOMATION,\n}: {\n  className?: string;\n  testId?: string;\n  tooltipKey?: I18nKey;\n}) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <StyledTooltip content={t(tooltipKey)} placement=\"top\">\n      <span\n        aria-hidden=\"true\"\n        data-testid={testId}\n        className={cn(\n          \"inline-flex size-7 shrink-0 items-center justify-center rounded-full bg-surface-raised text-white transition-colors hover:bg-[var(--oh-interactive-hover)]\",\n          className,\n        )}\n      >\n        <PlusIcon className=\"size-3\" />\n      </span>\n    </StyledTooltip>\n  );\n}\n\nexport function CirclePlusCheckToggle({\n  testId,\n  isSelected,\n  onToggle,\n  isDisabled = false,\n  className,\n  enableLabelKey = I18nKey.SETTINGS$SKILLS_ENABLE_SKILL,\n  disableLabelKey = I18nKey.SETTINGS$SKILLS_DISABLE_SKILL,\n  enableTooltipKey = I18nKey.COMMON$ENABLE,\n  disableTooltipKey,\n  removeTooltipKey = I18nKey.COMMON$REMOVE,\n}: CirclePlusCheckToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isPointerOver, setIsPointerOver] = React.useState(false);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    if (isDisabled) {\n      return;\n    }\n    onToggle(!isSelected);\n    event.currentTarget.blur();\n  };\n\n  const showRemoveIcon = isSelected && isPointerOver;\n  const selectedTooltipKey = disableTooltipKey ?? removeTooltipKey;\n  const tooltipLabel = t(isSelected ? selectedTooltipKey : enableTooltipKey);\n  const ariaLabel = t(isSelected ? disableLabelKey : enableLabelKey);\n\n  return (\n    <StyledTooltip content={tooltipLabel} placement=\"top\">\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={isSelected}\n        data-testid={testId}\n        data-showing-remove={showRemoveIcon ? \"true\" : \"false\"}\n        disabled={isDisabled}\n        aria-label={ariaLabel}\n        onClick={handleClick}\n        onPointerEnter={() => setIsPointerOver(true)}\n        onPointerLeave={() => setIsPointerOver(false)}\n        className={cn(\n          \"inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-full p-0 transition-colors\",\n          isSelected &&\n            (showRemoveIcon\n              ? \"border-0 bg-[rgba(248,113,113,0.14)] text-[#ef4444] hover:bg-[rgba(248,113,113,0.24)]\"\n              : \"border border-white bg-transparent text-white [&_path]:fill-current\"),\n          !isSelected &&\n            \"border-0 bg-surface-raised text-white hover:bg-[var(--oh-interactive-hover)]\",\n          isDisabled && \"cursor-not-allowed opacity-50\",\n          className,\n        )}\n      >\n        {isSelected ? (\n          showRemoveIcon ? (\n            <RemoveIcon\n              aria-hidden\n              width={14}\n              height={14}\n              className=\"stroke-[2.5]\"\n            />\n          ) : (\n            <CheckmarkIcon aria-hidden width={14} height={14} />\n          )\n        ) : (\n          <PlusIcon aria-hidden className=\"size-3\" />\n        )}\n      </button>\n    </StyledTooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiDA,SAAgB,EAAsB,EACpC,WACA,eACA,aACA,gBAAa,IACb,cACA,oBAAiB,EAAQ,8BACzB,qBAAkB,EAAQ,+BAC1B,sBAAmB,EAAQ,eAC3B,sBACA,sBAAmB,EAAQ,iBACE;CAC7B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAe,KAAoB,EAAM,SAAS,EAAK,GAExD,KAAe,MAA+C;EAClE,EAAM,gBAAgB,GAClB,OAGJ,EAAS,CAAC,CAAU,GACpB,EAAM,cAAc,KAAK;CAC3B,GAEM,IAAiB,KAAc,GAE/B,IAAe,EAAE,IADI,KAAqB,IACS,CAAgB,GACnE,IAAY,EAAE,IAAa,IAAkB,CAAc;CAEjE,OACE,kBAAC,GAAD;EAAe,SAAS;EAAc,WAAU;YAC9C,kBAAC,UAAD;GACE,MAAK;GACL,MAAK;GACL,gBAAc;GACd,eAAa;GACb,uBAAqB,IAAiB,SAAS;GAC/C,UAAU;GACV,cAAY;GACZ,SAAS;GACT,sBAAsB,EAAiB,EAAI;GAC3C,sBAAsB,EAAiB,EAAK;GAC5C,WAAW,EACT,6GACA,MACG,IACG,0FACA,wEACN,CAAC,KACC,gFACF,KAAc,iCACd,CACF;aAEC,IACC,IACE,kBAAC,GAAD;IACE,eAAA;IACA,OAAO;IACP,QAAQ;IACR,WAAU;GACX,CAAA,IAED,kBAAC,GAAD;IAAe,eAAA;IAAY,OAAO;IAAI,QAAQ;GAAK,CAAA,IAGrD,kBAAC,GAAD;IAAU,eAAA;IAAY,WAAU;GAAU,CAAA;EAEtC,CAAA;CACK,CAAA;AAEnB"}
+{"version":3,"file":"circle-plus-check-toggle.js","names":[],"sources":["../../../../src/components/shared/buttons/circle-plus-check-toggle.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport PlusIcon from \"#/icons/u-plus.svg?react\";\nimport CheckmarkIcon from \"#/icons/checkmark.svg?react\";\nimport RemoveIcon from \"#/icons/x-mark.svg?react\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\n\ninterface CirclePlusCheckToggleProps {\n  testId?: string;\n  isSelected: boolean;\n  onToggle: (selected: boolean) => void;\n  isDisabled?: boolean;\n  className?: string;\n  enableLabelKey?: I18nKey;\n  disableLabelKey?: I18nKey;\n  enableTooltipKey?: I18nKey;\n  disableTooltipKey?: I18nKey;\n  removeTooltipKey?: I18nKey;\n}\n\nexport function CirclePlusBadge({\n  className,\n  testId,\n  tooltipKey = I18nKey.AUTOMATIONS$ADD_AUTOMATION,\n}: {\n  className?: string;\n  testId?: string;\n  tooltipKey?: I18nKey;\n}) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <StyledTooltip content={t(tooltipKey)} placement=\"top\">\n      <span\n        aria-hidden=\"true\"\n        data-testid={testId}\n        className={cn(\n          \"inline-flex size-7 shrink-0 items-center justify-center rounded-full bg-surface-raised text-white transition-colors hover:bg-[var(--oh-interactive-hover)]\",\n          className,\n        )}\n      >\n        <PlusIcon className=\"size-3\" />\n      </span>\n    </StyledTooltip>\n  );\n}\n\nexport function CirclePlusCheckToggle({\n  testId,\n  isSelected,\n  onToggle,\n  isDisabled = false,\n  className,\n  enableLabelKey = I18nKey.SETTINGS$SKILLS_ENABLE_SKILL,\n  disableLabelKey = I18nKey.SETTINGS$SKILLS_DISABLE_SKILL,\n  enableTooltipKey = I18nKey.COMMON$ENABLE,\n  disableTooltipKey,\n  removeTooltipKey = I18nKey.COMMON$REMOVE,\n}: CirclePlusCheckToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isPointerOver, setIsPointerOver] = React.useState(false);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    if (isDisabled) {\n      return;\n    }\n    onToggle(!isSelected);\n    event.currentTarget.blur();\n  };\n\n  const showRemoveIcon = isSelected && isPointerOver;\n  const selectedTooltipKey = disableTooltipKey ?? removeTooltipKey;\n  const tooltipLabel = t(isSelected ? selectedTooltipKey : enableTooltipKey);\n  const ariaLabel = t(isSelected ? disableLabelKey : enableLabelKey);\n\n  return (\n    <StyledTooltip content={tooltipLabel} placement=\"top\">\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={isSelected}\n        data-testid={testId}\n        data-showing-remove={showRemoveIcon ? \"true\" : \"false\"}\n        disabled={isDisabled}\n        aria-label={ariaLabel}\n        onClick={handleClick}\n        onPointerEnter={() => setIsPointerOver(true)}\n        onPointerLeave={() => setIsPointerOver(false)}\n        className={cn(\n          \"inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-full p-0 transition-colors\",\n          isSelected &&\n            (showRemoveIcon\n              ? \"border-0 bg-[rgba(248,113,113,0.14)] text-[#ef4444] hover:bg-[rgba(248,113,113,0.24)]\"\n              : \"border border-white bg-transparent text-white [&_path]:fill-current\"),\n          !isSelected &&\n            \"border-0 bg-surface-raised text-white hover:bg-[var(--oh-interactive-hover)]\",\n          isDisabled && \"cursor-not-allowed opacity-50\",\n          className,\n        )}\n      >\n        {isSelected ? (\n          showRemoveIcon ? (\n            <RemoveIcon\n              aria-hidden\n              width={14}\n              height={14}\n              className=\"stroke-[2.5]\"\n            />\n          ) : (\n            <CheckmarkIcon aria-hidden width={14} height={14} />\n          )\n        ) : (\n          <PlusIcon aria-hidden className=\"size-3\" />\n        )}\n      </button>\n    </StyledTooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;AAsBA,SAAgB,EAAgB,EAC9B,cACA,WACA,gBAAa,EAAQ,8BAKpB;CACD,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAC,GAAD;EAAe,SAAS,EAAE,CAAU;EAAG,WAAU;YAC/C,kBAAC,QAAD;GACE,eAAY;GACZ,eAAa;GACb,WAAW,EACT,8JACA,CACF;aAEA,kBAAC,GAAD,EAAU,WAAU,SAAU,CAAA;EAC1B,CAAA;CACO,CAAA;AAEnB;AAEA,SAAgB,EAAsB,EACpC,WACA,eACA,aACA,gBAAa,IACb,cACA,oBAAiB,EAAQ,8BACzB,qBAAkB,EAAQ,+BAC1B,sBAAmB,EAAQ,eAC3B,sBACA,sBAAmB,EAAQ,iBACE;CAC7B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAe,KAAoB,EAAM,SAAS,EAAK,GAExD,KAAe,MAA+C;EAClE,EAAM,gBAAgB,GAClB,OAGJ,EAAS,CAAC,CAAU,GACpB,EAAM,cAAc,KAAK;CAC3B,GAEM,IAAiB,KAAc,GAE/B,IAAe,EAAE,IADI,KAAqB,IACS,CAAgB,GACnE,IAAY,EAAE,IAAa,IAAkB,CAAc;CAEjE,OACE,kBAAC,GAAD;EAAe,SAAS;EAAc,WAAU;YAC9C,kBAAC,UAAD;GACE,MAAK;GACL,MAAK;GACL,gBAAc;GACd,eAAa;GACb,uBAAqB,IAAiB,SAAS;GAC/C,UAAU;GACV,cAAY;GACZ,SAAS;GACT,sBAAsB,EAAiB,EAAI;GAC3C,sBAAsB,EAAiB,EAAK;GAC5C,WAAW,EACT,6GACA,MACG,IACG,0FACA,wEACN,CAAC,KACC,gFACF,KAAc,iCACd,CACF;aAEC,IACC,IACE,kBAAC,GAAD;IACE,eAAA;IACA,OAAO;IACP,QAAQ;IACR,WAAU;GACX,CAAA,IAED,kBAAC,GAAD;IAAe,eAAA;IAAY,OAAO;IAAI,QAAQ;GAAK,CAAA,IAGrD,kBAAC,GAAD;IAAU,eAAA;IAAY,WAAU;GAAU,CAAA;EAEtC,CAAA;CACK,CAAA;AAEnB"}

package/dist/components/shared/filters/enum-filter-dropdown.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/check.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../utils/dropdown-classes.cjs"),s=require("../../../hooks/use-click-outside-element.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({testId:e,value:u,onChange:d,options:f,labelKeyByValue:p,labelByValue:m,ariaLabel:h}){let{t:g}=t.useTranslation(`openhands`),[_,v]=c.default.useState(!1),y=s.useClickOutsideElement(()=>v(!1)),b=e=>m?.[e]??(p?g(p[e]):e),x=h??g(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),S=f[0],C=b(u);return(0,l.jsxs)(`div`,{ref:y,className:`relative shrink-0 w-auto`,"data-testid":e,children:[(0,l.jsxs)(`button`,{type:`button`,"data-testid":`dropdown-trigger`,"aria-haspopup":`menu`,"aria-expanded":_,"aria-label":x,onClick:()=>v(e=>!e),className:a.cn(o.dropdownFilterTriggerClassName,S&&u!==S&&`border-white/60 bg-white/10`),children:[(0,l.jsx)(`span`,{className:`whitespace-nowrap`,children:C}),(0,l.jsx)(i.ChevronDown,{className:a.cn(`h-4 w-4 shrink-0 text-tertiary-alt transition-transform`,_&&`rotate-180`),"aria-hidden":!0})]}),_?(0,l.jsx)(`div`,{role:`menu`,"data-testid":`${e}-menu`,"aria-label":x,className:a.cn(`absolute right-0 top-full z-50 mt-1 min-w-full w-max`,`max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow`,o.dropdownMenuListClassName),children:f.map(t=>{let n=t===u;return(0,l.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":n,"data-testid":`${e}-${t}`,onClick:()=>{d(t),v(!1)},className:a.cn(o.dropdownMenuRowClassName,n&&`bg-[var(--oh-interactive-selected)]`),children:[(0,l.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:b(t)}),n?(0,l.jsx)(r.Check,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}):null]},t)})}):null]})}exports.EnumFilterDropdown=u;
+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/check.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../utils/dropdown-classes.cjs"),s=require("../../../hooks/use-click-outside-element.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({testId:e,value:u,onChange:d,options:f,labelKeyByValue:p,labelByValue:m,ariaLabel:h,className:g,fullWidth:_=!1}){let{t:v}=t.useTranslation(`openhands`),[y,b]=c.default.useState(!1),x=s.useClickOutsideElement(()=>b(!1)),S=e=>m?.[e]??(p?v(p[e]):e),C=h??v(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),w=f[0],T=S(u);return(0,l.jsxs)(`div`,{ref:x,className:a.cn(`relative shrink-0`,_?`w-full`:`w-auto`,g),"data-testid":e,children:[(0,l.jsxs)(`button`,{type:`button`,"data-testid":`dropdown-trigger`,"aria-haspopup":`menu`,"aria-expanded":y,"aria-label":C,onClick:()=>b(e=>!e),className:a.cn(o.dropdownFilterTriggerClassName,_&&`w-full justify-between`,w&&u!==w&&`border-white/60 bg-white/10`),children:[(0,l.jsx)(`span`,{className:`whitespace-nowrap`,children:T}),(0,l.jsx)(i.ChevronDown,{className:a.cn(`h-4 w-4 shrink-0 text-tertiary-alt transition-transform`,y&&`rotate-180`),"aria-hidden":!0})]}),y?(0,l.jsx)(`div`,{role:`menu`,"data-testid":`${e}-menu`,"aria-label":C,className:a.cn(`absolute right-0 top-full z-50 mt-1 min-w-full w-max`,`max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow`,o.dropdownMenuListClassName),children:f.map(t=>{let n=t===u;return(0,l.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":n,"data-testid":`${e}-${t}`,onClick:()=>{d(t),b(!1)},className:a.cn(o.dropdownMenuRowClassName,n&&`bg-[var(--oh-interactive-selected)]`),children:[(0,l.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:S(t)}),n?(0,l.jsx)(r.Check,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}):null]},t)})}):null]})}exports.EnumFilterDropdown=u;
 //# sourceMappingURL=enum-filter-dropdown.cjs.map

package/dist/components/shared/filters/enum-filter-dropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"enum-filter-dropdown.cjs","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownFilterTriggerClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n  testId: string;\n  value: T;\n  onChange: (value: T) => void;\n  options: readonly T[];\n  labelKeyByValue?: Record<T, I18nKey>;\n  /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. */\n  labelByValue?: Record<T, string>;\n  ariaLabel?: string;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n  testId,\n  value,\n  onChange,\n  options,\n  labelKeyByValue,\n  labelByValue,\n  ariaLabel,\n}: EnumFilterDropdownProps<T>) {\n  const { t } = useTranslation(\"openhands\");\n  const [open, setOpen] = React.useState(false);\n  const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n    setOpen(false),\n  );\n\n  const getOptionLabel = (option: T): string =>\n    labelByValue?.[option] ??\n    (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n  const resolvedAriaLabel =\n    ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n  const defaultOption = options[0];\n  const selectedLabel = getOptionLabel(value);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"relative shrink-0 w-auto\"\n      data-testid={testId}\n    >\n      <button\n        type=\"button\"\n        data-testid=\"dropdown-trigger\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-label={resolvedAriaLabel}\n        onClick={() => setOpen((prev) => !prev)}\n        className={cn(\n          dropdownFilterTriggerClassName,\n          defaultOption &&\n            value !== defaultOption &&\n            \"border-white/60 bg-white/10\",\n        )}\n      >\n        <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n        <ChevronDown\n          className={cn(\n            \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n            open && \"rotate-180\",\n          )}\n          aria-hidden\n        />\n      </button>\n\n      {open ? (\n        <div\n          role=\"menu\"\n          data-testid={`${testId}-menu`}\n          aria-label={resolvedAriaLabel}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n            \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n            dropdownMenuListClassName,\n          )}\n        >\n          {options.map((option) => {\n            const selected = option === value;\n            return (\n              <button\n                key={option}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={selected}\n                data-testid={`${testId}-${option}`}\n                onClick={() => {\n                  onChange(option);\n                  setOpen(false);\n                }}\n                className={cn(\n                  dropdownMenuRowClassName,\n                  selected && \"bg-[var(--oh-interactive-selected)]\",\n                )}\n              >\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {getOptionLabel(option)}\n                </span>\n                {selected ? (\n                  <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n                ) : null}\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"uiBAuBA,SAAgB,EAAqC,CACnD,SACA,QACA,WACA,UACA,kBACA,eACA,aAC6B,CAC7B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAM,GAAW,EAAA,QAAM,SAAS,EAAK,EACtC,EAAe,EAAA,2BACnB,EAAQ,EAAK,CACf,EAEM,EAAkB,GACtB,IAAe,KACd,EAAkB,EAAE,EAAgB,EAAO,EAAI,GAC5C,EACJ,GAAa,EAAE,EAAA,QAAQ,+BAA+B,EAElD,EAAgB,EAAQ,GACxB,EAAgB,EAAe,CAAK,EAE1C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAU,2BACV,cAAa,WAHf,EAKE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,mBACZ,gBAAc,OACd,gBAAe,EACf,aAAY,EACZ,YAAe,EAAS,GAAS,CAAC,CAAI,EACtC,UAAW,EAAA,GACT,EAAA,+BACA,GACE,IAAU,GACV,6BACJ,WAZF,EAcE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,CAAoB,CAAA,GACzD,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,UAAW,EAAA,GACT,0DACA,GAAQ,YACV,EACA,cAAA,EACD,CAAA,CACK,IAEP,GACC,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,OACL,cAAa,GAAG,EAAO,OACvB,aAAY,EACZ,UAAW,EAAA,GACT,uDACA,+EACA,EAAA,yBACF,WAEC,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,IAAW,EAC5B,OACE,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,KAAK,gBACL,eAAc,EACd,cAAa,GAAG,EAAO,GAAG,IAC1B,YAAe,CACb,EAAS,CAAM,EACf,EAAQ,EAAK,CACf,EACA,UAAW,EAAA,GACT,EAAA,yBACA,GAAY,qCACd,WAbF,EAeE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCACb,EAAe,CAAM,CAClB,CAAA,EACL,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAmB,cAAA,EAAa,CAAA,EAC/C,IACE,GApBD,CAoBC,CAEZ,CAAC,CACE,CAAA,EACH,IACD,GAET"}
+{"version":3,"file":"enum-filter-dropdown.cjs","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownFilterTriggerClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n  testId: string;\n  value: T;\n  onChange: (value: T) => void;\n  options: readonly T[];\n  labelKeyByValue?: Record<T, I18nKey>;\n  /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. */\n  labelByValue?: Record<T, string>;\n  ariaLabel?: string;\n  className?: string;\n  /** Stretch the trigger to the container width, e.g. inside a parent menu. */\n  fullWidth?: boolean;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n  testId,\n  value,\n  onChange,\n  options,\n  labelKeyByValue,\n  labelByValue,\n  ariaLabel,\n  className,\n  fullWidth = false,\n}: EnumFilterDropdownProps<T>) {\n  const { t } = useTranslation(\"openhands\");\n  const [open, setOpen] = React.useState(false);\n  const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n    setOpen(false),\n  );\n\n  const getOptionLabel = (option: T): string =>\n    labelByValue?.[option] ??\n    (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n  const resolvedAriaLabel =\n    ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n  const defaultOption = options[0];\n  const selectedLabel = getOptionLabel(value);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\n        \"relative shrink-0\",\n        fullWidth ? \"w-full\" : \"w-auto\",\n        className,\n      )}\n      data-testid={testId}\n    >\n      <button\n        type=\"button\"\n        data-testid=\"dropdown-trigger\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-label={resolvedAriaLabel}\n        onClick={() => setOpen((prev) => !prev)}\n        className={cn(\n          dropdownFilterTriggerClassName,\n          fullWidth && \"w-full justify-between\",\n          defaultOption &&\n            value !== defaultOption &&\n            \"border-white/60 bg-white/10\",\n        )}\n      >\n        <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n        <ChevronDown\n          className={cn(\n            \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n            open && \"rotate-180\",\n          )}\n          aria-hidden\n        />\n      </button>\n\n      {open ? (\n        <div\n          role=\"menu\"\n          data-testid={`${testId}-menu`}\n          aria-label={resolvedAriaLabel}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n            \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n            dropdownMenuListClassName,\n          )}\n        >\n          {options.map((option) => {\n            const selected = option === value;\n            return (\n              <button\n                key={option}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={selected}\n                data-testid={`${testId}-${option}`}\n                onClick={() => {\n                  onChange(option);\n                  setOpen(false);\n                }}\n                className={cn(\n                  dropdownMenuRowClassName,\n                  selected && \"bg-[var(--oh-interactive-selected)]\",\n                )}\n              >\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {getOptionLabel(option)}\n                </span>\n                {selected ? (\n                  <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n                ) : null}\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"uiBA0BA,SAAgB,EAAqC,CACnD,SACA,QACA,WACA,UACA,kBACA,eACA,YACA,YACA,YAAY,IACiB,CAC7B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAM,GAAW,EAAA,QAAM,SAAS,EAAK,EACtC,EAAe,EAAA,2BACnB,EAAQ,EAAK,CACf,EAEM,EAAkB,GACtB,IAAe,KACd,EAAkB,EAAE,EAAgB,EAAO,EAAI,GAC5C,EACJ,GAAa,EAAE,EAAA,QAAQ,+BAA+B,EAElD,EAAgB,EAAQ,GACxB,EAAgB,EAAe,CAAK,EAE1C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,oBACA,EAAY,SAAW,SACvB,CACF,EACA,cAAa,WAPf,EASE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,mBACZ,gBAAc,OACd,gBAAe,EACf,aAAY,EACZ,YAAe,EAAS,GAAS,CAAC,CAAI,EACtC,UAAW,EAAA,GACT,EAAA,+BACA,GAAa,yBACb,GACE,IAAU,GACV,6BACJ,WAbF,EAeE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,CAAoB,CAAA,GACzD,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,UAAW,EAAA,GACT,0DACA,GAAQ,YACV,EACA,cAAA,EACD,CAAA,CACK,IAEP,GACC,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,OACL,cAAa,GAAG,EAAO,OACvB,aAAY,EACZ,UAAW,EAAA,GACT,uDACA,+EACA,EAAA,yBACF,WAEC,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,IAAW,EAC5B,OACE,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,KAAK,gBACL,eAAc,EACd,cAAa,GAAG,EAAO,GAAG,IAC1B,YAAe,CACb,EAAS,CAAM,EACf,EAAQ,EAAK,CACf,EACA,UAAW,EAAA,GACT,EAAA,yBACA,GAAY,qCACd,WAbF,EAeE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCACb,EAAe,CAAM,CAClB,CAAA,EACL,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAmB,cAAA,EAAa,CAAA,EAC/C,IACE,GApBD,CAoBC,CAEZ,CAAC,CACE,CAAA,EACH,IACD,GAET"}

package/dist/components/shared/filters/enum-filter-dropdown.d.ts

@@ -9,6 +9,9 @@ interface EnumFilterDropdownProps<T extends string> {
     /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. */
     labelByValue?: Record<T, string>;
     ariaLabel?: string;
+    className?: string;
+    /** Stretch the trigger to the container width, e.g. inside a parent menu. */
+    fullWidth?: boolean;
 }
-export declare function EnumFilterDropdown<T extends string>({ testId, value, onChange, options, labelKeyByValue, labelByValue, ariaLabel, }: EnumFilterDropdownProps<T>): React.JSX.Element;
+export declare function EnumFilterDropdown<T extends string>({ testId, value, onChange, options, labelKeyByValue, labelByValue, ariaLabel, className, fullWidth, }: EnumFilterDropdownProps<T>): React.JSX.Element;
 export {};

package/dist/components/shared/filters/enum-filter-dropdown.js

@@ -8,31 +8,31 @@ import { useClickOutsideElement as c } from "../../../hooks/use-click-outside-el
 import l from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/shared/filters/enum-filter-dropdown.tsx
-function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g, labelByValue: _, ariaLabel: v }) {
-	let { t: y } = e("openhands"), [b, x] = l.useState(!1), S = c(() => x(!1)), C = (e) => _?.[e] ?? (g ? y(g[e]) : e), w = v ?? y(t.CONVERSATION_PANEL$FILTER_LABEL), T = h[0], E = C(p);
+function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g, labelByValue: _, ariaLabel: v, className: y, fullWidth: b = !1 }) {
+	let { t: x } = e("openhands"), [S, C] = l.useState(!1), w = c(() => C(!1)), T = (e) => _?.[e] ?? (g ? x(g[e]) : e), E = v ?? x(t.CONVERSATION_PANEL$FILTER_LABEL), D = h[0], O = T(p);
 	return /* @__PURE__ */ d("div", {
-		ref: S,
-		className: "relative shrink-0 w-auto",
+		ref: w,
+		className: i("relative shrink-0", b ? "w-full" : "w-auto", y),
 		"data-testid": f,
 		children: [/* @__PURE__ */ d("button", {
 			type: "button",
 			"data-testid": "dropdown-trigger",
 			"aria-haspopup": "menu",
-			"aria-expanded": b,
-			"aria-label": w,
-			onClick: () => x((e) => !e),
-			className: i(a, T && p !== T && "border-white/60 bg-white/10"),
+			"aria-expanded": S,
+			"aria-label": E,
+			onClick: () => C((e) => !e),
+			className: i(a, b && "w-full justify-between", D && p !== D && "border-white/60 bg-white/10"),
 			children: [/* @__PURE__ */ u("span", {
 				className: "whitespace-nowrap",
-				children: E
+				children: O
 			}), /* @__PURE__ */ u(r, {
-				className: i("h-4 w-4 shrink-0 text-tertiary-alt transition-transform", b && "rotate-180"),
+				className: i("h-4 w-4 shrink-0 text-tertiary-alt transition-transform", S && "rotate-180"),
 				"aria-hidden": !0
 			})]
-		}), b ? /* @__PURE__ */ u("div", {
+		}), S ? /* @__PURE__ */ u("div", {
 			role: "menu",
 			"data-testid": `${f}-menu`,
-			"aria-label": w,
+			"aria-label": E,
 			className: i("absolute right-0 top-full z-50 mt-1 min-w-full w-max", "max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow", o),
 			children: h.map((e) => {
 				let t = e === p;
@@ -42,12 +42,12 @@ function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g, l
 					"aria-checked": t,
 					"data-testid": `${f}-${e}`,
 					onClick: () => {
-						m(e), x(!1);
+						m(e), C(!1);
 					},
 					className: i(s, t && "bg-[var(--oh-interactive-selected)]"),
 					children: [/* @__PURE__ */ u("span", {
 						className: "min-w-0 flex-1 truncate",
-						children: C(e)
+						children: T(e)
 					}), t ? /* @__PURE__ */ u(n, {
 						className: "h-4 w-4 shrink-0",
 						"aria-hidden": !0

package/dist/components/shared/filters/enum-filter-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"enum-filter-dropdown.js","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownFilterTriggerClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n  testId: string;\n  value: T;\n  onChange: (value: T) => void;\n  options: readonly T[];\n  labelKeyByValue?: Record<T, I18nKey>;\n  /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. */\n  labelByValue?: Record<T, string>;\n  ariaLabel?: string;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n  testId,\n  value,\n  onChange,\n  options,\n  labelKeyByValue,\n  labelByValue,\n  ariaLabel,\n}: EnumFilterDropdownProps<T>) {\n  const { t } = useTranslation(\"openhands\");\n  const [open, setOpen] = React.useState(false);\n  const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n    setOpen(false),\n  );\n\n  const getOptionLabel = (option: T): string =>\n    labelByValue?.[option] ??\n    (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n  const resolvedAriaLabel =\n    ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n  const defaultOption = options[0];\n  const selectedLabel = getOptionLabel(value);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"relative shrink-0 w-auto\"\n      data-testid={testId}\n    >\n      <button\n        type=\"button\"\n        data-testid=\"dropdown-trigger\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-label={resolvedAriaLabel}\n        onClick={() => setOpen((prev) => !prev)}\n        className={cn(\n          dropdownFilterTriggerClassName,\n          defaultOption &&\n            value !== defaultOption &&\n            \"border-white/60 bg-white/10\",\n        )}\n      >\n        <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n        <ChevronDown\n          className={cn(\n            \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n            open && \"rotate-180\",\n          )}\n          aria-hidden\n        />\n      </button>\n\n      {open ? (\n        <div\n          role=\"menu\"\n          data-testid={`${testId}-menu`}\n          aria-label={resolvedAriaLabel}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n            \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n            dropdownMenuListClassName,\n          )}\n        >\n          {options.map((option) => {\n            const selected = option === value;\n            return (\n              <button\n                key={option}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={selected}\n                data-testid={`${testId}-${option}`}\n                onClick={() => {\n                  onChange(option);\n                  setOpen(false);\n                }}\n                className={cn(\n                  dropdownMenuRowClassName,\n                  selected && \"bg-[var(--oh-interactive-selected)]\",\n                )}\n              >\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {getOptionLabel(option)}\n                </span>\n                {selected ? (\n                  <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n                ) : null}\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAuBA,SAAgB,EAAqC,EACnD,WACA,UACA,aACA,YACA,oBACA,iBACA,gBAC6B;CAC7B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GACtC,IAAe,QACnB,EAAQ,EAAK,CACf,GAEM,KAAkB,MACtB,IAAe,OACd,IAAkB,EAAE,EAAgB,EAAO,IAAI,IAC5C,IACJ,KAAa,EAAE,EAAQ,+BAA+B,GAElD,IAAgB,EAAQ,IACxB,IAAgB,EAAe,CAAK;CAE1C,OACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAU;EACV,eAAa;YAHf,CAKE,kBAAC,UAAD;GACE,MAAK;GACL,eAAY;GACZ,iBAAc;GACd,iBAAe;GACf,cAAY;GACZ,eAAe,GAAS,MAAS,CAAC,CAAI;GACtC,WAAW,EACT,GACA,KACE,MAAU,KACV,6BACJ;aAZF,CAcE,kBAAC,QAAD;IAAM,WAAU;cAAqB;GAAoB,CAAA,GACzD,kBAAC,GAAD;IACE,WAAW,EACT,2DACA,KAAQ,YACV;IACA,eAAA;GACD,CAAA,CACK;MAEP,IACC,kBAAC,OAAD;GACE,MAAK;GACL,eAAa,GAAG,EAAO;GACvB,cAAY;GACZ,WAAW,EACT,wDACA,gFACA,CACF;aAEC,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAW,MAAW;IAC5B,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,MAAK;KACL,gBAAc;KACd,eAAa,GAAG,EAAO,GAAG;KAC1B,eAAe;MAEb,AADA,EAAS,CAAM,GACf,EAAQ,EAAK;KACf;KACA,WAAW,EACT,GACA,KAAY,qCACd;eAbF,CAeE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,CAAM;KAClB,CAAA,GACL,IACC,kBAAC,GAAD;MAAO,WAAU;MAAmB,eAAA;KAAa,CAAA,IAC/C,IACE;OApBD,CAoBC;GAEZ,CAAC;EACE,CAAA,IACH,IACD;;AAET"}
+{"version":3,"file":"enum-filter-dropdown.js","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownFilterTriggerClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n  testId: string;\n  value: T;\n  onChange: (value: T) => void;\n  options: readonly T[];\n  labelKeyByValue?: Record<T, I18nKey>;\n  /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. */\n  labelByValue?: Record<T, string>;\n  ariaLabel?: string;\n  className?: string;\n  /** Stretch the trigger to the container width, e.g. inside a parent menu. */\n  fullWidth?: boolean;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n  testId,\n  value,\n  onChange,\n  options,\n  labelKeyByValue,\n  labelByValue,\n  ariaLabel,\n  className,\n  fullWidth = false,\n}: EnumFilterDropdownProps<T>) {\n  const { t } = useTranslation(\"openhands\");\n  const [open, setOpen] = React.useState(false);\n  const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n    setOpen(false),\n  );\n\n  const getOptionLabel = (option: T): string =>\n    labelByValue?.[option] ??\n    (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n  const resolvedAriaLabel =\n    ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n  const defaultOption = options[0];\n  const selectedLabel = getOptionLabel(value);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\n        \"relative shrink-0\",\n        fullWidth ? \"w-full\" : \"w-auto\",\n        className,\n      )}\n      data-testid={testId}\n    >\n      <button\n        type=\"button\"\n        data-testid=\"dropdown-trigger\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-label={resolvedAriaLabel}\n        onClick={() => setOpen((prev) => !prev)}\n        className={cn(\n          dropdownFilterTriggerClassName,\n          fullWidth && \"w-full justify-between\",\n          defaultOption &&\n            value !== defaultOption &&\n            \"border-white/60 bg-white/10\",\n        )}\n      >\n        <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n        <ChevronDown\n          className={cn(\n            \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n            open && \"rotate-180\",\n          )}\n          aria-hidden\n        />\n      </button>\n\n      {open ? (\n        <div\n          role=\"menu\"\n          data-testid={`${testId}-menu`}\n          aria-label={resolvedAriaLabel}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n            \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n            dropdownMenuListClassName,\n          )}\n        >\n          {options.map((option) => {\n            const selected = option === value;\n            return (\n              <button\n                key={option}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={selected}\n                data-testid={`${testId}-${option}`}\n                onClick={() => {\n                  onChange(option);\n                  setOpen(false);\n                }}\n                className={cn(\n                  dropdownMenuRowClassName,\n                  selected && \"bg-[var(--oh-interactive-selected)]\",\n                )}\n              >\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {getOptionLabel(option)}\n                </span>\n                {selected ? (\n                  <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n                ) : null}\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AA0BA,SAAgB,EAAqC,EACnD,WACA,UACA,aACA,YACA,oBACA,iBACA,cACA,cACA,eAAY,MACiB;CAC7B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GACtC,IAAe,QACnB,EAAQ,EAAK,CACf,GAEM,KAAkB,MACtB,IAAe,OACd,IAAkB,EAAE,EAAgB,EAAO,IAAI,IAC5C,IACJ,KAAa,EAAE,EAAQ,+BAA+B,GAElD,IAAgB,EAAQ,IACxB,IAAgB,EAAe,CAAK;CAE1C,OACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EACT,qBACA,IAAY,WAAW,UACvB,CACF;EACA,eAAa;YAPf,CASE,kBAAC,UAAD;GACE,MAAK;GACL,eAAY;GACZ,iBAAc;GACd,iBAAe;GACf,cAAY;GACZ,eAAe,GAAS,MAAS,CAAC,CAAI;GACtC,WAAW,EACT,GACA,KAAa,0BACb,KACE,MAAU,KACV,6BACJ;aAbF,CAeE,kBAAC,QAAD;IAAM,WAAU;cAAqB;GAAoB,CAAA,GACzD,kBAAC,GAAD;IACE,WAAW,EACT,2DACA,KAAQ,YACV;IACA,eAAA;GACD,CAAA,CACK;MAEP,IACC,kBAAC,OAAD;GACE,MAAK;GACL,eAAa,GAAG,EAAO;GACvB,cAAY;GACZ,WAAW,EACT,wDACA,gFACA,CACF;aAEC,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAW,MAAW;IAC5B,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,MAAK;KACL,gBAAc;KACd,eAAa,GAAG,EAAO,GAAG;KAC1B,eAAe;MAEb,AADA,EAAS,CAAM,GACf,EAAQ,EAAK;KACf;KACA,WAAW,EACT,GACA,KAAY,qCACd;eAbF,CAeE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,CAAM;KAClB,CAAA,GACL,IACC,kBAAC,GAAD;MAAO,WAAU;MAAmB,eAAA;KAAa,CAAA,IAC/C,IACE;OApBD,CAoBC;GAEZ,CAAC;EACE,CAAA,IACH,IACD;;AAET"}

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("../../../../hooks/mutation/use-save-settings.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}=l.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)(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)(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,9 +4,9 @@ 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 { useSaveSettings as c } 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";
@@ -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 } = c(), { 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 ?? {};
@@ -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/components/ui/resize-handle.cjs

@@ -1,2 +1,2 @@
-require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../utils/utils.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({onMouseDown:r,className:i,isDragging:a=!1}){let[o,s]=(0,t.useState)(!1),c=a||o;return(0,n.jsxs)(`div`,{className:e.cn(`relative z-10 w-0 shrink-0 self-stretch`,i),"aria-hidden":!0,children:[(0,n.jsx)(`div`,{className:`absolute inset-y-0 left-1/2 w-3 min-w-[12px] -translate-x-1/2 cursor-ew-resize`,onMouseDown:r,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)}),(0,n.jsx)(`div`,{className:e.cn(`pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 transition-colors`,c?`bg-white`:`bg-transparent`),"aria-hidden":!0})]})}exports.ResizeHandle=r;
+require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../utils/utils.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({onMouseDown:r,className:i,isDragging:a=!1,testId:o}){let[s,c]=(0,t.useState)(!1),l=a||s;return(0,n.jsxs)(`div`,{"data-testid":o,className:e.cn(`relative z-10 w-0 shrink-0 self-stretch`,i),"aria-hidden":!0,children:[(0,n.jsx)(`div`,{className:`absolute inset-y-0 left-1/2 w-3 min-w-[12px] -translate-x-1/2 cursor-ew-resize`,onMouseDown:r,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1)}),(0,n.jsx)(`div`,{className:e.cn(`pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 transition-colors`,l?`bg-white`:`bg-transparent`),"aria-hidden":!0})]})}exports.ResizeHandle=r;
 //# sourceMappingURL=resize-handle.cjs.map

package/dist/components/ui/resize-handle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"resize-handle.cjs","names":[],"sources":["../../../src/components/ui/resize-handle.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ResizeHandleProps {\n  onMouseDown: (e: React.MouseEvent) => void;\n  className?: string;\n  /** While the parent panel drag is active, keep the grip line highlighted. */\n  isDragging?: boolean;\n}\n\nexport function ResizeHandle({\n  onMouseDown,\n  className,\n  isDragging = false,\n}: ResizeHandleProps) {\n  const [isHovering, setIsHovering] = useState(false);\n  const lineActive = isDragging || isHovering;\n\n  return (\n    <div\n      className={cn(\"relative z-10 w-0 shrink-0 self-stretch\", className)}\n      aria-hidden\n    >\n      <div\n        className=\"absolute inset-y-0 left-1/2 w-3 min-w-[12px] -translate-x-1/2 cursor-ew-resize\"\n        onMouseDown={onMouseDown}\n        onMouseEnter={() => setIsHovering(true)}\n        onMouseLeave={() => setIsHovering(false)}\n      />\n      <div\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 transition-colors\",\n          lineActive ? \"bg-white\" : \"bg-transparent\",\n        )}\n        aria-hidden\n      />\n    </div>\n  );\n}\n"],"mappings":"+IAUA,SAAgB,EAAa,CAC3B,cACA,YACA,aAAa,IACO,CACpB,GAAM,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,EAAK,EAC5C,EAAa,GAAc,EAEjC,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GAAG,0CAA2C,CAAS,EAClE,cAAA,YAFF,EAIE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,iFACG,cACb,iBAAoB,EAAc,EAAI,EACtC,iBAAoB,EAAc,EAAK,CACxC,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,0FACA,EAAa,WAAa,gBAC5B,EACA,cAAA,EACD,CAAA,CACE,GAET"}
+{"version":3,"file":"resize-handle.cjs","names":[],"sources":["../../../src/components/ui/resize-handle.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ResizeHandleProps {\n  onMouseDown: (e: React.MouseEvent) => void;\n  className?: string;\n  /** While the parent panel drag is active, keep the grip line highlighted. */\n  isDragging?: boolean;\n  testId?: string;\n}\n\nexport function ResizeHandle({\n  onMouseDown,\n  className,\n  isDragging = false,\n  testId,\n}: ResizeHandleProps) {\n  const [isHovering, setIsHovering] = useState(false);\n  const lineActive = isDragging || isHovering;\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(\"relative z-10 w-0 shrink-0 self-stretch\", className)}\n      aria-hidden\n    >\n      <div\n        className=\"absolute inset-y-0 left-1/2 w-3 min-w-[12px] -translate-x-1/2 cursor-ew-resize\"\n        onMouseDown={onMouseDown}\n        onMouseEnter={() => setIsHovering(true)}\n        onMouseLeave={() => setIsHovering(false)}\n      />\n      <div\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 transition-colors\",\n          lineActive ? \"bg-white\" : \"bg-transparent\",\n        )}\n        aria-hidden\n      />\n    </div>\n  );\n}\n"],"mappings":"+IAWA,SAAgB,EAAa,CAC3B,cACA,YACA,aAAa,GACb,UACoB,CACpB,GAAM,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,EAAK,EAC5C,EAAa,GAAc,EAEjC,OACE,EAAA,EAAA,MAAC,MAAD,CACE,cAAa,EACb,UAAW,EAAA,GAAG,0CAA2C,CAAS,EAClE,cAAA,YAHF,EAKE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,iFACG,cACb,iBAAoB,EAAc,EAAI,EACtC,iBAAoB,EAAc,EAAK,CACxC,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,0FACA,EAAa,WAAa,gBAC5B,EACA,cAAA,EACD,CAAA,CACE,GAET"}

package/dist/components/ui/resize-handle.d.ts

@@ -3,6 +3,7 @@ interface ResizeHandleProps {
     className?: string;
     /** While the parent panel drag is active, keep the grip line highlighted. */
     isDragging?: boolean;
+    testId?: string;
 }
-export declare function ResizeHandle({ onMouseDown, className, isDragging, }: ResizeHandleProps): import("react").JSX.Element;
+export declare function ResizeHandle({ onMouseDown, className, isDragging, testId, }: ResizeHandleProps): import("react").JSX.Element;
 export {};

package/dist/components/ui/resize-handle.js

@@ -2,18 +2,19 @@ import { cn as e } from "../../utils/utils.js";
 import { useState as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/ui/resize-handle.tsx
-function i({ onMouseDown: i, className: a, isDragging: o = !1 }) {
-	let [s, c] = t(!1), l = o || s;
+function i({ onMouseDown: i, className: a, isDragging: o = !1, testId: s }) {
+	let [c, l] = t(!1), u = o || c;
 	return /* @__PURE__ */ r("div", {
+		"data-testid": s,
 		className: e("relative z-10 w-0 shrink-0 self-stretch", a),
 		"aria-hidden": !0,
 		children: [/* @__PURE__ */ n("div", {
 			className: "absolute inset-y-0 left-1/2 w-3 min-w-[12px] -translate-x-1/2 cursor-ew-resize",
 			onMouseDown: i,
-			onMouseEnter: () => c(!0),
-			onMouseLeave: () => c(!1)
+			onMouseEnter: () => l(!0),
+			onMouseLeave: () => l(!1)
 		}), /* @__PURE__ */ n("div", {
-			className: e("pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 transition-colors", l ? "bg-white" : "bg-transparent"),
+			className: e("pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 transition-colors", u ? "bg-white" : "bg-transparent"),
 			"aria-hidden": !0
 		})]
 	});

package/dist/components/ui/resize-handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-handle.js","names":[],"sources":["../../../src/components/ui/resize-handle.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ResizeHandleProps {\n  onMouseDown: (e: React.MouseEvent) => void;\n  className?: string;\n  /** While the parent panel drag is active, keep the grip line highlighted. */\n  isDragging?: boolean;\n}\n\nexport function ResizeHandle({\n  onMouseDown,\n  className,\n  isDragging = false,\n}: ResizeHandleProps) {\n  const [isHovering, setIsHovering] = useState(false);\n  const lineActive = isDragging || isHovering;\n\n  return (\n    <div\n      className={cn(\"relative z-10 w-0 shrink-0 self-stretch\", className)}\n      aria-hidden\n    >\n      <div\n        className=\"absolute inset-y-0 left-1/2 w-3 min-w-[12px] -translate-x-1/2 cursor-ew-resize\"\n        onMouseDown={onMouseDown}\n        onMouseEnter={() => setIsHovering(true)}\n        onMouseLeave={() => setIsHovering(false)}\n      />\n      <div\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 transition-colors\",\n          lineActive ? \"bg-white\" : \"bg-transparent\",\n        )}\n        aria-hidden\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAUA,SAAgB,EAAa,EAC3B,gBACA,cACA,gBAAa,MACO;CACpB,IAAM,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,IAAa,KAAc;CAEjC,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,2CAA2C,CAAS;EAClE,eAAA;YAFF,CAIE,kBAAC,OAAD;GACE,WAAU;GACG;GACb,oBAAoB,EAAc,EAAI;GACtC,oBAAoB,EAAc,EAAK;EACxC,CAAA,GACD,kBAAC,OAAD;GACE,WAAW,EACT,2FACA,IAAa,aAAa,gBAC5B;GACA,eAAA;EACD,CAAA,CACE;;AAET"}
+{"version":3,"file":"resize-handle.js","names":[],"sources":["../../../src/components/ui/resize-handle.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ResizeHandleProps {\n  onMouseDown: (e: React.MouseEvent) => void;\n  className?: string;\n  /** While the parent panel drag is active, keep the grip line highlighted. */\n  isDragging?: boolean;\n  testId?: string;\n}\n\nexport function ResizeHandle({\n  onMouseDown,\n  className,\n  isDragging = false,\n  testId,\n}: ResizeHandleProps) {\n  const [isHovering, setIsHovering] = useState(false);\n  const lineActive = isDragging || isHovering;\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(\"relative z-10 w-0 shrink-0 self-stretch\", className)}\n      aria-hidden\n    >\n      <div\n        className=\"absolute inset-y-0 left-1/2 w-3 min-w-[12px] -translate-x-1/2 cursor-ew-resize\"\n        onMouseDown={onMouseDown}\n        onMouseEnter={() => setIsHovering(true)}\n        onMouseLeave={() => setIsHovering(false)}\n      />\n      <div\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 transition-colors\",\n          lineActive ? \"bg-white\" : \"bg-transparent\",\n        )}\n        aria-hidden\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAWA,SAAgB,EAAa,EAC3B,gBACA,cACA,gBAAa,IACb,aACoB;CACpB,IAAM,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,IAAa,KAAc;CAEjC,OACE,kBAAC,OAAD;EACE,eAAa;EACb,WAAW,EAAG,2CAA2C,CAAS;EAClE,eAAA;YAHF,CAKE,kBAAC,OAAD;GACE,WAAU;GACG;GACb,oBAAoB,EAAc,EAAI;GACtC,oBAAoB,EAAc,EAAK;EACxC,CAAA,GACD,kBAAC,OAAD;GACE,WAAW,EACT,2FACA,IAAa,aAAa,gBAC5B;GACA,eAAA;EACD,CAAA,CACE;;AAET"}

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.14.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;
+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.44.0`,agentCanvas:`1.16.0`,automation:`1.9.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,_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.14.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":""}
+{"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.44.0\",\n    \"agentCanvas\": \"1.16.0\",\n    \"automation\": \"1.9.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    \"_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.14.0",
-		automation: "1.7.1"
+		agentServer: "1.44.0",
+		agentCanvas: "1.16.0",
+		automation: "1.9.0"
 	},
 	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.14.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":""}
+{"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.44.0\",\n    \"agentCanvas\": \"1.16.0\",\n    \"automation\": \"1.9.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    \"_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/skills-docs.cjs

@@ -0,0 +1,2 @@
+require("../_virtual/_rolldown/runtime.cjs");var e=`https://docs.openhands.dev/overview/skills/adding#adding-new-skills`,t=`add-skill`,n=`/add-skill https://github.com/OpenHands/extensions/tree/main/skills/codereview`;exports.ADD_SKILL_DOCS_URL=e,exports.ADD_SKILL_EXAMPLE_COMMAND=n,exports.ADD_SKILL_SKILL_NAME=t;
+//# sourceMappingURL=skills-docs.cjs.map

package/dist/constants/skills-docs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skills-docs.cjs","names":[],"sources":["../../src/constants/skills-docs.ts"],"sourcesContent":["export const ADD_SKILL_DOCS_URL =\n  \"https://docs.openhands.dev/overview/skills/adding#adding-new-skills\";\n\nexport const ADD_SKILL_SKILL_NAME = \"add-skill\";\n\nexport const ADD_SKILL_EXAMPLE_COMMAND =\n  \"/add-skill https://github.com/OpenHands/extensions/tree/main/skills/codereview\";\n"],"mappings":"6CAAA,IAAa,EACX,sEAEW,EAAuB,YAEvB,EACX"}

package/dist/constants/skills-docs.js

@@ -0,0 +1,6 @@
+//#region src/constants/skills-docs.ts
+var e = "https://docs.openhands.dev/overview/skills/adding#adding-new-skills", t = "add-skill", n = "/add-skill https://github.com/OpenHands/extensions/tree/main/skills/codereview";
+//#endregion
+export { e as ADD_SKILL_DOCS_URL, n as ADD_SKILL_EXAMPLE_COMMAND, t as ADD_SKILL_SKILL_NAME };
+
+//# sourceMappingURL=skills-docs.js.map

package/dist/constants/skills-docs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skills-docs.js","names":[],"sources":["../../src/constants/skills-docs.ts"],"sourcesContent":["export const ADD_SKILL_DOCS_URL =\n  \"https://docs.openhands.dev/overview/skills/adding#adding-new-skills\";\n\nexport const ADD_SKILL_SKILL_NAME = \"add-skill\";\n\nexport const ADD_SKILL_EXAMPLE_COMMAND =\n  \"/add-skill https://github.com/OpenHands/extensions/tree/main/skills/codereview\";\n"],"mappings":";AAAA,IAAa,IACX,uEAEW,IAAuB,aAEvB,IACX"}

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=>{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,t=`classification`in e?e.classification:null;d.trackError({source:`conversation`,metadata:{eventId:e.id,errorCode:e.code},classification:t}),k(e.detail,`conversation`,e.code,t)}else G();if(o.isAgentErrorEvent(n)&&d.trackError({source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},classification:n.classification}),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,n=`classification`in e?e.classification:null;d.trackError({source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code},classification:n}),k(e.detail,`conversation`,e.code,n)}else G();if(o.isAgentErrorEvent(t)&&d.trackError({source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id},classification:t.classification}),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;
+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 i=require("../utils/websocket-url.cjs"),re=require("../api/agent-server-client-options.cjs"),ie=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),a=require("../types/agent-server/type-guards.cjs"),o=require("../stores/use-event-store.cjs"),s=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"),l=require("../stores/goal-store.cjs"),se=require("../utils/streaming-delta-batcher.cjs"),ce=require("../api/conversation-metadata-store.cjs"),le=require("../services/canvas-ui.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=ie.useQueryClient(),E=o.useEventStore(e=>e.addEvent),ye=o.useEventStore(e=>e.addEvents),be=o.useEventStore(e=>e.clearEventsForConversation),{setErrorMessage:D,removeErrorMessage:O,clearConnectionError:k}=c.useErrorMessageStore(),A=oe.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=se.createStreamingDeltaBatcher(e=>{o.useEventStore.getState().addEvent(e),c.useErrorMessageStore.getState().clearConnectionError()}));let I=(0,f.useRef)(null);I.current===null&&(I.current=se.createStreamingDeltaBatcher(e=>{o.useEventStore.getState().addEvent({...e,isFromPlanningAgent:!0}),c.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;o.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,o.useEventStore.getState().uiEvents);for(let e of K.events)a.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:i.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:i.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(a.isAgentServerEvent(n)){if(a.isStreamingDeltaEvent(n)){F.current?.enqueue(n);return}F.current?.flush();let e=o.useEventStore.getState().eventIds.has(n.id??``),r=a.isSwitchLLMObservationEvent(n)?n:null;if(E(n),e)return;if(a.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(a.isAgentErrorEvent(n)&&u.trackError({source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},classification:n.classification}),a.isUserMessageEvent(n)&&h&&(A(h,m(n)),ee.setConversationState(h,{draftMessage:null})),a.isActionEvent(n)&&de.handleActionEventCacheInvalidation(n,h||`test-conversation-id`,T),a.isConversationStateUpdateEvent(n)&&(a.isFullStateConversationStateUpdateEvent(n)&&j(n.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(n)&&j(n.value),a.isStatsConversationStateUpdateEvent(n)&&G(n),a.isGoalConversationStateUpdateEvent(n)&&h&&l.useGoalStore.getState().setStatus(h,n.value)),a.isExecuteBashActionEvent(n)&&M(n.action.command),a.isExecuteBashObservationEvent(n)&&N(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+`)),a.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(a.isBrowserNavigateActionEvent(n)&&t.useBrowserStore.getState().setUrl(n.action.url),h&&r&&!r.observation.is_error){ge.recordModelSwitchMessage(h,r.observation.profile_name);let e=ce.getStoredConversationMetadata(h);ce.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)}a.isCanvasUIActionEvent(n)&&le.handleCanvasUIAction(n.action,h??null),h&&a.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)),a.isAgentServerEvent(t)){if(a.isStreamingDeltaEvent(t)){I.current?.enqueue(t);return}I.current?.flush();let e=o.useEventStore.getState().eventIds.has(t.id??``);if(E({...t,isFromPlanningAgent:!0}),e)return;if(a.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(a.isAgentErrorEvent(t)&&u.trackError({source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id},classification:t.classification}),a.isUserMessageEvent(t)&&h&&(A(h,m(t)),ee.setConversationState(h,{draftMessage:null})),a.isActionEvent(t)&&de.handleActionEventCacheInvalidation(t,v?.[0]?.id||`test-conversation-id`,T),a.isConversationStateUpdateEvent(t)&&(a.isFullStateConversationStateUpdateEvent(t)&&j(t.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(t)&&j(t.value),a.isStatsConversationStateUpdateEvent(t)&&G(t),a.isGoalConversationStateUpdateEvent(t)&&h&&l.useGoalStore.getState().setStatus(h,t.value)),a.isExecuteBashActionEvent(t)&&M(t.action.command),a.isExecuteBashObservationEvent(t)&&N(t.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+`)),a.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(ae.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(ae.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:De}},[De,D,k,_,v]),{socket:Z,reconnect:Ae}=s.useWebSocket(Y||``,Oe),{socket:Q,reconnect:je}=s.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(re.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;
 //# sourceMappingURL=conversation-websocket-context.cjs.map