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

@openhands/agent-canvas 1.13.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 (1688) 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/buttons/conversation-confirmation-buttons.cjs CHANGED Viewed

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

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

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

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

@@ -38,7 +38,7 @@ function _() {
 			e(n), t(n);
 		};
 		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-	}, [C, w]), x !== n.AWAITING_USER_CONFIRMATION || !C || _.includes(C.id ?? "") ? null : /* @__PURE__ */ g("div", {
+	}, [C, w]), x !== n.AWAITING_USER_CONFIRMATION || !C || C.id !== void 0 && _.includes(C.id) ? null : /* @__PURE__ */ g("div", {
 		className: "flex flex-col gap-2 pt-4",
 		children: [(i(C) ? C.security_risk : r.UNKNOWN) === r.HIGH && /* @__PURE__ */ h(l, {
 			content: y(t.CHAT_INTERFACE$HIGH_RISK_WARNING),

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

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

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