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

@openhands/agent-canvas 1.14.0 → 1.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1590) hide show

package/dist/components/features/skills/skills-toolbar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"skills-toolbar.js","names":[],"sources":["../../../../src/components/features/skills/skills-toolbar.tsx"],"sourcesContent":["import { ListFilter, Search, X } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\n\ninterface SkillsToolbarProps {\n search: string;\n onSearchChange: (value: string) => void;\n activeFilterCount: number;\n onOpenFilters: () => void;\n}\n\nexport function SkillsToolbar({\n search,\n onSearchChange,\n activeFilterCount,\n onOpenFilters,\n}: SkillsToolbarProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <div data-testid=\"skills-toolbar\" className=\"flex items-stretch gap-2\">\n <div\n className={cn(\n \"relative flex flex-1 min-w-0 items-center\",\n \"rounded-lg border border-[var(--oh-border)] bg-base-secondary\",\n \"focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20\",\n \"transition-colors\",\n )}\n >\n <Search\n className=\"ml-3 h-4 w-4 shrink-0 text-tertiary-alt\"\n aria-hidden\n />\n <input\n data-testid=\"skills-search-input\"\n type=\"search\"\n value={search}\n onChange={(e) => onSearchChange(e.target.value)}\n placeholder={t(I18nKey.SETTINGS$SKILLS_SEARCH_PLACEHOLDER)}\n aria-label={t(I18nKey.SETTINGS$SKILLS_SEARCH_PLACEHOLDER)}\n className={cn(\n \"flex-1 min-w-0 bg-transparent border-0 outline-none\",\n \"px-3 py-2 text-sm placeholder:text-tertiary-alt\",\n \"[&::-webkit-search-cancel-button]:hidden\",\n )}\n />\n {search ? (\n <button\n type=\"button\"\n onClick={() => onSearchChange(\"\")}\n aria-label={t(I18nKey.MCP$SEARCH_CLEAR)}\n className=\"mr-2 p-1 rounded text-tertiary-alt hover:text-white cursor-pointer\"\n >\n <X className=\"h-4 w-4\" aria-hidden />\n </button>\n ) : null}\n </div>\n\n {/* The facet rail is desktop-only, so below md this is the only way in. */}\n <button\n type=\"button\"\n data-testid=\"skills-filters-button\"\n onClick={onOpenFilters}\n className={cn(\n \"flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm md:hidden\",\n \"border border-[var(--oh-border)] bg-base-secondary text-white\",\n \"cursor-pointer hover:bg-[var(--oh-interactive-hover)]\",\n )}\n >\n <ListFilter className=\"size-4 shrink-0\" aria-hidden />\n {t(I18nKey.SETTINGS$SKILLS_FILTERS_BUTTON)}\n {activeFilterCount > 0 ? (\n <span className=\"rounded-full bg-white px-1.5 text-[11px] font-medium text-black\">\n {activeFilterCount}\n </span>\n ) : null}\n </button>\n </div>\n );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EAAc,EAC5B,WACA,mBACA,sBACA,oBACqB;CACrB,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAC,OAAD;EAAK,eAAY;EAAiB,WAAU;YAA5C,CACE,kBAAC,OAAD;GACE,WAAW,EACT,6CACA,iEACA,+EACA,mBACF;aANF;IAQE,kBAAC,GAAD;KACE,WAAU;KACV,eAAA;IACD,CAAA;IACD,kBAAC,SAAD;KACE,eAAY;KACZ,MAAK;KACL,OAAO;KACP,WAAW,MAAM,EAAe,EAAE,OAAO,KAAK;KAC9C,aAAa,EAAE,EAAQ,kCAAkC;KACzD,cAAY,EAAE,EAAQ,kCAAkC;KACxD,WAAW,EACT,uDACA,mDACA,0CACF;IACD,CAAA;IACA,IACC,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAe,EAAE;KAChC,cAAY,EAAE,EAAQ,gBAAgB;KACtC,WAAU;eAEV,kBAAC,GAAD;MAAG,WAAU;MAAU,eAAA;KAAa,CAAA;IAC9B,CAAA,IACN;GACD;MAGL,kBAAC,UAAD;GACE,MAAK;GACL,eAAY;GACZ,SAAS;GACT,WAAW,EACT,2EACA,iEACA,uDACF;aARF;IAUE,kBAAC,GAAD;KAAY,WAAU;KAAkB,eAAA;IAAa,CAAA;IACpD,EAAE,EAAQ,8BAA8B;IACxC,IAAoB,IACnB,kBAAC,QAAD;KAAM,WAAU;eACb;IACG,CAAA,IACJ;GACE;IACL;;AAET"}

