@openhands/agent-canvas 1.14.0 → 1.16.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"run-phase.js","names":[],"sources":["../../../../../src/components/features/automations/detail/run-phase.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AutomationRunStatus } from \"#/types/automation\";\nimport {\n  formatRelativeTime,\n  isInvalidTimestamp,\n} from \"#/utils/format-relative-time\";\nimport { cn } from \"#/utils/utils\";\n\n/**\n * Whether a run's phase is worth showing at all: it answers \"what is it doing\n * now\" or \"where did it stop\", so a finished, cancelled or skipped run has\n * nothing to add. Shared by every surface, so one run cannot show a phase on\n * one screen and hide it on another.\n */\nexport function shouldShowRunPhase(\n  status: AutomationRunStatus | null | undefined,\n): boolean {\n  return (\n    status === AutomationRunStatus.FAILED ||\n    status === AutomationRunStatus.PENDING ||\n    status === AutomationRunStatus.RUNNING\n  );\n}\n\n/**\n * Whether the phase's age is worth showing. Only for a run still in flight:\n * the age exists to separate a moving run from a stalled one, and a run that\n * has failed is neither — its phase is the place it stopped. Left in, the age\n * of an old failure degrades to an absolute date (`formatRelativeTime` gives\n * up past a week), which reads as a second timestamp beside the one the row\n * already shows.\n */\nexport function shouldShowRunPhaseAge(\n  status: AutomationRunStatus | null | undefined,\n): boolean {\n  return (\n    status === AutomationRunStatus.PENDING ||\n    status === AutomationRunStatus.RUNNING\n  );\n}\n\ninterface RunPhaseFields {\n  /** `AutomationRun.status` — decides whether the age is meaningful. */\n  status: AutomationRunStatus | null | undefined;\n  /** `AutomationRun.phase_code` — `null`/absent means no phase reported. */\n  code: string | null | undefined;\n  /** `AutomationRun.phase_label` — free-form author text, not interface copy. */\n  label: string | null | undefined;\n  /** `AutomationRun.phase_updated_at` — when this phase was last written. */\n  updatedAt?: string | null;\n}\n\ninterface RunPhaseProps extends RunPhaseFields {\n  /** More width before clipping, for rows far wider than a card. */\n  wide?: boolean;\n}\n\n/**\n * Codes the frontend can translate: the automation service's own milestones\n * and the preset templates'. Any other code is by design unknown — custom\n * automations emit their own — and falls back to `phase_label`.\n */\nconst KNOWN_PHASE_CODES: Record<string, I18nKey> = {\n  queued: I18nKey.AUTOMATIONS$DETAIL$PHASE_QUEUED,\n  sandbox_provisioning: I18nKey.AUTOMATIONS$DETAIL$PHASE_SANDBOX_PROVISIONING,\n  bundle_upload: I18nKey.AUTOMATIONS$DETAIL$PHASE_BUNDLE_UPLOAD,\n  entrypoint_start: I18nKey.AUTOMATIONS$DETAIL$PHASE_ENTRYPOINT_START,\n  preparing: I18nKey.AUTOMATIONS$DETAIL$PHASE_PREPARING,\n  running_agent: I18nKey.AUTOMATIONS$DETAIL$PHASE_RUNNING_AGENT,\n};\n\n/**\n * The one place a stored phase becomes text, so a run cannot read one way on\n * a card and another way in that card's own tooltip. An absent code counts as\n * unrecognized rather than as an absent phase: the service accepts a phase\n * carrying only a label, and dropping those would hide a real phase.\n *\n * `code` and `label` are independently optional in the service's contract, so\n * the last resort is the raw code — a code-only phase is a real phase and\n * must reach the screen. It is shown as stored rather than prettified: the\n * code is data like the label, and turning `poll_prs` into \"Poll prs\" would\n * invent English-shaped copy no automation author wrote.\n *\n * Both fields are author-supplied, which is why the lookup is an own-property\n * check and both are trimmed. A code of `toString` would otherwise resolve to\n * `Object.prototype.toString` and be handed to `t()`, and the service stores\n * a whitespace-only field as sent — it rejects only a phase blank on *both*.\n */\nexport function resolveRunPhaseText(\n  t: (key: I18nKey) => string,\n  code: string | null | undefined,\n  label: string | null | undefined,\n): string | null {\n  const knownKey =\n    code && Object.hasOwn(KNOWN_PHASE_CODES, code)\n      ? KNOWN_PHASE_CODES[code]\n      : undefined;\n  if (knownKey) return t(knownKey);\n  return label?.trim() || code?.trim() || null;\n}\n\n/**\n * How long the run has been in this phase, as localized relative time.\n *\n * This is the half of the phase that separates progress from a stall: the\n * phase text alone says a run is \"Running agent\", and only its age says\n * whether it entered that phase seconds ago or forty minutes ago. Returns\n * `null` when the service reported no usable timestamp — an older service\n * omits the field entirely, and an unset datetime arrives as the epoch — so\n * an age nobody can compute never surfaces as \"Invalid Date\" or \"Jan 1, 1970\".\n */\nexport function formatRunPhaseAge(\n  updatedAt: string | null | undefined,\n  locale: string,\n  t: (key: I18nKey, options?: Record<string, unknown>) => string,\n): string | null {\n  if (!updatedAt || isInvalidTimestamp(updatedAt)) return null;\n  return formatRelativeTime(updatedAt, locale, t);\n}\n\n/**\n * The resolved phase of a run, or `null` when it has none worth showing.\n * Every surface goes through this — the clipped row below, the home\n * hovercard's wrapping one — so they cannot drift into resolving a phase, or\n * deciding to show its age, on their own terms.\n */\nexport function useRunPhase({\n  status,\n  code,\n  label,\n  updatedAt,\n}: RunPhaseFields): { text: string; age: string | null } | null {\n  const { t, i18n } = useTranslation(\"openhands\");\n\n  const text = resolveRunPhaseText(t, code, label);\n  if (!text) return null;\n\n  const age = shouldShowRunPhaseAge(status)\n    ? formatRunPhaseAge(updatedAt, i18n.language, t)\n    : null;\n\n  return { text, age };\n}\n\n/**\n * A run's current or last-known phase and how long it has held it, clipped to\n * the room the surface has with the full text one hover away — author-supplied\n * labels routinely outgrow any row. The label is data, not interface copy, so\n * it is rendered as-is: passing it through `t()` would be wrong, it is not a\n * key. The age sits outside the clipped text so a long label can never push it\n * out of sight — it is the part that stays legible when everything else is cut.\n *\n * The text stays in the accessibility tree rather than hiding behind an\n * accessible name on a focusable wrapper. Every surface nests this inside a\n * link — the activity log's `<a>`, the cards' `role=\"link\"` — where a tab\n * stop is invalid interactive nesting, and Enter on it bubbled to the card\n * and navigated the user away from the text they were trying to read.\n * Truncation is CSS only, so the full label is already in the DOM and reads\n * in full; the tooltip is the sighted mouse user's route to it.\n */\nexport function RunPhase({\n  status,\n  code,\n  label,\n  updatedAt,\n  wide = false,\n}: RunPhaseProps) {\n  const phase = useRunPhase({ status, code, label, updatedAt });\n  if (!phase) return null;\n\n  const { text, age } = phase;\n\n  return (\n    <Tooltip\n      content={\n        <>\n          {text}\n          {age ? <span className=\"mt-1 block text-muted\">{age}</span> : null}\n        </>\n      }\n      placement=\"top\"\n      closeDelay={100}\n      disableAnimation={import.meta.env.MODE === \"test\"}\n      classNames={{\n        content:\n          \"max-w-xs whitespace-pre-wrap break-words rounded-xl border border-[var(--oh-border)] bg-base-secondary px-3 py-2 text-left text-xs text-white shadow-xl\",\n      }}\n    >\n      <span className=\"flex min-w-0 cursor-default items-center gap-1\">\n        <span\n          data-testid=\"run-phase\"\n          className={cn(\n            \"min-w-0 truncate text-xs text-muted\",\n            wide ? \"max-w-[28rem]\" : \"max-w-[12rem]\",\n          )}\n        >\n          {text}\n        </span>\n        {age ? (\n          <span\n            data-testid=\"run-phase-age\"\n            className=\"shrink-0 whitespace-nowrap text-xs text-muted\"\n          >\n            · {age}\n          </span>\n        ) : null}\n      </span>\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,EACd,GACS;CACT,OACE,MAAW,EAAoB,UAC/B,MAAW,EAAoB,WAC/B,MAAW,EAAoB;AAEnC;AAUA,SAAgB,EACd,GACS;CACT,OACE,MAAW,EAAoB,WAC/B,MAAW,EAAoB;AAEnC;AAuBA,IAAM,IAA6C;CACjD,QAAQ,EAAQ;CAChB,sBAAsB,EAAQ;CAC9B,eAAe,EAAQ;CACvB,kBAAkB,EAAQ;CAC1B,WAAW,EAAQ;CACnB,eAAe,EAAQ;AACzB;AAmBA,SAAgB,EACd,GACA,GACA,GACe;CACf,IAAM,IACJ,KAAQ,OAAO,OAAO,GAAmB,CAAI,IACzC,EAAkB,KAClB,KAAA;CAEN,OADI,IAAiB,EAAE,CAAQ,IACxB,GAAO,KAAK,KAAK,GAAM,KAAK,KAAK;AAC1C;AAYA,SAAgB,EACd,GACA,GACA,GACe;CAEf,OADI,CAAC,KAAa,EAAmB,CAAS,IAAU,OACjD,EAAmB,GAAW,GAAQ,CAAC;AAChD;AAQA,SAAgB,EAAY,EAC1B,WACA,SACA,UACA,gBAC8D;CAC9D,IAAM,EAAE,MAAG,YAAS,EAAe,WAAW,GAExC,IAAO,EAAoB,GAAG,GAAM,CAAK;CAO/C,OANK,IAME;EAAE;EAAM,KAJH,EAAsB,CAAM,IACpC,EAAkB,GAAW,EAAK,UAAU,CAAC,IAC7C;CAEe,IAND;AAOpB;AAkBA,SAAgB,EAAS,EACvB,WACA,SACA,UACA,cACA,UAAO,MACS;CAChB,IAAM,IAAQ,EAAY;EAAE;EAAQ;EAAM;EAAO;CAAU,CAAC;CAC5D,IAAI,CAAC,GAAO,OAAO;CAEnB,IAAM,EAAE,SAAM,WAAQ;CAEtB,OACE,kBAAC,GAAD;EACE,SACE,kBAAA,GAAA,EAAA,UAAA,CACG,GACA,IAAM,kBAAC,QAAD;GAAM,WAAU;aAAyB;EAAU,CAAA,IAAI,IAC9D,EAAA,CAAA;EAEJ,WAAU;EACV,YAAY;EACZ,kBAAkB;EAClB,YAAY,EACV,SACE,0JACJ;YAEA,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EACT,uCACA,IAAO,kBAAkB,eAC3B;cAEC;GACG,CAAA,GACL,IACC,kBAAC,QAAD;IACE,eAAY;IACZ,WAAU;cAFZ,CAGC,MACI,CACC;QACJ,IACA;;CACC,CAAA;AAEb"}

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"}

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

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