npm - @openhands/agent-canvas - Versions diffs - 1.16.0 → 1.17.0 - Mend

@openhands/agent-canvas 1.16.0 → 1.17.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 (956) hide show

package/dist/components/features/automations/detail/run-status-badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"run-status-badge.js","names":[],"sources":["../../../../../src/components/features/automations/detail/run-status-badge.tsx"],"sourcesContent":["import { Loader2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport ~~{ I18nKey } from \"#/i18n/declaration\";\nimport~~ CheckCircleIcon from \"#/icons/check-circle.svg?react\";\nimport XCircleIcon from \"#/icons/x-circle.svg?react\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport { AutomationRunStatus } from \"#/types/automation\";\nimport { cn } from \"#/utils/utils\";\n\ninterface RunStatusBadgeProps {\n status: ~~AutomationRunStatus~~;\n /*\n Icon-only mark (no pill). Status text is available via hover tooltip and\n * `aria-label`, unless {@link showLabel} is also set.\n /\n iconOnly?: boolean;\n /* With `iconOnly`, render the status word next to the icon (still no pill). /\n showLabel?: boolean;\n /* Smaller pill for dense rows (e.g. home activity meta line). */\n compact?: boolean;\n}\n\nconst statusConfig: Record~~<\n AutomationRunStatus,\n~~ { ~~label: I18nKey;~~ style: string; iconTone: string }\n> = {\n [AutomationRunStatus.COMPLETED]: {\n ~~label~~: ~~I18nKey.AUTOMATIONS$DETAIL$SUCCESSFUL~~,\n style: \"bg-[var(--oh-success)]/10 text-[var(--oh-success)]\",\n iconTone: \"text-[var(--oh-success)]\",\n },\n [AutomationRunStatus.FAILED]: {\n ~~label~~: ~~I18nKey.AUTOMATIONS$DETAIL$FAILED~~,\n style: \"bg-[var(--oh-danger)]/10 text-danger\",\n iconTone: \"text-danger\",\n },\n [~~AutomationRunStatus.PENDING~~]: {\n ~~label~~: ~~I18nKey~~.~~AUTOMATIONS$DETAIL$~~PENDING,\n style: \"bg-surface-raised text-muted\",\n iconTone: \"text-muted\",\n },\n [AutomationRunStatus.RUNNING]: {\n ~~label: I18nKey.AUTOMATIONS$DETAIL$RUNNING,\n~~ style: \"bg-surface-raised text-muted\",\n iconTone: \"text-muted\",\n },\n [AutomationRunStatus.CANCELLED]: {\n ~~label: I18nKey.AUTOMATIONS$DETAIL$CANCELLED,\n~~ style: \"bg-surface-raised text-muted\",\n iconTone: \"text-muted\",\n },\n [AutomationRunStatus.SKIPPED]: {\n ~~label: I18nKey.AUTOMATIONS$DETAIL$SKIPPED,\n~~ style: \"bg-surface-raised text-muted\",\n iconTone: \"text-muted\",\n },\n};\n\nfunction StatusIcon({\n status,\n compact = false,\n}: {\n status: ~~AutomationRunStatus~~;\n compact?: boolean;\n}) {\n const iconClass = compact ? \"size-3\" : \"size-3.5\";\n switch (status) {\n case AutomationRunStatus.COMPLETED:\n return (\n <CheckCircleIcon\n data-testid=\"run-status-icon-completed\"\n className={iconClass}\n />\n );\n case AutomationRunStatus.FAILED:\n return (\n <XCircleIcon\n data-testid=\"run-status-icon-failed\"\n className={iconClass}\n />\n );\n case AutomationRunStatus.RUNNING:\n return (\n <Loader2\n data-testid=\"run-status-icon-running\"\n className={cn(iconClass, \"animate-spin motion-reduce:animate-none\")}\n aria-hidden=\"true\"\n />\n );\n default:\n return (\n <ClockIcon\n data-testid=\"run-status-icon-pending\"\n className={iconClass}\n />\n );\n }\n}\n\nexport function RunStatusBadge({\n status,\n iconOnly = false,\n showLabel = false,\n compact = false,\n}: RunStatusBadgeProps) {\n const { t } = useTranslation(\"openhands\");\n // Degrade instead of crashing on a status the backend added after this enum.\n const config =\n statusConfig[status] ?? statusConfig[AutomationRunStatus.PENDING];\n const label = t(~~config.label~~);\n\n if (iconOnly) {\n if (showLabel) {\n return (\n <span\n data-testid=\"run-status-badge-icon\"\n className={cn(\n \"inline-flex min-w-0 shrink-0 items-center gap-1.5 text-xs font-medium\",\n config.iconTone,\n )}\n >\n <StatusIcon status={status} compact={compact} />\n <span className=\"truncate\">{label}</span>\n </span>\n );\n }\n\n return (\n <StyledTooltip content={label} placement=\"top\">\n <span\n role=\"img\"\n aria-label={label}\n data-testid=\"run-status-badge-icon\"\n className={cn(\n \"inline-flex shrink-0 cursor-default items-center justify-center\",\n config.iconTone,\n )}\n >\n <StatusIcon status={status} compact={compact} />\n </span>\n </StyledTooltip>\n );\n }\n\n return (\n <span\n className={cn(\n \"inline-flex items-center rounded-full font-medium\",\n compact\n ? \"gap-1 pl-1 pr-1.5 py-0 text-[10px] leading-4\"\n : \"gap-1.5 pl-2 pr-2.5 py-1 text-xs\",\n config.style,\n )}\n >\n <StatusIcon status={status} compact={compact} />\n {label}\n </span>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;AAuBA~~,IAAM,~~IAGF~~;~~EACD~~,EAAoB,YAAY;EAC/B,OAAO,~~EAAQ~~;~~EACf~~,OAAO;EACP,UAAU;CACZ;EACC,EAAoB,SAAS;EAC5B,OAAO,~~EAAQ~~;~~EACf~~,OAAO;EACP,UAAU;CACZ;~~EACC~~,~~EAAoB~~,UAAU;~~EAC7B~~,OAAO,~~EAAQ~~;~~EACf~~,OAAO;EACP,UAAU;CACZ;EACC,EAAoB,UAAU;EAC7B,OAAO,~~EAAQ~~;~~EACf~~,OAAO;EACP,UAAU;CACZ;EACC,EAAoB,YAAY;EAC/B,OAAO~~,EAAQ~~;~~EACf,OAAO;~~EACP,UAAU;CACZ;EACC,EAAoB,UAAU;EAC7B,OAAO~~,EAAQ~~;~~EACf,OAAO;~~EACP,UAAU;CACZ;AACF;AAEA,SAAS,EAAW,EAClB,WACA,aAAU,MAIT;CACD,IAAM,IAAY,IAAU,WAAW;CACvC,QAAQ,GAAR;EACE,KAAK,EAAoB,~~WACvB~~,OACE,kBAAC,GAAD;GACE,eAAY;GACZ,WAAW;EACZ,CAAA;EAEL,KAAK,EAAoB,~~QACvB~~,OACE,kBAAC,GAAD;GACE,eAAY;GACZ,WAAW;EACZ,CAAA;EAEL,KAAK,EAAoB,SACvB,OACE,kBAAC,GAAD;GACE,eAAY;GACZ,WAAW,EAAG,GAAW,yCAAyC;GAClE,eAAY;EACb,CAAA;EAEL,SACE,OACE,kBAAC,GAAD;GACE,eAAY;GACZ,WAAW;EACZ,CAAA;CAEP;AACF;AAEA,SAAgB,EAAe,EAC7B,WACA,cAAW,IACX,eAAY,IACZ,aAAU,MACY;CACtB,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IACJ,EAAa,MAAW,EAAa,EAAoB,UACrD,IAAQ,EAAE,~~EAAO~~,~~KAAK~~;~~CAmC5B~~,OAjCI,IACE,IAEA,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW,EACT,yEACA,EAAO,QACT;YALF,CAOE,kBAAC,GAAD;GAAoB;GAAiB;EAAU,CAAA,GAC/C,kBAAC,QAAD;GAAM,WAAU;aAAY;EAAY,CAAA,CACpC;MAKR,kBAAC,GAAD;EAAe,SAAS;EAAO,WAAU;YACvC,kBAAC,QAAD;GACE,MAAK;GACL,cAAY;GACZ,eAAY;GACZ,WAAW,EACT,mEACA,EAAO,QACT;aAEA,kBAAC,GAAD;IAAoB;IAAiB;GAAU,CAAA;EAC3C,CAAA;CACO,CAAA,IAKjB,kBAAC,QAAD;EACE,WAAW,EACT,qDACA,IACI,iDACA,oCACJ,EAAO,KACT;YAPF,CASE,kBAAC,GAAD;GAAoB;GAAiB;EAAU,CAAA,GAC9C,CACG;;AAEV"}
1	+ {"version":3,"file":"run-status-badge.js","names":[],"sources":["../../../../../src/components/features/automations/detail/run-status-badge.tsx"],"sourcesContent":["import { CircleAlert, CircleHelp, Loader2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport CheckCircleIcon from \"#/icons/check-circle.svg?react\";\nimport XCircleIcon from \"#/icons/x-circle.svg?react\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport { AutomationRunStatus } from \"#/types/automation\";\nimport {\n getAutomationRunBadgeLabelKey,\n type AutomationRunBadgeStatus,\n} from \"#/utils/automation-run-display\";\nimport { cn } from \"#/utils/utils\";\n\ninterface RunStatusBadgeProps {\n status: AutomationRunBadgeStatus;\n /*\n Icon-only mark (no pill). Status text is available via hover tooltip and\n * `aria-label`, unless {@link showLabel} is also set.\n /\n iconOnly?: boolean;\n /* With `iconOnly`, render the status word next to the icon (still no pill). /\n showLabel?: boolean;\n /* Smaller pill for dense rows (e.g. home activity meta line). */\n compact?: boolean;\n}\n\nconst statusConfig: Record<string, { style: string; iconTone: string }> = {\n [AutomationRunStatus.COMPLETED]: {\n style: \"bg-[var(--oh-success)]/10 text-[var(--oh-success)]\",\n iconTone: \"text-[var(--oh-success)]\",\n },\n success: {\n style: \"bg-[var(--oh-success)]/10 text-[var(--oh-success)]\",\n iconTone: \"text-[var(--oh-success)]\",\n },\n [AutomationRunStatus.FAILED]: {\n style: \"bg-[var(--oh-danger)]/10 text-danger\",\n iconTone: \"text-danger\",\n },\n failed: {\n style: \"bg-[var(--oh-danger)]/10 text-danger\",\n iconTone: \"text-danger\",\n },\n blocked: {\n style: \"bg-[var(--oh-warning)]/10 text-[var(--oh-warning)]\",\n iconTone: \"text-[var(--oh-warning)]\",\n },\n partial_success: {\n style: \"bg-[var(--oh-warning)]/10 text-[var(--oh-warning)]\",\n iconTone: \"text-[var(--oh-warning)]\",\n },\n unknown: {\n style: \"bg-[var(--oh-warning)]/10 text-[var(--oh-warning)]\",\n iconTone: \"text-[var(--oh-warning)]\",\n },\n [AutomationRunStatus.PENDING]: {\n style: \"bg-surface-raised text-muted\",\n iconTone: \"text-muted\",\n },\n [AutomationRunStatus.RUNNING]: {\n style: \"bg-surface-raised text-muted\",\n iconTone: \"text-muted\",\n },\n [AutomationRunStatus.CANCELLED]: {\n style: \"bg-surface-raised text-muted\",\n iconTone: \"text-muted\",\n },\n [AutomationRunStatus.SKIPPED]: {\n style: \"bg-surface-raised text-muted\",\n iconTone: \"text-muted\",\n },\n};\n\nfunction StatusIcon({\n status,\n compact = false,\n}: {\n status: AutomationRunBadgeStatus;\n compact?: boolean;\n}) {\n const iconClass = compact ? \"size-3\" : \"size-3.5\";\n switch (status) {\n case AutomationRunStatus.COMPLETED:\n case \"success\":\n return (\n <CheckCircleIcon\n data-testid=\"run-status-icon-completed\"\n className={iconClass}\n />\n );\n case AutomationRunStatus.FAILED:\n case \"failed\":\n return (\n <XCircleIcon\n data-testid=\"run-status-icon-failed\"\n className={iconClass}\n />\n );\n case AutomationRunStatus.RUNNING:\n return (\n <Loader2\n data-testid=\"run-status-icon-running\"\n className={cn(iconClass, \"animate-spin motion-reduce:animate-none\")}\n aria-hidden=\"true\"\n />\n );\n case \"blocked\":\n case \"partial_success\":\n return (\n <CircleAlert\n data-testid=\"run-status-icon-warning\"\n className={iconClass}\n aria-hidden=\"true\"\n />\n );\n case \"unknown\":\n return (\n <CircleHelp\n data-testid=\"run-status-icon-needs-review\"\n className={iconClass}\n aria-hidden=\"true\"\n />\n );\n default:\n return (\n <ClockIcon\n data-testid=\"run-status-icon-pending\"\n className={iconClass}\n />\n );\n }\n}\n\nexport function RunStatusBadge({\n status,\n iconOnly = false,\n showLabel = false,\n compact = false,\n}: RunStatusBadgeProps) {\n const { t } = useTranslation(\"openhands\");\n // Degrade instead of crashing on a status the backend added after this enum.\n const config =\n statusConfig[status] ?? statusConfig[AutomationRunStatus.PENDING];\n const label = t(getAutomationRunBadgeLabelKey(status));\n\n if (iconOnly) {\n if (showLabel) {\n return (\n <span\n data-testid=\"run-status-badge-icon\"\n className={cn(\n \"inline-flex min-w-0 shrink-0 items-center gap-1.5 text-xs font-medium\",\n config.iconTone,\n )}\n >\n <StatusIcon status={status} compact={compact} />\n <span className=\"truncate\">{label}</span>\n </span>\n );\n }\n\n return (\n <StyledTooltip content={label} placement=\"top\">\n <span\n role=\"img\"\n aria-label={label}\n data-testid=\"run-status-badge-icon\"\n className={cn(\n \"inline-flex shrink-0 cursor-default items-center justify-center\",\n config.iconTone,\n )}\n >\n <StatusIcon status={status} compact={compact} />\n </span>\n </StyledTooltip>\n );\n }\n\n return (\n <span\n className={cn(\n \"inline-flex items-center rounded-full font-medium\",\n compact\n ? \"gap-1 pl-1 pr-1.5 py-0 text-[10px] leading-4\"\n : \"gap-1.5 pl-2 pr-2.5 py-1 text-xs\",\n config.style,\n )}\n >\n <StatusIcon status={status} compact={compact} />\n {label}\n </span>\n );\n}\n"],"mappings":";;;;;;;;;;;;;AA0BA,IAAM,IAAoE;EACvE,EAAoB,YAAY;EAC/B,OAAO;EACP,UAAU;CACZ;CACA,SAAS;EACP,OAAO;EACP,UAAU;CACZ;EACC,EAAoB,SAAS;EAC5B,OAAO;EACP,UAAU;CACZ;CACA,QAAQ;EACN,OAAO;EACP,UAAU;CACZ;CACA,SAAS;EACP,OAAO;EACP,UAAU;CACZ;CACA,iBAAiB;EACf,OAAO;EACP,UAAU;CACZ;CACA,SAAS;EACP,OAAO;EACP,UAAU;CACZ;EACC,EAAoB,UAAU;EAC7B,OAAO;EACP,UAAU;CACZ;EACC,EAAoB,UAAU;EAC7B,OAAO;EACP,UAAU;CACZ;EACC,EAAoB,YAAY;EAC/B,OAAO;EACP,UAAU;CACZ;EACC,EAAoB,UAAU;EAC7B,OAAO;EACP,UAAU;CACZ;AACF;AAEA,SAAS,EAAW,EAClB,WACA,aAAU,MAIT;CACD,IAAM,IAAY,IAAU,WAAW;CACvC,QAAQ,GAAR;EACE,KAAK,EAAoB;EACzB,KAAK,WACH,OACE,kBAAC,GAAD;GACE,eAAY;GACZ,WAAW;EACZ,CAAA;EAEL,KAAK,EAAoB;EACzB,KAAK,UACH,OACE,kBAAC,GAAD;GACE,eAAY;GACZ,WAAW;EACZ,CAAA;EAEL,KAAK,EAAoB,SACvB,OACE,kBAAC,GAAD;GACE,eAAY;GACZ,WAAW,EAAG,GAAW,yCAAyC;GAClE,eAAY;EACb,CAAA;EAEL,KAAK;EACL,KAAK,mBACH,OACE,kBAAC,GAAD;GACE,eAAY;GACZ,WAAW;GACX,eAAY;EACb,CAAA;EAEL,KAAK,WACH,OACE,kBAAC,GAAD;GACE,eAAY;GACZ,WAAW;GACX,eAAY;EACb,CAAA;EAEL,SACE,OACE,kBAAC,GAAD;GACE,eAAY;GACZ,WAAW;EACZ,CAAA;CAEP;AACF;AAEA,SAAgB,EAAe,EAC7B,WACA,cAAW,IACX,eAAY,IACZ,aAAU,MACY;CACtB,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IACJ,EAAa,MAAW,EAAa,EAAoB,UACrD,IAAQ,EAAE,EAA8B,CAAM,CAAC;CAmCrD,OAjCI,IACE,IAEA,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW,EACT,yEACA,EAAO,QACT;YALF,CAOE,kBAAC,GAAD;GAAoB;GAAiB;EAAU,CAAA,GAC/C,kBAAC,QAAD;GAAM,WAAU;aAAY;EAAY,CAAA,CACpC;MAKR,kBAAC,GAAD;EAAe,SAAS;EAAO,WAAU;YACvC,kBAAC,QAAD;GACE,MAAK;GACL,cAAY;GACZ,eAAY;GACZ,WAAW,EACT,mEACA,EAAO,QACT;aAEA,kBAAC,GAAD;IAAoB;IAAiB;GAAU,CAAA;EAC3C,CAAA;CACO,CAAA,IAKjB,kBAAC,QAAD;EACE,WAAW,EACT,qDACA,IACI,iDACA,oCACJ,EAAO,KACT;YAPF,CASE,kBAAC,GAAD;GAAoB;GAAiB;EAAU,CAAA,GAC9C,CACG;;AAEV"}

