@openhands/agent-canvas 1.14.0 → 1.15.0

package/dist/components/features/automations/create-instructions.js

@@ -0,0 +1,102 @@
+import { Trans as e } from "../../../node_modules/react-i18next/dist/es/Trans.js";
+import { useTranslation as t } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as n } from "../../../i18n/declaration.js";
+import { cn as r } from "../../../utils/utils.js";
+import { useActiveBackend as i } from "../../../contexts/active-backend-context.js";
+import { getAutomationsDocsUrl as a } from "../../../manifests/automation-interface.js";
+import { useTracking as o } from "../../../hooks/use-tracking.js";
+import { BrandButton as s } from "../settings/brand-button.js";
+import c from "../../../icons/chevron-down.js";
+import l from "../../../icons/message-square-share.js";
+import { useLaunchSkillInChat as u } from "../../../hooks/use-launch-skill-in-chat.js";
+import { useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/features/automations/create-instructions.tsx
+function h({ children: e }) {
+	return /* @__PURE__ */ p("span", {
+		className: "whitespace-nowrap",
+		children: e
+	});
+}
+function g({ children: e }) {
+	return /* @__PURE__ */ p("code", {
+		"data-testid": "automations-create-instructions-example",
+		className: r("mx-0.5 inline-block rounded-sm border border-[var(--oh-border-subtle)]", "bg-[var(--oh-surface-raised)] px-1.5 py-0.5 align-baseline font-mono text-[11px] text-white"),
+		children: e
+	});
+}
+function _({ children: e }) {
+	return /* @__PURE__ */ p(f, { children: e });
+}
+var v = {
+	example: /* @__PURE__ */ p(h, {}),
+	cmd: /* @__PURE__ */ p(g, {}),
+	punct: /* @__PURE__ */ p(_, {})
+};
+function y({ onLaunch: r } = {}) {
+	let { t: c } = t("openhands"), d = u(), f = i(), { trackAutomationCreatedButton: h } = o();
+	return /* @__PURE__ */ m("div", {
+		className: "flex flex-col gap-5",
+		children: [/* @__PURE__ */ m("p", {
+			className: "text-sm leading-relaxed text-tertiary-light",
+			children: [
+				/* @__PURE__ */ p(e, {
+					ns: "openhands",
+					i18nKey: n.AUTOMATIONS$EMPTY_OPTION_CONVERSATION_DESC,
+					components: v
+				}),
+				" ",
+				c(n.AUTOMATIONS$CREATE_INSTRUCTIONS_GUIDANCE),
+				" ",
+				/* @__PURE__ */ p("a", {
+					href: a(),
+					target: "_blank",
+					rel: "noopener noreferrer",
+					className: "text-muted underline transition-colors hover:text-foreground",
+					children: c(n.AUTOMATIONS$EMPTY_LEARN_MORE)
+				})
+			]
+		}), /* @__PURE__ */ p("div", {
+			className: "flex justify-center",
+			children: /* @__PURE__ */ p(s, {
+				type: "button",
+				variant: "primary",
+				testId: "automations-create-automation",
+				onClick: () => {
+					h({ backendKind: f.backend.kind }), d(c(n.AUTOMATIONS$CREATE_AUTOMATION_PROMPT), r);
+				},
+				startContent: /* @__PURE__ */ p(l, {
+					className: "size-4",
+					"aria-hidden": !0
+				}),
+				children: c(n.AUTOMATIONS$CREATE_AUTOMATION_BUTTON)
+			})
+		})]
+	});
+}
+function b({ collapsible: e = !1 }) {
+	let { t: i } = t("openhands"), [a, o] = d(!e);
+	return e ? /* @__PURE__ */ m("div", {
+		className: "w-full rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface)]",
+		children: [/* @__PURE__ */ m("button", {
+			type: "button",
+			onClick: () => o(!a),
+			"aria-expanded": a,
+			className: "flex w-full items-center justify-between rounded-lg p-4 text-left transition-colors hover:bg-surface-raised",
+			children: [/* @__PURE__ */ p("span", {
+				className: "text-sm font-normal text-content",
+				children: i(n.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)
+			}), /* @__PURE__ */ p(c, { className: r("size-5 text-muted transition-transform", a && "rotate-180") })]
+		}), a ? /* @__PURE__ */ p("div", {
+			className: "px-4 pb-4",
+			children: /* @__PURE__ */ p(y, {})
+		}) : null]
+	}) : /* @__PURE__ */ p("div", {
+		className: "w-full max-w-2xl",
+		children: /* @__PURE__ */ p(y, {})
+	});
+}
+//#endregion
+export { b as CreateInstructions, y as CreateInstructionsContent };
+
+//# sourceMappingURL=create-instructions.js.map

package/dist/components/features/automations/create-instructions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-instructions.js","names":[],"sources":["../../../../src/components/features/automations/create-instructions.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ChevronDownIcon from \"#/icons/chevron-down.svg?react\";\nimport MessageSquareShareIcon from \"#/icons/message-square-share.svg?react\";\nimport { cn } from \"#/utils/utils\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { useLaunchSkillInChat } from \"#/hooks/use-launch-skill-in-chat\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { getAutomationsDocsUrl } from \"#/manifests/automation-interface\";\n\nfunction InlineExampleWrap({ children }: { children?: ReactNode }) {\n  return <span className=\"whitespace-nowrap\">{children}</span>;\n}\n\nfunction InlineCodeChip({ children }: { children?: ReactNode }) {\n  return (\n    <code\n      data-testid=\"automations-create-instructions-example\"\n      className={cn(\n        \"mx-0.5 inline-block rounded-sm border border-[var(--oh-border-subtle)]\",\n        \"bg-[var(--oh-surface-raised)] px-1.5 py-0.5 align-baseline font-mono text-[11px] text-white\",\n      )}\n    >\n      {children}\n    </code>\n  );\n}\n\nfunction InlinePunctuation({ children }: { children?: ReactNode }) {\n  return <>{children}</>;\n}\n\nconst CREATE_INSTRUCTIONS_INLINE_COMPONENTS = {\n  example: <InlineExampleWrap />,\n  cmd: <InlineCodeChip />,\n  punct: <InlinePunctuation />,\n};\n\ninterface CreateInstructionsProps {\n  /** If true, the instructions are collapsible and start collapsed */\n  collapsible?: boolean;\n}\n\ninterface CreateInstructionsContentProps {\n  onLaunch?: () => void;\n}\n\nexport function CreateInstructionsContent({\n  onLaunch,\n}: CreateInstructionsContentProps = {}) {\n  const { t } = useTranslation(\"openhands\");\n  const launchInChat = useLaunchSkillInChat();\n  const active = useActiveBackend();\n  const { trackAutomationCreatedButton } = useTracking();\n\n  const handleCreateAutomation = () => {\n    trackAutomationCreatedButton({ backendKind: active.backend.kind });\n    launchInChat(t(I18nKey.AUTOMATIONS$CREATE_AUTOMATION_PROMPT), onLaunch);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-5\">\n      <p className=\"text-sm leading-relaxed text-tertiary-light\">\n        <Trans\n          ns=\"openhands\"\n          i18nKey={I18nKey.AUTOMATIONS$EMPTY_OPTION_CONVERSATION_DESC}\n          components={CREATE_INSTRUCTIONS_INLINE_COMPONENTS}\n        />{\" \"}\n        {t(I18nKey.AUTOMATIONS$CREATE_INSTRUCTIONS_GUIDANCE)}{\" \"}\n        <a\n          href={getAutomationsDocsUrl()}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-muted underline transition-colors hover:text-foreground\"\n        >\n          {t(I18nKey.AUTOMATIONS$EMPTY_LEARN_MORE)}\n        </a>\n      </p>\n\n      <div className=\"flex justify-center\">\n        <BrandButton\n          type=\"button\"\n          variant=\"primary\"\n          testId=\"automations-create-automation\"\n          onClick={handleCreateAutomation}\n          startContent={\n            <MessageSquareShareIcon className=\"size-4\" aria-hidden />\n          }\n        >\n          {t(I18nKey.AUTOMATIONS$CREATE_AUTOMATION_BUTTON)}\n        </BrandButton>\n      </div>\n    </div>\n  );\n}\n\nexport function CreateInstructions({\n  collapsible = false,\n}: CreateInstructionsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isExpanded, setIsExpanded] = useState(!collapsible);\n\n  if (collapsible) {\n    return (\n      <div className=\"w-full rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface)]\">\n        <button\n          type=\"button\"\n          onClick={() => setIsExpanded(!isExpanded)}\n          aria-expanded={isExpanded}\n          className=\"flex w-full items-center justify-between rounded-lg p-4 text-left transition-colors hover:bg-surface-raised\"\n        >\n          <span className=\"text-sm font-normal text-content\">\n            {t(I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)}\n          </span>\n          <ChevronDownIcon\n            className={cn(\n              \"size-5 text-muted transition-transform\",\n              isExpanded && \"rotate-180\",\n            )}\n          />\n        </button>\n        {isExpanded ? (\n          <div className=\"px-4 pb-4\">\n            <CreateInstructionsContent />\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"w-full max-w-2xl\">\n      <CreateInstructionsContent />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAYA,SAAS,EAAkB,EAAE,eAAsC;CACjE,OAAO,kBAAC,QAAD;EAAM,WAAU;EAAqB;CAAe,CAAA;AAC7D;AAEA,SAAS,EAAe,EAAE,eAAsC;CAC9D,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW,EACT,0EACA,6FACF;EAEC;CACG,CAAA;AAEV;AAEA,SAAS,EAAkB,EAAE,eAAsC;CACjE,OAAO,kBAAA,GAAA,EAAG,YAAW,CAAA;AACvB;AAEA,IAAM,IAAwC;CAC5C,SAAS,kBAAC,GAAD,CAAoB,CAAA;CAC7B,KAAK,kBAAC,GAAD,CAAiB,CAAA;CACtB,OAAO,kBAAC,GAAD,CAAoB,CAAA;AAC7B;AAWA,SAAgB,EAA0B,EACxC,gBACkC,CAAC,GAAG;CACtC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAe,EAAqB,GACpC,IAAS,EAAiB,GAC1B,EAAE,oCAAiC,EAAY;CAOrD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,KAAD;GAAG,WAAU;aAAb;IACE,kBAAC,GAAD;KACE,IAAG;KACH,SAAS,EAAQ;KACjB,YAAY;IACb,CAAA;IAAE;IACF,EAAE,EAAQ,wCAAwC;IAAG;IACtD,kBAAC,KAAD;KACE,MAAM,EAAsB;KAC5B,QAAO;KACP,KAAI;KACJ,WAAU;eAET,EAAE,EAAQ,4BAA4B;IACtC,CAAA;GACF;MAEH,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,QAAO;IACP,eA7B6B;KAEnC,AADA,EAA6B,EAAE,aAAa,EAAO,QAAQ,KAAK,CAAC,GACjE,EAAa,EAAE,EAAQ,oCAAoC,GAAG,CAAQ;IACxE;IA2BQ,cACE,kBAAC,GAAD;KAAwB,WAAU;KAAS,eAAA;IAAa,CAAA;cAGzD,EAAE,EAAQ,oCAAoC;GACpC,CAAA;EACV,CAAA,CACF;;AAET;AAEA,SAAgB,EAAmB,EACjC,iBAAc,MACY;CAC1B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAY,KAAiB,EAAS,CAAC,CAAW;CA8BzD,OA5BI,IAEA,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAc,CAAC,CAAU;GACxC,iBAAe;GACf,WAAU;aAJZ,CAME,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,EAAQ,qCAAqC;GAC5C,CAAA,GACN,kBAAC,GAAD,EACE,WAAW,EACT,0CACA,KAAc,YAChB,EACD,CAAA,CACK;MACP,IACC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,CAA4B,CAAA;EACzB,CAAA,IACH,IACD;MAKP,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,CAA4B,CAAA;CACzB,CAAA;AAET"}

