@openhands/agent-canvas 1.15.0 → 1.17.0

package/dist/components/features/automations/detail/run-status-badge.d.ts

@@ -1,6 +1,6 @@
-import { AutomationRunStatus } from "#/types/automation";
+import { type AutomationRunBadgeStatus } from "#/utils/automation-run-display";
 interface RunStatusBadgeProps {
-    status: AutomationRunStatus;
+    status: AutomationRunBadgeStatus;
     /**
      * Icon-only mark (no pill). Status text is available via hover tooltip and
      * `aria-label`, unless {@link showLabel} is also set.

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

@@ -1,102 +1,131 @@
 import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
-import { I18nKey as t } from "../../../../i18n/declaration.js";
-import { LoaderCircle as n } from "../../../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-import { cn as r } from "../../../../utils/utils.js";
-import { StyledTooltip as i } from "../../../shared/buttons/styled-tooltip.js";
-import { AutomationRunStatus as a } from "../../../../types/automation.js";
-import o from "../../../../icons/clock.js";
-import s from "../../../../icons/check-circle.js";
-import c from "../../../../icons/x-circle.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { CircleAlert as t } from "../../../../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
+import { CircleQuestionMark as n } from "../../../../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js";
+import { LoaderCircle as r } from "../../../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+import { cn as i } from "../../../../utils/utils.js";
+import { StyledTooltip as a } from "../../../shared/buttons/styled-tooltip.js";
+import { AutomationRunStatus as o } from "../../../../types/automation.js";
+import { getAutomationRunBadgeLabelKey as s } from "../../../../utils/automation-run-display.js";
+import c from "../../../../icons/clock.js";
+import l from "../../../../icons/check-circle.js";
+import u from "../../../../icons/x-circle.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/features/automations/detail/run-status-badge.tsx
-var d = {
-	[a.COMPLETED]: {
-		label: t.AUTOMATIONS$DETAIL$SUCCESSFUL,
+var p = {
+	[o.COMPLETED]: {
 		style: "bg-[var(--oh-success)]/10 text-[var(--oh-success)]",
 		iconTone: "text-[var(--oh-success)]"
 	},
-	[a.FAILED]: {
-		label: t.AUTOMATIONS$DETAIL$FAILED,
+	success: {
+		style: "bg-[var(--oh-success)]/10 text-[var(--oh-success)]",
+		iconTone: "text-[var(--oh-success)]"
+	},
+	[o.FAILED]: {
 		style: "bg-[var(--oh-danger)]/10 text-danger",
 		iconTone: "text-danger"
 	},
-	[a.PENDING]: {
-		label: t.AUTOMATIONS$DETAIL$PENDING,
+	failed: {
+		style: "bg-[var(--oh-danger)]/10 text-danger",
+		iconTone: "text-danger"
+	},
+	blocked: {
+		style: "bg-[var(--oh-warning)]/10 text-[var(--oh-warning)]",
+		iconTone: "text-[var(--oh-warning)]"
+	},
+	partial_success: {
+		style: "bg-[var(--oh-warning)]/10 text-[var(--oh-warning)]",
+		iconTone: "text-[var(--oh-warning)]"
+	},
+	unknown: {
+		style: "bg-[var(--oh-warning)]/10 text-[var(--oh-warning)]",
+		iconTone: "text-[var(--oh-warning)]"
+	},
+	[o.PENDING]: {
 		style: "bg-surface-raised text-muted",
 		iconTone: "text-muted"
 	},
-	[a.RUNNING]: {
-		label: t.AUTOMATIONS$DETAIL$RUNNING,
+	[o.RUNNING]: {
 		style: "bg-surface-raised text-muted",
 		iconTone: "text-muted"
 	},
-	[a.CANCELLED]: {
-		label: t.AUTOMATIONS$DETAIL$CANCELLED,
+	[o.CANCELLED]: {
 		style: "bg-surface-raised text-muted",
 		iconTone: "text-muted"
 	},
-	[a.SKIPPED]: {
-		label: t.AUTOMATIONS$DETAIL$SKIPPED,
+	[o.SKIPPED]: {
 		style: "bg-surface-raised text-muted",
 		iconTone: "text-muted"
 	}
 };
-function f({ status: e, compact: t = !1 }) {
-	let i = t ? "size-3" : "size-3.5";
+function m({ status: e, compact: a = !1 }) {
+	let s = a ? "size-3" : "size-3.5";
 	switch (e) {
-		case a.COMPLETED: return /* @__PURE__ */ l(s, {
+		case o.COMPLETED:
+		case "success": return /* @__PURE__ */ d(l, {
 			"data-testid": "run-status-icon-completed",
-			className: i
+			className: s
 		});
-		case a.FAILED: return /* @__PURE__ */ l(c, {
+		case o.FAILED:
+		case "failed": return /* @__PURE__ */ d(u, {
 			"data-testid": "run-status-icon-failed",
-			className: i
+			className: s
 		});
-		case a.RUNNING: return /* @__PURE__ */ l(n, {
+		case o.RUNNING: return /* @__PURE__ */ d(r, {
 			"data-testid": "run-status-icon-running",
-			className: r(i, "animate-spin motion-reduce:animate-none"),
+			className: i(s, "animate-spin motion-reduce:animate-none"),
+			"aria-hidden": "true"
+		});
+		case "blocked":
+		case "partial_success": return /* @__PURE__ */ d(t, {
+			"data-testid": "run-status-icon-warning",
+			className: s,
+			"aria-hidden": "true"
+		});
+		case "unknown": return /* @__PURE__ */ d(n, {
+			"data-testid": "run-status-icon-needs-review",
+			className: s,
 			"aria-hidden": "true"
 		});
-		default: return /* @__PURE__ */ l(o, {
+		default: return /* @__PURE__ */ d(c, {
 			"data-testid": "run-status-icon-pending",
-			className: i
+			className: s
 		});
 	}
 }
-function p({ status: t, iconOnly: n = !1, showLabel: o = !1, compact: s = !1 }) {
-	let { t: c } = e("openhands"), p = d[t] ?? d[a.PENDING], m = c(p.label);
-	return n ? o ? /* @__PURE__ */ u("span", {
+function h({ status: t, iconOnly: n = !1, showLabel: r = !1, compact: c = !1 }) {
+	let { t: l } = e("openhands"), u = p[t] ?? p[o.PENDING], h = l(s(t));
+	return n ? r ? /* @__PURE__ */ f("span", {
 		"data-testid": "run-status-badge-icon",
-		className: r("inline-flex min-w-0 shrink-0 items-center gap-1.5 text-xs font-medium", p.iconTone),
-		children: [/* @__PURE__ */ l(f, {
+		className: i("inline-flex min-w-0 shrink-0 items-center gap-1.5 text-xs font-medium", u.iconTone),
+		children: [/* @__PURE__ */ d(m, {
 			status: t,
-			compact: s
-		}), /* @__PURE__ */ l("span", {
+			compact: c
+		}), /* @__PURE__ */ d("span", {
 			className: "truncate",
-			children: m
+			children: h
 		})]
-	}) : /* @__PURE__ */ l(i, {
-		content: m,
+	}) : /* @__PURE__ */ d(a, {
+		content: h,
 		placement: "top",
-		children: /* @__PURE__ */ l("span", {
+		children: /* @__PURE__ */ d("span", {
 			role: "img",
-			"aria-label": m,
+			"aria-label": h,
 			"data-testid": "run-status-badge-icon",
-			className: r("inline-flex shrink-0 cursor-default items-center justify-center", p.iconTone),
-			children: /* @__PURE__ */ l(f, {
+			className: i("inline-flex shrink-0 cursor-default items-center justify-center", u.iconTone),
+			children: /* @__PURE__ */ d(m, {
 				status: t,
-				compact: s
+				compact: c
 			})
 		})
-	}) : /* @__PURE__ */ u("span", {
-		className: r("inline-flex items-center rounded-full font-medium", s ? "gap-1 pl-1 pr-1.5 py-0 text-[10px] leading-4" : "gap-1.5 pl-2 pr-2.5 py-1 text-xs", p.style),
-		children: [/* @__PURE__ */ l(f, {
+	}) : /* @__PURE__ */ f("span", {
+		className: i("inline-flex items-center rounded-full font-medium", c ? "gap-1 pl-1 pr-1.5 py-0 text-[10px] leading-4" : "gap-1.5 pl-2 pr-2.5 py-1 text-xs", u.style),
+		children: [/* @__PURE__ */ d(m, {
 			status: t,
-			compact: s
-		}), m]
+			compact: c
+		}), h]
 	});
 }
 //#endregion
-export { p as RunStatusBadge };
+export { h as RunStatusBadge };
 
 //# sourceMappingURL=run-status-badge.js.map

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

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

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

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

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

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

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

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

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

@@ -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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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,SAAS,GAAmB,GAAmC;CAC7D,OAAO,EAA0B,CAAU,EACxC,KAAK,MAAO,EAAwB,GAAI,CAAe,CAAC,EACxD,QAAQ,MAAqC,CAAC,CAAC,CAAK,EACpD,OAAO,CAAqB;AACjC;AAEA,SAAgB,EAA+B,EAC7C,UACA,eACA,oBAAiB,IACjB,aAAU,WACV,gBACsC;CACtC,IAAM,IAAgB,EAAiB,GACjC,EAAE,gBAAa,EAAc,GAC7B,EAAE,MAAM,MAAa,EAAY,GACjC,EAAE,sCAAmC,EAAY,GACjD,IAAqB,GAAsB,GAC3C,IAA2B,EAAsB,GACjD,IAAyB,GAA0B,GACnD,IAAmB,GACtB,MAAU,EAAM,gBACnB,GACM,CAAC,GAAmB,KACxB,EAAuC,IAAI,GACvC,CAAC,GAA4B,KACjC,EAAuC,IAAI,GACvC,CAAC,GAAc,KAAmB,EAA6B,CAAC,CAAC,GACjE,IAAsB,EAAO,EAAK,GAClC,IAAoB,EAAO,EAAK,GAChC,IAAwB,EAAO,EAAK,GACpC,CAAC,GAA2B,KAChC,EAAS,EAAK,GACV,IAAS,MAAY,QACrB,EAAE,MAAM,IAAiB,WAAW,OACxC,EAAe,EACb,SAAS,KAAU,EAAc,QAAQ,SAAS,QACpD,CAAC,GAEG,IAAqB,QAEvB,EACE,GAAU,cACR,EAAe,GAAU,gBAAgB,UAAU,CACvD,EAAE,QAAQ,MAAW,EAAO,YAAY,EAAK,GAC/C,CAAC,GAAU,gBAAgB,YAAY,GAAU,UAAU,CAC7D,GAEM,IAAmB,GACtB,MAAsC;EACrC,IACE,EAAkB,WAClB,EAAmB,aACnB,GAEA;EAOF,IALA,EAAkB,UAAU,IAKxB,EAAe,SAAS,EAAW,EAAE,GAAG;GAE1C,AADA,IAAW,EAAoB,EAAW,EAAE,CAAC,GAC7C,IAAa;GACb;EACF;EAEA,IAAM,IAAS,GAA0B,CAAU;EAEnD,EAAmB,OACjB,CAAC,GACD;GACE,YAAY,MAAiB;IAiB3B,AAhBA,EAA+B;KAC7B,gBAAgB,EAAW;KAC3B,oBAAoB,EAAW;IACjC,CAAC,GAEC,EAAa,gBAAgB,WAAW,OAAO,KAC/C,EAAa,UAEb,GAAoB,EAAa,SAAS,CAAM,IAEhD,EAAqB,EAAa,iBAAiB,EACjD,cAAc,EAChB,CAAC,GAEH,IAAW,kBAAkB,EAAa,iBAAiB,GAC3D,IAAa,GACb,OAAO,iBAAiB,EAAiB,CAAM,GAAG,CAAC;GACrD;GACA,eAAe;IACb,EAAkB,UAAU;GAC9B;EACF,CACF;CACF,GACA;EACE,EAAc,QAAQ;EACtB;EACA;EACA;EACA;EACA;EACA;CACF,CACF,GAEM,KAAoB,GACvB,MACC,GAAmB,CAAU,EAAE,QAC5B,MAAU,CAAC,EAAwB,GAAO,CAAkB,CAC/D,GACF,CAAC,CAAkB,CACrB,GAEM,KAA0B,MAAsC;EACpE,IAAM,IAAiB,GAAkB,CAAU;EACnD,IAAI,EAAe,WAAW,GAAG;GAC/B,EAAiB,CAAU;GAC3B;EACF;EAGA,AADA,EAAqB,CAAU,GAC/B,EAAgB,CAAc;CAChC,GAEM,KAA0B,MAAsC;EAElE,QAAkB,WAClB,EAAmB,aACnB,KACA,EAAa,SAAS,KACtB,MAA+B,OAOjC;OAAI,EAAsB,CAAU,GAAG;IACrC,EAA8B,CAAU;IACxC;GACF;GAEA,EAAuB,CAAU;EAFjC;CAGF,GAEM,KAAgC,YAAY;EAChD,IAAM,IAAa;EACf,OAAC,KAAc,EAAsB,UAGzC;GADA,EAAsB,UAAU,IAChC,EAA6B,EAAI;GAEjC,IAAI;IAEF,IAAI,CAAC,MADuB,EAAyB,GACjC;IAGpB,AADA,EAA8B,IAAI,GAClC,EAAuB,CAAU;GACnC,UAAU;IAER,AADA,EAAsB,UAAU,IAChC,EAA6B,EAAK;GACpC;EAXiC;CAYnC,GAEM,KAA2B,MAAgB;EAE/C,AADA,EAA8B,IAAI,GAClC,OAAO,KAAK,GAAK,UAAU,qBAAqB;CAClD,GAEM,WAA8B;EAClC,EAA8B,IAAI;CACpC,GAEM,WAA0B;EAC9B,IAAI,EAAoB,SAAS;GAC/B,EAAoB,UAAU;GAC9B;EACF;EAEA,AADA,EAAqB,IAAI,GACzB,EAAgB,CAAC,CAAC;CACpB,GAEM,WAA6B;EAGjC,AAFA,EAAoB,UAAU,IAE9B,GAAiB,MAAiB;GAChC,IAAM,IAAY,EAAa,MAAM,CAAC;GAEtC,IAAI,EAAU,WAAW,GAAG;IAC1B,IAAM,IAAa;IACnB,OAAO,iBAAiB;KAEtB,AADA,EAAqB,IAAI,GACrB,KAAY,EAAiB,CAAU;IAC7C,GAAG,CAAC;GACN;GAEA,OAAO;EACT,CAAC;CACH,GAEM,IAAe,EAAa,MAAM;CAYxC,OARI,CAAC,GAAuB,KAIxB,EAAc,QAAQ,SAAS,WAE/B,KAAU,KAA6B,OAGzC,mBAAA,IAAA,EAAA,UAAA;EACG,IACC,kBAAC,GAAD;GACa;GACX,sBAAsB,IAAiB,eAAe,CAAC;GACvD,UAAU;EACX,CAAA,IAED,kBAAC,GAAD;GACE,aAAa,EAAc,QAAQ;GACnC,kBAAkB;GACX;GACP,UAAU;GACM;EACjB,CAAA;EAGF,KACC,kBAAC,GAAD;GAEE,OAAO;GACP,iBAAiB;GACjB,SAAS;GACT,WAAW;EACZ,GALM,EAAa,EAKnB;EAGH,kBAAC,GAAD;GACE,QAAQ,MAA+B;GACvC,WAAW;GACX,SAAS;GACT,iBAAiB;GACjB,WAAW;EACZ,CAAA;CACD,EAAA,CAAA;AAEN"}