package/dist/components/features/automations/kebab-menu.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("../../../ui/context-menu.cjs"),a=require("../context-menu/context-menu-list-item.cjs"),o=require("../../../icons/kebab-vertical.cjs"),s=require("./automation-action-button-classes.cjs"),c=require("./kebab-menu-item-content.cjs");let l=require("react"),u=require("react/jsx-runtime"),d=require("react-dom");d=e.__toESM(d,1);function f({items:e,triggerClassName:f}){let{t:p}=t.useTranslation(`openhands`),[m,h]=(0,l.useState)(!1),[g,_]=(0,l.useState)(),v=(0,l.useRef)(null),y=(0,l.useRef)(null);(0,l.useLayoutEffect)(()=>{if(!m||!v.current)return;let e=()=>{let e=v.current?.getBoundingClientRect();e&&_({position:`fixed`,zIndex:9999,top:e.bottom+4,right:window.innerWidth-e.right})};return e(),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[m]),(0,l.useEffect)(()=>{if(!m)return;let e=e=>{let t=e.target;v.current?.contains(t)||y.current?.contains(t)||h(!1)},t=e=>{e.key===`Escape`&&h(!1)};return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[m]);let b=m&&g?(0,u.jsx)(i.ContextMenu,{ref:y,theme:`popover`,className:`min-w-[10rem]`,children:e.map(e=>(0,u.jsx)(`li`,{children:(0,u.jsx)(a.ContextMenuListItem,{onClick:t=>{t.stopPropagation(),e.onClick(),h(!1)},isDisabled:e.disabled,className:`group`,children:(0,u.jsx)(c.KebabMenuItemContent,{icon:e.icon,label:e.label})})},e.label))}):null;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`button`,{ref:v,type:`button`,onClick:e=>{e.stopPropagation(),h(e=>!e)},className:r.cn(s.automationIconActionButtonClassName,f),"aria-label":p(n.I18nKey.AUTOMATIONS$ACTIONS_MENU),"aria-expanded":m,"aria-haspopup":`menu`,children:(0,u.jsx)(o.default,{className:`size-4`})}),m&&g&&typeof document<`u`?d.default.createPortal((0,u.jsx)(`div`,{style:g,children:b}),document.body):null]})}exports.KebabMenu=f;
+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("../../../ui/context-menu.cjs"),a=require("../context-menu/context-menu-list-item.cjs"),o=require("../../../icons/kebab-vertical.cjs"),s=require("./automation-action-button-classes.cjs"),c=require("./kebab-menu-item-content.cjs");let l=require("react"),u=require("react/jsx-runtime"),d=require("react-dom");d=e.__toESM(d,1);function f({items:e,triggerClassName:f}){let{t:p}=t.useTranslation(`openhands`),[m,h]=(0,l.useState)(!1),[g,_]=(0,l.useState)(),v=(0,l.useRef)(null),y=(0,l.useRef)(null);(0,l.useLayoutEffect)(()=>{if(!m||!v.current)return;let t=()=>{let t=v.current?.getBoundingClientRect();if(!t)return;let n=(y.current?.getBoundingClientRect().height??0)||e.length*36;_({position:`fixed`,zIndex:9999,...t.bottom+4+n>window.innerHeight?{bottom:window.innerHeight-t.top+4}:{top:t.bottom+4},right:window.innerWidth-t.right})};t();let n=window.requestAnimationFrame(t);return window.addEventListener(`resize`,t),window.addEventListener(`scroll`,t,!0),()=>{window.cancelAnimationFrame(n),window.removeEventListener(`resize`,t),window.removeEventListener(`scroll`,t,!0)}},[m,e.length]),(0,l.useEffect)(()=>{if(!m)return;let e=e=>{let t=e.target;v.current?.contains(t)||y.current?.contains(t)||h(!1)},t=e=>{e.key===`Escape`&&h(!1)};return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[m]);let b=m&&g?(0,u.jsx)(i.ContextMenu,{ref:y,theme:`popover`,className:`min-w-[10rem]`,children:e.map(e=>(0,u.jsx)(`li`,{children:(0,u.jsx)(a.ContextMenuListItem,{onClick:t=>{t.stopPropagation(),e.onClick(),h(!1)},isDisabled:e.disabled,className:`group`,children:(0,u.jsx)(c.KebabMenuItemContent,{icon:e.icon,label:e.label})})},e.label))}):null;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`button`,{ref:v,type:`button`,onClick:e=>{e.stopPropagation(),h(e=>!e)},className:r.cn(s.automationIconActionButtonClassName,f),"aria-label":p(n.I18nKey.AUTOMATIONS$ACTIONS_MENU),"aria-expanded":m,"aria-haspopup":`menu`,children:(0,u.jsx)(o.default,{className:`size-4`})}),m&&g&&typeof document<`u`?d.default.createPortal((0,u.jsx)(`div`,{style:g,children:b}),document.body):null]})}exports.KebabMenu=f;
 //# sourceMappingURL=kebab-menu.cjs.map