package/dist/components/features/automations/dashboard/automations-dashboard-controls.d.ts

@@ -10,9 +10,10 @@ interface AutomationsDashboardControlsProps {
     onSortChange: (value: DashboardSortValue) => void;
 }
 /**
- * The manifest-declared filter and sort dropdowns, in the manifest's order.
- * Which filters exist, their options, and every caption are the manifest's;
- * the predicates and comparators behind the values are the host's.
+ * One Filters trigger that nests the manifest-declared status, trigger, and
+ * sort dropdowns. Which filters exist, their options, and every caption stay
+ * the manifest's; the predicates and comparators behind the values stay the
+ * host's.
  */
 export declare function AutomationsDashboardControls({ spec, status, trigger, sort, onStatusChange, onTriggerChange, onSortChange, }: AutomationsDashboardControlsProps): import("react").JSX.Element;
 export {};

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

@@ -0,0 +1,2 @@
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/loader-circle.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../shared/buttons/styled-tooltip.cjs"),a=require("../../../../types/automation.cjs"),o=require("../../../../icons/clock.cjs"),s=require("../../../../icons/check-circle.cjs"),c=require("../../../../icons/x-circle.cjs");let l=require("react/jsx-runtime");var u={[a.AutomationRunStatus.COMPLETED]:{label:t.I18nKey.AUTOMATIONS$DETAIL$SUCCESSFUL,style:`bg-[var(--oh-success)]/10 text-[var(--oh-success)]`,iconTone:`text-[var(--oh-success)]`},[a.AutomationRunStatus.FAILED]:{label:t.I18nKey.AUTOMATIONS$DETAIL$FAILED,style:`bg-[var(--oh-danger)]/10 text-danger`,iconTone:`text-danger`},[a.AutomationRunStatus.PENDING]:{label:t.I18nKey.AUTOMATIONS$DETAIL$PENDING,style:`bg-surface-raised text-muted`,iconTone:`text-muted`},[a.AutomationRunStatus.RUNNING]:{label:t.I18nKey.AUTOMATIONS$DETAIL$RUNNING,style:`bg-surface-raised text-muted`,iconTone:`text-muted`},[a.AutomationRunStatus.CANCELLED]:{label:t.I18nKey.AUTOMATIONS$DETAIL$CANCELLED,style:`bg-surface-raised text-muted`,iconTone:`text-muted`},[a.AutomationRunStatus.SKIPPED]:{label:t.I18nKey.AUTOMATIONS$DETAIL$SKIPPED,style:`bg-surface-raised text-muted`,iconTone:`text-muted`}};function d({status:e,compact:t=!1}){let i=t?`size-3`:`size-3.5`;switch(e){case a.AutomationRunStatus.COMPLETED:return(0,l.jsx)(s.default,{"data-testid":`run-status-icon-completed`,className:i});case a.AutomationRunStatus.FAILED:return(0,l.jsx)(c.default,{"data-testid":`run-status-icon-failed`,className:i});case a.AutomationRunStatus.RUNNING:return(0,l.jsx)(n.LoaderCircle,{"data-testid":`run-status-icon-running`,className:r.cn(i,`animate-spin motion-reduce:animate-none`),"aria-hidden":`true`});default:return(0,l.jsx)(o.default,{"data-testid":`run-status-icon-pending`,className:i})}}function f({status:t,iconOnly:n=!1,showLabel:o=!1,compact:s=!1}){let{t:c}=e.useTranslation(`openhands`),f=u[t]??u[a.AutomationRunStatus.PENDING],p=c(f.label);return n?o?(0,l.jsxs)(`span`,{"data-testid":`run-status-badge-icon`,className:r.cn(`inline-flex min-w-0 shrink-0 items-center gap-1.5 text-xs font-medium`,f.iconTone),children:[(0,l.jsx)(d,{status:t,compact:s}),(0,l.jsx)(`span`,{className:`truncate`,children:p})]}):(0,l.jsx)(i.StyledTooltip,{content:p,placement:`top`,children:(0,l.jsx)(`span`,{role:`img`,"aria-label":p,"data-testid":`run-status-badge-icon`,className:r.cn(`inline-flex shrink-0 cursor-default items-center justify-center`,f.iconTone),children:(0,l.jsx)(d,{status:t,compact:s})})}):(0,l.jsxs)(`span`,{className:r.cn(`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`,f.style),children:[(0,l.jsx)(d,{status:t,compact:s}),p]})}exports.RunStatusBadge=f;
+//# sourceMappingURL=run-status-badge.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"run-status-badge.cjs","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":"okBAuBA,IAAM,EAGF,EACD,EAAA,oBAAoB,WAAY,CAC/B,MAAO,EAAA,QAAQ,8BACf,MAAO,qDACP,SAAU,0BACZ,GACC,EAAA,oBAAoB,QAAS,CAC5B,MAAO,EAAA,QAAQ,0BACf,MAAO,uCACP,SAAU,aACZ,GACC,EAAA,oBAAoB,SAAU,CAC7B,MAAO,EAAA,QAAQ,2BACf,MAAO,+BACP,SAAU,YACZ,GACC,EAAA,oBAAoB,SAAU,CAC7B,MAAO,EAAA,QAAQ,2BACf,MAAO,+BACP,SAAU,YACZ,GACC,EAAA,oBAAoB,WAAY,CAC/B,MAAO,EAAA,QAAQ,6BACf,MAAO,+BACP,SAAU,YACZ,GACC,EAAA,oBAAoB,SAAU,CAC7B,MAAO,EAAA,QAAQ,2BACf,MAAO,+BACP,SAAU,YACZ,CACF,EAEA,SAAS,EAAW,CAClB,SACA,UAAU,IAIT,CACD,IAAM,EAAY,EAAU,SAAW,WACvC,OAAQ,EAAR,CACE,KAAK,EAAA,oBAAoB,UACvB,OACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,cAAY,4BACZ,UAAW,CACZ,CAAA,EAEL,KAAK,EAAA,oBAAoB,OACvB,OACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,cAAY,yBACZ,UAAW,CACZ,CAAA,EAEL,KAAK,EAAA,oBAAoB,QACvB,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,cAAY,0BACZ,UAAW,EAAA,GAAG,EAAW,yCAAyC,EAClE,cAAY,MACb,CAAA,EAEL,QACE,OACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,cAAY,0BACZ,UAAW,CACZ,CAAA,CAEP,CACF,CAEA,SAAgB,EAAe,CAC7B,SACA,WAAW,GACX,YAAY,GACZ,UAAU,IACY,CACtB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,EACJ,EAAa,IAAW,EAAa,EAAA,oBAAoB,SACrD,EAAQ,EAAE,EAAO,KAAK,EAmC5B,OAjCI,EACE,GAEA,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,wBACZ,UAAW,EAAA,GACT,wEACA,EAAO,QACT,WALF,EAOE,EAAA,EAAA,KAAC,EAAD,CAAoB,SAAiB,SAAU,CAAA,GAC/C,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,CAAY,CAAA,CACpC,KAKR,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,QAAS,EAAO,UAAU,gBACvC,EAAA,EAAA,KAAC,OAAD,CACE,KAAK,MACL,aAAY,EACZ,cAAY,wBACZ,UAAW,EAAA,GACT,kEACA,EAAO,QACT,YAEA,EAAA,EAAA,KAAC,EAAD,CAAoB,SAAiB,SAAU,CAAA,CAC3C,CAAA,CACO,CAAA,GAKjB,EAAA,EAAA,MAAC,OAAD,CACE,UAAW,EAAA,GACT,oDACA,EACI,+CACA,mCACJ,EAAO,KACT,WAPF,EASE,EAAA,EAAA,KAAC,EAAD,CAAoB,SAAiB,SAAU,CAAA,EAC9C,CACG,GAEV"}

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

