@openhands/agent-canvas 1.13.0 → 1.15.0

package/dist/components/features/automations/backend-not-configured.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("../settings/brand-button.cjs"),r=require("../../../icons/exclamation-circle.cjs");let i=require("react/jsx-runtime");function a({onRetry:a}){let{t:o}=e.useTranslation(`openhands`);return(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-20 px-4`,children:[(0,i.jsx)(r.default,{className:`size-12 text-[var(--oh-warning)]`}),(0,i.jsx)(`h2`,{className:`mt-4 text-lg font-medium text-content`,children:o(t.I18nKey.AUTOMATIONS$BACKEND_UNAVAILABLE_TITLE)}),(0,i.jsx)(`p`,{className:`mt-2 text-sm text-muted text-center max-w-md`,children:o(t.I18nKey.AUTOMATIONS$BACKEND_UNAVAILABLE_MESSAGE)}),(0,i.jsx)(n.BrandButton,{type:`button`,variant:`secondary`,className:`mt-6`,onClick:a,children:o(t.I18nKey.AUTOMATIONS$BACKEND_UNAVAILABLE_RETRY)})]})}exports.BackendUnavailable=a;
+//# sourceMappingURL=backend-not-configured.cjs.map

package/dist/components/features/automations/backend-not-configured.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"backend-not-configured.cjs","names":[],"sources":["../../../../src/components/features/automations/backend-not-configured.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ExclamationCircleIcon from \"#/icons/exclamation-circle.svg?react\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\n\ninterface BackendUnavailableProps {\n  onRetry: () => void;\n}\n\nexport function BackendUnavailable({ onRetry }: BackendUnavailableProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20 px-4\">\n      <ExclamationCircleIcon className=\"size-12 text-[var(--oh-warning)]\" />\n      <h2 className=\"mt-4 text-lg font-medium text-content\">\n        {t(I18nKey.AUTOMATIONS$BACKEND_UNAVAILABLE_TITLE)}\n      </h2>\n      <p className=\"mt-2 text-sm text-muted text-center max-w-md\">\n        {t(I18nKey.AUTOMATIONS$BACKEND_UNAVAILABLE_MESSAGE)}\n      </p>\n      <BrandButton\n        type=\"button\"\n        variant=\"secondary\"\n        className=\"mt-6\"\n        onClick={onRetry}\n      >\n        {t(I18nKey.AUTOMATIONS$BACKEND_UNAVAILABLE_RETRY)}\n      </BrandButton>\n    </div>\n  );\n}\n\n// Keep old export name for backward compatibility\nexport { BackendUnavailable as BackendNotConfigured };\n"],"mappings":"gTASA,SAAgB,EAAmB,CAAE,WAAoC,CACvE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gEAAf,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAuB,UAAU,kCAAoC,CAAA,GACrE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iDACX,EAAE,EAAA,QAAQ,qCAAqC,CAC9C,CAAA,GACJ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,wDACV,EAAE,EAAA,QAAQ,uCAAuC,CACjD,CAAA,GACH,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,SACL,QAAQ,YACR,UAAU,OACV,QAAS,WAER,EAAE,EAAA,QAAQ,qCAAqC,CACrC,CAAA,CACV,GAET"}

package/dist/components/features/automations/backend-not-configured.js

@@ -0,0 +1,34 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { BrandButton as n } from "../settings/brand-button.js";
+import r from "../../../icons/exclamation-circle.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/features/automations/backend-not-configured.tsx
+function o({ onRetry: o }) {
+	let { t: s } = e("openhands");
+	return /* @__PURE__ */ a("div", {
+		className: "flex flex-col items-center justify-center py-20 px-4",
+		children: [
+			/* @__PURE__ */ i(r, { className: "size-12 text-[var(--oh-warning)]" }),
+			/* @__PURE__ */ i("h2", {
+				className: "mt-4 text-lg font-medium text-content",
+				children: s(t.AUTOMATIONS$BACKEND_UNAVAILABLE_TITLE)
+			}),
+			/* @__PURE__ */ i("p", {
+				className: "mt-2 text-sm text-muted text-center max-w-md",
+				children: s(t.AUTOMATIONS$BACKEND_UNAVAILABLE_MESSAGE)
+			}),
+			/* @__PURE__ */ i(n, {
+				type: "button",
+				variant: "secondary",
+				className: "mt-6",
+				onClick: o,
+				children: s(t.AUTOMATIONS$BACKEND_UNAVAILABLE_RETRY)
+			})
+		]
+	});
+}
+//#endregion
+export { o as BackendUnavailable };
+
+//# sourceMappingURL=backend-not-configured.js.map

package/dist/components/features/automations/backend-not-configured.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backend-not-configured.js","names":[],"sources":["../../../../src/components/features/automations/backend-not-configured.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ExclamationCircleIcon from \"#/icons/exclamation-circle.svg?react\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\n\ninterface BackendUnavailableProps {\n  onRetry: () => void;\n}\n\nexport function BackendUnavailable({ onRetry }: BackendUnavailableProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20 px-4\">\n      <ExclamationCircleIcon className=\"size-12 text-[var(--oh-warning)]\" />\n      <h2 className=\"mt-4 text-lg font-medium text-content\">\n        {t(I18nKey.AUTOMATIONS$BACKEND_UNAVAILABLE_TITLE)}\n      </h2>\n      <p className=\"mt-2 text-sm text-muted text-center max-w-md\">\n        {t(I18nKey.AUTOMATIONS$BACKEND_UNAVAILABLE_MESSAGE)}\n      </p>\n      <BrandButton\n        type=\"button\"\n        variant=\"secondary\"\n        className=\"mt-6\"\n        onClick={onRetry}\n      >\n        {t(I18nKey.AUTOMATIONS$BACKEND_UNAVAILABLE_RETRY)}\n      </BrandButton>\n    </div>\n  );\n}\n\n// Keep old export name for backward compatibility\nexport { BackendUnavailable as BackendNotConfigured };\n"],"mappings":";;;;;;AASA,SAAgB,EAAmB,EAAE,cAAoC;CACvE,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAuB,WAAU,mCAAoC,CAAA;GACrE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,EAAQ,qCAAqC;GAC9C,CAAA;GACJ,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,uCAAuC;GACjD,CAAA;GACH,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,WAAU;IACV,SAAS;cAER,EAAE,EAAQ,qCAAqC;GACrC,CAAA;EACV;;AAET"}

package/dist/components/features/automations/build-automation-menu-items.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../i18n/declaration.cjs"),t=require("../../../node_modules/lucide-react/dist/esm/icons/download.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/file-text.cjs"),r=require("../../../icons/u-edit.cjs"),i=require("../../../icons/play.cjs"),a=require("../../../icons/power.cjs"),o=require("../../../icons/trash.cjs");let s=require("react/jsx-runtime");function c({automation:c,t:l,canManage:u,onRunNow:d,isRunPending:f,onView:p,onExport:m,onEdit:h,onToggle:g,onDelete:_}){return[...u?[{label:l(e.I18nKey.AUTOMATIONS$RUN_NOW),icon:(0,s.jsx)(i.default,{className:`size-4`}),onClick:()=>d(c.id),disabled:f||!c.enabled}]:[],{label:l(e.I18nKey.COMMON$VIEW),icon:(0,s.jsx)(n.FileText,{className:`size-4`,"aria-hidden":!0}),onClick:p},{label:l(e.I18nKey.AUTOMATIONS$EXPORT),icon:(0,s.jsx)(t.Download,{className:`size-4`,"aria-hidden":!0}),onClick:()=>m(c)},...u&&h?[{label:l(e.I18nKey.AUTOMATIONS$EDIT),icon:(0,s.jsx)(r.default,{className:`size-4`}),onClick:()=>h(c.id)}]:[],...u?[{label:c.enabled?l(e.I18nKey.AUTOMATIONS$TURN_OFF):l(e.I18nKey.AUTOMATIONS$TURN_ON),icon:(0,s.jsx)(a.default,{className:`size-4`}),onClick:()=>g(c.id,c.enabled)},{label:l(e.I18nKey.AUTOMATIONS$DELETE),icon:(0,s.jsx)(o.default,{className:`size-4`}),onClick:()=>_(c.id)}]:[]]}exports.buildAutomationMenuItems=c;
+//# sourceMappingURL=build-automation-menu-items.cjs.map

package/dist/components/features/automations/build-automation-menu-items.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-automation-menu-items.cjs","names":[],"sources":["../../../../src/components/features/automations/build-automation-menu-items.tsx"],"sourcesContent":["import { Download, FileText } from \"lucide-react\";\nimport PlayIcon from \"#/icons/play.svg?react\";\nimport PowerIcon from \"#/icons/power.svg?react\";\nimport TrashIcon from \"#/icons/trash.svg?react\";\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Automation } from \"#/types/automation\";\nimport type { KebabMenuItem } from \"./kebab-menu\";\n\ninterface BuildAutomationMenuItemsOptions {\n  automation: Automation;\n  t: (key: I18nKey) => string;\n  canManage: boolean;\n  onRunNow: (id: string) => void;\n  isRunPending: boolean;\n  onView: () => void;\n  onExport: (automation: Automation) => void;\n  onEdit?: (id: string) => void;\n  onToggle: (id: string, enabled: boolean) => void;\n  onDelete: (id: string) => void;\n}\n\nexport function buildAutomationMenuItems({\n  automation,\n  t,\n  canManage,\n  onRunNow,\n  isRunPending,\n  onView,\n  onExport,\n  onEdit,\n  onToggle,\n  onDelete,\n}: BuildAutomationMenuItemsOptions): KebabMenuItem[] {\n  return [\n    ...(canManage\n      ? [\n          {\n            label: t(I18nKey.AUTOMATIONS$RUN_NOW),\n            icon: <PlayIcon className=\"size-4\" />,\n            onClick: () => onRunNow(automation.id),\n            disabled: isRunPending || !automation.enabled,\n          },\n        ]\n      : []),\n    {\n      label: t(I18nKey.COMMON$VIEW),\n      icon: <FileText className=\"size-4\" aria-hidden />,\n      onClick: onView,\n    },\n    {\n      label: t(I18nKey.AUTOMATIONS$EXPORT),\n      icon: <Download className=\"size-4\" aria-hidden />,\n      onClick: () => onExport(automation),\n    },\n    ...(canManage && onEdit\n      ? [\n          {\n            label: t(I18nKey.AUTOMATIONS$EDIT),\n            icon: <EditIcon className=\"size-4\" />,\n            onClick: () => onEdit(automation.id),\n          },\n        ]\n      : []),\n    ...(canManage\n      ? [\n          {\n            label: automation.enabled\n              ? t(I18nKey.AUTOMATIONS$TURN_OFF)\n              : t(I18nKey.AUTOMATIONS$TURN_ON),\n            icon: <PowerIcon className=\"size-4\" />,\n            onClick: () => onToggle(automation.id, automation.enabled),\n          },\n          {\n            label: t(I18nKey.AUTOMATIONS$DELETE),\n            icon: <TrashIcon className=\"size-4\" />,\n            onClick: () => onDelete(automation.id),\n          },\n        ]\n      : []),\n  ];\n}\n"],"mappings":"wbAsBA,SAAgB,EAAyB,CACvC,aACA,IACA,YACA,WACA,eACA,SACA,WACA,SACA,WACA,YACmD,CACnD,MAAO,CACL,GAAI,EACA,CACE,CACE,MAAO,EAAE,EAAA,QAAQ,mBAAmB,EACpC,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,QAAU,CAAA,EACpC,YAAe,EAAS,EAAW,EAAE,EACrC,SAAU,GAAgB,CAAC,EAAW,OACxC,CACF,EACA,CAAC,EACL,CACE,MAAO,EAAE,EAAA,QAAQ,WAAW,EAC5B,MAAM,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,UAAU,SAAS,cAAA,EAAa,CAAA,EAChD,QAAS,CACX,EACA,CACE,MAAO,EAAE,EAAA,QAAQ,kBAAkB,EACnC,MAAM,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,UAAU,SAAS,cAAA,EAAa,CAAA,EAChD,YAAe,EAAS,CAAU,CACpC,EACA,GAAI,GAAa,EACb,CACE,CACE,MAAO,EAAE,EAAA,QAAQ,gBAAgB,EACjC,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,QAAU,CAAA,EACpC,YAAe,EAAO,EAAW,EAAE,CACrC,CACF,EACA,CAAC,EACL,GAAI,EACA,CACE,CACE,MAAO,EAAW,QACd,EAAE,EAAA,QAAQ,oBAAoB,EAC9B,EAAE,EAAA,QAAQ,mBAAmB,EACjC,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAW,UAAU,QAAU,CAAA,EACrC,YAAe,EAAS,EAAW,GAAI,EAAW,OAAO,CAC3D,EACA,CACE,MAAO,EAAE,EAAA,QAAQ,kBAAkB,EACnC,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAW,UAAU,QAAU,CAAA,EACrC,YAAe,EAAS,EAAW,EAAE,CACvC,CACF,EACA,CAAC,CACP,CACF"}

package/dist/components/features/automations/build-automation-menu-items.js

@@ -0,0 +1,53 @@
+import { I18nKey as e } from "../../../i18n/declaration.js";
+import { Download as t } from "../../../node_modules/lucide-react/dist/esm/icons/download.js";
+import { FileText as n } from "../../../node_modules/lucide-react/dist/esm/icons/file-text.js";
+import r from "../../../icons/u-edit.js";
+import i from "../../../icons/play.js";
+import a from "../../../icons/power.js";
+import o from "../../../icons/trash.js";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/features/automations/build-automation-menu-items.tsx
+function c({ automation: c, t: l, canManage: u, onRunNow: d, isRunPending: f, onView: p, onExport: m, onEdit: h, onToggle: g, onDelete: _ }) {
+	return [
+		...u ? [{
+			label: l(e.AUTOMATIONS$RUN_NOW),
+			icon: /* @__PURE__ */ s(i, { className: "size-4" }),
+			onClick: () => d(c.id),
+			disabled: f || !c.enabled
+		}] : [],
+		{
+			label: l(e.COMMON$VIEW),
+			icon: /* @__PURE__ */ s(n, {
+				className: "size-4",
+				"aria-hidden": !0
+			}),
+			onClick: p
+		},
+		{
+			label: l(e.AUTOMATIONS$EXPORT),
+			icon: /* @__PURE__ */ s(t, {
+				className: "size-4",
+				"aria-hidden": !0
+			}),
+			onClick: () => m(c)
+		},
+		...u && h ? [{
+			label: l(e.AUTOMATIONS$EDIT),
+			icon: /* @__PURE__ */ s(r, { className: "size-4" }),
+			onClick: () => h(c.id)
+		}] : [],
+		...u ? [{
+			label: c.enabled ? l(e.AUTOMATIONS$TURN_OFF) : l(e.AUTOMATIONS$TURN_ON),
+			icon: /* @__PURE__ */ s(a, { className: "size-4" }),
+			onClick: () => g(c.id, c.enabled)
+		}, {
+			label: l(e.AUTOMATIONS$DELETE),
+			icon: /* @__PURE__ */ s(o, { className: "size-4" }),
+			onClick: () => _(c.id)
+		}] : []
+	];
+}
+//#endregion
+export { c as buildAutomationMenuItems };
+
+//# sourceMappingURL=build-automation-menu-items.js.map

package/dist/components/features/automations/build-automation-menu-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-automation-menu-items.js","names":[],"sources":["../../../../src/components/features/automations/build-automation-menu-items.tsx"],"sourcesContent":["import { Download, FileText } from \"lucide-react\";\nimport PlayIcon from \"#/icons/play.svg?react\";\nimport PowerIcon from \"#/icons/power.svg?react\";\nimport TrashIcon from \"#/icons/trash.svg?react\";\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Automation } from \"#/types/automation\";\nimport type { KebabMenuItem } from \"./kebab-menu\";\n\ninterface BuildAutomationMenuItemsOptions {\n  automation: Automation;\n  t: (key: I18nKey) => string;\n  canManage: boolean;\n  onRunNow: (id: string) => void;\n  isRunPending: boolean;\n  onView: () => void;\n  onExport: (automation: Automation) => void;\n  onEdit?: (id: string) => void;\n  onToggle: (id: string, enabled: boolean) => void;\n  onDelete: (id: string) => void;\n}\n\nexport function buildAutomationMenuItems({\n  automation,\n  t,\n  canManage,\n  onRunNow,\n  isRunPending,\n  onView,\n  onExport,\n  onEdit,\n  onToggle,\n  onDelete,\n}: BuildAutomationMenuItemsOptions): KebabMenuItem[] {\n  return [\n    ...(canManage\n      ? [\n          {\n            label: t(I18nKey.AUTOMATIONS$RUN_NOW),\n            icon: <PlayIcon className=\"size-4\" />,\n            onClick: () => onRunNow(automation.id),\n            disabled: isRunPending || !automation.enabled,\n          },\n        ]\n      : []),\n    {\n      label: t(I18nKey.COMMON$VIEW),\n      icon: <FileText className=\"size-4\" aria-hidden />,\n      onClick: onView,\n    },\n    {\n      label: t(I18nKey.AUTOMATIONS$EXPORT),\n      icon: <Download className=\"size-4\" aria-hidden />,\n      onClick: () => onExport(automation),\n    },\n    ...(canManage && onEdit\n      ? [\n          {\n            label: t(I18nKey.AUTOMATIONS$EDIT),\n            icon: <EditIcon className=\"size-4\" />,\n            onClick: () => onEdit(automation.id),\n          },\n        ]\n      : []),\n    ...(canManage\n      ? [\n          {\n            label: automation.enabled\n              ? t(I18nKey.AUTOMATIONS$TURN_OFF)\n              : t(I18nKey.AUTOMATIONS$TURN_ON),\n            icon: <PowerIcon className=\"size-4\" />,\n            onClick: () => onToggle(automation.id, automation.enabled),\n          },\n          {\n            label: t(I18nKey.AUTOMATIONS$DELETE),\n            icon: <TrashIcon className=\"size-4\" />,\n            onClick: () => onDelete(automation.id),\n          },\n        ]\n      : []),\n  ];\n}\n"],"mappings":";;;;;;;;;AAsBA,SAAgB,EAAyB,EACvC,eACA,MACA,cACA,aACA,iBACA,WACA,aACA,WACA,aACA,eACmD;CACnD,OAAO;EACL,GAAI,IACA,CACE;GACE,OAAO,EAAE,EAAQ,mBAAmB;GACpC,MAAM,kBAAC,GAAD,EAAU,WAAU,SAAU,CAAA;GACpC,eAAe,EAAS,EAAW,EAAE;GACrC,UAAU,KAAgB,CAAC,EAAW;EACxC,CACF,IACA,CAAC;EACL;GACE,OAAO,EAAE,EAAQ,WAAW;GAC5B,MAAM,kBAAC,GAAD;IAAU,WAAU;IAAS,eAAA;GAAa,CAAA;GAChD,SAAS;EACX;EACA;GACE,OAAO,EAAE,EAAQ,kBAAkB;GACnC,MAAM,kBAAC,GAAD;IAAU,WAAU;IAAS,eAAA;GAAa,CAAA;GAChD,eAAe,EAAS,CAAU;EACpC;EACA,GAAI,KAAa,IACb,CACE;GACE,OAAO,EAAE,EAAQ,gBAAgB;GACjC,MAAM,kBAAC,GAAD,EAAU,WAAU,SAAU,CAAA;GACpC,eAAe,EAAO,EAAW,EAAE;EACrC,CACF,IACA,CAAC;EACL,GAAI,IACA,CACE;GACE,OAAO,EAAW,UACd,EAAE,EAAQ,oBAAoB,IAC9B,EAAE,EAAQ,mBAAmB;GACjC,MAAM,kBAAC,GAAD,EAAW,WAAU,SAAU,CAAA;GACrC,eAAe,EAAS,EAAW,IAAI,EAAW,OAAO;EAC3D,GACA;GACE,OAAO,EAAE,EAAQ,kBAAkB;GACnC,MAAM,kBAAC,GAAD,EAAW,WAAU,SAAU,CAAA;GACrC,eAAe,EAAS,EAAW,EAAE;EACvC,CACF,IACA,CAAC;CACP;AACF"}

package/dist/components/features/automations/build-automation-pills.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/lucide-react/dist/esm/icons/plug.cjs"),t=require("../../../node_modules/lucide-react/dist/esm/icons/zap.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../utils/extension-module-card-classes.cjs"),i=require("../../../icons/folder.cjs"),a=require("../../../icons/clock.cjs"),o=require("../../../icons/sparkle.cjs"),s=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),c=require("../mcp-logo-badge.cjs"),l=require("../../../utils/mcp-marketplace-utils.cjs"),u=require("../home/featured-automations/automation-run-health.cjs");let d=require("react/jsx-runtime");function f(f,p){let m=[];if(f.repository&&m.push({id:`repository`,node:(0,d.jsxs)(`span`,{className:n.cn(r.extensionModuleCardPillClassName,`gap-1`),children:[(0,d.jsx)(i.default,{className:`size-3 shrink-0`}),f.repository]})}),f.trigger.type===`event`){let i=u.getTriggerEventLabel(f);i&&m.push({id:`event-trigger`,node:(0,d.jsxs)(`span`,{className:n.cn(r.extensionModuleCardPillClassName,`gap-1`),children:[(0,d.jsx)(t.Zap,{className:`size-3 shrink-0`,"aria-hidden":`true`}),i]})});let a=u.getTriggerSource(f);if(a){let t=l.getMarketplaceEntryById(a.toLowerCase(),s.default);m.push({id:`event-source`,node:(0,d.jsxs)(`span`,{className:n.cn(r.extensionModuleCardPillClassName,`gap-1`),children:[t?(0,d.jsx)(c.McpLogoBadge,{entry:t,size:`xs`,testId:`automation-source-logo`}):(0,d.jsx)(e.Plug,{className:`size-3 shrink-0`,"aria-hidden":`true`,"data-testid":`automation-source-logo`}),u.formatTriggerSourceLabel(a)]})})}}else m.push({id:`schedule`,node:(0,d.jsxs)(`span`,{className:n.cn(r.extensionModuleCardPillClassName,`gap-1`),children:[(0,d.jsx)(a.default,{className:`size-3 shrink-0`}),p]})});return f.model&&m.push({id:`model`,node:(0,d.jsxs)(`span`,{className:n.cn(r.extensionModuleCardPillClassName,`gap-1`),children:[(0,d.jsx)(o.default,{className:`size-3 shrink-0`}),f.model]})}),m}exports.buildAutomationMetadataPills=f;
+//# sourceMappingURL=build-automation-pills.cjs.map

package/dist/components/features/automations/build-automation-pills.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-automation-pills.cjs","names":[],"sources":["../../../../src/components/features/automations/build-automation-pills.tsx"],"sourcesContent":["import FolderIcon from \"#/icons/folder.svg?react\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport SparkleIcon from \"#/icons/sparkle.svg?react\";\nimport { Plug, Zap } from \"lucide-react\";\nimport { INTEGRATION_CATALOG as MCP_MARKETPLACE } from \"@openhands/extensions/integrations\";\nimport type { SkillCardPill } from \"#/components/features/skills/skill-card-pill-row\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport type { Automation } from \"#/types/automation\";\nimport { cn } from \"#/utils/utils\";\nimport { extensionModuleCardPillClassName } from \"#/utils/extension-module-card-classes\";\nimport { getMarketplaceEntryById } from \"#/utils/mcp-marketplace-utils\";\nimport {\n  formatTriggerSourceLabel,\n  getTriggerEventLabel,\n  getTriggerSource,\n} from \"#/components/features/home/featured-automations/automation-run-health\";\n\nexport function buildAutomationMetadataPills(\n  automation: Automation,\n  scheduleLabel: string,\n): SkillCardPill[] {\n  const pills: SkillCardPill[] = [];\n\n  if (automation.repository) {\n    pills.push({\n      id: \"repository\",\n      node: (\n        <span className={cn(extensionModuleCardPillClassName, \"gap-1\")}>\n          <FolderIcon className=\"size-3 shrink-0\" />\n          {automation.repository}\n        </span>\n      ),\n    });\n  }\n\n  if (automation.trigger.type === \"event\") {\n    const eventLabel = getTriggerEventLabel(automation);\n    if (eventLabel) {\n      pills.push({\n        id: \"event-trigger\",\n        node: (\n          <span className={cn(extensionModuleCardPillClassName, \"gap-1\")}>\n            <Zap className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n            {eventLabel}\n          </span>\n        ),\n      });\n    }\n\n    const source = getTriggerSource(automation);\n    if (source) {\n      const sourceEntry = getMarketplaceEntryById(\n        source.toLowerCase(),\n        MCP_MARKETPLACE,\n      );\n      pills.push({\n        id: \"event-source\",\n        node: (\n          <span className={cn(extensionModuleCardPillClassName, \"gap-1\")}>\n            {sourceEntry ? (\n              <McpLogoBadge\n                entry={sourceEntry}\n                size=\"xs\"\n                testId=\"automation-source-logo\"\n              />\n            ) : (\n              <Plug\n                className=\"size-3 shrink-0\"\n                aria-hidden=\"true\"\n                data-testid=\"automation-source-logo\"\n              />\n            )}\n            {formatTriggerSourceLabel(source)}\n          </span>\n        ),\n      });\n    }\n  } else {\n    pills.push({\n      id: \"schedule\",\n      node: (\n        <span className={cn(extensionModuleCardPillClassName, \"gap-1\")}>\n          <ClockIcon className=\"size-3 shrink-0\" />\n          {scheduleLabel}\n        </span>\n      ),\n    });\n  }\n\n  if (automation.model) {\n    pills.push({\n      id: \"model\",\n      node: (\n        <span className={cn(extensionModuleCardPillClassName, \"gap-1\")}>\n          <SparkleIcon className=\"size-3 shrink-0\" />\n          {automation.model}\n        </span>\n      ),\n    });\n  }\n\n  return pills;\n}\n"],"mappings":"irBAiBA,SAAgB,EACd,EACA,EACiB,CACjB,IAAM,EAAyB,CAAC,EAchC,GAZI,EAAW,YACb,EAAM,KAAK,CACT,GAAI,aACJ,MACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,iCAAkC,OAAO,WAA7D,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,UAAU,iBAAmB,CAAA,EACxC,EAAW,UACR,GAEV,CAAC,EAGC,EAAW,QAAQ,OAAS,QAAS,CACvC,IAAM,EAAa,EAAA,qBAAqB,CAAU,EAC9C,GACF,EAAM,KAAK,CACT,GAAI,gBACJ,MACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,iCAAkC,OAAO,WAA7D,EACE,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,UAAU,kBAAkB,cAAY,MAAQ,CAAA,EACpD,CACG,GAEV,CAAC,EAGH,IAAM,EAAS,EAAA,iBAAiB,CAAU,EAC1C,GAAI,EAAQ,CACV,IAAM,EAAc,EAAA,wBAClB,EAAO,YAAY,EACnB,EAAA,OACF,EACA,EAAM,KAAK,CACT,GAAI,eACJ,MACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,iCAAkC,OAAO,WAA7D,CACG,GACC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,MAAO,EACP,KAAK,KACL,OAAO,wBACR,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,UAAU,kBACV,cAAY,OACZ,cAAY,wBACb,CAAA,EAEF,EAAA,yBAAyB,CAAM,CAC5B,GAEV,CAAC,CACH,CACF,MACE,EAAM,KAAK,CACT,GAAI,WACJ,MACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,iCAAkC,OAAO,WAA7D,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAW,UAAU,iBAAmB,CAAA,EACvC,CACG,GAEV,CAAC,EAeH,OAZI,EAAW,OACb,EAAM,KAAK,CACT,GAAI,QACJ,MACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,iCAAkC,OAAO,WAA7D,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAa,UAAU,iBAAmB,CAAA,EACzC,EAAW,KACR,GAEV,CAAC,EAGI,CACT"}

package/dist/components/features/automations/build-automation-pills.js

@@ -0,0 +1,71 @@
+import { Plug as e } from "../../../node_modules/lucide-react/dist/esm/icons/plug.js";
+import { Zap as t } from "../../../node_modules/lucide-react/dist/esm/icons/zap.js";
+import { cn as n } from "../../../utils/utils.js";
+import { extensionModuleCardPillClassName as r } from "../../../utils/extension-module-card-classes.js";
+import i from "../../../icons/folder.js";
+import a from "../../../icons/clock.js";
+import o from "../../../icons/sparkle.js";
+import s from "../../../node_modules/@openhands/extensions/integrations/index.js";
+import { McpLogoBadge as c } from "../mcp-logo-badge.js";
+import { getMarketplaceEntryById as l } from "../../../utils/mcp-marketplace-utils.js";
+import { formatTriggerSourceLabel as u, getTriggerEventLabel as d, getTriggerSource as f } from "../home/featured-automations/automation-run-health.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/features/automations/build-automation-pills.tsx
+function h(h, g) {
+	let _ = [];
+	if (h.repository && _.push({
+		id: "repository",
+		node: /* @__PURE__ */ m("span", {
+			className: n(r, "gap-1"),
+			children: [/* @__PURE__ */ p(i, { className: "size-3 shrink-0" }), h.repository]
+		})
+	}), h.trigger.type === "event") {
+		let i = d(h);
+		i && _.push({
+			id: "event-trigger",
+			node: /* @__PURE__ */ m("span", {
+				className: n(r, "gap-1"),
+				children: [/* @__PURE__ */ p(t, {
+					className: "size-3 shrink-0",
+					"aria-hidden": "true"
+				}), i]
+			})
+		});
+		let a = f(h);
+		if (a) {
+			let t = l(a.toLowerCase(), s);
+			_.push({
+				id: "event-source",
+				node: /* @__PURE__ */ m("span", {
+					className: n(r, "gap-1"),
+					children: [t ? /* @__PURE__ */ p(c, {
+						entry: t,
+						size: "xs",
+						testId: "automation-source-logo"
+					}) : /* @__PURE__ */ p(e, {
+						className: "size-3 shrink-0",
+						"aria-hidden": "true",
+						"data-testid": "automation-source-logo"
+					}), u(a)]
+				})
+			});
+		}
+	} else _.push({
+		id: "schedule",
+		node: /* @__PURE__ */ m("span", {
+			className: n(r, "gap-1"),
+			children: [/* @__PURE__ */ p(a, { className: "size-3 shrink-0" }), g]
+		})
+	});
+	return h.model && _.push({
+		id: "model",
+		node: /* @__PURE__ */ m("span", {
+			className: n(r, "gap-1"),
+			children: [/* @__PURE__ */ p(o, { className: "size-3 shrink-0" }), h.model]
+		})
+	}), _;
+}
+//#endregion
+export { h as buildAutomationMetadataPills };
+
+//# sourceMappingURL=build-automation-pills.js.map

package/dist/components/features/automations/build-automation-pills.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-automation-pills.js","names":[],"sources":["../../../../src/components/features/automations/build-automation-pills.tsx"],"sourcesContent":["import FolderIcon from \"#/icons/folder.svg?react\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport SparkleIcon from \"#/icons/sparkle.svg?react\";\nimport { Plug, Zap } from \"lucide-react\";\nimport { INTEGRATION_CATALOG as MCP_MARKETPLACE } from \"@openhands/extensions/integrations\";\nimport type { SkillCardPill } from \"#/components/features/skills/skill-card-pill-row\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport type { Automation } from \"#/types/automation\";\nimport { cn } from \"#/utils/utils\";\nimport { extensionModuleCardPillClassName } from \"#/utils/extension-module-card-classes\";\nimport { getMarketplaceEntryById } from \"#/utils/mcp-marketplace-utils\";\nimport {\n  formatTriggerSourceLabel,\n  getTriggerEventLabel,\n  getTriggerSource,\n} from \"#/components/features/home/featured-automations/automation-run-health\";\n\nexport function buildAutomationMetadataPills(\n  automation: Automation,\n  scheduleLabel: string,\n): SkillCardPill[] {\n  const pills: SkillCardPill[] = [];\n\n  if (automation.repository) {\n    pills.push({\n      id: \"repository\",\n      node: (\n        <span className={cn(extensionModuleCardPillClassName, \"gap-1\")}>\n          <FolderIcon className=\"size-3 shrink-0\" />\n          {automation.repository}\n        </span>\n      ),\n    });\n  }\n\n  if (automation.trigger.type === \"event\") {\n    const eventLabel = getTriggerEventLabel(automation);\n    if (eventLabel) {\n      pills.push({\n        id: \"event-trigger\",\n        node: (\n          <span className={cn(extensionModuleCardPillClassName, \"gap-1\")}>\n            <Zap className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n            {eventLabel}\n          </span>\n        ),\n      });\n    }\n\n    const source = getTriggerSource(automation);\n    if (source) {\n      const sourceEntry = getMarketplaceEntryById(\n        source.toLowerCase(),\n        MCP_MARKETPLACE,\n      );\n      pills.push({\n        id: \"event-source\",\n        node: (\n          <span className={cn(extensionModuleCardPillClassName, \"gap-1\")}>\n            {sourceEntry ? (\n              <McpLogoBadge\n                entry={sourceEntry}\n                size=\"xs\"\n                testId=\"automation-source-logo\"\n              />\n            ) : (\n              <Plug\n                className=\"size-3 shrink-0\"\n                aria-hidden=\"true\"\n                data-testid=\"automation-source-logo\"\n              />\n            )}\n            {formatTriggerSourceLabel(source)}\n          </span>\n        ),\n      });\n    }\n  } else {\n    pills.push({\n      id: \"schedule\",\n      node: (\n        <span className={cn(extensionModuleCardPillClassName, \"gap-1\")}>\n          <ClockIcon className=\"size-3 shrink-0\" />\n          {scheduleLabel}\n        </span>\n      ),\n    });\n  }\n\n  if (automation.model) {\n    pills.push({\n      id: \"model\",\n      node: (\n        <span className={cn(extensionModuleCardPillClassName, \"gap-1\")}>\n          <SparkleIcon className=\"size-3 shrink-0\" />\n          {automation.model}\n        </span>\n      ),\n    });\n  }\n\n  return pills;\n}\n"],"mappings":";;;;;;;;;;;;;AAiBA,SAAgB,EACd,GACA,GACiB;CACjB,IAAM,IAAyB,CAAC;CAchC,IAZI,EAAW,cACb,EAAM,KAAK;EACT,IAAI;EACJ,MACE,kBAAC,QAAD;GAAM,WAAW,EAAG,GAAkC,OAAO;aAA7D,CACE,kBAAC,GAAD,EAAY,WAAU,kBAAmB,CAAA,GACxC,EAAW,UACR;;CAEV,CAAC,GAGC,EAAW,QAAQ,SAAS,SAAS;EACvC,IAAM,IAAa,EAAqB,CAAU;EAClD,AAAI,KACF,EAAM,KAAK;GACT,IAAI;GACJ,MACE,kBAAC,QAAD;IAAM,WAAW,EAAG,GAAkC,OAAO;cAA7D,CACE,kBAAC,GAAD;KAAK,WAAU;KAAkB,eAAY;IAAQ,CAAA,GACpD,CACG;;EAEV,CAAC;EAGH,IAAM,IAAS,EAAiB,CAAU;EAC1C,IAAI,GAAQ;GACV,IAAM,IAAc,EAClB,EAAO,YAAY,GACnB,CACF;GACA,EAAM,KAAK;IACT,IAAI;IACJ,MACE,kBAAC,QAAD;KAAM,WAAW,EAAG,GAAkC,OAAO;eAA7D,CACG,IACC,kBAAC,GAAD;MACE,OAAO;MACP,MAAK;MACL,QAAO;KACR,CAAA,IAED,kBAAC,GAAD;MACE,WAAU;MACV,eAAY;MACZ,eAAY;KACb,CAAA,GAEF,EAAyB,CAAM,CAC5B;;GAEV,CAAC;EACH;CACF,OACE,EAAM,KAAK;EACT,IAAI;EACJ,MACE,kBAAC,QAAD;GAAM,WAAW,EAAG,GAAkC,OAAO;aAA7D,CACE,kBAAC,GAAD,EAAW,WAAU,kBAAmB,CAAA,GACvC,CACG;;CAEV,CAAC;CAeH,OAZI,EAAW,SACb,EAAM,KAAK;EACT,IAAI;EACJ,MACE,kBAAC,QAAD;GAAM,WAAW,EAAG,GAAkC,OAAO;aAA7D,CACE,kBAAC,GAAD,EAAa,WAAU,kBAAmB,CAAA,GACzC,EAAW,KACR;;CAEV,CAAC,GAGI;AACT"}

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

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/Trans.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../contexts/active-backend-context.cjs"),a=require("../../../manifests/automation-interface.cjs"),o=require("../../../hooks/use-tracking.cjs"),s=require("../settings/brand-button.cjs"),c=require("../../../icons/chevron-down.cjs"),l=require("../../../icons/message-square-share.cjs"),u=require("../../../hooks/use-launch-skill-in-chat.cjs");let d=require("react"),f=require("react/jsx-runtime");function p({children:e}){return(0,f.jsx)(`span`,{className:`whitespace-nowrap`,children:e})}function m({children:e}){return(0,f.jsx)(`code`,{"data-testid":`automations-create-instructions-example`,className:r.cn(`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 h({children:e}){return(0,f.jsx)(f.Fragment,{children:e})}var g={example:(0,f.jsx)(p,{}),cmd:(0,f.jsx)(m,{}),punct:(0,f.jsx)(h,{})};function _({onLaunch:r}={}){let{t:c}=t.useTranslation(`openhands`),d=u.useLaunchSkillInChat(),p=i.useActiveBackend(),{trackAutomationCreatedButton:m}=o.useTracking();return(0,f.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,f.jsxs)(`p`,{className:`text-sm leading-relaxed text-tertiary-light`,children:[(0,f.jsx)(e.Trans,{ns:`openhands`,i18nKey:n.I18nKey.AUTOMATIONS$EMPTY_OPTION_CONVERSATION_DESC,components:g}),` `,c(n.I18nKey.AUTOMATIONS$CREATE_INSTRUCTIONS_GUIDANCE),` `,(0,f.jsx)(`a`,{href:a.getAutomationsDocsUrl(),target:`_blank`,rel:`noopener noreferrer`,className:`text-muted underline transition-colors hover:text-foreground`,children:c(n.I18nKey.AUTOMATIONS$EMPTY_LEARN_MORE)})]}),(0,f.jsx)(`div`,{className:`flex justify-center`,children:(0,f.jsx)(s.BrandButton,{type:`button`,variant:`primary`,testId:`automations-create-automation`,onClick:()=>{m({backendKind:p.backend.kind}),d(c(n.I18nKey.AUTOMATIONS$CREATE_AUTOMATION_PROMPT),r)},startContent:(0,f.jsx)(l.default,{className:`size-4`,"aria-hidden":!0}),children:c(n.I18nKey.AUTOMATIONS$CREATE_AUTOMATION_BUTTON)})})]})}function v({collapsible:e=!1}){let{t:i}=t.useTranslation(`openhands`),[a,o]=(0,d.useState)(!e);return e?(0,f.jsxs)(`div`,{className:`w-full rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface)]`,children:[(0,f.jsxs)(`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:[(0,f.jsx)(`span`,{className:`text-sm font-normal text-content`,children:i(n.I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)}),(0,f.jsx)(c.default,{className:r.cn(`size-5 text-muted transition-transform`,a&&`rotate-180`)})]}),a?(0,f.jsx)(`div`,{className:`px-4 pb-4`,children:(0,f.jsx)(_,{})}):null]}):(0,f.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,f.jsx)(_,{})})}exports.CreateInstructions=v,exports.CreateInstructionsContent=_;
+//# sourceMappingURL=create-instructions.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-instructions.cjs","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":"orBAYA,SAAS,EAAkB,CAAE,YAAsC,CACjE,OAAO,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAqB,UAAe,CAAA,CAC7D,CAEA,SAAS,EAAe,CAAE,YAAsC,CAC9D,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,0CACZ,UAAW,EAAA,GACT,yEACA,6FACF,EAEC,UACG,CAAA,CAEV,CAEA,SAAS,EAAkB,CAAE,YAAsC,CACjE,OAAO,EAAA,EAAA,KAAA,EAAA,SAAA,CAAG,UAAW,CAAA,CACvB,CAEA,IAAM,EAAwC,CAC5C,SAAS,EAAA,EAAA,KAAC,EAAD,CAAoB,CAAA,EAC7B,KAAK,EAAA,EAAA,KAAC,EAAD,CAAiB,CAAA,EACtB,OAAO,EAAA,EAAA,KAAC,EAAD,CAAoB,CAAA,CAC7B,EAWA,SAAgB,EAA0B,CACxC,YACkC,CAAC,EAAG,CACtC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAe,EAAA,qBAAqB,EACpC,EAAS,EAAA,iBAAiB,EAC1B,CAAE,gCAAiC,EAAA,YAAY,EAOrD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,MAAC,IAAD,CAAG,UAAU,uDAAb,EACE,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,GAAG,YACH,QAAS,EAAA,QAAQ,2CACjB,WAAY,CACb,CAAA,EAAE,IACF,EAAE,EAAA,QAAQ,wCAAwC,EAAG,KACtD,EAAA,EAAA,KAAC,IAAD,CACE,KAAM,EAAA,sBAAsB,EAC5B,OAAO,SACP,IAAI,sBACJ,UAAU,wEAET,EAAE,EAAA,QAAQ,4BAA4B,CACtC,CAAA,CACF,KAEH,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gCACb,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,SACL,QAAQ,UACR,OAAO,gCACP,YA7B6B,CACnC,EAA6B,CAAE,YAAa,EAAO,QAAQ,IAAK,CAAC,EACjE,EAAa,EAAE,EAAA,QAAQ,oCAAoC,EAAG,CAAQ,CACxE,EA2BQ,cACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAwB,UAAU,SAAS,cAAA,EAAa,CAAA,WAGzD,EAAE,EAAA,QAAQ,oCAAoC,CACpC,CAAA,CACV,CAAA,CACF,GAET,CAEA,SAAgB,EAAmB,CACjC,cAAc,IACY,CAC1B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,CAAC,CAAW,EA8BzD,OA5BI,GAEA,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qFAAf,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAc,CAAC,CAAU,EACxC,gBAAe,EACf,UAAU,uHAJZ,EAME,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4CACb,EAAE,EAAA,QAAQ,qCAAqC,CAC5C,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,UAAW,EAAA,GACT,yCACA,GAAc,YAChB,CACD,CAAA,CACK,IACP,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAD,CAA4B,CAAA,CACzB,CAAA,EACH,IACD,KAKP,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,6BACb,EAAA,EAAA,KAAC,EAAD,CAA4B,CAAA,CACzB,CAAA,CAET"}

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