@openhands/agent-canvas 1.13.0 → 1.15.0

package/dist/components/features/automations/error-state.cjs

@@ -0,0 +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("../../../icons/exclamation-circle.cjs");let r=require("react/jsx-runtime");function i({onRetry:i}){let{t:a}=e.useTranslation(`openhands`);return(0,r.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-20`,children:[(0,r.jsx)(n.default,{className:`size-12 text-danger`}),(0,r.jsx)(`p`,{className:`mt-4 text-sm text-muted`,children:a(t.I18nKey.AUTOMATIONS$ERROR_TITLE)}),(0,r.jsx)(`button`,{type:`button`,onClick:i,className:`mt-4 rounded-lg border border-[var(--oh-border)] px-4 py-2 text-sm text-white hover:bg-surface-raised`,children:a(t.I18nKey.AUTOMATIONS$ERROR_RETRY)})]})}exports.ErrorState=i;
+//# sourceMappingURL=error-state.cjs.map

package/dist/components/features/automations/error-state.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-state.cjs","names":[],"sources":["../../../../src/components/features/automations/error-state.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ExclamationCircleIcon from \"#/icons/exclamation-circle.svg?react\";\n\ninterface ErrorStateProps {\n  onRetry: () => void;\n}\n\nexport function ErrorState({ onRetry }: ErrorStateProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20\">\n      <ExclamationCircleIcon className=\"size-12 text-danger\" />\n      <p className=\"mt-4 text-sm text-muted\">\n        {t(I18nKey.AUTOMATIONS$ERROR_TITLE)}\n      </p>\n      <button\n        type=\"button\"\n        onClick={onRetry}\n        className=\"mt-4 rounded-lg border border-[var(--oh-border)] px-4 py-2 text-sm text-white hover:bg-surface-raised\"\n      >\n        {t(I18nKey.AUTOMATIONS$ERROR_RETRY)}\n      </button>\n    </div>\n  );\n}\n"],"mappings":"sQAQA,SAAgB,EAAW,CAAE,WAA4B,CACvD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2DAAf,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAuB,UAAU,qBAAuB,CAAA,GACxD,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,mCACV,EAAE,EAAA,QAAQ,uBAAuB,CACjC,CAAA,GACH,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAU,iHAET,EAAE,EAAA,QAAQ,uBAAuB,CAC5B,CAAA,CACL,GAET"}

package/dist/components/features/automations/error-state.js

@@ -0,0 +1,28 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import n from "../../../icons/exclamation-circle.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/features/automations/error-state.tsx
+function a({ onRetry: a }) {
+	let { t: o } = e("openhands");
+	return /* @__PURE__ */ i("div", {
+		className: "flex flex-col items-center justify-center py-20",
+		children: [
+			/* @__PURE__ */ r(n, { className: "size-12 text-danger" }),
+			/* @__PURE__ */ r("p", {
+				className: "mt-4 text-sm text-muted",
+				children: o(t.AUTOMATIONS$ERROR_TITLE)
+			}),
+			/* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: a,
+				className: "mt-4 rounded-lg border border-[var(--oh-border)] px-4 py-2 text-sm text-white hover:bg-surface-raised",
+				children: o(t.AUTOMATIONS$ERROR_RETRY)
+			})
+		]
+	});
+}
+//#endregion
+export { a as ErrorState };
+
+//# sourceMappingURL=error-state.js.map

package/dist/components/features/automations/error-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-state.js","names":[],"sources":["../../../../src/components/features/automations/error-state.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ExclamationCircleIcon from \"#/icons/exclamation-circle.svg?react\";\n\ninterface ErrorStateProps {\n  onRetry: () => void;\n}\n\nexport function ErrorState({ onRetry }: ErrorStateProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20\">\n      <ExclamationCircleIcon className=\"size-12 text-danger\" />\n      <p className=\"mt-4 text-sm text-muted\">\n        {t(I18nKey.AUTOMATIONS$ERROR_TITLE)}\n      </p>\n      <button\n        type=\"button\"\n        onClick={onRetry}\n        className=\"mt-4 rounded-lg border border-[var(--oh-border)] px-4 py-2 text-sm text-white hover:bg-surface-raised\"\n      >\n        {t(I18nKey.AUTOMATIONS$ERROR_RETRY)}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAQA,SAAgB,EAAW,EAAE,cAA4B;CACvD,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAuB,WAAU,sBAAuB,CAAA;GACxD,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,uBAAuB;GACjC,CAAA;GACH,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;cAET,EAAE,EAAQ,uBAAuB;GAC5B,CAAA;EACL;;AAET"}

package/dist/components/features/automations/git-sync/git-sync-activity-row.d.ts

@@ -0,0 +1,15 @@
+export type GitSyncActivityState = "idle" | "running" | "succeeded" | "failed";
+interface GitSyncActivityRowProps {
+    state: GitSyncActivityState;
+    /** When the running cycle started, for the elapsed-time hint. */
+    startedAt: string | null;
+    /** Automations still waiting to be pushed, shown while a cycle runs. */
+    pendingCount: number;
+}
+/**
+ * The page's own account of the sync cycle, in place of the fire-and-forget
+ * success toast: the trigger returns as soon as the cycle is scheduled, so a
+ * toast said "started" and then never came back with an outcome.
+ */
+export declare function GitSyncActivityRow({ state, startedAt, pendingCount, }: GitSyncActivityRowProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/automations/git-sync/git-sync-config-form.d.ts

@@ -0,0 +1,13 @@
+import type { GitSyncStatus } from "#/types/git-sync";
+interface GitSyncConfigFormProps {
+    status: GitSyncStatus;
+    canManage: boolean;
+    /**
+     * Runs a sync cycle. The same handler the overview's Sync now button uses,
+     * so a save-and-sync is followed by the one activity row rather than
+     * starting a cycle nothing on the page is watching.
+     */
+    onSyncNow: () => void;
+}
+export declare function GitSyncConfigForm({ status, canManage, onSyncNow, }: GitSyncConfigFormProps): import("react").JSX.Element;
+export {};

package/dist/components/features/automations/git-sync/git-sync-error-banner.d.ts

@@ -0,0 +1,6 @@
+interface GitSyncErrorBannerProps {
+    error: string;
+    errorAt: string | null;
+}
+export declare function GitSyncErrorBanner({ error, errorAt, }: GitSyncErrorBannerProps): import("react").JSX.Element;
+export {};

package/dist/components/features/automations/git-sync/git-sync-not-local-state.d.ts

@@ -0,0 +1 @@
+export declare function GitSyncNotLocalState(): import("react").JSX.Element;

package/dist/components/features/automations/git-sync/git-sync-overview-section.d.ts

@@ -0,0 +1,12 @@
+import type { GitSyncStatus } from "#/types/git-sync";
+import { type GitSyncActivityState } from "./git-sync-activity-row";
+interface GitSyncOverviewSectionProps {
+    status: GitSyncStatus;
+    onSyncNow: () => void;
+    isSyncing: boolean;
+    syncActivity: GitSyncActivityState;
+    syncStartedAt: string | null;
+    canManage: boolean;
+}
+export declare function GitSyncOverviewSection({ status, onSyncNow, isSyncing, syncActivity, syncStartedAt, canManage, }: GitSyncOverviewSectionProps): import("react").JSX.Element;
+export {};

package/dist/components/features/automations/git-sync/git-sync-skeleton.d.ts

@@ -0,0 +1 @@
+export declare function GitSyncSkeleton(): import("react").JSX.Element;

package/dist/components/features/automations/git-sync/git-sync-status-pill.d.ts

@@ -0,0 +1,7 @@
+interface GitSyncStatusPillProps {
+    tone: "success" | "neutral" | "warning";
+    label: string;
+    testId?: string;
+}
+export declare function GitSyncStatusPill({ tone, label, testId, }: GitSyncStatusPillProps): import("react").JSX.Element;
+export {};

package/dist/components/features/automations/git-sync/git-sync-unsupported-state.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Shown when the automation backend answers the git-sync endpoints with 404:
+ * it predates the API. Without this the page settles on the generic "something
+ * went wrong" panel, which reads as a broken install rather than an old
+ * backend.
+ */
+export declare function GitSyncUnsupportedState(): import("react").JSX.Element;

package/dist/components/features/automations/import-automation-modal.d.ts

@@ -5,6 +5,7 @@ interface ImportAutomationModalProps {
     isImporting: boolean;
     onClose: () => void;
     onImport: () => void;
+    onFile: (file: File) => void;
 }
-export declare function ImportAutomationModal({ isOpen, spec, isImporting, onClose, onImport, }: ImportAutomationModalProps): import("react").JSX.Element | null;
+export declare function ImportAutomationModal({ isOpen, spec, isImporting, onClose, onImport, onFile, }: ImportAutomationModalProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/automations/kebab-menu-item-content.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs"),t=require("../../../utils/dropdown-classes.cjs");let n=require("react/jsx-runtime");function r({icon:r,label:i}){return(0,n.jsxs)(`span`,{className:`flex min-w-0 w-full items-center gap-2`,children:[(0,n.jsx)(`span`,{className:e.cn(`[&_svg]:size-4`,t.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:r}),(0,n.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:i})]})}exports.KebabMenuItemContent=r;
+//# sourceMappingURL=kebab-menu-item-content.cjs.map

package/dist/components/features/automations/kebab-menu-item-content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kebab-menu-item-content.cjs","names":[],"sources":["../../../../src/components/features/automations/kebab-menu-item-content.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { dropdownMenuRowIconWrapperClassName } from \"#/utils/dropdown-classes\";\n\ninterface KebabMenuItemContentProps {\n  icon: React.ReactNode;\n  label: string;\n}\n\nexport function KebabMenuItemContent({\n  icon,\n  label,\n}: KebabMenuItemContentProps) {\n  return (\n    <span className=\"flex min-w-0 w-full items-center gap-2\">\n      <span\n        className={cn(\"[&_svg]:size-4\", dropdownMenuRowIconWrapperClassName)}\n        aria-hidden\n      >\n        {icon}\n      </span>\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </span>\n  );\n}\n"],"mappings":"mLAQA,SAAgB,EAAqB,CACnC,OACA,SAC4B,CAC5B,OACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,kDAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GAAG,iBAAkB,EAAA,mCAAmC,EACnE,cAAA,YAEC,CACG,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,CAAY,CAAA,CACnD,GAEV"}

package/dist/components/features/automations/kebab-menu-item-content.js

@@ -0,0 +1,21 @@
+import { cn as e } from "../../../utils/utils.js";
+import { dropdownMenuRowIconWrapperClassName as t } from "../../../utils/dropdown-classes.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/features/automations/kebab-menu-item-content.tsx
+function i({ icon: i, label: a }) {
+	return /* @__PURE__ */ r("span", {
+		className: "flex min-w-0 w-full items-center gap-2",
+		children: [/* @__PURE__ */ n("span", {
+			className: e("[&_svg]:size-4", t),
+			"aria-hidden": !0,
+			children: i
+		}), /* @__PURE__ */ n("span", {
+			className: "min-w-0 flex-1 truncate",
+			children: a
+		})]
+	});
+}
+//#endregion
+export { i as KebabMenuItemContent };
+
+//# sourceMappingURL=kebab-menu-item-content.js.map

package/dist/components/features/automations/kebab-menu-item-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kebab-menu-item-content.js","names":[],"sources":["../../../../src/components/features/automations/kebab-menu-item-content.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { dropdownMenuRowIconWrapperClassName } from \"#/utils/dropdown-classes\";\n\ninterface KebabMenuItemContentProps {\n  icon: React.ReactNode;\n  label: string;\n}\n\nexport function KebabMenuItemContent({\n  icon,\n  label,\n}: KebabMenuItemContentProps) {\n  return (\n    <span className=\"flex min-w-0 w-full items-center gap-2\">\n      <span\n        className={cn(\"[&_svg]:size-4\", dropdownMenuRowIconWrapperClassName)}\n        aria-hidden\n      >\n        {icon}\n      </span>\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </span>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAqB,EACnC,SACA,YAC4B;CAC5B,OACE,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,QAAD;GACE,WAAW,EAAG,kBAAkB,CAAmC;GACnE,eAAA;aAEC;EACG,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;aAA2B;EAAY,CAAA,CACnD;;AAEV"}

package/dist/components/features/automations/kebab-menu.cjs

@@ -0,0 +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;
+//# sourceMappingURL=kebab-menu.cjs.map

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

@@ -0,0 +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"}

package/dist/components/features/automations/kebab-menu.d.ts

@@ -6,6 +6,7 @@ export interface KebabMenuItem {
 }
 interface KebabMenuProps {
     items: KebabMenuItem[];
+    triggerClassName?: string;
 }
-export declare function KebabMenu({ items }: KebabMenuProps): import("react").JSX.Element;
+export declare function KebabMenu({ items, triggerClassName }: KebabMenuProps): import("react").JSX.Element;
 export {};

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

@@ -0,0 +1,76 @@
+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 { ContextMenu as r } from "../../../ui/context-menu.js";
+import { ContextMenuListItem as i } from "../context-menu/context-menu-list-item.js";
+import a from "../../../icons/kebab-vertical.js";
+import { automationIconActionButtonClassName as o } from "./automation-action-button-classes.js";
+import { KebabMenuItemContent as s } from "./kebab-menu-item-content.js";
+import { useEffect as c, useLayoutEffect as l, useRef as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import h from "react-dom";
+//#region src/components/features/automations/kebab-menu.tsx
+function g({ items: g, triggerClassName: _ }) {
+	let { t: v } = e("openhands"), [y, b] = d(!1), [x, S] = d(), C = u(null), w = u(null);
+	l(() => {
+		if (!y || !C.current) return;
+		let e = () => {
+			let e = C.current?.getBoundingClientRect();
+			e && S({
+				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);
+		};
+	}, [y]), c(() => {
+		if (!y) return;
+		let e = (e) => {
+			let t = e.target;
+			C.current?.contains(t) || w.current?.contains(t) || b(!1);
+		}, t = (e) => {
+			e.key === "Escape" && b(!1);
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [y]);
+	let T = y && x ? /* @__PURE__ */ p(r, {
+		ref: w,
+		theme: "popover",
+		className: "min-w-[10rem]",
+		children: g.map((e) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(i, {
+			onClick: (t) => {
+				t.stopPropagation(), e.onClick(), b(!1);
+			},
+			isDisabled: e.disabled,
+			className: "group",
+			children: /* @__PURE__ */ p(s, {
+				icon: e.icon,
+				label: e.label
+			})
+		}) }, e.label))
+	}) : null;
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
+		ref: C,
+		type: "button",
+		onClick: (e) => {
+			e.stopPropagation(), b((e) => !e);
+		},
+		className: n(o, _),
+		"aria-label": v(t.AUTOMATIONS$ACTIONS_MENU),
+		"aria-expanded": y,
+		"aria-haspopup": "menu",
+		children: /* @__PURE__ */ p(a, { className: "size-4" })
+	}), y && x && typeof document < "u" ? h.createPortal(/* @__PURE__ */ p("div", {
+		style: x,
+		children: T
+	}), document.body) : null] });
+}
+//#endregion
+export { g as KebabMenu };
+
+//# sourceMappingURL=kebab-menu.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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;
+//# sourceMappingURL=recommended-automations-launcher.cjs.map

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

@@ -0,0 +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.d.ts

@@ -3,6 +3,12 @@ interface RecommendedAutomationsLauncherProps {
     onLaunched?: () => void;
     /** When true, only the automation card grid scrolls inside its section. */
     scrollableGrid?: boolean;
+    /**
+     * Compact discovery rail for New Chat and the automations dashboard.
+     * The templates page keeps the full catalog section.
+     */
+    variant?: "catalog" | "rail";
+    className?: string;
 }
-export declare function RecommendedAutomationsLauncher({ query, onLaunched, scrollableGrid, }: RecommendedAutomationsLauncherProps): import("react").JSX.Element | null;
+export declare function RecommendedAutomationsLauncher({ query, onLaunched, scrollableGrid, variant, className, }: RecommendedAutomationsLauncherProps): import("react").JSX.Element | null;
 export {};

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

@@ -0,0 +1,134 @@
+import { useNavigation as e } from "../../../context/navigation-context.js";
+import { setConversationState as t, setPendingTaskDraft as ee } from "../../../utils/conversation-local-storage.js";
+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 { 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";
+import { findInstalledEntryMatch as d, getMarketplaceEntryById as f, isMcpInstallableEntry as p } from "../../../utils/mcp-marketplace-utils.js";
+import { useAutomations as m } from "../../../hooks/query/use-automations.js";
+import { useResponderUrlSecret as h } from "../../../hooks/use-responder-url-secret.js";
+import { flattenMcpConfig as g } from "../../../utils/mcp-installed-servers.js";
+import { InstallServerModal as _ } from "../mcp-page/install-server-modal.js";
+import { isResponderAutomation as v } from "../../../utils/responder-deployment.js";
+import { RecommendedAutomationsRail as y } from "./recommended-automations-rail.js";
+import { RecommendedAutomationsSection as b } from "./recommended-automations-section.js";
+import { ResponderDeploymentModal as x } from "./responder-deployment-modal.js";
+import { useCallback as S, useMemo as C, useRef as w, useState as T } from "react";
+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);
+}
+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) => {
+		if (U.current || M.isPending || P) return;
+		if (U.current = !0, o.findById(e.id)) {
+			k?.(s(e.id)), u?.();
+			return;
+		}
+		let n = te(e);
+		M.mutate({}, {
+			onSuccess: (r) => {
+				j({
+					automationName: e.name,
+					automationCategory: e.category
+				}), r.conversation_id.startsWith("task-") && r.task_id ? ee(r.task_id, n) : t(r.conversation_id, { draftMessage: n }), k?.(`/conversations/${r.conversation_id}`), u?.(), window.setTimeout(() => F(n), 0);
+			},
+			onError: () => {
+				U.current = !1;
+			}
+		});
+	}, [
+		O.backend.kind,
+		M,
+		P,
+		k,
+		u,
+		F,
+		j
+	]), ue = S((e) => se(e).filter((e) => !d(e, J)), [J]), X = (e) => {
+		let t = ue(e);
+		if (t.length === 0) {
+			Y(e);
+			return;
+		}
+		L(e), V(t);
+	}, Z = (e) => {
+		if (!(U.current || M.isPending || P || B.length > 0 || R !== null)) {
+			if (v(e)) {
+				z(e);
+				return;
+			}
+			X(e);
+		}
+	}, de = async () => {
+		let e = R;
+		if (!(!e || W.current)) {
+			W.current = !0, K(!0);
+			try {
+				if (!await N()) return;
+				z(null), X(e);
+			} finally {
+				W.current = !1, K(!1);
+			}
+		}
+	}, Q = (e) => {
+		z(null), window.open(e, "_blank", "noopener,noreferrer");
+	}, fe = () => {
+		z(null);
+	}, pe = () => {
+		if (H.current) {
+			H.current = !1;
+			return;
+		}
+		L(null), V([]);
+	}, me = () => {
+		H.current = !0, V((e) => {
+			let t = e.slice(1);
+			if (t.length === 0) {
+				let e = I;
+				window.setTimeout(() => {
+					L(null), e && Y(e);
+				}, 0);
+			}
+			return t;
+		});
+	}, $ = B[0] ?? null;
+	return !c() || O.backend.kind === "cloud" || q && le ? null : /* @__PURE__ */ oe(ae, { children: [
+		q ? /* @__PURE__ */ E(y, {
+			className: D,
+			installedAutomations: ce?.automations ?? [],
+			onSelect: Z
+		}) : /* @__PURE__ */ E(b, {
+			backendKind: O.backend.kind,
+			installedServers: J,
+			query: a,
+			onSelect: Z,
+			scrollableGrid: f
+		}),
+		$ && /* @__PURE__ */ E(_, {
+			entry: $,
+			existingServers: J,
+			onClose: pe,
+			onSuccess: me
+		}, $.id),
+		/* @__PURE__ */ E(x, {
+			isOpen: R !== null,
+			isPending: G,
+			onClose: fe,
+			onContinueLocal: de,
+			onOpenUrl: Q
+		})
+	] });
+}
+//#endregion
+export { D as RecommendedAutomationsLauncher };
+
+//# sourceMappingURL=recommended-automations-launcher.js.map

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

@@ -0,0 +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-rail.cjs

@@ -0,0 +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("../../../utils/scroll-fade-state.cjs"),a=require("../../../utils/extension-module-card-classes.cjs"),o=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),s=require("../mcp-logo-badge.cjs"),c=require("../../../utils/mcp-marketplace-utils.cjs"),l=require("../../../utils/recommended-automation-rail.cjs"),u=require("../../../hooks/use-drag-scroll.cjs"),d=require("../../../utils/automation-stack-section.cjs");let f=require("react"),p=require("react/jsx-runtime");var m=`flex h-10 items-start`;function h(e){return r.getIntegrationIds(e).flatMap(e=>{let t=c.getMarketplaceEntryById(e,o.default);return t?[t]:[]})}function g({automation:e,entries:t,testId:i}){let a=t.slice(0,4),o=a.length>1,c=r.getAutomationIcon(e);return(0,p.jsx)(`span`,{"aria-hidden":`true`,"data-testid":i,"data-layout":o&&!c?`overlap`:void 0,className:n.cn(m,o&&!c&&`-space-x-2`),children:c?(0,p.jsx)(s.McpLogoBadge,{entry:null,size:`base`,fallback:(0,f.createElement)(c,{className:`h-5 w-5`,strokeWidth:2.25})}):a.length===0?(0,p.jsx)(s.McpLogoBadge,{entry:null,size:`base`}):a.map(e=>(0,p.jsx)(s.McpLogoBadge,{entry:e,size:`base`,className:o?`ring-2 ring-[var(--oh-color-base-secondary)]`:void 0},e.id))})}function _({installedAutomations:r,onSelect:o,className:s}){let{t:c}=e.useTranslation(`openhands`),m=l.flattenRecommendedRailGroups(l.getRecommendedRailGroups(r)),_=(0,f.useRef)(null),{handleMouseDown:v,handleClickCapture:y,handleDragStart:b}=u.useDragScroll(_),[x,S]=(0,f.useState)({left:!1,right:!1}),C=(0,f.useCallback)(()=>{let e=_.current;if(!e)return;let t=i.readScrollFadeState(e);S(e=>e.left===t.left&&e.right===t.right?e:t)},[]);return(0,f.useLayoutEffect)(()=>{C();let e=_.current;if(!e)return;let t=new ResizeObserver(C);return t.observe(e),Array.from(e.children).forEach(e=>{t.observe(e)}),()=>t.disconnect()},[C,m.map(e=>e.id).join(`,`)]),m.length===0?null:(0,p.jsxs)(`section`,{"data-testid":`recommended-automations-rail`,"aria-label":c(t.I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_LABEL),className:n.cn(`w-full`,d.AUTOMATION_STACK_SECTION_BOTTOM_CLASS,s),children:[(0,p.jsx)(`h2`,{className:`mb-2 text-sm font-medium text-[var(--oh-foreground)]`,children:c(t.I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_LABEL)}),(0,p.jsxs)(`div`,{className:`relative`,children:[(0,p.jsx)(`div`,{ref:_,role:`list`,"data-testid":`recommended-automations-rail-scroll`,onScroll:C,onMouseDown:v,onClickCapture:y,onDragStart:b,className:`flex flex-nowrap gap-3 overflow-x-auto scrollbar-hide select-none`,children:m.map(e=>(0,p.jsx)(`div`,{role:`listitem`,children:(0,p.jsxs)(`button`,{type:`button`,"data-testid":`recommended-automation-rail-card-${e.id}`,onClick:()=>o(e),className:n.cn(`flex w-[220px] shrink-0 flex-col gap-3 p-3 text-left`,a.extensionModuleCardSurfaceClassName,a.extensionModuleCardInteractiveClassName),children:[(0,p.jsx)(g,{automation:e,entries:h(e),testId:`recommended-automation-rail-icon-${e.id}`}),(0,p.jsxs)(`div`,{className:`min-w-0`,children:[(0,p.jsx)(`h3`,{className:`truncate text-sm font-semibold text-white`,children:e.name}),(0,p.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-xs leading-relaxed text-tertiary-light`,children:e.description})]})]})},e.id))}),(0,p.jsx)(`div`,{"aria-hidden":!0,"data-testid":`recommended-automations-rail-fade-left`,"data-visible":x.left?`true`:`false`,className:n.cn(`pointer-events-none absolute inset-y-0 left-0 z-10 w-10`,`bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent`,`transition-opacity duration-300 ease-out motion-reduce:transition-none`,x.left?`opacity-100`:`opacity-0`)}),(0,p.jsx)(`div`,{"aria-hidden":!0,"data-testid":`recommended-automations-rail-fade-right`,"data-visible":x.right?`true`:`false`,className:n.cn(`pointer-events-none absolute inset-y-0 right-0 z-10 w-10`,`bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent`,`transition-opacity duration-300 ease-out motion-reduce:transition-none`,x.right?`opacity-100`:`opacity-0`)})]})]})}exports.RecommendedAutomationsRail=_;
+//# sourceMappingURL=recommended-automations-rail.cjs.map