package/dist/components/features/automations/kebab-menu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kebab-menu.cjs","names":[],"sources":["../../../../src/components/features/automations/kebab-menu.tsx"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport KebabVerticalIcon from \"#/icons/kebab-vertical.svg?react\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { cn } from \"#/utils/utils\";\nimport { automationIconActionButtonClassName } from \"./automation-action-button-classes\";\nimport { KebabMenuItemContent } from \"./kebab-menu-item-content\";\n\nexport interface KebabMenuItem {\n label: string;\n icon: React.ReactNode;\n onClick: () => void;\n disabled?: boolean;\n}\n\ninterface KebabMenuProps {\n items: KebabMenuItem[];\n triggerClassName?: string;\n}\n\nexport function KebabMenu({ items, triggerClassName }: KebabMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = useState(false);\n const [portalStyle, setPortalStyle] = useState<React.CSSProperties>();\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLUListElement>(null);\n\n useLayoutEffect(() => {\n if (!open \|\| !triggerRef.current) return undefined;\n\n const updatePosition = () => {\n const rect = triggerRef.current?.getBoundingClientRect();\n if (!rect) return;\n\n const gap = 4;\n setPortalStyle({\n position: \"fixed\",\n zIndex: 9999,\n top: rect.bottom + gap,\n right: window.innerWidth - rect.right,\n });\n };\n\n updatePosition();\n window.addEventListener(\"resize\", updatePosition);\n window.addEventListener(\"scroll\", updatePosition, true);\n return () => {\n window.removeEventListener(\"resize\", updatePosition);\n window.removeEventListener(\"scroll\", updatePosition, true);\n };\n }, [open]);\n\n useEffect(() => {\n if (!open) return undefined;\n\n const handleClickOutside = (event: MouseEvent) => {\n const target = event.target as Node;\n if (\n triggerRef.current?.contains(target) \|\|\n menuRef.current?.contains(target)\n ) {\n return;\n }\n setOpen(false);\n };\n\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setOpen(false);\n }\n };\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n document.addEventListener(\"keydown\", handleEscape);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n document.removeEventListener(\"keydown\", handleEscape);\n };\n }, [open]);\n\n const menu =\n open && portalStyle ? (\n <ContextMenu ref={menuRef} theme=\"popover\" className=\"min-w-[10rem]\">\n {items.map((item) => (\n <li key={item.label}>\n <ContextMenuListItem\n onClick={(event) => {\n event.stopPropagation();\n item.onClick();\n setOpen(false);\n }}\n isDisabled={item.disabled}\n className=\"group\"\n >\n <KebabMenuItemContent icon={item.icon} label={item.label} />\n </ContextMenuListItem>\n </li>\n ))}\n </ContextMenu>\n ) : null;\n\n return (\n <>\n <button\n ref={triggerRef}\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation();\n setOpen((current) => !current);\n }}\n className={cn(automationIconActionButtonClassName, triggerClassName)}\n aria-label={t(I18nKey.AUTOMATIONS$ACTIONS_MENU)}\n aria-expanded={open}\n aria-haspopup=\"menu\"\n >\n <KebabVerticalIcon className=\"size-4\" />\n </button>\n\n {open && portalStyle && typeof document !== \"undefined\"\n ? ReactDOM.createPortal(\n <div style={portalStyle}>{menu}</div>,\n document.body,\n )\n : null}\n </>\n );\n}\n"],"mappings":"siBAuBA,SAAgB,EAAU,CAAE,QAAO,oBAAoC,CACrE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAM,IAAA,EAAA,EAAA,UAAoB,EAAK,EAChC,CAAC,EAAa,IAAA,EAAA,EAAA,UAAgD,EAC9D,GAAA,EAAA,EAAA,QAAuC,IAAI,EAC3C,GAAA,EAAA,EAAA,QAAmC,IAAI,GAE7C,EAAA,EAAA,qBAAsB,CACpB,GAAI,CAAC,GAAQ,CAAC,EAAW,QAAS,OAElC,IAAM,MAAuB,CAC3B,IAAM,EAAO,EAAW,SAAS,sBAAsB,~~EAClD~~,~~GAGL~~,EAAe,CACb,SAAU,QACV,OAAQ,~~KACR~~,IAAK,EAAK,OAAS,~~EACnB~~,MAAO,OAAO,WAAa,EAAK,KAClC,CAAC,CACH,~~EAKA~~,~~OAHA,~~EAAe,EACf,OAAO,iBAAiB,SAAU,CAAc,EAChD,OAAO,iBAAiB,SAAU,EAAgB,EAAI,MACzC,CACX,OAAO,oBAAoB,SAAU,CAAc,EACnD,OAAO,oBAAoB,SAAU,EAAgB,EAAI,CAC3D,CACF,EAAG,CAAC,~~CAAI~~,CAAC,~~GAET~~,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAM,OAEX,IAAM,EAAsB,GAAsB,CAChD,IAAM,EAAS,EAAM,OAEnB,EAAW,SAAS,SAAS,CAAM,GACnC,EAAQ,SAAS,SAAS,CAAM,GAIlC,EAAQ,EAAK,CACf,EAEM,EAAgB,GAAyB,CACzC,EAAM,MAAQ,UAChB,EAAQ,EAAK,CAEjB,EAIA,OAFA,SAAS,iBAAiB,YAAa,CAAkB,EACzD,SAAS,iBAAiB,UAAW,CAAY,MACpC,CACX,SAAS,oBAAoB,YAAa,CAAkB,EAC5D,SAAS,oBAAoB,UAAW,CAAY,CACtD,CACF,EAAG,CAAC,CAAI,CAAC,EAET,IAAM,EACJ,GAAQ,GACN,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,IAAK,EAAS,MAAM,UAAU,UAAU,yBAClD,EAAM,IAAK,IACV,EAAA,EAAA,KAAC,KAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,QAAU,GAAU,CAClB,EAAM,gBAAgB,EACtB,EAAK,QAAQ,EACb,EAAQ,EAAK,CACf,EACA,WAAY,EAAK,SACjB,UAAU,kBAEV,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,KAAM,EAAK,KAAM,MAAO,EAAK,KAAQ,CAAA,CACxC,CAAA,CACnB,EAZK,EAAK,KAYV,CACL,CACU,CAAA,EACX,KAEN,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,SAAD,CACE,IAAK,EACL,KAAK,SACL,QAAU,GAAM,CACd,EAAE,gBAAgB,EAClB,EAAS,GAAY,CAAC,CAAO,CAC/B,EACA,UAAW,EAAA,GAAG,EAAA,oCAAqC,CAAgB,EACnE,aAAY,EAAE,EAAA,QAAQ,wBAAwB,EAC9C,gBAAe,EACf,gBAAc,iBAEd,EAAA,EAAA,KAAC,EAAA,QAAD,CAAmB,UAAU,QAAU,CAAA,CACjC,CAAA,EAEP,GAAQ,GAAe,OAAO,SAAa,IACxC,EAAA,QAAS,cACP,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,WAAc,CAAU,CAAA,EACpC,SAAS,IACX,EACA,IACJ,CAAA,CAAA,CAEN"}
1	+ {"version":3,"file":"kebab-menu.cjs","names":[],"sources":["../../../../src/components/features/automations/kebab-menu.tsx"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport KebabVerticalIcon from \"#/icons/kebab-vertical.svg?react\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { cn } from \"#/utils/utils\";\nimport { automationIconActionButtonClassName } from \"./automation-action-button-classes\";\nimport { KebabMenuItemContent } from \"./kebab-menu-item-content\";\n\nexport interface KebabMenuItem {\n label: string;\n icon: React.ReactNode;\n onClick: () => void;\n disabled?: boolean;\n}\n\ninterface KebabMenuProps {\n items: KebabMenuItem[];\n triggerClassName?: string;\n}\n\nexport function KebabMenu({ items, triggerClassName }: KebabMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = useState(false);\n const [portalStyle, setPortalStyle] = useState<React.CSSProperties>();\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLUListElement>(null);\n\n useLayoutEffect(() => {\n if (!open \|\| !triggerRef.current) return undefined;\n\n const updatePosition = () => {\n const rect = triggerRef.current?.getBoundingClientRect();\n if (!rect) return;\n\n const gap = 4;\n // The real height is only measurable once the portal has painted; the\n // first pass falls back to an items-derived estimate (~36px per row).\n const measured = menuRef.current?.getBoundingClientRect().height ?? 0;\n const menuHeight = measured \|\| items.length * 36;\n const overflowsBelow =\n rect.bottom + gap + menuHeight > window.innerHeight;\n\n setPortalStyle({\n position: \"fixed\",\n zIndex: 9999,\n // Flip above the trigger when the menu would clip at the viewport\n // bottom. Bottom-anchoring keeps it hugging the trigger at any height.\n ...(overflowsBelow\n ? { bottom: window.innerHeight - rect.top + gap }\n : { top: rect.bottom + gap }),\n right: window.innerWidth - rect.right,\n });\n };\n\n updatePosition();\n const frame = window.requestAnimationFrame(updatePosition);\n window.addEventListener(\"resize\", updatePosition);\n window.addEventListener(\"scroll\", updatePosition, true);\n return () => {\n window.cancelAnimationFrame(frame);\n window.removeEventListener(\"resize\", updatePosition);\n window.removeEventListener(\"scroll\", updatePosition, true);\n };\n }, [open, items.length]);\n\n useEffect(() => {\n if (!open) return undefined;\n\n const handleClickOutside = (event: MouseEvent) => {\n const target = event.target as Node;\n if (\n triggerRef.current?.contains(target) \|\|\n menuRef.current?.contains(target)\n ) {\n return;\n }\n setOpen(false);\n };\n\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setOpen(false);\n }\n };\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n document.addEventListener(\"keydown\", handleEscape);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n document.removeEventListener(\"keydown\", handleEscape);\n };\n }, [open]);\n\n const menu =\n open && portalStyle ? (\n <ContextMenu ref={menuRef} theme=\"popover\" className=\"min-w-[10rem]\">\n {items.map((item) => (\n <li key={item.label}>\n <ContextMenuListItem\n onClick={(event) => {\n event.stopPropagation();\n item.onClick();\n setOpen(false);\n }}\n isDisabled={item.disabled}\n className=\"group\"\n >\n <KebabMenuItemContent icon={item.icon} label={item.label} />\n </ContextMenuListItem>\n </li>\n ))}\n </ContextMenu>\n ) : null;\n\n return (\n <>\n <button\n ref={triggerRef}\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation();\n setOpen((current) => !current);\n }}\n className={cn(automationIconActionButtonClassName, triggerClassName)}\n aria-label={t(I18nKey.AUTOMATIONS$ACTIONS_MENU)}\n aria-expanded={open}\n aria-haspopup=\"menu\"\n >\n <KebabVerticalIcon className=\"size-4\" />\n </button>\n\n {open && portalStyle && typeof document !== \"undefined\"\n ? ReactDOM.createPortal(\n <div style={portalStyle}>{menu}</div>,\n document.body,\n )\n : null}\n </>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/automations/kebab-menu.js CHANGED Viewed

@@ -16,17 +16,21 @@ function g({ items: g, triggerClassName: _ }) {
 		if (!y || !C.current) return;
 		let e = () => {
 			let e = C.current?.getBoundingClientRect();
-			e && S({
+			if (!e) return;
+			let t = (w.current?.getBoundingClientRect().height ?? 0) || g.length * 36;
+			S({
 				position: "fixed",
 				zIndex: 9999,
-				top: e.bottom + 4,
+				...e.bottom + 4 + t > window.innerHeight ? { bottom: window.innerHeight - e.top + 4 } : { top: e.bottom + 4 },
 				right: window.innerWidth - e.right
 			});
 		};
-		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
-			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		e();
+		let t = window.requestAnimationFrame(e);
+		return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+			window.cancelAnimationFrame(t), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
-	}, [y]), c(() => {
+	}, [y, g.length]), c(() => {
 		if (!y) return;
 		let e = (e) => {
 			let t = e.target;

package/dist/components/features/automations/kebab-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kebab-menu.js","names":[],"sources":["../../../../src/components/features/automations/kebab-menu.tsx"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport KebabVerticalIcon from \"#/icons/kebab-vertical.svg?react\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { cn } from \"#/utils/utils\";\nimport { automationIconActionButtonClassName } from \"./automation-action-button-classes\";\nimport { KebabMenuItemContent } from \"./kebab-menu-item-content\";\n\nexport interface KebabMenuItem {\n label: string;\n icon: React.ReactNode;\n onClick: () => void;\n disabled?: boolean;\n}\n\ninterface KebabMenuProps {\n items: KebabMenuItem[];\n triggerClassName?: string;\n}\n\nexport function KebabMenu({ items, triggerClassName }: KebabMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = useState(false);\n const [portalStyle, setPortalStyle] = useState<React.CSSProperties>();\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLUListElement>(null);\n\n useLayoutEffect(() => {\n if (!open \|\| !triggerRef.current) return undefined;\n\n const updatePosition = () => {\n const rect = triggerRef.current?.getBoundingClientRect();\n if (!rect) return;\n\n const gap = 4;\n setPortalStyle({\n position: \"fixed\",\n zIndex: 9999,\n top: rect.bottom + gap,\n right: window.innerWidth - rect.right,\n });\n };\n\n updatePosition();\n window.addEventListener(\"resize\", updatePosition);\n window.addEventListener(\"scroll\", updatePosition, true);\n return () => {\n window.removeEventListener(\"resize\", updatePosition);\n window.removeEventListener(\"scroll\", updatePosition, true);\n };\n }, [open]);\n\n useEffect(() => {\n if (!open) return undefined;\n\n const handleClickOutside = (event: MouseEvent) => {\n const target = event.target as Node;\n if (\n triggerRef.current?.contains(target) \|\|\n menuRef.current?.contains(target)\n ) {\n return;\n }\n setOpen(false);\n };\n\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setOpen(false);\n }\n };\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n document.addEventListener(\"keydown\", handleEscape);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n document.removeEventListener(\"keydown\", handleEscape);\n };\n }, [open]);\n\n const menu =\n open && portalStyle ? (\n <ContextMenu ref={menuRef} theme=\"popover\" className=\"min-w-[10rem]\">\n {items.map((item) => (\n <li key={item.label}>\n <ContextMenuListItem\n onClick={(event) => {\n event.stopPropagation();\n item.onClick();\n setOpen(false);\n }}\n isDisabled={item.disabled}\n className=\"group\"\n >\n <KebabMenuItemContent icon={item.icon} label={item.label} />\n </ContextMenuListItem>\n </li>\n ))}\n </ContextMenu>\n ) : null;\n\n return (\n <>\n <button\n ref={triggerRef}\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation();\n setOpen((current) => !current);\n }}\n className={cn(automationIconActionButtonClassName, triggerClassName)}\n aria-label={t(I18nKey.AUTOMATIONS$ACTIONS_MENU)}\n aria-expanded={open}\n aria-haspopup=\"menu\"\n >\n <KebabVerticalIcon className=\"size-4\" />\n </button>\n\n {open && portalStyle && typeof document !== \"undefined\"\n ? ReactDOM.createPortal(\n <div style={portalStyle}>{menu}</div>,\n document.body,\n )\n : null}\n </>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAuBA,SAAgB,EAAU,EAAE,UAAO,uBAAoC;CACrE,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,CAAC,GAAa,KAAkB,EAA8B,GAC9D,IAAa,EAA0B,IAAI,GAC3C,IAAU,EAAyB,IAAI;~~CA2B7C~~,~~AAzBA~~,QAAsB;EACpB,IAAI,CAAC,KAAQ,CAAC,EAAW,SAAS;EAElC,IAAM,UAAuB;GAC3B,IAAM,IAAO,EAAW,SAAS,sBAAsB;~~GAClD~~,~~KAGL~~,EAAe;IACb,UAAU;IACV,QAAQ;~~IACR~~,KAAK,EAAK,SAAS;~~IACnB~~,OAAO,OAAO,aAAa,EAAK;GAClC,CAAC;EACH;~~EAKA~~,~~OAHA,~~EAAe,~~GACf~~,OAAO,iBAAiB,UAAU,CAAc,GAChD,OAAO,iBAAiB,UAAU,GAAgB,EAAI,SACzC;~~GAEX~~,~~AADA~~,OAAO,oBAAoB,UAAU,CAAc,GACnD,OAAO,oBAAoB,UAAU,GAAgB,EAAI;EAC3D;CACF,GAAG,CAAC,~~CAAI~~,CAAC,~~GAET~~,QAAgB;EACd,IAAI,CAAC,GAAM;EAEX,IAAM,KAAsB,MAAsB;GAChD,IAAM,IAAS,EAAM;GAEnB,EAAW,SAAS,SAAS,CAAM,KACnC,EAAQ,SAAS,SAAS,CAAM,KAIlC,EAAQ,EAAK;EACf,GAEM,KAAgB,MAAyB;GAC7C,AAAI,EAAM,QAAQ,YAChB,EAAQ,EAAK;EAEjB;EAIA,OAFA,SAAS,iBAAiB,aAAa,CAAkB,GACzD,SAAS,iBAAiB,WAAW,CAAY,SACpC;GAEX,AADA,SAAS,oBAAoB,aAAa,CAAkB,GAC5D,SAAS,oBAAoB,WAAW,CAAY;EACtD;CACF,GAAG,CAAC,CAAI,CAAC;CAET,IAAM,IACJ,KAAQ,IACN,kBAAC,GAAD;EAAa,KAAK;EAAS,OAAM;EAAU,WAAU;YAClD,EAAM,KAAK,MACV,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;GACE,UAAU,MAAU;IAGlB,AAFA,EAAM,gBAAgB,GACtB,EAAK,QAAQ,GACb,EAAQ,EAAK;GACf;GACA,YAAY,EAAK;GACjB,WAAU;aAEV,kBAAC,GAAD;IAAsB,MAAM,EAAK;IAAM,OAAO,EAAK;GAAQ,CAAA;EACxC,CAAA,EACnB,GAZK,EAAK,KAYV,CACL;CACU,CAAA,IACX;CAEN,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;EACE,KAAK;EACL,MAAK;EACL,UAAU,MAAM;GAEd,AADA,EAAE,gBAAgB,GAClB,GAAS,MAAY,CAAC,CAAO;EAC/B;EACA,WAAW,EAAG,GAAqC,CAAgB;EACnE,cAAY,EAAE,EAAQ,wBAAwB;EAC9C,iBAAe;EACf,iBAAc;YAEd,kBAAC,GAAD,EAAmB,WAAU,SAAU,CAAA;CACjC,CAAA,GAEP,KAAQ,KAAe,OAAO,WAAa,MACxC,EAAS,aACP,kBAAC,OAAD;EAAK,OAAO;YAAc;CAAU,CAAA,GACpC,SAAS,IACX,IACA,IACJ,EAAA,CAAA;AAEN"}
1	+ {"version":3,"file":"kebab-menu.js","names":[],"sources":["../../../../src/components/features/automations/kebab-menu.tsx"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport KebabVerticalIcon from \"#/icons/kebab-vertical.svg?react\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { cn } from \"#/utils/utils\";\nimport { automationIconActionButtonClassName } from \"./automation-action-button-classes\";\nimport { KebabMenuItemContent } from \"./kebab-menu-item-content\";\n\nexport interface KebabMenuItem {\n label: string;\n icon: React.ReactNode;\n onClick: () => void;\n disabled?: boolean;\n}\n\ninterface KebabMenuProps {\n items: KebabMenuItem[];\n triggerClassName?: string;\n}\n\nexport function KebabMenu({ items, triggerClassName }: KebabMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = useState(false);\n const [portalStyle, setPortalStyle] = useState<React.CSSProperties>();\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLUListElement>(null);\n\n useLayoutEffect(() => {\n if (!open \|\| !triggerRef.current) return undefined;\n\n const updatePosition = () => {\n const rect = triggerRef.current?.getBoundingClientRect();\n if (!rect) return;\n\n const gap = 4;\n // The real height is only measurable once the portal has painted; the\n // first pass falls back to an items-derived estimate (~36px per row).\n const measured = menuRef.current?.getBoundingClientRect().height ?? 0;\n const menuHeight = measured \|\| items.length * 36;\n const overflowsBelow =\n rect.bottom + gap + menuHeight > window.innerHeight;\n\n setPortalStyle({\n position: \"fixed\",\n zIndex: 9999,\n // Flip above the trigger when the menu would clip at the viewport\n // bottom. Bottom-anchoring keeps it hugging the trigger at any height.\n ...(overflowsBelow\n ? { bottom: window.innerHeight - rect.top + gap }\n : { top: rect.bottom + gap }),\n right: window.innerWidth - rect.right,\n });\n };\n\n updatePosition();\n const frame = window.requestAnimationFrame(updatePosition);\n window.addEventListener(\"resize\", updatePosition);\n window.addEventListener(\"scroll\", updatePosition, true);\n return () => {\n window.cancelAnimationFrame(frame);\n window.removeEventListener(\"resize\", updatePosition);\n window.removeEventListener(\"scroll\", updatePosition, true);\n };\n }, [open, items.length]);\n\n useEffect(() => {\n if (!open) return undefined;\n\n const handleClickOutside = (event: MouseEvent) => {\n const target = event.target as Node;\n if (\n triggerRef.current?.contains(target) \|\|\n menuRef.current?.contains(target)\n ) {\n return;\n }\n setOpen(false);\n };\n\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setOpen(false);\n }\n };\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n document.addEventListener(\"keydown\", handleEscape);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n document.removeEventListener(\"keydown\", handleEscape);\n };\n }, [open]);\n\n const menu =\n open && portalStyle ? (\n <ContextMenu ref={menuRef} theme=\"popover\" className=\"min-w-[10rem]\">\n {items.map((item) => (\n <li key={item.label}>\n <ContextMenuListItem\n onClick={(event) => {\n event.stopPropagation();\n item.onClick();\n setOpen(false);\n }}\n isDisabled={item.disabled}\n className=\"group\"\n >\n <KebabMenuItemContent icon={item.icon} label={item.label} />\n </ContextMenuListItem>\n </li>\n ))}\n </ContextMenu>\n ) : null;\n\n return (\n <>\n <button\n ref={triggerRef}\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation();\n setOpen((current) => !current);\n }}\n className={cn(automationIconActionButtonClassName, triggerClassName)}\n aria-label={t(I18nKey.AUTOMATIONS$ACTIONS_MENU)}\n aria-expanded={open}\n aria-haspopup=\"menu\"\n >\n <KebabVerticalIcon className=\"size-4\" />\n </button>\n\n {open && portalStyle && typeof document !== \"undefined\"\n ? ReactDOM.createPortal(\n <div style={portalStyle}>{menu}</div>,\n document.body,\n )\n : null}\n </>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAuBA,SAAgB,EAAU,EAAE,UAAO,uBAAoC;CACrE,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,CAAC,GAAa,KAAkB,EAA8B,GAC9D,IAAa,EAA0B,IAAI,GAC3C,IAAU,EAAyB,IAAI;CAwC7C,AAtCA,QAAsB;EACpB,IAAI,CAAC,KAAQ,CAAC,EAAW,SAAS;EAElC,IAAM,UAAuB;GAC3B,IAAM,IAAO,EAAW,SAAS,sBAAsB;GACvD,IAAI,CAAC,GAAM;GAEX,IAIM,KADW,EAAQ,SAAS,sBAAsB,EAAE,UAAU,MACrC,EAAM,SAAS;GAI9C,EAAe;IACb,UAAU;IACV,QAAQ;IAGR,GAPA,EAAK,SAAS,IAAM,IAAa,OAAO,cAQpC,EAAE,QAAQ,OAAO,cAAc,EAAK,MAAM,EAAI,IAC9C,EAAE,KAAK,EAAK,SAAS,EAAI;IAC7B,OAAO,OAAO,aAAa,EAAK;GAClC,CAAC;EACH;EAEA,EAAe;EACf,IAAM,IAAQ,OAAO,sBAAsB,CAAc;EAGzD,OAFA,OAAO,iBAAiB,UAAU,CAAc,GAChD,OAAO,iBAAiB,UAAU,GAAgB,EAAI,SACzC;GAGX,AAFA,OAAO,qBAAqB,CAAK,GACjC,OAAO,oBAAoB,UAAU,CAAc,GACnD,OAAO,oBAAoB,UAAU,GAAgB,EAAI;EAC3D;CACF,GAAG,CAAC,GAAM,EAAM,MAAM,CAAC,GAEvB,QAAgB;EACd,IAAI,CAAC,GAAM;EAEX,IAAM,KAAsB,MAAsB;GAChD,IAAM,IAAS,EAAM;GAEnB,EAAW,SAAS,SAAS,CAAM,KACnC,EAAQ,SAAS,SAAS,CAAM,KAIlC,EAAQ,EAAK;EACf,GAEM,KAAgB,MAAyB;GAC7C,AAAI,EAAM,QAAQ,YAChB,EAAQ,EAAK;EAEjB;EAIA,OAFA,SAAS,iBAAiB,aAAa,CAAkB,GACzD,SAAS,iBAAiB,WAAW,CAAY,SACpC;GAEX,AADA,SAAS,oBAAoB,aAAa,CAAkB,GAC5D,SAAS,oBAAoB,WAAW,CAAY;EACtD;CACF,GAAG,CAAC,CAAI,CAAC;CAET,IAAM,IACJ,KAAQ,IACN,kBAAC,GAAD;EAAa,KAAK;EAAS,OAAM;EAAU,WAAU;YAClD,EAAM,KAAK,MACV,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;GACE,UAAU,MAAU;IAGlB,AAFA,EAAM,gBAAgB,GACtB,EAAK,QAAQ,GACb,EAAQ,EAAK;GACf;GACA,YAAY,EAAK;GACjB,WAAU;aAEV,kBAAC,GAAD;IAAsB,MAAM,EAAK;IAAM,OAAO,EAAK;GAAQ,CAAA;EACxC,CAAA,EACnB,GAZK,EAAK,KAYV,CACL;CACU,CAAA,IACX;CAEN,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;EACE,KAAK;EACL,MAAK;EACL,UAAU,MAAM;GAEd,AADA,EAAE,gBAAgB,GAClB,GAAS,MAAY,CAAC,CAAO;EAC/B;EACA,WAAW,EAAG,GAAqC,CAAgB;EACnE,cAAY,EAAE,EAAQ,wBAAwB;EAC9C,iBAAe;EACf,iBAAc;YAEd,kBAAC,GAAD,EAAmB,WAAU,SAAU,CAAA;CACjC,CAAA,GAEP,KAAQ,KAAe,OAAO,WAAa,MACxC,EAAS,aACP,kBAAC,OAAD;EAAK,OAAO;YAAc;CAAU,CAAA,GACpC,SAAS,IACX,IACA,IACJ,EAAA,CAAA;AAEN"}

package/dist/components/features/automations/recommended-automations-launcher.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../context/navigation-context.cjs"),t=require("../../../utils/conversation-local-storage.cjs"),n=require("../../../stores/conversation-store.cjs"),r=require("../../../contexts/active-backend-context.cjs"),ee=require("../../../utils/mcp-config.cjs"),i=require("../../../utils/automation-catalog.cjs"),a=require("../../../manifests/manifest-sources.cjs"),o=require("../../../manifests/automation-interface.cjs"),s=require("../../../hooks/use-tracking.cjs"),c=require("../../../hooks/query/use-settings.cjs"),l=require("../../../hooks/mutation/use-create-conversation.cjs"),u=require("../../../hooks/use-is-creating-conversation.cjs"),d=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),f=require("../../../utils/mcp-marketplace-utils.cjs"),te=require("../../../hooks/query/use-automations.cjs"),ne=require("../../../hooks/use-responder-url-secret.cjs"),p=require("../../../utils/mcp-installed-servers.cjs"),m=require("../mcp-page/install-server-modal.cjs"),h=require("../../../utils/responder-deployment.cjs"),g=require("./recommended-automations-rail.cjs"),_=require("./recommended-automations-section.cjs"),v=require("./responder-deployment-modal.cjs");let y=require("react"),b=require("react/jsx-runtime");function x(e){return i.getRequiredIntegrationIds(e).map(e=>f.getMarketplaceEntryById(e,d.default)).filter(e=>!!e).filter(f.isMcpInstallableEntry)}function S({query:d,onLaunched:S,scrollableGrid:C=!1,variant:w=`catalog`,className:T}){let E=r.useActiveBackend(),{navigate:D}=e.useNavigation(),{data:O}=c.useSettings(),{trackPrebuiltAutomationEnabled:k}=s.useTracking(),A=l.useCreateConversation(),j=ne.useResponderUrlSecret(),M=u.useIsCreatingConversation(),N=n.useConversationStore(e=>e.setMessageToSend),[P,F]=(0,y.useState)(null),[I,L]=(0,y.useState)(null),[R,z]=(0,y.useState)([]),B=(0,y.useRef)(!1),V=(0,y.useRef)(!1),H=(0,y.useRef)(!1),[U,W]=(0,y.useState)(!1),G=w===`rail`,{data:K,isLoading:q}=te.useAutomations({enabled:G&&E.backend.kind===`local`}),J=(0,y.useMemo)(()=>p.flattenMcpConfig(O?.mcp_config??ee.parseMcpConfig(O?.agent_settings?.mcp_config)).filter(e=>e.enabled!==!1),[O?.agent_settings?.mcp_config,O?.mcp_config]),Y=(0,y.useCallback)(e=>{if(V.current||A.isPending||M)return;if(V.current=!0,a.SETUP_REGISTRY.findById(e.id)){D?.(o.automationSetupPath(e.id)),S?.();return}let n=i.getAutomationLaunchPrompt(e);A.mutate({},{onSuccess:r=>{k({automationName:e.name,automationCategory:e.category}),r.conversation_id.startsWith(`task-`)&&r.task_id?t.setPendingTaskDraft(r.task_id,n):t.setConversationState(r.conversation_id,{draftMessage:n}),D?.(`/conversations/${r.conversation_id}`),S?.(),window.setTimeout(()=>N(n),0)},onError:()=>{V.current=!1}})},[E.backend.kind,A,M,D,S,N,k]),X=(0,y.useCallback)(e=>x(e).filter(e=>!f.findInstalledEntryMatch(e,J)),[J]),Z=e=>{let t=X(e);if(t.length===0){Y(e);return}F(e),z(t)},Q=e=>{if(!(V.current||A.isPending||M||R.length>0||I!==null)){if(h.isResponderAutomation(e)){L(e);return}Z(e)}},re=async()=>{let e=I;if(!(!e||H.current)){H.current=!0,W(!0);try{if(!await j())return;L(null),Z(e)}finally{H.current=!1,W(!1)}}},ie=e=>{L(null),window.open(e,`_blank`,`noopener,noreferrer`)},ae=()=>{L(null)},oe=()=>{if(B.current){B.current=!1;return}F(null),z([])},se=()=>{B.current=!0,z(e=>{let t=e.slice(1);if(t.length===0){let e=P;window.setTimeout(()=>{F(null),e&&Y(e)},0)}return t})},$=R[0]??null;return!o.hasAutomationInterface()||E.backend.kind===`cloud`||G&&q?null:(0,b.jsxs)(b.Fragment,{children:[G?(0,b.jsx)(g.RecommendedAutomationsRail,{className:T,installedAutomations:K?.automations??[],onSelect:Q}):(0,b.jsx)(_.RecommendedAutomationsSection,{backendKind:E.backend.kind,installedServers:J,query:d,onSelect:Q,scrollableGrid:C}),$&&(0,b.jsx)(m.InstallServerModal,{entry:$,existingServers:J,onClose:oe,onSuccess:se},$.id),(0,b.jsx)(v.ResponderDeploymentModal,{isOpen:I!==null,isPending:U,onClose:ae,onContinueLocal:re,onOpenUrl:ie})]})}exports.RecommendedAutomationsLauncher=S;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../context/navigation-context.cjs"),t=require("../../../utils/conversation-local-storage.cjs"),n=require("../../../stores/conversation-store.cjs"),r=require("../../../contexts/active-backend-context.cjs"),i=require("../../../utils/mcp-config.cjs"),a=require("../../../hooks/query/use-settings.cjs"),o=require("../../../utils/automation-catalog.cjs"),ee=require("../../../manifests/manifest-sources.cjs"),s=require("../../../manifests/automation-interface.cjs"),c=require("../../../hooks/use-tracking.cjs"),l=require("../../../hooks/mutation/use-create-conversation.cjs"),u=require("../../../hooks/use-is-creating-conversation.cjs"),d=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),f=require("../../../utils/mcp-marketplace-utils.cjs"),te=require("../../../hooks/query/use-automations.cjs"),ne=require("../../../hooks/use-responder-url-secret.cjs"),p=require("../../../utils/mcp-installed-servers.cjs"),m=require("../mcp-page/install-server-modal.cjs"),h=require("../../../utils/responder-deployment.cjs"),g=require("./recommended-automations-rail.cjs"),_=require("./recommended-automations-section.cjs"),v=require("./responder-deployment-modal.cjs");let y=require("react"),b=require("react/jsx-runtime");function x(e){return o.getRequiredIntegrationIds(e).map(e=>f.getMarketplaceEntryById(e,d.default)).filter(e=>!!e).filter(f.isMcpInstallableEntry)}function S({query:d,onLaunched:S,scrollableGrid:C=!1,variant:w=`catalog`,className:T}){let E=r.useActiveBackend(),{navigate:D}=e.useNavigation(),{data:O}=a.useSettings(),{trackPrebuiltAutomationEnabled:k}=c.useTracking(),A=l.useCreateConversation(),j=ne.useResponderUrlSecret(),M=u.useIsCreatingConversation(),N=n.useConversationStore(e=>e.setMessageToSend),[P,F]=(0,y.useState)(null),[I,L]=(0,y.useState)(null),[R,z]=(0,y.useState)([]),B=(0,y.useRef)(!1),V=(0,y.useRef)(!1),H=(0,y.useRef)(!1),[U,W]=(0,y.useState)(!1),G=w===`rail`,{data:K,isLoading:q}=te.useAutomations({enabled:G&&E.backend.kind===`local`}),J=(0,y.useMemo)(()=>p.flattenMcpConfig(O?.mcp_config??i.parseMcpConfig(O?.agent_settings?.mcp_config)).filter(e=>e.enabled!==!1),[O?.agent_settings?.mcp_config,O?.mcp_config]),Y=(0,y.useCallback)(e=>{if(V.current||A.isPending||M)return;if(V.current=!0,ee.SETUP_REGISTRY.findById(e.id)){D?.(s.automationSetupPath(e.id)),S?.();return}let n=o.getAutomationLaunchPrompt(e);A.mutate({},{onSuccess:r=>{k({automationName:e.name,automationCategory:e.category}),r.conversation_id.startsWith(`task-`)&&r.task_id?t.setPendingTaskDraft(r.task_id,n):t.setConversationState(r.conversation_id,{draftMessage:n}),D?.(`/conversations/${r.conversation_id}`),S?.(),window.setTimeout(()=>N(n),0)},onError:()=>{V.current=!1}})},[E.backend.kind,A,M,D,S,N,k]),X=(0,y.useCallback)(e=>x(e).filter(e=>!f.findInstalledEntryMatch(e,J)),[J]),Z=e=>{let t=X(e);if(t.length===0){Y(e);return}F(e),z(t)},Q=e=>{if(!(V.current||A.isPending||M||R.length>0||I!==null)){if(h.isResponderAutomation(e)){L(e);return}Z(e)}},re=async()=>{let e=I;if(!(!e||H.current)){H.current=!0,W(!0);try{if(!await j())return;L(null),Z(e)}finally{H.current=!1,W(!1)}}},ie=e=>{L(null),window.open(e,`_blank`,`noopener,noreferrer`)},ae=()=>{L(null)},oe=()=>{if(B.current){B.current=!1;return}F(null),z([])},se=()=>{B.current=!0,z(e=>{let t=e.slice(1);if(t.length===0){let e=P;window.setTimeout(()=>{F(null),e&&Y(e)},0)}return t})},$=R[0]??null;return!s.hasAutomationInterface()||E.backend.kind===`cloud`||G&&q?null:(0,b.jsxs)(b.Fragment,{children:[G?(0,b.jsx)(g.RecommendedAutomationsRail,{className:T,installedAutomations:K?.automations??[],onSelect:Q}):(0,b.jsx)(_.RecommendedAutomationsSection,{backendKind:E.backend.kind,installedServers:J,query:d,onSelect:Q,scrollableGrid:C}),$&&(0,b.jsx)(m.InstallServerModal,{entry:$,existingServers:J,onClose:oe,onSuccess:se},$.id),(0,b.jsx)(v.ResponderDeploymentModal,{isOpen:I!==null,isPending:U,onClose:ae,onContinueLocal:re,onOpenUrl:ie})]})}exports.RecommendedAutomationsLauncher=S;
 //# sourceMappingURL=recommended-automations-launcher.cjs.map

package/dist/components/features/automations/recommended-automations-launcher.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"recommended-automations-launcher.cjs","names":[],"sources":["../../../../src/components/features/automations/recommended-automations-launcher.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useResponderUrlSecret } from \"#/hooks/use-responder-url-secret\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport {\n setConversationState,\n setPendingTaskDraft,\n} from \"#/utils/conversation-local-storage\";\nimport type { RecommendedAutomation } from \"@openhands/extensions/automations\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n INTEGRATION_CATALOG as MCP_MARKETPLACE,\n type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport {\n findInstalledEntryMatch,\n getMarketplaceEntryById,\n isMcpInstallableEntry,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { InstallServerModal } from \"#/components/features/mcp-page/install-server-modal\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport {\n automationSetupPath,\n hasAutomationInterface,\n} from \"#/manifests/automation-interface\";\nimport { SETUP_REGISTRY } from \"#/manifests/manifest-sources\";\nimport {\n getAutomationLaunchPrompt,\n getRequiredIntegrationIds,\n} from \"#/utils/automation-catalog\";\nimport { isResponderAutomation } from \"#/utils/responder-deployment\";\nimport { useAutomations } from \"#/hooks/query/use-automations\";\nimport { RecommendedAutomationsRail } from \"./recommended-automations-rail\";\nimport { RecommendedAutomationsSection } from \"./recommended-automations-section\";\nimport { ResponderDeploymentModal } from \"./responder-deployment-modal\";\n\ninterface RecommendedAutomationsLauncherProps {\n query?: string;\n onLaunched?: () => void;\n /** When true, only the automation card grid scrolls inside its section. /\n scrollableGrid?: boolean;\n /\n Compact discovery rail for New Chat and the automations dashboard.\n * The templates page keeps the full catalog section.\n /\n variant?: \"catalog\" \| \"rail\";\n className?: string;\n}\n\n/\n The marketplace entries a launch waits on. An integration the automation is\n * willing to start without is deliberately absent, so it never queues an\n * install modal the user has to dismiss.\n \n A required integration this backend cannot install as MCP (e.g. Jira's\n * HTTP-only option) is also excluded here — the install queue can't do\n * anything with it — but it is not silently dropped from the product: the\n * automation card keeps it visible and labels it as needing external setup.\n */\nfunction getRequiredEntries(automation: RecommendedAutomation) {\n return getRequiredIntegrationIds(automation)\n .map((id) => getMarketplaceEntryById(id, MCP_MARKETPLACE))\n .filter((entry): entry is MarketplaceEntry => !!entry)\n .filter(isMcpInstallableEntry);\n}\n\nexport function RecommendedAutomationsLauncher({\n query,\n onLaunched,\n scrollableGrid = false,\n variant = \"catalog\",\n className,\n}: RecommendedAutomationsLauncherProps) {\n const activeBackend = useActiveBackend();\n const { navigate } = useNavigation();\n const { data: settings } = useSettings();\n const { trackPrebuiltAutomationEnabled } = useTracking();\n const createConversation = useCreateConversation();\n const ensureResponderUrlSecret = useResponderUrlSecret();\n const isCreatingConversation = useIsCreatingConversation();\n const setMessageToSend = useConversationStore(\n (state) => state.setMessageToSend,\n );\n const [pendingAutomation, setPendingAutomation] =\n useState<RecommendedAutomation \| null>(null);\n const [deploymentChoiceAutomation, setDeploymentChoiceAutomation] =\n useState<RecommendedAutomation \| null>(null);\n const [installQueue, setInstallQueue] = useState<MarketplaceEntry[]>([]);\n const completedInstallRef = useRef(false);\n const launchInFlightRef = useRef(false);\n const localSetupInFlightRef = useRef(false);\n const [isPreparingLocalResponder, setIsPreparingLocalResponder] =\n useState(false);\n const isRail = variant === \"rail\";\n const { data: automationsData, isLoading: isAutomationsLoading } =\n useAutomations({\n enabled: isRail && activeBackend.backend.kind === \"local\",\n });\n\n const installedMcpConfig = useMemo(\n () =>\n flattenMcpConfig(\n settings?.mcp_config ??\n parseMcpConfig(settings?.agent_settings?.mcp_config),\n ).filter((server) => server.enabled !== false),\n [settings?.agent_settings?.mcp_config, settings?.mcp_config],\n );\n\n const launchAutomation = useCallback(\n (automation: RecommendedAutomation) => {\n if (\n launchInFlightRef.current \|\|\n createConversation.isPending \|\|\n isCreatingConversation\n ) {\n return;\n }\n launchInFlightRef.current = true;\n\n // An automation that ships a setup experience is configured from its own\n // form, so the answers are collected before anything is created. The rest\n // still hand a slash command to an agent to interpret.\n if (SETUP_REGISTRY.findById(automation.id)) {\n navigate?.(automationSetupPath(automation.id));\n onLaunched?.();\n return;\n }\n\n const prompt = getAutomationLaunchPrompt(automation);\n\n createConversation.mutate(\n {},\n {\n onSuccess: (conversation) => {\n trackPrebuiltAutomationEnabled({\n automationName: automation.name,\n automationCategory: automation.category,\n });\n if (\n conversation.conversation_id.startsWith(\"task-\") &&\n conversation.task_id\n ) {\n setPendingTaskDraft(conversation.task_id, prompt);\n } else {\n setConversationState(conversation.conversation_id, {\n draftMessage: prompt,\n });\n }\n navigate?.(`/conversations/${conversation.conversation_id}`);\n onLaunched?.();\n window.setTimeout(() => setMessageToSend(prompt), 0);\n },\n onError: () => {\n launchInFlightRef.current = false;\n },\n },\n );\n },\n [\n activeBackend.backend.kind,\n createConversation,\n isCreatingConversation,\n navigate,\n onLaunched,\n setMessageToSend,\n trackPrebuiltAutomationEnabled,\n ],\n );\n\n const getMissingEntries = useCallback(\n (automation: RecommendedAutomation) =>\n getRequiredEntries(automation).filter(\n (entry) => !findInstalledEntryMatch(entry, installedMcpConfig),\n ),\n [installedMcpConfig],\n );\n\n const proceedWithLocalLaunch = (automation: RecommendedAutomation) => {\n const missingEntries = getMissingEntries(automation);\n if (missingEntries.length === 0) {\n launchAutomation(automation);\n return;\n }\n\n setPendingAutomation(automation);\n setInstallQueue(missingEntries);\n };\n\n const handleSelectAutomation = (automation: RecommendedAutomation) => {\n if (\n launchInFlightRef.current \|\|\n createConversation.isPending \|\|\n isCreatingConversation \|\|\n installQueue.length > 0 \|\|\n deploymentChoiceAutomation !== null\n ) {\n return;\n }\n\n // GitHub/Slack responders poll continuously; let the user choose where the\n // responder runs before committing to the local setup flow.\n if (isResponderAutomation(automation)) {\n setDeploymentChoiceAutomation(automation);\n return;\n }\n\n proceedWithLocalLaunch(automation);\n };\n\n const handleDeploymentContinueLocal = async () => {\n const automation = deploymentChoiceAutomation;\n if (!automation \|\| localSetupInFlightRef.current) return;\n\n localSetupInFlightRef.current = true;\n setIsPreparingLocalResponder(true);\n\n try {\n const isSecretReady = await ensureResponderUrlSecret();\n if (!isSecretReady) return;\n\n setDeploymentChoiceAutomation(null);\n proceedWithLocalLaunch(automation);\n } finally {\n localSetupInFlightRef.current = false;\n setIsPreparingLocalResponder(false);\n }\n };\n\n const handleDeploymentOpenUrl = (url: string) => {\n setDeploymentChoiceAutomation(null);\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n };\n\n const handleDeploymentClose = () => {\n setDeploymentChoiceAutomation(null);\n };\n\n const cancelInstallFlow = () => {\n if (completedInstallRef.current) {\n completedInstallRef.current = false;\n return;\n }\n setPendingAutomation(null);\n setInstallQueue([]);\n };\n\n const handleInstallSuccess = () => {\n completedInstallRef.current = true;\n\n setInstallQueue((currentQueue) => {\n const nextQueue = currentQueue.slice(1);\n\n if (nextQueue.length === 0) {\n const automation = pendingAutomation;\n window.setTimeout(() => {\n setPendingAutomation(null);\n if (automation) launchAutomation(automation);\n }, 0);\n }\n\n return nextQueue;\n });\n };\n\n const installEntry = installQueue[0] ?? null;\n\n // Like every automation surface, the launcher renders only behind the\n // interface-manifest gate; New Chat mounts it outside the gated routes.\n if (!hasAutomationInterface()) return null;\n\n // Recommended automations are a local-backend-only feature; cloud\n // automations are managed elsewhere.\n if (activeBackend.backend.kind === \"cloud\") return null;\n\n if (isRail && isAutomationsLoading) return null;\n\n return (\n <>\n {isRail ? (\n <RecommendedAutomationsRail\n className={className}\n installedAutomations={automationsData?.automations ?? []}\n onSelect={handleSelectAutomation}\n />\n ) : (\n <RecommendedAutomationsSection\n backendKind={activeBackend.backend.kind}\n installedServers={installedMcpConfig}\n query={query}\n onSelect={handleSelectAutomation}\n scrollableGrid={scrollableGrid}\n />\n )}\n\n {installEntry && (\n <InstallServerModal\n key={installEntry.id}\n entry={installEntry}\n existingServers={installedMcpConfig}\n onClose={cancelInstallFlow}\n onSuccess={handleInstallSuccess}\n />\n )}\n\n <ResponderDeploymentModal\n isOpen={deploymentChoiceAutomation !== null}\n isPending={isPreparingLocalResponder}\n onClose={handleDeploymentClose}\n onContinueLocal={handleDeploymentContinueLocal}\n onOpenUrl={handleDeploymentOpenUrl}\n />\n </>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"recommended-automations-launcher.cjs","names":[],"sources":["../../../../src/components/features/automations/recommended-automations-launcher.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useResponderUrlSecret } from \"#/hooks/use-responder-url-secret\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport {\n setConversationState,\n setPendingTaskDraft,\n} from \"#/utils/conversation-local-storage\";\nimport type { RecommendedAutomation } from \"@openhands/extensions/automations\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n INTEGRATION_CATALOG as MCP_MARKETPLACE,\n type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport {\n findInstalledEntryMatch,\n getMarketplaceEntryById,\n isMcpInstallableEntry,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { InstallServerModal } from \"#/components/features/mcp-page/install-server-modal\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport {\n automationSetupPath,\n hasAutomationInterface,\n} from \"#/manifests/automation-interface\";\nimport { SETUP_REGISTRY } from \"#/manifests/manifest-sources\";\nimport {\n getAutomationLaunchPrompt,\n getRequiredIntegrationIds,\n} from \"#/utils/automation-catalog\";\nimport { isResponderAutomation } from \"#/utils/responder-deployment\";\nimport { useAutomations } from \"#/hooks/query/use-automations\";\nimport { RecommendedAutomationsRail } from \"./recommended-automations-rail\";\nimport { RecommendedAutomationsSection } from \"./recommended-automations-section\";\nimport { ResponderDeploymentModal } from \"./responder-deployment-modal\";\n\ninterface RecommendedAutomationsLauncherProps {\n query?: string;\n onLaunched?: () => void;\n /** When true, only the automation card grid scrolls inside its section. /\n scrollableGrid?: boolean;\n /\n Compact discovery rail for New Chat and the automations dashboard.\n * The templates page keeps the full catalog section.\n /\n variant?: \"catalog\" \| \"rail\";\n className?: string;\n}\n\n/\n The marketplace entries a launch waits on. An integration the automation is\n * willing to start without is deliberately absent, so it never queues an\n * install modal the user has to dismiss.\n \n A required integration this backend cannot install as MCP (e.g. Jira's\n * HTTP-only option) is also excluded here — the install queue can't do\n * anything with it — but it is not silently dropped from the product: the\n * automation card keeps it visible and labels it as needing external setup.\n */\nfunction getRequiredEntries(automation: RecommendedAutomation) {\n return getRequiredIntegrationIds(automation)\n .map((id) => getMarketplaceEntryById(id, MCP_MARKETPLACE))\n .filter((entry): entry is MarketplaceEntry => !!entry)\n .filter(isMcpInstallableEntry);\n}\n\nexport function RecommendedAutomationsLauncher({\n query,\n onLaunched,\n scrollableGrid = false,\n variant = \"catalog\",\n className,\n}: RecommendedAutomationsLauncherProps) {\n const activeBackend = useActiveBackend();\n const { navigate } = useNavigation();\n const { data: settings } = useSettings();\n const { trackPrebuiltAutomationEnabled } = useTracking();\n const createConversation = useCreateConversation();\n const ensureResponderUrlSecret = useResponderUrlSecret();\n const isCreatingConversation = useIsCreatingConversation();\n const setMessageToSend = useConversationStore(\n (state) => state.setMessageToSend,\n );\n const [pendingAutomation, setPendingAutomation] =\n useState<RecommendedAutomation \| null>(null);\n const [deploymentChoiceAutomation, setDeploymentChoiceAutomation] =\n useState<RecommendedAutomation \| null>(null);\n const [installQueue, setInstallQueue] = useState<MarketplaceEntry[]>([]);\n const completedInstallRef = useRef(false);\n const launchInFlightRef = useRef(false);\n const localSetupInFlightRef = useRef(false);\n const [isPreparingLocalResponder, setIsPreparingLocalResponder] =\n useState(false);\n const isRail = variant === \"rail\";\n const { data: automationsData, isLoading: isAutomationsLoading } =\n useAutomations({\n enabled: isRail && activeBackend.backend.kind === \"local\",\n });\n\n const installedMcpConfig = useMemo(\n () =>\n flattenMcpConfig(\n settings?.mcp_config ??\n parseMcpConfig(settings?.agent_settings?.mcp_config),\n ).filter((server) => server.enabled !== false),\n [settings?.agent_settings?.mcp_config, settings?.mcp_config],\n );\n\n const launchAutomation = useCallback(\n (automation: RecommendedAutomation) => {\n if (\n launchInFlightRef.current \|\|\n createConversation.isPending \|\|\n isCreatingConversation\n ) {\n return;\n }\n launchInFlightRef.current = true;\n\n // An automation that ships a setup experience is configured from its own\n // form, so the answers are collected before anything is created. The rest\n // still hand a slash command to an agent to interpret.\n if (SETUP_REGISTRY.findById(automation.id)) {\n navigate?.(automationSetupPath(automation.id));\n onLaunched?.();\n return;\n }\n\n const prompt = getAutomationLaunchPrompt(automation);\n\n createConversation.mutate(\n {},\n {\n onSuccess: (conversation) => {\n trackPrebuiltAutomationEnabled({\n automationName: automation.name,\n automationCategory: automation.category,\n });\n if (\n conversation.conversation_id.startsWith(\"task-\") &&\n conversation.task_id\n ) {\n setPendingTaskDraft(conversation.task_id, prompt);\n } else {\n setConversationState(conversation.conversation_id, {\n draftMessage: prompt,\n });\n }\n navigate?.(`/conversations/${conversation.conversation_id}`);\n onLaunched?.();\n window.setTimeout(() => setMessageToSend(prompt), 0);\n },\n onError: () => {\n launchInFlightRef.current = false;\n },\n },\n );\n },\n [\n activeBackend.backend.kind,\n createConversation,\n isCreatingConversation,\n navigate,\n onLaunched,\n setMessageToSend,\n trackPrebuiltAutomationEnabled,\n ],\n );\n\n const getMissingEntries = useCallback(\n (automation: RecommendedAutomation) =>\n getRequiredEntries(automation).filter(\n (entry) => !findInstalledEntryMatch(entry, installedMcpConfig),\n ),\n [installedMcpConfig],\n );\n\n const proceedWithLocalLaunch = (automation: RecommendedAutomation) => {\n const missingEntries = getMissingEntries(automation);\n if (missingEntries.length === 0) {\n launchAutomation(automation);\n return;\n }\n\n setPendingAutomation(automation);\n setInstallQueue(missingEntries);\n };\n\n const handleSelectAutomation = (automation: RecommendedAutomation) => {\n if (\n launchInFlightRef.current \|\|\n createConversation.isPending \|\|\n isCreatingConversation \|\|\n installQueue.length > 0 \|\|\n deploymentChoiceAutomation !== null\n ) {\n return;\n }\n\n // GitHub/Slack responders poll continuously; let the user choose where the\n // responder runs before committing to the local setup flow.\n if (isResponderAutomation(automation)) {\n setDeploymentChoiceAutomation(automation);\n return;\n }\n\n proceedWithLocalLaunch(automation);\n };\n\n const handleDeploymentContinueLocal = async () => {\n const automation = deploymentChoiceAutomation;\n if (!automation \|\| localSetupInFlightRef.current) return;\n\n localSetupInFlightRef.current = true;\n setIsPreparingLocalResponder(true);\n\n try {\n const isSecretReady = await ensureResponderUrlSecret();\n if (!isSecretReady) return;\n\n setDeploymentChoiceAutomation(null);\n proceedWithLocalLaunch(automation);\n } finally {\n localSetupInFlightRef.current = false;\n setIsPreparingLocalResponder(false);\n }\n };\n\n const handleDeploymentOpenUrl = (url: string) => {\n setDeploymentChoiceAutomation(null);\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n };\n\n const handleDeploymentClose = () => {\n setDeploymentChoiceAutomation(null);\n };\n\n const cancelInstallFlow = () => {\n if (completedInstallRef.current) {\n completedInstallRef.current = false;\n return;\n }\n setPendingAutomation(null);\n setInstallQueue([]);\n };\n\n const handleInstallSuccess = () => {\n completedInstallRef.current = true;\n\n setInstallQueue((currentQueue) => {\n const nextQueue = currentQueue.slice(1);\n\n if (nextQueue.length === 0) {\n const automation = pendingAutomation;\n window.setTimeout(() => {\n setPendingAutomation(null);\n if (automation) launchAutomation(automation);\n }, 0);\n }\n\n return nextQueue;\n });\n };\n\n const installEntry = installQueue[0] ?? null;\n\n // Like every automation surface, the launcher renders only behind the\n // interface-manifest gate; New Chat mounts it outside the gated routes.\n if (!hasAutomationInterface()) return null;\n\n // Recommended automations are a local-backend-only feature; cloud\n // automations are managed elsewhere.\n if (activeBackend.backend.kind === \"cloud\") return null;\n\n if (isRail && isAutomationsLoading) return null;\n\n return (\n <>\n {isRail ? (\n <RecommendedAutomationsRail\n className={className}\n installedAutomations={automationsData?.automations ?? []}\n onSelect={handleSelectAutomation}\n />\n ) : (\n <RecommendedAutomationsSection\n backendKind={activeBackend.backend.kind}\n installedServers={installedMcpConfig}\n query={query}\n onSelect={handleSelectAutomation}\n scrollableGrid={scrollableGrid}\n />\n )}\n\n {installEntry && (\n <InstallServerModal\n key={installEntry.id}\n entry={installEntry}\n existingServers={installedMcpConfig}\n onClose={cancelInstallFlow}\n onSuccess={handleInstallSuccess}\n />\n )}\n\n <ResponderDeploymentModal\n isOpen={deploymentChoiceAutomation !== null}\n isPending={isPreparingLocalResponder}\n onClose={handleDeploymentClose}\n onContinueLocal={handleDeploymentContinueLocal}\n onOpenUrl={handleDeploymentOpenUrl}\n />\n </>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/automations/recommended-automations-launcher.js CHANGED Viewed

@@ -3,11 +3,11 @@ import { setConversationState as t, setPendingTaskDraft as ee } from "../../../u
 import { useConversationStore as n } from "../../../stores/conversation-store.js";
 import { useActiveBackend as r } from "../../../contexts/active-backend-context.js";
 import { parseMcpConfig as i } from "../../../utils/mcp-config.js";
-import { getAutomationLaunchPrompt as te, getRequiredIntegrationIds as a } from "../../../utils/automation-catalog.js";
-import { SETUP_REGISTRY as o } from "../../../manifests/manifest-sources.js";
-import { automationSetupPath as s, hasAutomationInterface as c } from "../../../manifests/automation-interface.js";
-import { useTracking as ne } from "../../../hooks/use-tracking.js";
-import { useSettings as l } from "../../../hooks/query/use-settings.js";
+import { useSettings as a } from "../../../hooks/query/use-settings.js";
+import { getAutomationLaunchPrompt as te, getRequiredIntegrationIds as o } from "../../../utils/automation-catalog.js";
+import { SETUP_REGISTRY as s } from "../../../manifests/manifest-sources.js";
+import { automationSetupPath as c, hasAutomationInterface as ne } from "../../../manifests/automation-interface.js";
+import { useTracking as l } from "../../../hooks/use-tracking.js";
 import { useCreateConversation as re } from "../../../hooks/mutation/use-create-conversation.js";
 import { useIsCreatingConversation as ie } from "../../../hooks/use-is-creating-conversation.js";
 import u from "../../../node_modules/@openhands/extensions/integrations/index.js";
@@ -24,13 +24,13 @@ import { useCallback as S, useMemo as C, useRef as w, useState as T } from "reac
 import { Fragment as ae, jsx as E, jsxs as oe } from "react/jsx-runtime";
 //#region src/components/features/automations/recommended-automations-launcher.tsx
 function se(e) {
-	return a(e).map((e) => f(e, u)).filter((e) => !!e).filter(p);
+	return o(e).map((e) => f(e, u)).filter((e) => !!e).filter(p);
 }
-function D({ query: a, onLaunched: u, scrollableGrid: f = !1, variant: p = "catalog", className: D }) {
-	let O = r(), { navigate: k } = e(), { data: A } = l(), { trackPrebuiltAutomationEnabled: j } = ne(), M = re(), N = h(), P = ie(), F = n((e) => e.setMessageToSend), [I, L] = T(null), [R, z] = T(null), [B, V] = T([]), H = w(!1), U = w(!1), W = w(!1), [G, K] = T(!1), q = p === "rail", { data: ce, isLoading: le } = m({ enabled: q && O.backend.kind === "local" }), J = C(() => g(A?.mcp_config ?? i(A?.agent_settings?.mcp_config)).filter((e) => e.enabled !== !1), [A?.agent_settings?.mcp_config, A?.mcp_config]), Y = S((e) => {
+function D({ query: o, onLaunched: u, scrollableGrid: f = !1, variant: p = "catalog", className: D }) {
+	let O = r(), { navigate: k } = e(), { data: A } = a(), { trackPrebuiltAutomationEnabled: j } = l(), M = re(), N = h(), P = ie(), F = n((e) => e.setMessageToSend), [I, L] = T(null), [R, z] = T(null), [B, V] = T([]), H = w(!1), U = w(!1), W = w(!1), [G, K] = T(!1), q = p === "rail", { data: ce, isLoading: le } = m({ enabled: q && O.backend.kind === "local" }), J = C(() => g(A?.mcp_config ?? i(A?.agent_settings?.mcp_config)).filter((e) => e.enabled !== !1), [A?.agent_settings?.mcp_config, A?.mcp_config]), Y = S((e) => {
 		if (U.current || M.isPending || P) return;
-		if (U.current = !0, o.findById(e.id)) {
-			k?.(s(e.id)), u?.();
+		if (U.current = !0, s.findById(e.id)) {
+			k?.(c(e.id)), u?.();
 			return;
 		}
 		let n = te(e);
@@ -101,7 +101,7 @@ function D({ query: a, onLaunched: u, scrollableGrid: f = !1, variant: p = "cata
 			return t;
 		});
 	}, $ = B[0] ?? null;
-	return !c() || O.backend.kind === "cloud" || q && le ? null : /* @__PURE__ */ oe(ae, { children: [
+	return !ne() || O.backend.kind === "cloud" || q && le ? null : /* @__PURE__ */ oe(ae, { children: [
 		q ? /* @__PURE__ */ E(y, {
 			className: D,
 			installedAutomations: ce?.automations ?? [],
@@ -109,7 +109,7 @@ function D({ query: a, onLaunched: u, scrollableGrid: f = !1, variant: p = "cata
 		}) : /* @__PURE__ */ E(b, {
 			backendKind: O.backend.kind,
 			installedServers: J,
-			query: a,
+			query: o,
 			onSelect: Z,
 			scrollableGrid: f
 		}),

package/dist/components/features/automations/recommended-automations-launcher.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"recommended-automations-launcher.js","names":[],"sources":["../../../../src/components/features/automations/recommended-automations-launcher.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useResponderUrlSecret } from \"#/hooks/use-responder-url-secret\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport {\n setConversationState,\n setPendingTaskDraft,\n} from \"#/utils/conversation-local-storage\";\nimport type { RecommendedAutomation } from \"@openhands/extensions/automations\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n INTEGRATION_CATALOG as MCP_MARKETPLACE,\n type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport {\n findInstalledEntryMatch,\n getMarketplaceEntryById,\n isMcpInstallableEntry,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { InstallServerModal } from \"#/components/features/mcp-page/install-server-modal\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport {\n automationSetupPath,\n hasAutomationInterface,\n} from \"#/manifests/automation-interface\";\nimport { SETUP_REGISTRY } from \"#/manifests/manifest-sources\";\nimport {\n getAutomationLaunchPrompt,\n getRequiredIntegrationIds,\n} from \"#/utils/automation-catalog\";\nimport { isResponderAutomation } from \"#/utils/responder-deployment\";\nimport { useAutomations } from \"#/hooks/query/use-automations\";\nimport { RecommendedAutomationsRail } from \"./recommended-automations-rail\";\nimport { RecommendedAutomationsSection } from \"./recommended-automations-section\";\nimport { ResponderDeploymentModal } from \"./responder-deployment-modal\";\n\ninterface RecommendedAutomationsLauncherProps {\n query?: string;\n onLaunched?: () => void;\n /** When true, only the automation card grid scrolls inside its section. /\n scrollableGrid?: boolean;\n /\n Compact discovery rail for New Chat and the automations dashboard.\n * The templates page keeps the full catalog section.\n /\n variant?: \"catalog\" \| \"rail\";\n className?: string;\n}\n\n/\n The marketplace entries a launch waits on. An integration the automation is\n * willing to start without is deliberately absent, so it never queues an\n * install modal the user has to dismiss.\n \n A required integration this backend cannot install as MCP (e.g. Jira's\n * HTTP-only option) is also excluded here — the install queue can't do\n * anything with it — but it is not silently dropped from the product: the\n * automation card keeps it visible and labels it as needing external setup.\n */\nfunction getRequiredEntries(automation: RecommendedAutomation) {\n return getRequiredIntegrationIds(automation)\n .map((id) => getMarketplaceEntryById(id, MCP_MARKETPLACE))\n .filter((entry): entry is MarketplaceEntry => !!entry)\n .filter(isMcpInstallableEntry);\n}\n\nexport function RecommendedAutomationsLauncher({\n query,\n onLaunched,\n scrollableGrid = false,\n variant = \"catalog\",\n className,\n}: RecommendedAutomationsLauncherProps) {\n const activeBackend = useActiveBackend();\n const { navigate } = useNavigation();\n const { data: settings } = useSettings();\n const { trackPrebuiltAutomationEnabled } = useTracking();\n const createConversation = useCreateConversation();\n const ensureResponderUrlSecret = useResponderUrlSecret();\n const isCreatingConversation = useIsCreatingConversation();\n const setMessageToSend = useConversationStore(\n (state) => state.setMessageToSend,\n );\n const [pendingAutomation, setPendingAutomation] =\n useState<RecommendedAutomation \| null>(null);\n const [deploymentChoiceAutomation, setDeploymentChoiceAutomation] =\n useState<RecommendedAutomation \| null>(null);\n const [installQueue, setInstallQueue] = useState<MarketplaceEntry[]>([]);\n const completedInstallRef = useRef(false);\n const launchInFlightRef = useRef(false);\n const localSetupInFlightRef = useRef(false);\n const [isPreparingLocalResponder, setIsPreparingLocalResponder] =\n useState(false);\n const isRail = variant === \"rail\";\n const { data: automationsData, isLoading: isAutomationsLoading } =\n useAutomations({\n enabled: isRail && activeBackend.backend.kind === \"local\",\n });\n\n const installedMcpConfig = useMemo(\n () =>\n flattenMcpConfig(\n settings?.mcp_config ??\n parseMcpConfig(settings?.agent_settings?.mcp_config),\n ).filter((server) => server.enabled !== false),\n [settings?.agent_settings?.mcp_config, settings?.mcp_config],\n );\n\n const launchAutomation = useCallback(\n (automation: RecommendedAutomation) => {\n if (\n launchInFlightRef.current \|\|\n createConversation.isPending \|\|\n isCreatingConversation\n ) {\n return;\n }\n launchInFlightRef.current = true;\n\n // An automation that ships a setup experience is configured from its own\n // form, so the answers are collected before anything is created. The rest\n // still hand a slash command to an agent to interpret.\n if (SETUP_REGISTRY.findById(automation.id)) {\n navigate?.(automationSetupPath(automation.id));\n onLaunched?.();\n return;\n }\n\n const prompt = getAutomationLaunchPrompt(automation);\n\n createConversation.mutate(\n {},\n {\n onSuccess: (conversation) => {\n trackPrebuiltAutomationEnabled({\n automationName: automation.name,\n automationCategory: automation.category,\n });\n if (\n conversation.conversation_id.startsWith(\"task-\") &&\n conversation.task_id\n ) {\n setPendingTaskDraft(conversation.task_id, prompt);\n } else {\n setConversationState(conversation.conversation_id, {\n draftMessage: prompt,\n });\n }\n navigate?.(`/conversations/${conversation.conversation_id}`);\n onLaunched?.();\n window.setTimeout(() => setMessageToSend(prompt), 0);\n },\n onError: () => {\n launchInFlightRef.current = false;\n },\n },\n );\n },\n [\n activeBackend.backend.kind,\n createConversation,\n isCreatingConversation,\n navigate,\n onLaunched,\n setMessageToSend,\n trackPrebuiltAutomationEnabled,\n ],\n );\n\n const getMissingEntries = useCallback(\n (automation: RecommendedAutomation) =>\n getRequiredEntries(automation).filter(\n (entry) => !findInstalledEntryMatch(entry, installedMcpConfig),\n ),\n [installedMcpConfig],\n );\n\n const proceedWithLocalLaunch = (automation: RecommendedAutomation) => {\n const missingEntries = getMissingEntries(automation);\n if (missingEntries.length === 0) {\n launchAutomation(automation);\n return;\n }\n\n setPendingAutomation(automation);\n setInstallQueue(missingEntries);\n };\n\n const handleSelectAutomation = (automation: RecommendedAutomation) => {\n if (\n launchInFlightRef.current \|\|\n createConversation.isPending \|\|\n isCreatingConversation \|\|\n installQueue.length > 0 \|\|\n deploymentChoiceAutomation !== null\n ) {\n return;\n }\n\n // GitHub/Slack responders poll continuously; let the user choose where the\n // responder runs before committing to the local setup flow.\n if (isResponderAutomation(automation)) {\n setDeploymentChoiceAutomation(automation);\n return;\n }\n\n proceedWithLocalLaunch(automation);\n };\n\n const handleDeploymentContinueLocal = async () => {\n const automation = deploymentChoiceAutomation;\n if (!automation \|\| localSetupInFlightRef.current) return;\n\n localSetupInFlightRef.current = true;\n setIsPreparingLocalResponder(true);\n\n try {\n const isSecretReady = await ensureResponderUrlSecret();\n if (!isSecretReady) return;\n\n setDeploymentChoiceAutomation(null);\n proceedWithLocalLaunch(automation);\n } finally {\n localSetupInFlightRef.current = false;\n setIsPreparingLocalResponder(false);\n }\n };\n\n const handleDeploymentOpenUrl = (url: string) => {\n setDeploymentChoiceAutomation(null);\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n };\n\n const handleDeploymentClose = () => {\n setDeploymentChoiceAutomation(null);\n };\n\n const cancelInstallFlow = () => {\n if (completedInstallRef.current) {\n completedInstallRef.current = false;\n return;\n }\n setPendingAutomation(null);\n setInstallQueue([]);\n };\n\n const handleInstallSuccess = () => {\n completedInstallRef.current = true;\n\n setInstallQueue((currentQueue) => {\n const nextQueue = currentQueue.slice(1);\n\n if (nextQueue.length === 0) {\n const automation = pendingAutomation;\n window.setTimeout(() => {\n setPendingAutomation(null);\n if (automation) launchAutomation(automation);\n }, 0);\n }\n\n return nextQueue;\n });\n };\n\n const installEntry = installQueue[0] ?? null;\n\n // Like every automation surface, the launcher renders only behind the\n // interface-manifest gate; New Chat mounts it outside the gated routes.\n if (!hasAutomationInterface()) return null;\n\n // Recommended automations are a local-backend-only feature; cloud\n // automations are managed elsewhere.\n if (activeBackend.backend.kind === \"cloud\") return null;\n\n if (isRail && isAutomationsLoading) return null;\n\n return (\n <>\n {isRail ? (\n <RecommendedAutomationsRail\n className={className}\n installedAutomations={automationsData?.automations ?? []}\n onSelect={handleSelectAutomation}\n />\n ) : (\n <RecommendedAutomationsSection\n backendKind={activeBackend.backend.kind}\n installedServers={installedMcpConfig}\n query={query}\n onSelect={handleSelectAutomation}\n scrollableGrid={scrollableGrid}\n />\n )}\n\n {installEntry && (\n <InstallServerModal\n key={installEntry.id}\n entry={installEntry}\n existingServers={installedMcpConfig}\n onClose={cancelInstallFlow}\n onSuccess={handleInstallSuccess}\n />\n )}\n\n <ResponderDeploymentModal\n isOpen={deploymentChoiceAutomation !== null}\n isPending={isPreparingLocalResponder}\n onClose={handleDeploymentClose}\n onContinueLocal={handleDeploymentContinueLocal}\n onOpenUrl={handleDeploymentOpenUrl}\n />\n </>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"recommended-automations-launcher.js","names":[],"sources":["../../../../src/components/features/automations/recommended-automations-launcher.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useResponderUrlSecret } from \"#/hooks/use-responder-url-secret\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport {\n setConversationState,\n setPendingTaskDraft,\n} from \"#/utils/conversation-local-storage\";\nimport type { RecommendedAutomation } from \"@openhands/extensions/automations\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n INTEGRATION_CATALOG as MCP_MARKETPLACE,\n type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport {\n findInstalledEntryMatch,\n getMarketplaceEntryById,\n isMcpInstallableEntry,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { InstallServerModal } from \"#/components/features/mcp-page/install-server-modal\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport {\n automationSetupPath,\n hasAutomationInterface,\n} from \"#/manifests/automation-interface\";\nimport { SETUP_REGISTRY } from \"#/manifests/manifest-sources\";\nimport {\n getAutomationLaunchPrompt,\n getRequiredIntegrationIds,\n} from \"#/utils/automation-catalog\";\nimport { isResponderAutomation } from \"#/utils/responder-deployment\";\nimport { useAutomations } from \"#/hooks/query/use-automations\";\nimport { RecommendedAutomationsRail } from \"./recommended-automations-rail\";\nimport { RecommendedAutomationsSection } from \"./recommended-automations-section\";\nimport { ResponderDeploymentModal } from \"./responder-deployment-modal\";\n\ninterface RecommendedAutomationsLauncherProps {\n query?: string;\n onLaunched?: () => void;\n /** When true, only the automation card grid scrolls inside its section. /\n scrollableGrid?: boolean;\n /\n Compact discovery rail for New Chat and the automations dashboard.\n * The templates page keeps the full catalog section.\n /\n variant?: \"catalog\" \| \"rail\";\n className?: string;\n}\n\n/\n The marketplace entries a launch waits on. An integration the automation is\n * willing to start without is deliberately absent, so it never queues an\n * install modal the user has to dismiss.\n \n A required integration this backend cannot install as MCP (e.g. Jira's\n * HTTP-only option) is also excluded here — the install queue can't do\n * anything with it — but it is not silently dropped from the product: the\n * automation card keeps it visible and labels it as needing external setup.\n */\nfunction getRequiredEntries(automation: RecommendedAutomation) {\n return getRequiredIntegrationIds(automation)\n .map((id) => getMarketplaceEntryById(id, MCP_MARKETPLACE))\n .filter((entry): entry is MarketplaceEntry => !!entry)\n .filter(isMcpInstallableEntry);\n}\n\nexport function RecommendedAutomationsLauncher({\n query,\n onLaunched,\n scrollableGrid = false,\n variant = \"catalog\",\n className,\n}: RecommendedAutomationsLauncherProps) {\n const activeBackend = useActiveBackend();\n const { navigate } = useNavigation();\n const { data: settings } = useSettings();\n const { trackPrebuiltAutomationEnabled } = useTracking();\n const createConversation = useCreateConversation();\n const ensureResponderUrlSecret = useResponderUrlSecret();\n const isCreatingConversation = useIsCreatingConversation();\n const setMessageToSend = useConversationStore(\n (state) => state.setMessageToSend,\n );\n const [pendingAutomation, setPendingAutomation] =\n useState<RecommendedAutomation \| null>(null);\n const [deploymentChoiceAutomation, setDeploymentChoiceAutomation] =\n useState<RecommendedAutomation \| null>(null);\n const [installQueue, setInstallQueue] = useState<MarketplaceEntry[]>([]);\n const completedInstallRef = useRef(false);\n const launchInFlightRef = useRef(false);\n const localSetupInFlightRef = useRef(false);\n const [isPreparingLocalResponder, setIsPreparingLocalResponder] =\n useState(false);\n const isRail = variant === \"rail\";\n const { data: automationsData, isLoading: isAutomationsLoading } =\n useAutomations({\n enabled: isRail && activeBackend.backend.kind === \"local\",\n });\n\n const installedMcpConfig = useMemo(\n () =>\n flattenMcpConfig(\n settings?.mcp_config ??\n parseMcpConfig(settings?.agent_settings?.mcp_config),\n ).filter((server) => server.enabled !== false),\n [settings?.agent_settings?.mcp_config, settings?.mcp_config],\n );\n\n const launchAutomation = useCallback(\n (automation: RecommendedAutomation) => {\n if (\n launchInFlightRef.current \|\|\n createConversation.isPending \|\|\n isCreatingConversation\n ) {\n return;\n }\n launchInFlightRef.current = true;\n\n // An automation that ships a setup experience is configured from its own\n // form, so the answers are collected before anything is created. The rest\n // still hand a slash command to an agent to interpret.\n if (SETUP_REGISTRY.findById(automation.id)) {\n navigate?.(automationSetupPath(automation.id));\n onLaunched?.();\n return;\n }\n\n const prompt = getAutomationLaunchPrompt(automation);\n\n createConversation.mutate(\n {},\n {\n onSuccess: (conversation) => {\n trackPrebuiltAutomationEnabled({\n automationName: automation.name,\n automationCategory: automation.category,\n });\n if (\n conversation.conversation_id.startsWith(\"task-\") &&\n conversation.task_id\n ) {\n setPendingTaskDraft(conversation.task_id, prompt);\n } else {\n setConversationState(conversation.conversation_id, {\n draftMessage: prompt,\n });\n }\n navigate?.(`/conversations/${conversation.conversation_id}`);\n onLaunched?.();\n window.setTimeout(() => setMessageToSend(prompt), 0);\n },\n onError: () => {\n launchInFlightRef.current = false;\n },\n },\n );\n },\n [\n activeBackend.backend.kind,\n createConversation,\n isCreatingConversation,\n navigate,\n onLaunched,\n setMessageToSend,\n trackPrebuiltAutomationEnabled,\n ],\n );\n\n const getMissingEntries = useCallback(\n (automation: RecommendedAutomation) =>\n getRequiredEntries(automation).filter(\n (entry) => !findInstalledEntryMatch(entry, installedMcpConfig),\n ),\n [installedMcpConfig],\n );\n\n const proceedWithLocalLaunch = (automation: RecommendedAutomation) => {\n const missingEntries = getMissingEntries(automation);\n if (missingEntries.length === 0) {\n launchAutomation(automation);\n return;\n }\n\n setPendingAutomation(automation);\n setInstallQueue(missingEntries);\n };\n\n const handleSelectAutomation = (automation: RecommendedAutomation) => {\n if (\n launchInFlightRef.current \|\|\n createConversation.isPending \|\|\n isCreatingConversation \|\|\n installQueue.length > 0 \|\|\n deploymentChoiceAutomation !== null\n ) {\n return;\n }\n\n // GitHub/Slack responders poll continuously; let the user choose where the\n // responder runs before committing to the local setup flow.\n if (isResponderAutomation(automation)) {\n setDeploymentChoiceAutomation(automation);\n return;\n }\n\n proceedWithLocalLaunch(automation);\n };\n\n const handleDeploymentContinueLocal = async () => {\n const automation = deploymentChoiceAutomation;\n if (!automation \|\| localSetupInFlightRef.current) return;\n\n localSetupInFlightRef.current = true;\n setIsPreparingLocalResponder(true);\n\n try {\n const isSecretReady = await ensureResponderUrlSecret();\n if (!isSecretReady) return;\n\n setDeploymentChoiceAutomation(null);\n proceedWithLocalLaunch(automation);\n } finally {\n localSetupInFlightRef.current = false;\n setIsPreparingLocalResponder(false);\n }\n };\n\n const handleDeploymentOpenUrl = (url: string) => {\n setDeploymentChoiceAutomation(null);\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n };\n\n const handleDeploymentClose = () => {\n setDeploymentChoiceAutomation(null);\n };\n\n const cancelInstallFlow = () => {\n if (completedInstallRef.current) {\n completedInstallRef.current = false;\n return;\n }\n setPendingAutomation(null);\n setInstallQueue([]);\n };\n\n const handleInstallSuccess = () => {\n completedInstallRef.current = true;\n\n setInstallQueue((currentQueue) => {\n const nextQueue = currentQueue.slice(1);\n\n if (nextQueue.length === 0) {\n const automation = pendingAutomation;\n window.setTimeout(() => {\n setPendingAutomation(null);\n if (automation) launchAutomation(automation);\n }, 0);\n }\n\n return nextQueue;\n });\n };\n\n const installEntry = installQueue[0] ?? null;\n\n // Like every automation surface, the launcher renders only behind the\n // interface-manifest gate; New Chat mounts it outside the gated routes.\n if (!hasAutomationInterface()) return null;\n\n // Recommended automations are a local-backend-only feature; cloud\n // automations are managed elsewhere.\n if (activeBackend.backend.kind === \"cloud\") return null;\n\n if (isRail && isAutomationsLoading) return null;\n\n return (\n <>\n {isRail ? (\n <RecommendedAutomationsRail\n className={className}\n installedAutomations={automationsData?.automations ?? []}\n onSelect={handleSelectAutomation}\n />\n ) : (\n <RecommendedAutomationsSection\n backendKind={activeBackend.backend.kind}\n installedServers={installedMcpConfig}\n query={query}\n onSelect={handleSelectAutomation}\n scrollableGrid={scrollableGrid}\n />\n )}\n\n {installEntry && (\n <InstallServerModal\n key={installEntry.id}\n entry={installEntry}\n existingServers={installedMcpConfig}\n onClose={cancelInstallFlow}\n onSuccess={handleInstallSuccess}\n />\n )}\n\n <ResponderDeploymentModal\n isOpen={deploymentChoiceAutomation !== null}\n isPending={isPreparingLocalResponder}\n onClose={handleDeploymentClose}\n onContinueLocal={handleDeploymentContinueLocal}\n onOpenUrl={handleDeploymentOpenUrl}\n />\n </>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/automations/recommended-automations-section.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("../../../utils/utils.cjs"),r=require("../../../utils/automation-catalog.cjs"),i=require("../../../node_modules/@openhands/extensions/automations/index.cjs"),a=require("../../../manifests/automation-interface.cjs"),o=require("../../../utils/extension-module-card-classes.cjs"),s=require("../skills/skill-card-pill-row.cjs"),c=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),l=require("../mcp-logo-badge.cjs"),u=require("../../../utils/mcp-marketplace-utils.cjs"),d=require("./status-badge.cjs"),f=require("../../../utils/recommended-automation-rail.cjs"),p=require("../mcp-page/mcp-logo-stack-badge.cjs"),m=require("../../shared/buttons/circle-plus-check-toggle.cjs");let h=require("react"),g=require("react/jsx-runtime");var _=f.getAutomationsByPopularity(i.default);function v(e){return a.getFeaturedAutomationIds().includes(e.id)}function y(e){return r.getIntegrationIds(e).map(e=>{let t=u.getMarketplaceEntryById(e,c.default);return{id:e,entry:t,mcpInstallable:!!t&&u.isMcpInstallableEntry(t)}})}function b(e,t,n){let i=n.trim().toLowerCase();return i?[e.name,e.category,e.description,r.getAutomationLaunchPrompt(e),...t.flatMap(({entry:e,id:t})=>e?[e.name,t,...e.keywords??[]]:[t])].join(` `).toLowerCase().includes(i):!0}function x(e,r,i,a){let s=e.map(({id:e,entry:i,mcpInstallable:s})=>{let c=!!i&&u.findInstalledEntryMatch(i,r),d=i?.name??e;return{id:`integration-${e}`,node:(0,g.jsxs)(`span`,{className:n.cn(o.extensionModuleCardPillClassName,`gap-1`),children:[(0,g.jsx)(l.McpLogoBadge,{entry:i,size:`xs`}),d,c?(0,g.jsx)(`span`,{className:`text-white`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$CONNECTED)}):i?s?null:(0,g.jsx)(`span`,{className:`text-tertiary-alt`,"data-testid":`automation-integration-external-${e}`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$EXTERNAL_SETUP)}):(0,g.jsx)(`span`,{className:`text-tertiary-alt`,"data-testid":`recommended-automation-integration-${e}`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$UNKNOWN_SETUP)})]})}});return i>0&&s.push({id:`missing-connect`,node:(0,g.jsx)(`span`,{className:o.extensionModuleCardPillClassName,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$MISSING_CONNECT,{count:i})})}),s}function S({automation:e,integrations:t,size:n,testId:i}){let a=r.getAutomationIcon(e);return a?(0,g.jsx)(l.McpLogoBadge,{entry:null,size:n,testId:i,fallback:(0,h.createElement)(a,{className:`h-5 w-5`,strokeWidth:2.25})}):(0,g.jsx)(p.McpLogoStackBadge,{entries:t.flatMap(({entry:e})=>e?[e]:[]),testId:i})}function C({automations:e,installedServers:t,onSelect:r,translate:i}){return(0,g.jsx)(`div`,{className:n.cn(`mt-3`,o.extensionModuleCardGridClassName),children:e.map(e=>{let a=y(e),c=a.filter(({entry:e,mcpInstallable:n})=>!!e&&n&&!u.findInstalledEntryMatch(e,t)).length;return(0,g.jsx)(`button`,{type:`button`,"data-testid":`recommended-automation-card-${e.id}`,onClick:()=>r(e),className:n.cn(`flex min-w-0 overflow-hidden p-4 text-left`,o.extensionModuleCardSurfaceClassName,o.extensionModuleCardInteractiveClassName),children:(0,g.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[(0,g.jsx)(S,{automation:e,integrations:a,size:`md`,testId:`recommended-automation-icon-${e.id}`}),(0,g.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[(0,g.jsxs)(`header`,{className:`flex items-start justify-between gap-3`,children:[(0,g.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,g.jsx)(`h3`,{className:`truncate text-sm font-semibold text-white`,children:e.name}),(0,g.jsx)(`p`,{className:`mt-0.5 truncate text-xs text-tertiary-alt`,children:e.category})]}),(0,g.jsx)(m.CirclePlusBadge,{testId:`recommended-automation-plus-${e.id}`})]}),(0,g.jsx)(`p`,{className:`line-clamp-2 text-xs leading-relaxed text-tertiary-light`,children:e.description}),(0,g.jsx)(s.SkillCardPillRow,{pills:x(a,t,c,i),testId:`recommended-automation-pills-${e.id}`})]})]})},e.id)})})}function w({backendKind:r,installedServers:i,query:a=``,onSelect:s,scrollableGrid:c=!1}){let{t:l}=e.useTranslation(`openhands`),u=_.filter(e=>b(e,y(e),a));if(u.length===0)return null;let f=u.filter(v),p=u.filter(e=>!v(e));return(0,g.jsx)(`section`,{"data-testid":`recommended-automations-section`,className:n.cn(c&&`flex min-h-0 flex-1 flex-col`),children:(0,g.jsxs)(`div`,{"data-testid":c?`recommended-automations-scroll-area`:void 0,className:n.cn(`mt-3`,o.extensionModuleCardGridContainerClassName,c&&`min-h-0 flex-1 overflow-y-auto custom-scrollbar-always`),children:[f.length>0&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(`div`,{className:`flex items-center`,children:[(0,g.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_TITLE)}),(0,g.jsx)(d.StatusBadge,{count:f.length})]}),(0,g.jsx)(`p`,{className:`mt-1 text-sm text-muted`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_DESCRIPTION)}),(0,g.jsx)(C,{automations:f,installedServers:i,onSelect:s,translate:l})]}),p.length>0&&(0,g.jsxs)(`section`,{"data-testid":`recommended-automations-beta-section`,className:n.cn(f.length>0&&`mt-8`),children:[(0,g.jsxs)(`div`,{"data-testid":`recommended-automations-beta-heading`,className:`flex items-center`,children:[(0,g.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$BETA_LABEL)}),(0,g.jsx)(d.StatusBadge,{count:p.length})]}),(0,g.jsx)(C,{automations:p,installedServers:i,onSelect:s,translate:l})]})]})})}exports.RecommendedAutomationsSection=w;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../node_modules/@openhands/extensions/automations/index.cjs"),i=require("../../../utils/automation-catalog.cjs"),a=require("../../../manifests/automation-interface.cjs"),o=require("../../../utils/extension-module-card-classes.cjs"),s=require("../skills/skill-card-pill-row.cjs"),c=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),l=require("../mcp-logo-badge.cjs"),u=require("../../../utils/mcp-marketplace-utils.cjs"),d=require("./status-badge.cjs"),f=require("../../../utils/recommended-automation-rail.cjs"),p=require("../mcp-page/mcp-logo-stack-badge.cjs"),m=require("../../shared/buttons/circle-plus-check-toggle.cjs");let h=require("react"),g=require("react/jsx-runtime");var _=f.getAutomationsByPopularity(r.default);function v(e){return a.getFeaturedAutomationIds().includes(e.id)}function y(e){return i.getIntegrationIds(e).map(e=>{let t=u.getMarketplaceEntryById(e,c.default);return{id:e,entry:t,mcpInstallable:!!t&&u.isMcpInstallableEntry(t)}})}function b(e,t,n){let r=n.trim().toLowerCase();return r?[e.name,e.category,e.description,i.getAutomationLaunchPrompt(e),...t.flatMap(({entry:e,id:t})=>e?[e.name,t,...e.keywords??[]]:[t])].join(` `).toLowerCase().includes(r):!0}function x(e,r,i,a){let s=e.map(({id:e,entry:i,mcpInstallable:s})=>{let c=!!i&&u.findInstalledEntryMatch(i,r),d=i?.name??e;return{id:`integration-${e}`,node:(0,g.jsxs)(`span`,{className:n.cn(o.extensionModuleCardPillClassName,`gap-1`),children:[(0,g.jsx)(l.McpLogoBadge,{entry:i,size:`xs`}),d,c?(0,g.jsx)(`span`,{className:`text-white`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$CONNECTED)}):i?s?null:(0,g.jsx)(`span`,{className:`text-tertiary-alt`,"data-testid":`automation-integration-external-${e}`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$EXTERNAL_SETUP)}):(0,g.jsx)(`span`,{className:`text-tertiary-alt`,"data-testid":`recommended-automation-integration-${e}`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$UNKNOWN_SETUP)})]})}});return i>0&&s.push({id:`missing-connect`,node:(0,g.jsx)(`span`,{className:o.extensionModuleCardPillClassName,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$MISSING_CONNECT,{count:i})})}),s}function S({automation:e,integrations:t,size:n,testId:r}){let a=i.getAutomationIcon(e);return a?(0,g.jsx)(l.McpLogoBadge,{entry:null,size:n,testId:r,fallback:(0,h.createElement)(a,{className:`h-5 w-5`,strokeWidth:2.25})}):(0,g.jsx)(p.McpLogoStackBadge,{entries:t.flatMap(({entry:e})=>e?[e]:[]),testId:r})}function C({automations:e,installedServers:t,onSelect:r,translate:i}){return(0,g.jsx)(`div`,{className:n.cn(`mt-3`,o.extensionModuleCardGridClassName),children:e.map(e=>{let a=y(e),c=a.filter(({entry:e,mcpInstallable:n})=>!!e&&n&&!u.findInstalledEntryMatch(e,t)).length;return(0,g.jsx)(`button`,{type:`button`,"data-testid":`recommended-automation-card-${e.id}`,onClick:()=>r(e),className:n.cn(`flex min-w-0 overflow-hidden p-4 text-left`,o.extensionModuleCardSurfaceClassName,o.extensionModuleCardInteractiveClassName),children:(0,g.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[(0,g.jsx)(S,{automation:e,integrations:a,size:`md`,testId:`recommended-automation-icon-${e.id}`}),(0,g.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[(0,g.jsxs)(`header`,{className:`flex items-start justify-between gap-3`,children:[(0,g.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,g.jsx)(`h3`,{className:`truncate text-sm font-semibold text-white`,children:e.name}),(0,g.jsx)(`p`,{className:`mt-0.5 truncate text-xs text-tertiary-alt`,children:e.category})]}),(0,g.jsx)(m.CirclePlusBadge,{testId:`recommended-automation-plus-${e.id}`})]}),(0,g.jsx)(`p`,{className:`line-clamp-2 text-xs leading-relaxed text-tertiary-light`,children:e.description}),(0,g.jsx)(s.SkillCardPillRow,{pills:x(a,t,c,i),testId:`recommended-automation-pills-${e.id}`})]})]})},e.id)})})}function w({backendKind:r,installedServers:i,query:a=``,onSelect:s,scrollableGrid:c=!1}){let{t:l}=e.useTranslation(`openhands`),u=_.filter(e=>b(e,y(e),a));if(u.length===0)return null;let f=u.filter(v),p=u.filter(e=>!v(e));return(0,g.jsx)(`section`,{"data-testid":`recommended-automations-section`,className:n.cn(c&&`flex min-h-0 flex-1 flex-col`),children:(0,g.jsxs)(`div`,{"data-testid":c?`recommended-automations-scroll-area`:void 0,className:n.cn(`mt-3`,o.extensionModuleCardGridContainerClassName,c&&`min-h-0 flex-1 overflow-y-auto custom-scrollbar-always`),children:[f.length>0&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(`div`,{className:`flex items-center`,children:[(0,g.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_TITLE)}),(0,g.jsx)(d.StatusBadge,{count:f.length})]}),(0,g.jsx)(`p`,{className:`mt-1 text-sm text-muted`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_DESCRIPTION)}),(0,g.jsx)(C,{automations:f,installedServers:i,onSelect:s,translate:l})]}),p.length>0&&(0,g.jsxs)(`section`,{"data-testid":`recommended-automations-beta-section`,className:n.cn(f.length>0&&`mt-8`),children:[(0,g.jsxs)(`div`,{"data-testid":`recommended-automations-beta-heading`,className:`flex items-center`,children:[(0,g.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$BETA_LABEL)}),(0,g.jsx)(d.StatusBadge,{count:p.length})]}),(0,g.jsx)(C,{automations:p,installedServers:i,onSelect:s,translate:l})]})]})})}exports.RecommendedAutomationsSection=w;
 //# sourceMappingURL=recommended-automations-section.cjs.map