package/dist/components/shared/buttons/circle-plus-check-toggle.cjs CHANGED Viewed

@@ -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/utils.cjs"),i=require("../../../icons/checkmark.cjs"),a=require("./styled-tooltip.cjs"),o=require("../../../icons/u-plus.cjs"),s=require("../../../icons/x-mark.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({testId:e,isSelected:u,onToggle:d,isDisabled:f=!1,className:p,enableLabelKey:m=n.I18nKey.SETTINGS$SKILLS_ENABLE_SKILL,disableLabelKey:h=n.I18nKey.SETTINGS$SKILLS_DISABLE_SKILL,enableTooltipKey:g=n.I18nKey.COMMON$ENABLE,disableTooltipKey:_,removeTooltipKey:v=n.I18nKey.COMMON$REMOVE}){let{t:y}=t.useTranslation(`openhands`),[b,x]=c.default.useState(!1),S=e=>{e.stopPropagation(),!f&&(d(!u),e.currentTarget.blur())},C=u&&b,w=y(u?_??v:g),T=y(u?h:m);return(0,l.jsx)(a.StyledTooltip,{content:w,placement:`top`,children:(0,l.jsx)(`button`,{type:`button`,role:`switch`,"aria-checked":u,"data-testid":e,"data-showing-remove":C?`true`:`false`,disabled:f,"aria-label":T,onClick:S,onPointerEnter:()=>x(!0),onPointerLeave:()=>x(!1),className:r.cn(`inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-full p-0 transition-colors`,u&&(C?`border-0 bg-[rgba(248,113,113,0.14)] text-[#ef4444] hover:bg-[rgba(248,113,113,0.24)]`:`border border-white bg-transparent text-white [&_path]:fill-current`),!u&&`border-0 bg-surface-raised text-white hover:bg-[var(--oh-interactive-hover)]`,f&&`cursor-not-allowed opacity-50`,p),children:u?C?(0,l.jsx)(s.default,{"aria-hidden":!0,width:14,height:14,className:`stroke-[2.5]`}):(0,l.jsx)(i.default,{"aria-hidden":!0,width:14,height:14}):(0,l.jsx)(o.default,{"aria-hidden":!0,className:`size-3`})})})}exports.CirclePlusCheckToggle=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("../../../utils/utils.cjs"),i=require("../../../icons/checkmark.cjs"),a=require("./styled-tooltip.cjs"),o=require("../../../icons/x-mark.cjs"),s=require("../../../icons/u-plus.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({className:e,testId:i,tooltipKey:o=n.I18nKey.AUTOMATIONS$ADD_AUTOMATION}){let{t:c}=t.useTranslation(`openhands`);return(0,l.jsx)(a.StyledTooltip,{content:c(o),placement:`top`,children:(0,l.jsx)(`span`,{"aria-hidden":`true`,"data-testid":i,className:r.cn(`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)]`,e),children:(0,l.jsx)(s.default,{className:`size-3`})})})}function d({testId:e,isSelected:u,onToggle:d,isDisabled:f=!1,className:p,enableLabelKey:m=n.I18nKey.SETTINGS$SKILLS_ENABLE_SKILL,disableLabelKey:h=n.I18nKey.SETTINGS$SKILLS_DISABLE_SKILL,enableTooltipKey:g=n.I18nKey.COMMON$ENABLE,disableTooltipKey:_,removeTooltipKey:v=n.I18nKey.COMMON$REMOVE}){let{t:y}=t.useTranslation(`openhands`),[b,x]=c.default.useState(!1),S=e=>{e.stopPropagation(),!f&&(d(!u),e.currentTarget.blur())},C=u&&b,w=y(u?_??v:g),T=y(u?h:m);return(0,l.jsx)(a.StyledTooltip,{content:w,placement:`top`,children:(0,l.jsx)(`button`,{type:`button`,role:`switch`,"aria-checked":u,"data-testid":e,"data-showing-remove":C?`true`:`false`,disabled:f,"aria-label":T,onClick:S,onPointerEnter:()=>x(!0),onPointerLeave:()=>x(!1),className:r.cn(`inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-full p-0 transition-colors`,u&&(C?`border-0 bg-[rgba(248,113,113,0.14)] text-[#ef4444] hover:bg-[rgba(248,113,113,0.24)]`:`border border-white bg-transparent text-white [&_path]:fill-current`),!u&&`border-0 bg-surface-raised text-white hover:bg-[var(--oh-interactive-hover)]`,f&&`cursor-not-allowed opacity-50`,p),children:u?C?(0,l.jsx)(o.default,{"aria-hidden":!0,width:14,height:14,className:`stroke-[2.5]`}):(0,l.jsx)(i.default,{"aria-hidden":!0,width:14,height:14}):(0,l.jsx)(s.default,{"aria-hidden":!0,className:`size-3`})})})}exports.CirclePlusBadge=u,exports.CirclePlusCheckToggle=d;
 //# sourceMappingURL=circle-plus-check-toggle.cjs.map

package/dist/components/shared/buttons/circle-plus-check-toggle.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"circle-plus-check-toggle.cjs","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":"~~6bAiDA~~,SAAgB,EAAsB,CACpC,SACA,aACA,WACA,aAAa,GACb,YACA,iBAAiB,EAAA,QAAQ,6BACzB,kBAAkB,EAAA,QAAQ,8BAC1B,mBAAmB,EAAA,QAAQ,cAC3B,oBACA,mBAAmB,EAAA,QAAQ,eACE,CAC7B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAe,GAAoB,EAAA,QAAM,SAAS,EAAK,EAExD,EAAe,GAA+C,CAClE,EAAM,gBAAgB,EAClB,KAGJ,EAAS,CAAC,CAAU,EACpB,EAAM,cAAc,KAAK,EAC3B,EAEM,EAAiB,GAAc,EAE/B,EAAe,EAAE,EADI,GAAqB,EACS,CAAgB,EACnE,EAAY,EAAE,EAAa,EAAkB,CAAc,EAEjE,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,QAAS,EAAc,UAAU,gBAC9C,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,KAAK,SACL,eAAc,EACd,cAAa,EACb,sBAAqB,EAAiB,OAAS,QAC/C,SAAU,EACV,aAAY,EACZ,QAAS,EACT,mBAAsB,EAAiB,EAAI,EAC3C,mBAAsB,EAAiB,EAAK,EAC5C,UAAW,EAAA,GACT,4GACA,IACG,EACG,wFACA,uEACN,CAAC,GACC,+EACF,GAAc,gCACd,CACF,WAEC,EACC,GACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,cAAA,GACA,MAAO,GACP,OAAQ,GACR,UAAU,cACX,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,QAAD,CAAe,cAAA,GAAY,MAAO,GAAI,OAAQ,EAAK,CAAA,GAGrD,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,cAAA,GAAY,UAAU,QAAU,CAAA,CAEtC,CAAA,CACK,CAAA,CAEnB"}
1	+ {"version":3,"file":"circle-plus-check-toggle.cjs","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":"6bAsBA,SAAgB,EAAgB,CAC9B,YACA,SACA,aAAa,EAAA,QAAQ,4BAKpB,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,QAAS,EAAE,CAAU,EAAG,UAAU,gBAC/C,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,cAAa,EACb,UAAW,EAAA,GACT,6JACA,CACF,YAEA,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,QAAU,CAAA,CAC1B,CAAA,CACO,CAAA,CAEnB,CAEA,SAAgB,EAAsB,CACpC,SACA,aACA,WACA,aAAa,GACb,YACA,iBAAiB,EAAA,QAAQ,6BACzB,kBAAkB,EAAA,QAAQ,8BAC1B,mBAAmB,EAAA,QAAQ,cAC3B,oBACA,mBAAmB,EAAA,QAAQ,eACE,CAC7B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAe,GAAoB,EAAA,QAAM,SAAS,EAAK,EAExD,EAAe,GAA+C,CAClE,EAAM,gBAAgB,EAClB,KAGJ,EAAS,CAAC,CAAU,EACpB,EAAM,cAAc,KAAK,EAC3B,EAEM,EAAiB,GAAc,EAE/B,EAAe,EAAE,EADI,GAAqB,EACS,CAAgB,EACnE,EAAY,EAAE,EAAa,EAAkB,CAAc,EAEjE,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,QAAS,EAAc,UAAU,gBAC9C,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,KAAK,SACL,eAAc,EACd,cAAa,EACb,sBAAqB,EAAiB,OAAS,QAC/C,SAAU,EACV,aAAY,EACZ,QAAS,EACT,mBAAsB,EAAiB,EAAI,EAC3C,mBAAsB,EAAiB,EAAK,EAC5C,UAAW,EAAA,GACT,4GACA,IACG,EACG,wFACA,uEACN,CAAC,GACC,+EACF,GAAc,gCACd,CACF,WAEC,EACC,GACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,cAAA,GACA,MAAO,GACP,OAAQ,GACR,UAAU,cACX,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,QAAD,CAAe,cAAA,GAAY,MAAO,GAAI,OAAQ,EAAK,CAAA,GAGrD,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,cAAA,GAAY,UAAU,QAAU,CAAA,CAEtC,CAAA,CACK,CAAA,CAEnB"}

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