package/dist/components/features/automations/recommended-automations-rail.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommended-automations-rail.cjs","names":[],"sources":["../../../../src/components/features/automations/recommended-automations-rail.tsx"],"sourcesContent":["import {\n  createElement,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { RecommendedAutomation } from \"@openhands/extensions/automations\";\nimport {\n  INTEGRATION_CATALOG as MCP_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { getMarketplaceEntryById } from \"#/utils/mcp-marketplace-utils\";\nimport {\n  getAutomationIcon,\n  getIntegrationIds,\n} from \"#/utils/automation-catalog\";\nimport {\n  flattenRecommendedRailGroups,\n  getRecommendedRailGroups,\n} from \"#/utils/recommended-automation-rail\";\nimport { readScrollFadeState } from \"#/utils/scroll-fade-state\";\nimport { useDragScroll } from \"#/hooks/use-drag-scroll\";\nimport type { Automation } from \"#/types/automation\";\nimport { AUTOMATION_STACK_SECTION_BOTTOM_CLASS } from \"#/utils/automation-stack-section\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  extensionModuleCardInteractiveClassName,\n  extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\n\ninterface RecommendedAutomationsRailProps {\n  installedAutomations: readonly Pick<Automation, \"name\">[];\n  onSelect: (automation: RecommendedAutomation) => void;\n  className?: string;\n}\n\n/** Current catalog tiles reserve 40px for the icon; keep that row height. */\nconst RAIL_ICON_ROW_CLASS_NAME = \"flex h-10 items-start\";\n\nfunction integrationEntries(\n  automation: RecommendedAutomation,\n): MarketplaceEntry[] {\n  return getIntegrationIds(automation).flatMap((id) => {\n    const entry = getMarketplaceEntryById(id, MCP_MARKETPLACE);\n    return entry ? [entry] : [];\n  });\n}\n\nfunction RailIntegrationIcons({\n  automation,\n  entries,\n  testId,\n}: {\n  automation: RecommendedAutomation;\n  entries: MarketplaceEntry[];\n  testId: string;\n}) {\n  const visibleEntries = entries.slice(0, 4);\n  const isOverlap = visibleEntries.length > 1;\n  // A declared glyph replaces the logos rather than joining them: it is the\n  // whole identity of an entry that names one.\n  const Icon = getAutomationIcon(automation);\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-testid={testId}\n      data-layout={isOverlap && !Icon ? \"overlap\" : undefined}\n      className={cn(\n        RAIL_ICON_ROW_CLASS_NAME,\n        isOverlap && !Icon && \"-space-x-2\",\n      )}\n    >\n      {Icon ? (\n        <McpLogoBadge\n          entry={null}\n          size=\"base\"\n          fallback={createElement(Icon, {\n            className: \"h-5 w-5\",\n            strokeWidth: 2.25,\n          })}\n        />\n      ) : visibleEntries.length === 0 ? (\n        <McpLogoBadge entry={null} size=\"base\" />\n      ) : (\n        visibleEntries.map((entry) => (\n          <McpLogoBadge\n            key={entry.id}\n            entry={entry}\n            size=\"base\"\n            className={\n              isOverlap\n                ? \"ring-2 ring-[var(--oh-color-base-secondary)]\"\n                : undefined\n            }\n          />\n        ))\n      )}\n    </span>\n  );\n}\n\nexport function RecommendedAutomationsRail({\n  installedAutomations,\n  onSelect,\n  className,\n}: RecommendedAutomationsRailProps) {\n  const { t } = useTranslation(\"openhands\");\n  const items = flattenRecommendedRailGroups(\n    getRecommendedRailGroups(installedAutomations),\n  );\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const { handleMouseDown, handleClickCapture, handleDragStart } =\n    useDragScroll(scrollRef);\n  const [fadeState, setFadeState] = useState({ left: false, right: false });\n\n  const updateFadeState = useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) return;\n    const next = readScrollFadeState(element);\n    setFadeState((current) =>\n      current.left === next.left && current.right === next.right\n        ? current\n        : next,\n    );\n  }, []);\n\n  const itemIds = items.map((item) => item.id).join(\",\");\n\n  useLayoutEffect(() => {\n    updateFadeState();\n\n    const element = scrollRef.current;\n    if (!element) return undefined;\n\n    const resizeObserver = new ResizeObserver(updateFadeState);\n    resizeObserver.observe(element);\n    Array.from(element.children).forEach((child) => {\n      resizeObserver.observe(child);\n    });\n\n    return () => resizeObserver.disconnect();\n  }, [updateFadeState, itemIds]);\n\n  if (items.length === 0) return null;\n\n  return (\n    <section\n      data-testid=\"recommended-automations-rail\"\n      aria-label={t(I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_LABEL)}\n      className={cn(\"w-full\", AUTOMATION_STACK_SECTION_BOTTOM_CLASS, className)}\n    >\n      <h2 className=\"mb-2 text-sm font-medium text-[var(--oh-foreground)]\">\n        {t(I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_LABEL)}\n      </h2>\n\n      <div className=\"relative\">\n        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- mouse drag-to-scroll is a pointer convenience; keyboard users scroll the list natively via the focusable cards. */}\n        <div\n          ref={scrollRef}\n          role=\"list\"\n          data-testid=\"recommended-automations-rail-scroll\"\n          onScroll={updateFadeState}\n          onMouseDown={handleMouseDown}\n          onClickCapture={handleClickCapture}\n          onDragStart={handleDragStart}\n          className=\"flex flex-nowrap gap-3 overflow-x-auto scrollbar-hide select-none\"\n        >\n          {items.map((automation) => (\n            <div key={automation.id} role=\"listitem\">\n              <button\n                type=\"button\"\n                data-testid={`recommended-automation-rail-card-${automation.id}`}\n                onClick={() => onSelect(automation)}\n                className={cn(\n                  \"flex w-[220px] shrink-0 flex-col gap-3 p-3 text-left\",\n                  extensionModuleCardSurfaceClassName,\n                  extensionModuleCardInteractiveClassName,\n                )}\n              >\n                <RailIntegrationIcons\n                  automation={automation}\n                  entries={integrationEntries(automation)}\n                  testId={`recommended-automation-rail-icon-${automation.id}`}\n                />\n                <div className=\"min-w-0\">\n                  <h3 className=\"truncate text-sm font-semibold text-white\">\n                    {automation.name}\n                  </h3>\n                  <p className=\"mt-0.5 line-clamp-2 text-xs leading-relaxed text-tertiary-light\">\n                    {automation.description}\n                  </p>\n                </div>\n              </button>\n            </div>\n          ))}\n        </div>\n        <div\n          aria-hidden\n          data-testid=\"recommended-automations-rail-fade-left\"\n          data-visible={fadeState.left ? \"true\" : \"false\"}\n          className={cn(\n            \"pointer-events-none absolute inset-y-0 left-0 z-10 w-10\",\n            \"bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n            \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n            fadeState.left ? \"opacity-100\" : \"opacity-0\",\n          )}\n        />\n        <div\n          aria-hidden\n          data-testid=\"recommended-automations-rail-fade-right\"\n          data-visible={fadeState.right ? \"true\" : \"false\"}\n          className={cn(\n            \"pointer-events-none absolute inset-y-0 right-0 z-10 w-10\",\n            \"bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n            \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n            fadeState.right ? \"opacity-100\" : \"opacity-0\",\n          )}\n        />\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/automations/recommended-automations-rail.d.ts

@@ -0,0 +1,9 @@
+import type { RecommendedAutomation } from "@openhands/extensions/automations";
+import type { Automation } from "#/types/automation";
+interface RecommendedAutomationsRailProps {
+    installedAutomations: readonly Pick<Automation, "name">[];
+    onSelect: (automation: RecommendedAutomation) => void;
+    className?: string;
+}
+export declare function RecommendedAutomationsRail({ installedAutomations, onSelect, className, }: RecommendedAutomationsRailProps): import("react").JSX.Element | null;
+export {};