package/dist/components/features/automations/recommended-automations-section.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
-import { getAutomationIcon as r, getAutomationLaunchPrompt as i, getIntegrationIds as a } from "../../../utils/automation-catalog.js";
-import o from "../../../node_modules/@openhands/extensions/automations/index.js";
+import r from "../../../node_modules/@openhands/extensions/automations/index.js";
+import { getAutomationIcon as i, getAutomationLaunchPrompt as a, getIntegrationIds as o } from "../../../utils/automation-catalog.js";
 import { getFeaturedAutomationIds as s } from "../../../manifests/automation-interface.js";
 import { extensionModuleCardGridClassName as c, extensionModuleCardGridContainerClassName as l, extensionModuleCardInteractiveClassName as u, extensionModuleCardPillClassName as d, extensionModuleCardSurfaceClassName as f } from "../../../utils/extension-module-card-classes.js";
 import { SkillCardPillRow as p } from "../skills/skill-card-pill-row.js";
@@ -16,12 +16,12 @@ import { CirclePlusBadge as S } from "../../shared/buttons/circle-plus-check-tog
 import { createElement as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/components/features/automations/recommended-automations-section.tsx
-var D = b(o);
+var D = b(r);
 function O(e) {
 	return s().includes(e.id);
 }
 function k(e) {
-	return a(e).map((e) => {
+	return o(e).map((e) => {
 		let t = _(e, m);
 		return {
 			id: e,
@@ -36,7 +36,7 @@ function A(e, t, n) {
 		e.name,
 		e.category,
 		e.description,
-		i(e),
+		a(e),
 		...t.flatMap(({ entry: e, id: t }) => e ? [
 			e.name,
 			t,
@@ -81,19 +81,19 @@ function j(e, r, i, a) {
 		})
 	}), o;
 }
-function M({ automation: e, integrations: t, size: n, testId: i }) {
-	let a = r(e);
+function M({ automation: e, integrations: t, size: n, testId: r }) {
+	let a = i(e);
 	return a ? /* @__PURE__ */ T(h, {
 		entry: null,
 		size: n,
-		testId: i,
+		testId: r,
 		fallback: C(a, {
 			className: "h-5 w-5",
 			strokeWidth: 2.25
 		})
 	}) : /* @__PURE__ */ T(x, {
 		entries: t.flatMap(({ entry: e }) => e ? [e] : []),
-		testId: i
+		testId: r
 	});
 }
 function N({ automations: e, installedServers: t, onSelect: r, translate: i }) {

package/dist/components/features/backends/backend-selector.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/plus.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/settings.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../stores/conversation-store.cjs"),s=require("../../../api/agent-server-config.cjs"),ee=require("../../../api/backend-registry/active-store.cjs"),c=require("../../../contexts/active-backend-context.cjs"),l=require("../../../utils/form-control-classes.cjs"),te=require("../../shared/buttons/styled-tooltip.cjs"),u=require("../../../utils/dropdown-classes.cjs"),d=require("../../shared/navigation-link.cjs"),f=require("../../../hooks/query/use-cloud-organizations.cjs"),p=require("../../../hooks/query/use-cloud-current-user-id.cjs"),m=require("../../../ui/dropdown/dropdown.cjs"),h=require("../../../hooks/query/use-backends-health.cjs"),g=require("./environment-switch-store.cjs"),_=require("./backend-status-dot.cjs"),ne=require("./add-backend-modal.cjs"),re=require("./manage-backends-modal.cjs");let v=require("react");v=e.__toESM(v,1);let y=require("react/jsx-runtime"),b=require("react-router");var x=`::`;function S(e,t){return t?`${e}${x}${t}`:e}function ie(e){let[t,n]=e.split(x);return{backendId:t,orgId:n??null}}function C(e){return(0,y.jsx)(_.BackendStatusDot,{isConnected:e?.isConnected??null})}function ae(){return(0,y.jsx)(_.BackendStatusDot,{isConnected:`unavailable`})}function w(e,t,n,r,i){let a=[],o=e.filter(e=>e.kind===`local`),s=e.filter(e=>e.kind===`cloud`);for(let e of o)a.push({value:S(e.id,null),label:e.name,prefix:C(i[e.id])});for(let e of s){let o=n[e.id],s=C(i[e.id]);if(!o||o.orgs.length===0)a.push({value:S(e.id,null),label:e.name,prefix:s});else{let n=r[e.id]?.userId??null;for(let r of o.orgs){let i=n&&n===r.id?t:r.name;a.push({value:S(e.id,r.id),label:`${e.name} – ${i}`,prefix:s})}}}return a}function T({openUpward:e=!1,hideTrigger:_=!1,defaultOpen:x=!1,onSelectOption:T,onOpenAddBackend:E,onOpenManageBackends:D,sidebarCollapsed:oe=!1}={}){let{t:O}=t.useTranslation(`openhands`),{backends:k,active:A,setActive:j}=c.useActiveBackendContext(),M=f.useAllCloudOrganizations(),N=p.useCloudCurrentUserId(),P=h.useBackendsHealth(k),F=(0,b.useNavigate)(),se=(0,b.useMatch)(`/settings`),ce=(0,b.useMatch)(`/settings/*`),I=(0,b.useMatch)(`/conversations/:conversationId`),L=(0,b.useMatch)(`/automations/:automationId`),[R,z]=v.default.useState(!1),[B,V]=v.default.useState(!1),H=O(n.I18nKey.BACKEND$PERSONAL_WORKSPACE),U=v.default.useMemo(()=>w(k,H,M,N,P),[k,H,M,N,P]),W=ee.isNoBackend(A.backend),G=O(n.I18nKey.BACKEND$NO_BACKEND_AVAILABLE),K=S(A.backend.id,A.orgId),q=W?void 0:U.find(e=>e.value===K),J=!!(se||ce),Y=O(n.I18nKey.SIDEBAR$SETTINGS),le=o.useConversationStore(e=>e.isRightPanelShown),ue=!oe||I&&le?`top`:`left`,de=Object.values(M).some(e=>e.isLoading);v.default.useEffect(()=>{if(W||A.backend.kind!==`cloud`||A.orgId)return;let{backend:e}=A,t=M[e.id];if(!t||t.orgs.length===0)return;let n=t.currentOrgId?t.orgs.find(e=>e.id===t.currentOrgId):void 0,r=N[e.id]?.userId??null,i=r?t.orgs.find(e=>e.id===r):void 0,a=n??i??t.orgs[0];a&&j(e.id,a.id)},[A,M,N,j,W]);let X=v.default.useCallback(()=>{if(E){E(),T?.();return}z(!0)},[E,T]),Z=v.default.useCallback(()=>{if(D){D(),T?.();return}V(!0)},[D,T]),Q=s.getLockedCloudHost()!==null,$=v.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),fe=v.default.useCallback(e=>{$(e),X()},[X,$]),pe=v.default.useCallback(e=>{$(e),X()},[X,$]),me=v.default.useCallback(e=>{$(e),Z()},[Z,$]),he=v.default.useCallback(e=>{$(e),Z()},[Z,$]),ge=(0,y.jsxs)(`div`,{className:u.dropdownMenuListClassName,children:[Q?null:(0,y.jsxs)(`button`,{type:`button`,"data-testid":`add-backend-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:pe,onClick:fe,className:a.cn(u.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,y.jsx)(`span`,{className:u.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,y.jsx)(r.Plus,{width:16,height:16})}),O(n.I18nKey.BACKEND$ADD)]}),(0,y.jsxs)(`button`,{type:`button`,"data-testid":`manage-backends-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:he,onClick:me,className:a.cn(u.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,y.jsx)(`span`,{className:u.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,y.jsx)(i.Settings,{width:16,height:16})}),O(Q?n.I18nKey.BACKEND$RECONNECT_CLOUD:n.I18nKey.BACKEND$MANAGE)]})]}),_e=v.default.useCallback(async e=>{if(e===K)return;let{backendId:t,orgId:n}=ie(e),r=k.find(e=>e.id===t);r&&(g.triggerEnvironmentSwitch(U.find(t=>t.value===e)?.label??r.name),await new Promise(e=>{setTimeout(e,400)}),I?F(`/conversations`):L&&F(`/automations`),j(r.id,n),T?.())},[K,k,I,L,F,U,j,O,T]);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2 w-full`,children:[(0,y.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,y.jsx)(m.Dropdown,{testId:`backend-selector`,defaultValue:q??{value:K,label:W?G:A.backend.name,prefix:W?ae():C(P[A.backend.id])},footer:ge,openUpward:e,hideTrigger:_,defaultOpen:x,openOnHover:!_,onChange:e=>{e&&_e(e.value)},placeholder:W?G:A.backend.name,loading:de,options:U,className:`h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0`},`${K}-${q?.label??``}`)}),_?null:(0,y.jsx)(te.StyledTooltip,{content:Y,placement:ue,offset:10,children:(0,y.jsx)(d.NavigationLink,{to:`/settings`,"data-testid":`backend-selector-settings-link`,"data-active":J,"aria-label":Y,className:J?a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer`,l.formControlTransitionClassName):a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer`,l.formControlTransitionClassName),children:(0,y.jsx)(i.Settings,{width:16,height:16})})})]}),R?(0,y.jsx)(ne.AddBackendModal,{onClose:()=>z(!1)}):null,B?(0,y.jsx)(re.ManageBackendsModal,{onClose:()=>V(!1)}):null]})}exports.BackendSelector=T;
+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/plus.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/settings.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../stores/conversation-store.cjs"),s=require("../../../api/agent-server-config.cjs"),ee=require("../../../api/backend-registry/active-store.cjs"),c=require("../../../contexts/active-backend-context.cjs"),l=require("../../shared/buttons/styled-tooltip.cjs"),u=require("../../../utils/form-control-classes.cjs"),d=require("../../../utils/dropdown-classes.cjs"),f=require("../../shared/navigation-link.cjs"),te=require("../../../hooks/query/use-cloud-organizations.cjs"),ne=require("../../../hooks/query/use-cloud-current-user-id.cjs"),p=require("../../../ui/dropdown/dropdown.cjs"),m=require("../../../hooks/query/use-backends-health.cjs"),h=require("./environment-switch-store.cjs"),g=require("./backend-status-dot.cjs"),_=require("./add-backend-modal.cjs"),re=require("./manage-backends-modal.cjs");let v=require("react");v=e.__toESM(v,1);let y=require("react/jsx-runtime"),b=require("react-router");var x=`::`;function S(e,t){return t?`${e}${x}${t}`:e}function ie(e){let[t,n]=e.split(x);return{backendId:t,orgId:n??null}}function C(e){return(0,y.jsx)(g.BackendStatusDot,{isConnected:e?.isConnected??null})}function ae(){return(0,y.jsx)(g.BackendStatusDot,{isConnected:`unavailable`})}function oe(e,t,n,r,i){let a=[],o=e.filter(e=>e.kind===`local`),s=e.filter(e=>e.kind===`cloud`);for(let e of o)a.push({value:S(e.id,null),label:e.name,prefix:C(i[e.id])});for(let e of s){let o=n[e.id],s=C(i[e.id]);if(!o||o.orgs.length===0)a.push({value:S(e.id,null),label:e.name,prefix:s});else{let n=r[e.id]?.userId??null;for(let r of o.orgs){let i=n&&n===r.id?t:r.name;a.push({value:S(e.id,r.id),label:`${e.name} – ${i}`,prefix:s})}}}return a}function w({openUpward:e=!1,hideTrigger:g=!1,defaultOpen:x=!1,onSelectOption:w,onOpenAddBackend:T,onOpenManageBackends:E,sidebarCollapsed:D=!1}={}){let{t:O}=t.useTranslation(`openhands`),{backends:k,active:A,setActive:j}=c.useActiveBackendContext(),M=te.useAllCloudOrganizations(),N=ne.useCloudCurrentUserId(),P=m.useBackendsHealth(k),F=(0,b.useNavigate)(),se=(0,b.useMatch)(`/settings`),ce=(0,b.useMatch)(`/settings/*`),I=(0,b.useMatch)(`/conversations/:conversationId`),L=(0,b.useMatch)(`/automations/:automationId`),[R,z]=v.default.useState(!1),[B,V]=v.default.useState(!1),H=O(n.I18nKey.BACKEND$PERSONAL_WORKSPACE),U=v.default.useMemo(()=>oe(k,H,M,N,P),[k,H,M,N,P]),W=ee.isNoBackend(A.backend),G=O(n.I18nKey.BACKEND$NO_BACKEND_AVAILABLE),K=S(A.backend.id,A.orgId),q=W?void 0:U.find(e=>e.value===K),J=!!(se||ce),Y=O(n.I18nKey.SIDEBAR$SETTINGS),le=o.useConversationStore(e=>e.isRightPanelShown),ue=!D||I&&le?`top`:`left`,de=Object.values(M).some(e=>e.isLoading);v.default.useEffect(()=>{if(W||A.backend.kind!==`cloud`||A.orgId)return;let{backend:e}=A,t=M[e.id];if(!t||t.orgs.length===0)return;let n=t.currentOrgId?t.orgs.find(e=>e.id===t.currentOrgId):void 0,r=N[e.id]?.userId??null,i=r?t.orgs.find(e=>e.id===r):void 0,a=n??i??t.orgs[0];a&&j(e.id,a.id)},[A,M,N,j,W]);let X=v.default.useCallback(()=>{if(T){T(),w?.();return}z(!0)},[T,w]),Z=v.default.useCallback(()=>{if(E){E(),w?.();return}V(!0)},[E,w]),Q=s.getLockedCloudHost()!==null,fe=Q&&A.backend.authMode===`cookie`,$=v.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),pe=v.default.useCallback(e=>{$(e),X()},[X,$]),me=v.default.useCallback(e=>{$(e),X()},[X,$]),he=v.default.useCallback(e=>{$(e),Z()},[Z,$]),ge=v.default.useCallback(e=>{$(e),Z()},[Z,$]),_e=fe?void 0:(0,y.jsxs)(`div`,{className:d.dropdownMenuListClassName,children:[Q?null:(0,y.jsxs)(`button`,{type:`button`,"data-testid":`add-backend-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:me,onClick:pe,className:a.cn(d.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,y.jsx)(`span`,{className:d.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,y.jsx)(r.Plus,{width:16,height:16})}),O(n.I18nKey.BACKEND$ADD)]}),(0,y.jsxs)(`button`,{type:`button`,"data-testid":`manage-backends-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:ge,onClick:he,className:a.cn(d.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,y.jsx)(`span`,{className:d.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,y.jsx)(i.Settings,{width:16,height:16})}),O(Q?n.I18nKey.BACKEND$RECONNECT_CLOUD:n.I18nKey.BACKEND$MANAGE)]})]}),ve=v.default.useCallback(async e=>{if(e===K)return;let{backendId:t,orgId:n}=ie(e),r=k.find(e=>e.id===t);r&&(h.triggerEnvironmentSwitch(U.find(t=>t.value===e)?.label??r.name),await new Promise(e=>{setTimeout(e,400)}),I?F(`/conversations`):L&&F(`/automations`),j(r.id,n),w?.())},[K,k,I,L,F,U,j,O,w]);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2 w-full`,children:[(0,y.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,y.jsx)(p.Dropdown,{testId:`backend-selector`,defaultValue:q??{value:K,label:W?G:A.backend.name,prefix:W?ae():C(P[A.backend.id])},footer:_e,openUpward:e,hideTrigger:g,defaultOpen:x,openOnHover:!g,onChange:e=>{e&&ve(e.value)},placeholder:W?G:A.backend.name,loading:de,options:U,className:`h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0`},`${K}-${q?.label??``}`)}),g?null:(0,y.jsx)(l.StyledTooltip,{content:Y,placement:ue,offset:10,children:A.backend.kind===`cloud`?(0,y.jsx)(`a`,{href:`${A.backend.host.replace(/\/+$/,``)}/settings`,target:`_blank`,rel:`noopener noreferrer`,"data-testid":`backend-selector-settings-link`,"aria-label":Y,className:a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer`,u.formControlTransitionClassName),children:(0,y.jsx)(i.Settings,{width:16,height:16})}):(0,y.jsx)(f.NavigationLink,{to:`/settings`,"data-testid":`backend-selector-settings-link`,"data-active":J,"aria-label":Y,className:J?a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer`,u.formControlTransitionClassName):a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer`,u.formControlTransitionClassName),children:(0,y.jsx)(i.Settings,{width:16,height:16})})})]}),R?(0,y.jsx)(_.AddBackendModal,{onClose:()=>z(!1)}):null,B?(0,y.jsx)(re.ManageBackendsModal,{onClose:()=>V(!1)}):null]})}exports.BackendSelector=w;
 //# sourceMappingURL=backend-selector.cjs.map