@@ -3,12 +3,25 @@ import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
 import r from "../../../icons/checkmark.js";
 import { StyledTooltip as i } from "./styled-tooltip.js";
-import a from "../../../icons/u-plus.js";
-import o from "../../../icons/x-mark.js";
+import a from "../../../icons/x-mark.js";
+import o from "../../../icons/u-plus.js";
 import s from "react";
 import { jsx as c } from "react/jsx-runtime";
 //#region src/components/shared/buttons/circle-plus-check-toggle.tsx
-function l({ testId: l, isSelected: u, onToggle: d, isDisabled: f = !1, className: p, enableLabelKey: m = t.SETTINGS$SKILLS_ENABLE_SKILL, disableLabelKey: h = t.SETTINGS$SKILLS_DISABLE_SKILL, enableTooltipKey: g = t.COMMON$ENABLE, disableTooltipKey: _, removeTooltipKey: v = t.COMMON$REMOVE }) {
+function l({ className: r, testId: a, tooltipKey: s = t.AUTOMATIONS$ADD_AUTOMATION }) {
+	let { t: l } = e("openhands");
+	return /* @__PURE__ */ c(i, {
+		content: l(s),
+		placement: "top",
+		children: /* @__PURE__ */ c("span", {
+			"aria-hidden": "true",
+			"data-testid": a,
+			className: 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)]", r),
+			children: /* @__PURE__ */ c(o, { className: "size-3" })
+		})
+	});
+}
+function u({ testId: l, isSelected: u, onToggle: d, isDisabled: f = !1, className: p, enableLabelKey: m = t.SETTINGS$SKILLS_ENABLE_SKILL, disableLabelKey: h = t.SETTINGS$SKILLS_DISABLE_SKILL, enableTooltipKey: g = t.COMMON$ENABLE, disableTooltipKey: _, removeTooltipKey: v = t.COMMON$REMOVE }) {
 	let { t: y } = e("openhands"), [b, x] = s.useState(!1), S = (e) => {
 		e.stopPropagation(), !f && (d(!u), e.currentTarget.blur());
 	}, C = u && b, w = y(u ? _ ?? v : g), T = y(u ? h : m);
@@ -27,7 +40,7 @@ function l({ testId: l, isSelected: u, onToggle: d, isDisabled: f = !1, classNam
 			onPointerEnter: () => x(!0),
 			onPointerLeave: () => x(!1),
 			className: n("inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-full p-0 transition-colors", u && (C ? "border-0 bg-[rgba(248,113,113,0.14)] text-[#ef4444] hover:bg-[rgba(248,113,113,0.24)]" : "border border-white bg-transparent text-white [&_path]:fill-current"), !u && "border-0 bg-surface-raised text-white hover:bg-[var(--oh-interactive-hover)]", f && "cursor-not-allowed opacity-50", p),
-			children: u ? C ? /* @__PURE__ */ c(o, {
+			children: u ? C ? /* @__PURE__ */ c(a, {
 				"aria-hidden": !0,
 				width: 14,
 				height: 14,
@@ -36,7 +49,7 @@ function l({ testId: l, isSelected: u, onToggle: d, isDisabled: f = !1, classNam
 				"aria-hidden": !0,
 				width: 14,
 				height: 14
-			}) : /* @__PURE__ */ c(a, {
+			}) : /* @__PURE__ */ c(o, {
 				"aria-hidden": !0,
 				className: "size-3"
 			})
@@ -44,6 +57,6 @@ function l({ testId: l, isSelected: u, onToggle: d, isDisabled: f = !1, classNam
 	});
 }
 //#endregion
-export { l as CirclePlusCheckToggle };
+export { l as CirclePlusBadge, u as CirclePlusCheckToggle };
 //# sourceMappingURL=circle-plus-check-toggle.js.map

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

	@@ -1 +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"}
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":";;;;;;;;;;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 CHANGED Viewed

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

	@@ -1 +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"}
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 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 CHANGED Viewed

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

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

	@@ -1 +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"}
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 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 CHANGED Viewed

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

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

@@ -6,8 +6,8 @@ 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 { SettingsInput as l } from "../../../features/settings/settings-input.js";
+import { SettingsInput as c } from "../../../features/settings/settings-input.js";
+import { useSaveSettings as l } from "../../../../hooks/mutation/use-save-settings.js";
 import { HelpLink as u } from "../../../../ui/help-link.js";
 import { ModelSelector as d } from "./model-selector.js";
 import { getAgentSettingValue as f } from "../../../../utils/sdk-settings-schema.js";
@@ -16,7 +16,7 @@ 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 { trackSettingsSaved: y } = i(), { mutate: b } = l(), { currentPath: x } = r(), { t: S } = e("openhands"), C = m.useRef(null), [w, T] = m.useState(!1), E = async (e) => {
 		let t = s(e);
 		await b(t, { onSuccess: () => {
 			v();
@@ -48,7 +48,7 @@ function _({ settings: _, onClose: v }) {
 					wrapperClassName: "!flex-col !gap-[17px]",
 					labelClassName: n.LABEL_CLASSNAME
 				}),
-				/* @__PURE__ */ h(l, {
+				/* @__PURE__ */ h(c, {
 					testId: "llm-api-key-input",
 					name: "llm-api-key-input",
 					label: S(t.SETTINGS_FORM$API_KEY),

package/dist/components/ui/resize-handle.cjs CHANGED Viewed

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

	@@ -1 +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"}
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 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 CHANGED Viewed

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

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

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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.42.1`,agentCanvas:`1.15.0`,automation:`1.8.0`},compatibility:{minimumAgentServer:`1.28.0`},constraints:{_comment:`Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).`,agentClientProtocol:`agent-client-protocol<0.11`},images:{agentServer:`ghcr.io/openhands/agent-server`,agentCanvas:`ghcr.io/openhands/agent-canvas`},ports:{agentServer:18e3,automation:18001,proxy:8e3},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`,canvasBasePath:`/canvas`},packages:{agentServer:`openhands-agent-server`,automation:`openhands-automation`,tools:`openhands-tools`,workspace:`openhands-workspace`},telemetry:{posthogApiKey:`phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U`,posthogHost:`https://us.i.posthog.com`}};exports.default=e;
 //# sourceMappingURL=defaults.cjs.map

package/dist/config/defaults.cjs.map CHANGED Viewed

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

package/dist/config/defaults.js CHANGED Viewed

@@ -2,8 +2,8 @@ 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"
+		agentCanvas: "1.15.0",
+		automation: "1.8.0"
 	},
 	compatibility: { minimumAgentServer: "1.28.0" },
 	constraints: {

package/dist/config/defaults.js.map CHANGED Viewed

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

package/dist/constants/skills-docs.cjs ADDED Viewed

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

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

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

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

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

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