@@ -0,0 +1,102 @@
+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";
+//#region src/components/features/automations/detail/run-status-badge.tsx
+var d = {
+	[a.COMPLETED]: {
+		label: t.AUTOMATIONS$DETAIL$SUCCESSFUL,
+		style: "bg-[var(--oh-success)]/10 text-[var(--oh-success)]",
+		iconTone: "text-[var(--oh-success)]"
+	},
+	[a.FAILED]: {
+		label: t.AUTOMATIONS$DETAIL$FAILED,
+		style: "bg-[var(--oh-danger)]/10 text-danger",
+		iconTone: "text-danger"
+	},
+	[a.PENDING]: {
+		label: t.AUTOMATIONS$DETAIL$PENDING,
+		style: "bg-surface-raised text-muted",
+		iconTone: "text-muted"
+	},
+	[a.RUNNING]: {
+		label: t.AUTOMATIONS$DETAIL$RUNNING,
+		style: "bg-surface-raised text-muted",
+		iconTone: "text-muted"
+	},
+	[a.CANCELLED]: {
+		label: t.AUTOMATIONS$DETAIL$CANCELLED,
+		style: "bg-surface-raised text-muted",
+		iconTone: "text-muted"
+	},
+	[a.SKIPPED]: {
+		label: t.AUTOMATIONS$DETAIL$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";
+	switch (e) {
+		case a.COMPLETED: return /* @__PURE__ */ l(s, {
+			"data-testid": "run-status-icon-completed",
+			className: i
+		});
+		case a.FAILED: return /* @__PURE__ */ l(c, {
+			"data-testid": "run-status-icon-failed",
+			className: i
+		});
+		case a.RUNNING: return /* @__PURE__ */ l(n, {
+			"data-testid": "run-status-icon-running",
+			className: r(i, "animate-spin motion-reduce:animate-none"),
+			"aria-hidden": "true"
+		});
+		default: return /* @__PURE__ */ l(o, {
+			"data-testid": "run-status-icon-pending",
+			className: i
+		});
+	}
+}
+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", {
+		"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, {
+			status: t,
+			compact: s
+		}), /* @__PURE__ */ l("span", {
+			className: "truncate",
+			children: m
+		})]
+	}) : /* @__PURE__ */ l(i, {
+		content: m,
+		placement: "top",
+		children: /* @__PURE__ */ l("span", {
+			role: "img",
+			"aria-label": m,
+			"data-testid": "run-status-badge-icon",
+			className: r("inline-flex shrink-0 cursor-default items-center justify-center", p.iconTone),
+			children: /* @__PURE__ */ l(f, {
+				status: t,
+				compact: s
+			})
+		})
+	}) : /* @__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, {
+			status: t,
+			compact: s
+		}), m]
+	});
+}
+//#endregion
+export { p as RunStatusBadge };
+
+//# sourceMappingURL=run-status-badge.js.map

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

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

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

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/extension-module-card-classes.cjs"),r=require("./create-instructions.cjs"),i=require("./recommended-automations-launcher.cjs");let a=require("react/jsx-runtime");function o(){let{t:o}=e.useTranslation(`openhands`);return(0,a.jsxs)(`div`,{"data-testid":`automations-empty`,className:n.extensionModuleEmptyStateClassName,children:[(0,a.jsx)(`p`,{className:`text-sm text-white`,children:o(t.I18nKey.AUTOMATIONS$EMPTY)}),(0,a.jsx)(`div`,{className:`mt-4 flex justify-center`,children:(0,a.jsx)(r.CreateInstructions,{})}),(0,a.jsx)(`div`,{className:`mt-8 w-full text-left`,children:(0,a.jsx)(i.RecommendedAutomationsLauncher,{className:`pb-0`,variant:`rail`})})]})}exports.EmptyState=o;
+//# sourceMappingURL=empty-state.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.cjs","names":[],"sources":["../../../../src/components/features/automations/empty-state.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport { CreateInstructions } from \"./create-instructions\";\nimport { RecommendedAutomationsLauncher } from \"./recommended-automations-launcher\";\n\nexport function EmptyState() {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div\n      data-testid=\"automations-empty\"\n      className={extensionModuleEmptyStateClassName}\n    >\n      <p className=\"text-sm text-white\">{t(I18nKey.AUTOMATIONS$EMPTY)}</p>\n\n      <div className=\"mt-4 flex justify-center\">\n        <CreateInstructions />\n      </div>\n\n      <div className=\"mt-8 w-full text-left\">\n        <RecommendedAutomationsLauncher className=\"pb-0\" variant=\"rail\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"4WAMA,SAAgB,GAAa,CAC3B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,oBACZ,UAAW,EAAA,4CAFb,EAIE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,8BAAsB,EAAE,EAAA,QAAQ,iBAAiB,CAAK,CAAA,GAEnE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qCACb,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAqB,CAAA,CAClB,CAAA,GAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kCACb,EAAA,EAAA,KAAC,EAAA,+BAAD,CAAgC,UAAU,OAAO,QAAQ,MAAQ,CAAA,CAC9D,CAAA,CACF,GAET"}

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

@@ -0,0 +1,35 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { extensionModuleEmptyStateClassName as n } from "../../../utils/extension-module-card-classes.js";
+import { CreateInstructions as r } from "./create-instructions.js";
+import { RecommendedAutomationsLauncher as i } from "./recommended-automations-launcher.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/features/automations/empty-state.tsx
+function s() {
+	let { t: s } = e("openhands");
+	return /* @__PURE__ */ o("div", {
+		"data-testid": "automations-empty",
+		className: n,
+		children: [
+			/* @__PURE__ */ a("p", {
+				className: "text-sm text-white",
+				children: s(t.AUTOMATIONS$EMPTY)
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "mt-4 flex justify-center",
+				children: /* @__PURE__ */ a(r, {})
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "mt-8 w-full text-left",
+				children: /* @__PURE__ */ a(i, {
+					className: "pb-0",
+					variant: "rail"
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { s as EmptyState };
+
+//# sourceMappingURL=empty-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../../../src/components/features/automations/empty-state.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport { CreateInstructions } from \"./create-instructions\";\nimport { RecommendedAutomationsLauncher } from \"./recommended-automations-launcher\";\n\nexport function EmptyState() {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div\n      data-testid=\"automations-empty\"\n      className={extensionModuleEmptyStateClassName}\n    >\n      <p className=\"text-sm text-white\">{t(I18nKey.AUTOMATIONS$EMPTY)}</p>\n\n      <div className=\"mt-4 flex justify-center\">\n        <CreateInstructions />\n      </div>\n\n      <div className=\"mt-8 w-full text-left\">\n        <RecommendedAutomationsLauncher className=\"pb-0\" variant=\"rail\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,IAAa;CAC3B,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW;YAFb;GAIE,kBAAC,KAAD;IAAG,WAAU;cAAsB,EAAE,EAAQ,iBAAiB;GAAK,CAAA;GAEnE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAAqB,CAAA;GAClB,CAAA;GAEL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAgC,WAAU;KAAO,SAAQ;IAAQ,CAAA;GAC9D,CAAA;EACF;;AAET"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"recommended-automations-launcher.cjs","names":[],"sources":["../../../../src/components/features/automations/recommended-automations-launcher.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useResponderUrlSecret } from \"#/hooks/use-responder-url-secret\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport {\n  setConversationState,\n  setPendingTaskDraft,\n} from \"#/utils/conversation-local-storage\";\nimport type { RecommendedAutomation } from \"@openhands/extensions/automations\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  INTEGRATION_CATALOG as MCP_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport {\n  findInstalledEntryMatch,\n  getMarketplaceEntryById,\n  isMcpInstallableEntry,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { InstallServerModal } from \"#/components/features/mcp-page/install-server-modal\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport {\n  automationSetupPath,\n  hasAutomationInterface,\n} from \"#/manifests/automation-interface\";\nimport { SETUP_REGISTRY } from \"#/manifests/manifest-sources\";\nimport {\n  getAutomationLaunchPrompt,\n  getRequiredIntegrationIds,\n} from \"#/utils/automation-catalog\";\nimport { isResponderAutomation } from \"#/utils/responder-deployment\";\nimport { useAutomations } from \"#/hooks/query/use-automations\";\nimport { RecommendedAutomationsRail } from \"./recommended-automations-rail\";\nimport { RecommendedAutomationsSection } from \"./recommended-automations-section\";\nimport { ResponderDeploymentModal } from \"./responder-deployment-modal\";\n\ninterface RecommendedAutomationsLauncherProps {\n  query?: string;\n  onLaunched?: () => void;\n  /** When true, only the automation card grid scrolls inside its section. */\n  scrollableGrid?: boolean;\n  /**\n   * Compact discovery rail for New Chat and the automations dashboard.\n   * The templates page keeps the full catalog section.\n   */\n  variant?: \"catalog\" | \"rail\";\n  className?: string;\n}\n\n/**\n * The marketplace entries a launch waits on. An integration the automation is\n * willing to start without is deliberately absent, so it never queues an\n * install modal the user has to dismiss.\n *\n * A required integration this backend cannot install as MCP (e.g. Jira's\n * HTTP-only option) is also excluded here — the install queue can't do\n * anything with it — but it is not silently dropped from the product: the\n * automation card keeps it visible and labels it as needing external setup.\n */\nfunction getRequiredEntries(automation: RecommendedAutomation) {\n  return getRequiredIntegrationIds(automation)\n    .map((id) => getMarketplaceEntryById(id, MCP_MARKETPLACE))\n    .filter((entry): entry is MarketplaceEntry => !!entry)\n    .filter(isMcpInstallableEntry);\n}\n\nexport function RecommendedAutomationsLauncher({\n  query,\n  onLaunched,\n  scrollableGrid = false,\n  variant = \"catalog\",\n  className,\n}: RecommendedAutomationsLauncherProps) {\n  const activeBackend = useActiveBackend();\n  const { navigate } = useNavigation();\n  const { data: settings } = useSettings();\n  const { trackPrebuiltAutomationEnabled } = useTracking();\n  const createConversation = useCreateConversation();\n  const ensureResponderUrlSecret = useResponderUrlSecret();\n  const isCreatingConversation = useIsCreatingConversation();\n  const setMessageToSend = useConversationStore(\n    (state) => state.setMessageToSend,\n  );\n  const [pendingAutomation, setPendingAutomation] =\n    useState<RecommendedAutomation | null>(null);\n  const [deploymentChoiceAutomation, setDeploymentChoiceAutomation] =\n    useState<RecommendedAutomation | null>(null);\n  const [installQueue, setInstallQueue] = useState<MarketplaceEntry[]>([]);\n  const completedInstallRef = useRef(false);\n  const launchInFlightRef = useRef(false);\n  const localSetupInFlightRef = useRef(false);\n  const [isPreparingLocalResponder, setIsPreparingLocalResponder] =\n    useState(false);\n  const isRail = variant === \"rail\";\n  const { data: automationsData, isLoading: isAutomationsLoading } =\n    useAutomations({\n      enabled: isRail && activeBackend.backend.kind === \"local\",\n    });\n\n  const installedMcpConfig = useMemo(\n    () =>\n      flattenMcpConfig(\n        settings?.mcp_config ??\n          parseMcpConfig(settings?.agent_settings?.mcp_config),\n      ).filter((server) => server.enabled !== false),\n    [settings?.agent_settings?.mcp_config, settings?.mcp_config],\n  );\n\n  const launchAutomation = useCallback(\n    (automation: RecommendedAutomation) => {\n      if (\n        launchInFlightRef.current ||\n        createConversation.isPending ||\n        isCreatingConversation\n      ) {\n        return;\n      }\n      launchInFlightRef.current = true;\n\n      // An automation that ships a setup experience is configured from its own\n      // form, so the answers are collected before anything is created. The rest\n      // still hand a slash command to an agent to interpret.\n      if (SETUP_REGISTRY.findById(automation.id)) {\n        navigate?.(automationSetupPath(automation.id));\n        onLaunched?.();\n        return;\n      }\n\n      const prompt = getAutomationLaunchPrompt(automation);\n\n      createConversation.mutate(\n        {},\n        {\n          onSuccess: (conversation) => {\n            trackPrebuiltAutomationEnabled({\n              automationName: automation.name,\n              automationCategory: automation.category,\n            });\n            if (\n              conversation.conversation_id.startsWith(\"task-\") &&\n              conversation.task_id\n            ) {\n              setPendingTaskDraft(conversation.task_id, prompt);\n            } else {\n              setConversationState(conversation.conversation_id, {\n                draftMessage: prompt,\n              });\n            }\n            navigate?.(`/conversations/${conversation.conversation_id}`);\n            onLaunched?.();\n            window.setTimeout(() => setMessageToSend(prompt), 0);\n          },\n          onError: () => {\n            launchInFlightRef.current = false;\n          },\n        },\n      );\n    },\n    [\n      activeBackend.backend.kind,\n      createConversation,\n      isCreatingConversation,\n      navigate,\n      onLaunched,\n      setMessageToSend,\n      trackPrebuiltAutomationEnabled,\n    ],\n  );\n\n  const getMissingEntries = useCallback(\n    (automation: RecommendedAutomation) =>\n      getRequiredEntries(automation).filter(\n        (entry) => !findInstalledEntryMatch(entry, installedMcpConfig),\n      ),\n    [installedMcpConfig],\n  );\n\n  const proceedWithLocalLaunch = (automation: RecommendedAutomation) => {\n    const missingEntries = getMissingEntries(automation);\n    if (missingEntries.length === 0) {\n      launchAutomation(automation);\n      return;\n    }\n\n    setPendingAutomation(automation);\n    setInstallQueue(missingEntries);\n  };\n\n  const handleSelectAutomation = (automation: RecommendedAutomation) => {\n    if (\n      launchInFlightRef.current ||\n      createConversation.isPending ||\n      isCreatingConversation ||\n      installQueue.length > 0 ||\n      deploymentChoiceAutomation !== null\n    ) {\n      return;\n    }\n\n    // GitHub/Slack responders poll continuously; let the user choose where the\n    // responder runs before committing to the local setup flow.\n    if (isResponderAutomation(automation)) {\n      setDeploymentChoiceAutomation(automation);\n      return;\n    }\n\n    proceedWithLocalLaunch(automation);\n  };\n\n  const handleDeploymentContinueLocal = async () => {\n    const automation = deploymentChoiceAutomation;\n    if (!automation || localSetupInFlightRef.current) return;\n\n    localSetupInFlightRef.current = true;\n    setIsPreparingLocalResponder(true);\n\n    try {\n      const isSecretReady = await ensureResponderUrlSecret();\n      if (!isSecretReady) return;\n\n      setDeploymentChoiceAutomation(null);\n      proceedWithLocalLaunch(automation);\n    } finally {\n      localSetupInFlightRef.current = false;\n      setIsPreparingLocalResponder(false);\n    }\n  };\n\n  const handleDeploymentOpenUrl = (url: string) => {\n    setDeploymentChoiceAutomation(null);\n    window.open(url, \"_blank\", \"noopener,noreferrer\");\n  };\n\n  const handleDeploymentClose = () => {\n    setDeploymentChoiceAutomation(null);\n  };\n\n  const cancelInstallFlow = () => {\n    if (completedInstallRef.current) {\n      completedInstallRef.current = false;\n      return;\n    }\n    setPendingAutomation(null);\n    setInstallQueue([]);\n  };\n\n  const handleInstallSuccess = () => {\n    completedInstallRef.current = true;\n\n    setInstallQueue((currentQueue) => {\n      const nextQueue = currentQueue.slice(1);\n\n      if (nextQueue.length === 0) {\n        const automation = pendingAutomation;\n        window.setTimeout(() => {\n          setPendingAutomation(null);\n          if (automation) launchAutomation(automation);\n        }, 0);\n      }\n\n      return nextQueue;\n    });\n  };\n\n  const installEntry = installQueue[0] ?? null;\n\n  // Like every automation surface, the launcher renders only behind the\n  // interface-manifest gate; New Chat mounts it outside the gated routes.\n  if (!hasAutomationInterface()) return null;\n\n  // Recommended automations are a local-backend-only feature; cloud\n  // automations are managed elsewhere.\n  if (activeBackend.backend.kind === \"cloud\") return null;\n\n  if (isRail && isAutomationsLoading) return null;\n\n  return (\n    <>\n      {isRail ? (\n        <RecommendedAutomationsRail\n          className={className}\n          installedAutomations={automationsData?.automations ?? []}\n          onSelect={handleSelectAutomation}\n        />\n      ) : (\n        <RecommendedAutomationsSection\n          backendKind={activeBackend.backend.kind}\n          installedServers={installedMcpConfig}\n          query={query}\n          onSelect={handleSelectAutomation}\n          scrollableGrid={scrollableGrid}\n        />\n      )}\n\n      {installEntry && (\n        <InstallServerModal\n          key={installEntry.id}\n          entry={installEntry}\n          existingServers={installedMcpConfig}\n          onClose={cancelInstallFlow}\n          onSuccess={handleInstallSuccess}\n        />\n      )}\n\n      <ResponderDeploymentModal\n        isOpen={deploymentChoiceAutomation !== null}\n        isPending={isPreparingLocalResponder}\n        onClose={handleDeploymentClose}\n        onContinueLocal={handleDeploymentContinueLocal}\n        onOpenUrl={handleDeploymentOpenUrl}\n      />\n    </>\n  );\n}\n"],"mappings":"6xCAgEA,SAAS,EAAmB,EAAmC,CAC7D,OAAO,EAAA,0BAA0B,CAAU,EACxC,IAAK,GAAO,EAAA,wBAAwB,EAAI,EAAA,OAAe,CAAC,EACxD,OAAQ,GAAqC,CAAC,CAAC,CAAK,EACpD,OAAO,EAAA,qBAAqB,CACjC,CAEA,SAAgB,EAA+B,CAC7C,QACA,aACA,iBAAiB,GACjB,UAAU,UACV,aACsC,CACtC,IAAM,EAAgB,EAAA,iBAAiB,EACjC,CAAE,YAAa,EAAA,cAAc,EAC7B,CAAE,KAAM,GAAa,EAAA,YAAY,EACjC,CAAE,kCAAmC,EAAA,YAAY,EACjD,EAAqB,EAAA,sBAAsB,EAC3C,EAA2B,GAAA,sBAAsB,EACjD,EAAyB,EAAA,0BAA0B,EACnD,EAAmB,EAAA,qBACtB,GAAU,EAAM,gBACnB,EACM,CAAC,EAAmB,IAAA,EAAA,EAAA,UACe,IAAI,EACvC,CAAC,EAA4B,IAAA,EAAA,EAAA,UACM,IAAI,EACvC,CAAC,EAAc,IAAA,EAAA,EAAA,UAAgD,CAAC,CAAC,EACjE,GAAA,EAAA,EAAA,QAA6B,EAAK,EAClC,GAAA,EAAA,EAAA,QAA2B,EAAK,EAChC,GAAA,EAAA,EAAA,QAA+B,EAAK,EACpC,CAAC,EAA2B,IAAA,EAAA,EAAA,UACvB,EAAK,EACV,EAAS,IAAY,OACrB,CAAE,KAAM,EAAiB,UAAW,GACxC,GAAA,eAAe,CACb,QAAS,GAAU,EAAc,QAAQ,OAAS,OACpD,CAAC,EAEG,GAAA,EAAA,EAAA,aAEF,EAAA,iBACE,GAAU,YACR,GAAA,eAAe,GAAU,gBAAgB,UAAU,CACvD,EAAE,OAAQ,GAAW,EAAO,UAAY,EAAK,EAC/C,CAAC,GAAU,gBAAgB,WAAY,GAAU,UAAU,CAC7D,EAEM,GAAA,EAAA,EAAA,aACH,GAAsC,CACrC,GACE,EAAkB,SAClB,EAAmB,WACnB,EAEA,OAOF,GALA,EAAkB,QAAU,GAKxB,EAAA,eAAe,SAAS,EAAW,EAAE,EAAG,CAC1C,IAAW,EAAA,oBAAoB,EAAW,EAAE,CAAC,EAC7C,IAAa,EACb,MACF,CAEA,IAAM,EAAS,EAAA,0BAA0B,CAAU,EAEnD,EAAmB,OACjB,CAAC,EACD,CACE,UAAY,GAAiB,CAC3B,EAA+B,CAC7B,eAAgB,EAAW,KAC3B,mBAAoB,EAAW,QACjC,CAAC,EAEC,EAAa,gBAAgB,WAAW,OAAO,GAC/C,EAAa,QAEb,EAAA,oBAAoB,EAAa,QAAS,CAAM,EAEhD,EAAA,qBAAqB,EAAa,gBAAiB,CACjD,aAAc,CAChB,CAAC,EAEH,IAAW,kBAAkB,EAAa,iBAAiB,EAC3D,IAAa,EACb,OAAO,eAAiB,EAAiB,CAAM,EAAG,CAAC,CACrD,EACA,YAAe,CACb,EAAkB,QAAU,EAC9B,CACF,CACF,CACF,EACA,CACE,EAAc,QAAQ,KACtB,EACA,EACA,EACA,EACA,EACA,CACF,CACF,EAEM,GAAA,EAAA,EAAA,aACH,GACC,EAAmB,CAAU,EAAE,OAC5B,GAAU,CAAC,EAAA,wBAAwB,EAAO,CAAkB,CAC/D,EACF,CAAC,CAAkB,CACrB,EAEM,EAA0B,GAAsC,CACpE,IAAM,EAAiB,EAAkB,CAAU,EACnD,GAAI,EAAe,SAAW,EAAG,CAC/B,EAAiB,CAAU,EAC3B,MACF,CAEA,EAAqB,CAAU,EAC/B,EAAgB,CAAc,CAChC,EAEM,EAA0B,GAAsC,CAElE,OAAkB,SAClB,EAAmB,WACnB,GACA,EAAa,OAAS,GACtB,IAA+B,MAOjC,IAAI,EAAA,sBAAsB,CAAU,EAAG,CACrC,EAA8B,CAAU,EACxC,MACF,CAEA,EAAuB,CAAU,CAFjC,CAGF,EAEM,GAAgC,SAAY,CAChD,IAAM,EAAa,EACf,MAAC,GAAc,EAAsB,SAGzC,CADA,EAAsB,QAAU,GAChC,EAA6B,EAAI,EAEjC,GAAI,CAEF,GAAI,CAAC,MADuB,EAAyB,EACjC,OAEpB,EAA8B,IAAI,EAClC,EAAuB,CAAU,CACnC,QAAU,CACR,EAAsB,QAAU,GAChC,EAA6B,EAAK,CACpC,CAXiC,CAYnC,EAEM,GAA2B,GAAgB,CAC/C,EAA8B,IAAI,EAClC,OAAO,KAAK,EAAK,SAAU,qBAAqB,CAClD,EAEM,OAA8B,CAClC,EAA8B,IAAI,CACpC,EAEM,OAA0B,CAC9B,GAAI,EAAoB,QAAS,CAC/B,EAAoB,QAAU,GAC9B,MACF,CACA,EAAqB,IAAI,EACzB,EAAgB,CAAC,CAAC,CACpB,EAEM,OAA6B,CACjC,EAAoB,QAAU,GAE9B,EAAiB,GAAiB,CAChC,IAAM,EAAY,EAAa,MAAM,CAAC,EAEtC,GAAI,EAAU,SAAW,EAAG,CAC1B,IAAM,EAAa,EACnB,OAAO,eAAiB,CACtB,EAAqB,IAAI,EACrB,GAAY,EAAiB,CAAU,CAC7C,EAAG,CAAC,CACN,CAEA,OAAO,CACT,CAAC,CACH,EAEM,EAAe,EAAa,IAAM,KAYxC,MARI,CAAC,EAAA,uBAAuB,GAIxB,EAAc,QAAQ,OAAS,SAE/B,GAAU,EAA6B,MAGzC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,GACC,EAAA,EAAA,KAAC,EAAA,2BAAD,CACa,YACX,qBAAsB,GAAiB,aAAe,CAAC,EACvD,SAAU,CACX,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,8BAAD,CACE,YAAa,EAAc,QAAQ,KACnC,iBAAkB,EACX,QACP,SAAU,EACM,gBACjB,CAAA,EAGF,IACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CAEE,MAAO,EACP,gBAAiB,EACjB,QAAS,GACT,UAAW,EACZ,EALM,EAAa,EAKnB,GAGH,EAAA,EAAA,KAAC,EAAA,yBAAD,CACE,OAAQ,IAA+B,KACvC,UAAW,EACX,QAAS,GACT,gBAAiB,GACjB,UAAW,EACZ,CAAA,CACD,CAAA,CAAA,CAEN"}