@openhands/agent-canvas 1.16.0 → 1.18.0

package/dist/components/features/automations/automation-card.js

@@ -2,169 +2,176 @@ import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
 import { useNavigation as r } from "../../../context/navigation-context.js";
-import { tooltip_default as i } from "../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.js";
-import { StyledTooltip as ee } from "../../shared/buttons/styled-tooltip.js";
-import { extensionModuleCardInteractiveClassName as a, extensionModuleCardSurfaceClassName as o } from "../../../utils/extension-module-card-classes.js";
-import { AutomationRunStatus as s } from "../../../types/automation.js";
-import { automationIconActionButtonClassName as c } from "./automation-action-button-classes.js";
+import { resolveAutomationImpactStatement as i } from "../../../utils/automation-catalog.js";
+import { tooltip_default as a } from "../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.js";
+import { StyledTooltip as o } from "../../shared/buttons/styled-tooltip.js";
+import { extensionModuleCardInteractiveClassName as s, extensionModuleCardSurfaceClassName as c } from "../../../utils/extension-module-card-classes.js";
+import { getAutomationRunDisplay as ee } from "../../../utils/automation-run-display.js";
+import { automationIconActionButtonClassName as te } from "./automation-action-button-classes.js";
 import { KebabMenu as l } from "./kebab-menu.js";
-import { useHasPermission as u } from "../../../hooks/use-has-permission.js";
-import d from "../../../icons/play.js";
-import { SkillCardPillRow as f } from "../skills/skill-card-pill-row.js";
-import { formatRelativeTime as p } from "../../../utils/format-relative-time.js";
-import { getLastRunTimestamp as m, shortenAutomationErrorDetail as h, shouldShowAutomationErrorHovercard as g } from "../home/featured-automations/automation-run-health.js";
-import { buildAutomationMetadataPills as _ } from "./build-automation-pills.js";
-import { buildAutomationMenuItems as v } from "./build-automation-menu-items.js";
-import { AutomationRunStats as y } from "./automation-run-insights.js";
-import { automationCardStatusStripClassName as b } from "./automation-view-mode.js";
-import { toLatestRunState as x } from "./to-latest-run-state.js";
-import { RunPhase as S, shouldShowRunPhase as C } from "./detail/run-phase.js";
-import { RunStatusBadge as w } from "./detail/run-status-badge.js";
-import { AutomationRunActivitySparkline as T } from "../home/featured-automations/automation-run-activity-sparkline.js";
-import { useMemo as E } from "react";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { useAutomationPermissions as u, useIsAutomationOwner as d } from "../../../hooks/use-automation-permissions.js";
+import f from "../../../icons/play.js";
+import { SkillCardPillRow as p } from "../skills/skill-card-pill-row.js";
+import { formatRelativeTime as ne } from "../../../utils/format-relative-time.js";
+import { getLastRunTimestamp as re, shortenAutomationRunSummary as m, shouldShowAutomationRunSummaryHovercard as h } from "../home/featured-automations/automation-run-health.js";
+import { buildAutomationMetadataPills as g } from "./build-automation-pills.js";
+import { buildAutomationMenuItems as _ } from "./build-automation-menu-items.js";
+import { AutomationRunStats as v } from "./automation-run-insights.js";
+import { automationCardStatusStripClassName as ie } from "./automation-view-mode.js";
+import { toLatestRunState as ae } from "./to-latest-run-state.js";
+import { RunPhase as oe, shouldShowRunPhase as y } from "./detail/run-phase.js";
+import { RunStatusBadge as b } from "./detail/run-status-badge.js";
+import { AutomationRunActivitySparkline as x } from "../home/featured-automations/automation-run-activity-sparkline.js";
+import { useMemo as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/components/features/automations/automation-card.tsx
-function A({ automation: A, onToggle: j, onRunNow: M, isRunPending: N = !1, onDelete: P, onExport: F, onEdit: I, insights: L }) {
-	let { navigate: R } = r(), { t: z, i18n: B } = e("openhands"), V = u("manage_automations"), H = A.trigger.schedule_human || A.trigger.type, U = E(() => _(A, H), [A, H]), W = () => {
-		R?.(`/automations/${A.id}`);
-	}, G = v({
-		automation: A,
-		t: z,
-		canManage: V,
-		onRunNow: M,
-		isRunPending: N,
-		onView: W,
-		onExport: F,
-		onEdit: I,
-		onToggle: j,
-		onDelete: P
-	}), { latestRun: K, recentRuns: q, isLoading: J, isError: Y } = x(L?.state), X = K ? m(K) : null, Z = K?.status === s.FAILED && K.error_detail?.trim() || null, Q = Z ? h(Z) : null, $ = Z != null && Q != null && g(Z, Q), te = C(K?.status);
-	return /* @__PURE__ */ k("div", {
+function E({ automation: E, onToggle: D, onRunNow: O, isRunPending: k = !1, onDelete: A, onExport: j, onEdit: M, insights: N }) {
+	let { navigate: se } = r(), { t: P, i18n: F } = e("openhands"), { canManage: I } = u(), L = d(E), R = I || L, z = E.enabled ? R : L, B = E.trigger.schedule_human || E.trigger.type, V = S(() => g(E, B), [E, B]), H = () => {
+		se?.(`/automations/${E.id}`);
+	}, U = _({
+		automation: E,
+		t: P,
+		canManage: R,
+		canToggle: z,
+		onRunNow: O,
+		isRunPending: k,
+		onView: H,
+		onExport: j,
+		onEdit: M,
+		onToggle: D,
+		onDelete: A
+	}), W = ae(N?.state), G = i(E, N?.state?.summary?.completedTotal ?? null), { latestRun: K, recentRuns: q, isLoading: J, isError: Y } = W, X = K ? re(K) : null, Z = K ? ee(K) : null, Q = Z?.summary ?? null, $ = Q ? m(Q) : null, ce = Q != null && $ != null && h(Q, $), le = y(K?.status);
+	return /* @__PURE__ */ T("div", {
 		role: "link",
 		tabIndex: 0,
-		"data-testid": `automation-card-${A.id}`,
-		onClick: W,
+		"data-testid": `automation-card-${E.id}`,
+		onClick: H,
 		onKeyDown: (e) => {
-			e.key === "Enter" && W();
+			e.key === "Enter" && H();
 		},
-		className: n("group relative flex min-w-0 flex-col overflow-hidden p-4 text-left", o, a),
+		className: n("group relative flex min-w-0 flex-col overflow-hidden p-4 text-left", c, s),
 		children: [
-			/* @__PURE__ */ k("header", {
+			/* @__PURE__ */ T("header", {
 				className: "flex flex-col gap-1.5",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "flex h-8 items-center justify-between gap-3",
-					children: [/* @__PURE__ */ O("h3", {
+					children: [/* @__PURE__ */ w("h3", {
 						className: "min-w-0 flex-1 truncate text-sm font-semibold leading-none text-[var(--oh-foreground)]",
-						children: A.name
-					}), /* @__PURE__ */ k("div", {
+						children: E.name
+					}), /* @__PURE__ */ T("div", {
 						className: "flex shrink-0 items-center gap-0.5",
-						children: [V ? /* @__PURE__ */ O(ee, {
-							content: z(t.AUTOMATIONS$RUN_NOW),
+						children: [R ? /* @__PURE__ */ w(o, {
+							content: P(t.AUTOMATIONS$RUN_NOW),
 							placement: "top",
-							children: /* @__PURE__ */ O("button", {
+							children: /* @__PURE__ */ w("button", {
 								type: "button",
-								"data-testid": `automation-run-now-${A.id}`,
-								"aria-label": z(t.AUTOMATIONS$RUN_NOW),
-								"aria-busy": N,
-								disabled: N || !A.enabled,
+								"data-testid": `automation-run-now-${E.id}`,
+								"aria-label": P(t.AUTOMATIONS$RUN_NOW),
+								"aria-busy": k,
+								disabled: k || !E.enabled,
 								onClick: (e) => {
-									e.stopPropagation(), M(A.id);
+									e.stopPropagation(), O(E.id);
 								},
-								className: c,
-								children: /* @__PURE__ */ O(d, {
+								className: te,
+								children: /* @__PURE__ */ w(f, {
 									className: "size-4 shrink-0",
 									"aria-hidden": !0
 								})
 							})
-						}) : null, /* @__PURE__ */ O(l, {
-							items: G,
+						}) : null, /* @__PURE__ */ w(l, {
+							items: U,
 							triggerClassName: "opacity-70 group-hover:opacity-100"
 						})]
 					})]
-				}), A.prompt ? /* @__PURE__ */ O("p", {
+				}), E.prompt ? /* @__PURE__ */ w("p", {
 					className: "line-clamp-2 text-xs leading-relaxed text-[var(--oh-text-secondary)]",
-					children: A.prompt
+					children: E.prompt
 				}) : null]
 			}),
-			U.length > 0 || q.length > 0 ? /* @__PURE__ */ k("div", {
-				className: n("mt-3 flex items-center gap-3", U.length > 0 ? "justify-between" : "justify-end"),
-				children: [U.length > 0 ? /* @__PURE__ */ O("div", {
+			V.length > 0 || q.length > 0 ? /* @__PURE__ */ T("div", {
+				className: n("mt-3 flex items-center gap-3", V.length > 0 ? "justify-between" : "justify-end"),
+				children: [V.length > 0 ? /* @__PURE__ */ w("div", {
 					className: "min-w-0 flex-1 overflow-hidden",
-					children: /* @__PURE__ */ O(f, {
-						pills: U,
-						testId: `automation-pills-${A.id}`
+					children: /* @__PURE__ */ w(p, {
+						pills: V,
+						testId: `automation-pills-${E.id}`
 					})
-				}) : null, q.length > 0 ? /* @__PURE__ */ O(T, {
-					automationId: A.id,
+				}) : null, q.length > 0 ? /* @__PURE__ */ w(x, {
+					automationId: E.id,
 					runs: q,
-					testId: `automation-activity-${A.id}`
+					testId: `automation-activity-${E.id}`
 				}) : null]
 			}) : null,
-			L ? /* @__PURE__ */ k("div", {
-				className: b,
-				children: [/* @__PURE__ */ k("div", {
+			N ? /* @__PURE__ */ T("div", {
+				className: ie,
+				children: [/* @__PURE__ */ T("div", {
 					className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden",
 					children: [
-						J ? /* @__PURE__ */ O("div", {
+						J ? /* @__PURE__ */ w("div", {
 							className: "h-3.5 w-3/4 animate-pulse rounded bg-surface-raised motion-reduce:animate-none",
 							"aria-hidden": "true"
 						}) : null,
-						!J && Y ? /* @__PURE__ */ O("p", {
+						!J && Y ? /* @__PURE__ */ w("p", {
 							className: "truncate text-[var(--oh-text-secondary)]",
-							children: z(t.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE)
+							children: P(t.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE)
 						}) : null,
-						!J && !Y && !K ? /* @__PURE__ */ O("p", {
+						!J && !Y && !K ? /* @__PURE__ */ w("p", {
 							className: "truncate text-[var(--oh-text-secondary)]",
-							children: z(t.AUTOMATIONS$DETAIL$NO_RUNS)
+							children: P(t.AUTOMATIONS$DETAIL$NO_RUNS)
 						}) : null,
-						K ? /* @__PURE__ */ k(D, { children: [
-							/* @__PURE__ */ O(w, {
-								status: K.status,
+						K ? /* @__PURE__ */ T(C, { children: [
+							/* @__PURE__ */ w(b, {
+								status: Z?.badgeStatus ?? K.status,
 								iconOnly: !0,
 								showLabel: !0
 							}),
-							te ? /* @__PURE__ */ O(S, {
+							le ? /* @__PURE__ */ w(oe, {
 								status: K.status,
 								code: K.phase_code,
 								label: K.phase_label,
 								updatedAt: K.phase_updated_at
 							}) : null,
-							Q ? $ && Z ? /* @__PURE__ */ O(i, {
-								content: /* @__PURE__ */ O("p", {
+							$ ? ce && Q ? /* @__PURE__ */ w(a, {
+								content: /* @__PURE__ */ w("p", {
 									className: "max-w-xs whitespace-pre-wrap break-words p-2 text-xs",
-									children: Z
+									children: Q
 								}),
 								placement: "top",
 								closeDelay: 100,
 								disableAnimation: !1,
 								className: "rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl",
-								children: /* @__PURE__ */ O("span", {
-									className: "min-w-0 flex-1 cursor-default truncate text-[var(--oh-status-error)]",
-									children: Q
+								children: /* @__PURE__ */ w("span", {
+									className: "min-w-0 flex-1 cursor-default truncate text-[var(--oh-text-secondary)]",
+									children: $
 								})
-							}) : /* @__PURE__ */ O("p", {
-								className: "min-w-0 flex-1 truncate text-[var(--oh-status-error)]",
-								children: Q
+							}) : /* @__PURE__ */ w("p", {
+								className: "min-w-0 flex-1 truncate text-[var(--oh-text-secondary)]",
+								children: $
 							}) : null
 						] }) : null
 					]
-				}), X ? /* @__PURE__ */ O("span", {
-					"data-testid": `automation-last-run-${A.id}`,
+				}), X ? /* @__PURE__ */ w("span", {
+					"data-testid": `automation-last-run-${E.id}`,
 					className: "shrink-0 text-[var(--oh-text-secondary)]",
-					children: p(X, B.language, z)
+					children: ne(X, F.language, P)
 				}) : null]
 			}) : null,
-			L ? /* @__PURE__ */ O("div", {
+			G ? /* @__PURE__ */ w("p", {
+				"data-testid": `automation-impact-${E.id}`,
+				className: "mt-3 truncate text-xs text-[var(--oh-text-secondary)]",
+				children: G
+			}) : null,
+			N ? /* @__PURE__ */ w("div", {
 				className: "mt-3",
-				children: /* @__PURE__ */ O(y, {
-					state: L.state,
-					copy: L.spec.stats
+				children: /* @__PURE__ */ w(v, {
+					state: N.state,
+					copy: N.spec.stats
 				})
 			}) : null
 		]
 	});
 }
 //#endregion
-export { A as AutomationCard };
+export { E as AutomationCard };
 
 //# sourceMappingURL=automation-card.js.map

package/dist/components/features/automations/automation-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"automation-card.js","names":[],"sources":["../../../../src/components/features/automations/automation-card.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Automation } from \"#/types/automation\";\nimport { AutomationRunStatus } from \"#/types/automation\";\nimport { KebabMenu } from \"./kebab-menu\";\nimport { useHasPermission } from \"#/hooks/use-has-permission\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport PlayIcon from \"#/icons/play.svg?react\";\nimport { SkillCardPillRow } from \"#/components/features/skills/skill-card-pill-row\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { cn } from \"#/utils/utils\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { buildAutomationMetadataPills } from \"./build-automation-pills\";\nimport { buildAutomationMenuItems } from \"./build-automation-menu-items\";\nimport { automationIconActionButtonClassName } from \"./automation-action-button-classes\";\nimport { AutomationRunStats } from \"./automation-run-insights\";\nimport { automationCardStatusStripClassName } from \"./automation-view-mode\";\nimport {\n  extensionModuleCardInteractiveClassName,\n  extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport { toLatestRunState } from \"./to-latest-run-state\";\nimport { RunPhase, shouldShowRunPhase } from \"./detail/run-phase\";\nimport { RunStatusBadge } from \"./detail/run-status-badge\";\nimport { AutomationRunActivitySparkline } from \"#/components/features/home/featured-automations/automation-run-activity-sparkline\";\nimport type { RunSummaryState } from \"#/manifests/automation-insights\";\nimport type { InterfaceListInsights } from \"#/manifests/types\";\nimport {\n  getLastRunTimestamp,\n  shortenAutomationErrorDetail,\n  shouldShowAutomationErrorHovercard,\n} from \"#/components/features/home/featured-automations/automation-run-health\";\n\n/** Run insights shown when the manifest declares the dashboard surface. */\nexport interface AutomationInsightsProps {\n  spec: InterfaceListInsights;\n  state: RunSummaryState | undefined;\n}\n\ninterface AutomationCardProps {\n  automation: Automation;\n  onToggle: (id: string, enabled: boolean) => void;\n  onRunNow: (id: string) => void;\n  isRunPending?: boolean;\n  onDelete: (id: string) => void;\n  onExport: (automation: Automation) => void;\n  onEdit?: (id: string) => void;\n  insights?: AutomationInsightsProps;\n}\n\nexport function AutomationCard({\n  automation,\n  onToggle,\n  onRunNow,\n  isRunPending = false,\n  onDelete,\n  onExport,\n  onEdit,\n  insights,\n}: AutomationCardProps) {\n  const { navigate } = useNavigation();\n  const { t, i18n } = useTranslation(\"openhands\");\n  const canManage = useHasPermission(\"manage_automations\");\n\n  const scheduleLabel =\n    automation.trigger.schedule_human || automation.trigger.type;\n  const pills = useMemo(\n    () => buildAutomationMetadataPills(automation, scheduleLabel),\n    [automation, scheduleLabel],\n  );\n\n  const handleView = () => {\n    navigate?.(`/automations/${automation.id}`);\n  };\n\n  const menuItems = buildAutomationMenuItems({\n    automation,\n    t,\n    canManage,\n    onRunNow,\n    isRunPending,\n    onView: handleView,\n    onExport,\n    onEdit,\n    onToggle,\n    onDelete,\n  });\n\n  const runState = toLatestRunState(insights?.state);\n  const { latestRun, recentRuns, isLoading, isError } = runState;\n  const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n  const errorDetail =\n    latestRun?.status === AutomationRunStatus.FAILED\n      ? latestRun.error_detail?.trim() || null\n      : null;\n  const shortErrorDetail = errorDetail\n    ? shortenAutomationErrorDetail(errorDetail)\n    : null;\n  const showErrorHovercard =\n    errorDetail != null &&\n    shortErrorDetail != null &&\n    shouldShowAutomationErrorHovercard(errorDetail, shortErrorDetail);\n  const showPhase = shouldShowRunPhase(latestRun?.status);\n  const disableAnimation = import.meta.env.MODE === \"test\";\n\n  return (\n    <div\n      role=\"link\"\n      tabIndex={0}\n      data-testid={`automation-card-${automation.id}`}\n      onClick={handleView}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\") handleView();\n      }}\n      className={cn(\n        \"group relative flex min-w-0 flex-col overflow-hidden p-4 text-left\",\n        extensionModuleCardSurfaceClassName,\n        extensionModuleCardInteractiveClassName,\n      )}\n    >\n      <header className=\"flex flex-col gap-1.5\">\n        <div className=\"flex h-8 items-center justify-between gap-3\">\n          <h3 className=\"min-w-0 flex-1 truncate text-sm font-semibold leading-none text-[var(--oh-foreground)]\">\n            {automation.name}\n          </h3>\n          <div className=\"flex shrink-0 items-center gap-0.5\">\n            {canManage ? (\n              <StyledTooltip\n                content={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n                placement=\"top\"\n              >\n                <button\n                  type=\"button\"\n                  data-testid={`automation-run-now-${automation.id}`}\n                  aria-label={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n                  aria-busy={isRunPending}\n                  disabled={isRunPending || !automation.enabled}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    onRunNow(automation.id);\n                  }}\n                  className={automationIconActionButtonClassName}\n                >\n                  <PlayIcon className=\"size-4 shrink-0\" aria-hidden />\n                </button>\n              </StyledTooltip>\n            ) : null}\n            <KebabMenu\n              items={menuItems}\n              triggerClassName=\"opacity-70 group-hover:opacity-100\"\n            />\n          </div>\n        </div>\n        {automation.prompt ? (\n          <p className=\"line-clamp-2 text-xs leading-relaxed text-[var(--oh-text-secondary)]\">\n            {automation.prompt}\n          </p>\n        ) : null}\n      </header>\n\n      {pills.length > 0 || recentRuns.length > 0 ? (\n        <div\n          className={cn(\n            \"mt-3 flex items-center gap-3\",\n            pills.length > 0 ? \"justify-between\" : \"justify-end\",\n          )}\n        >\n          {pills.length > 0 ? (\n            <div className=\"min-w-0 flex-1 overflow-hidden\">\n              <SkillCardPillRow\n                pills={pills}\n                testId={`automation-pills-${automation.id}`}\n              />\n            </div>\n          ) : null}\n          {recentRuns.length > 0 ? (\n            <AutomationRunActivitySparkline\n              automationId={automation.id}\n              runs={recentRuns}\n              testId={`automation-activity-${automation.id}`}\n            />\n          ) : null}\n        </div>\n      ) : null}\n\n      {insights ? (\n        <div className={automationCardStatusStripClassName}>\n          <div className=\"flex min-w-0 flex-1 items-center gap-2 overflow-hidden\">\n            {isLoading ? (\n              <div\n                className=\"h-3.5 w-3/4 animate-pulse rounded bg-surface-raised motion-reduce:animate-none\"\n                aria-hidden=\"true\"\n              />\n            ) : null}\n\n            {!isLoading && isError ? (\n              <p className=\"truncate text-[var(--oh-text-secondary)]\">\n                {t(I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE)}\n              </p>\n            ) : null}\n\n            {!isLoading && !isError && !latestRun ? (\n              <p className=\"truncate text-[var(--oh-text-secondary)]\">\n                {t(I18nKey.AUTOMATIONS$DETAIL$NO_RUNS)}\n              </p>\n            ) : null}\n\n            {latestRun ? (\n              <>\n                <RunStatusBadge status={latestRun.status} iconOnly showLabel />\n\n                {showPhase ? (\n                  <RunPhase\n                    status={latestRun.status}\n                    code={latestRun.phase_code}\n                    label={latestRun.phase_label}\n                    updatedAt={latestRun.phase_updated_at}\n                  />\n                ) : null}\n\n                {shortErrorDetail ? (\n                  showErrorHovercard && errorDetail ? (\n                    <Tooltip\n                      content={\n                        <p className=\"max-w-xs whitespace-pre-wrap break-words p-2 text-xs\">\n                          {errorDetail}\n                        </p>\n                      }\n                      placement=\"top\"\n                      closeDelay={100}\n                      disableAnimation={disableAnimation}\n                      className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n                    >\n                      <span className=\"min-w-0 flex-1 cursor-default truncate text-[var(--oh-status-error)]\">\n                        {shortErrorDetail}\n                      </span>\n                    </Tooltip>\n                  ) : (\n                    <p className=\"min-w-0 flex-1 truncate text-[var(--oh-status-error)]\">\n                      {shortErrorDetail}\n                    </p>\n                  )\n                ) : null}\n              </>\n            ) : null}\n          </div>\n\n          {timestamp ? (\n            <span\n              data-testid={`automation-last-run-${automation.id}`}\n              className=\"shrink-0 text-[var(--oh-text-secondary)]\"\n            >\n              {formatRelativeTime(timestamp, i18n.language, t)}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {insights ? (\n        <div className=\"mt-3\">\n          <AutomationRunStats\n            state={insights.state}\n            copy={insights.spec.stats}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"automation-card.js","names":[],"sources":["../../../../src/components/features/automations/automation-card.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Automation } from \"#/types/automation\";\nimport { getAutomationRunDisplay } from \"#/utils/automation-run-display\";\nimport { KebabMenu } from \"./kebab-menu\";\nimport {\n  useAutomationPermissions,\n  useIsAutomationOwner,\n} from \"#/hooks/use-automation-permissions\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport PlayIcon from \"#/icons/play.svg?react\";\nimport { SkillCardPillRow } from \"#/components/features/skills/skill-card-pill-row\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { cn } from \"#/utils/utils\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { buildAutomationMetadataPills } from \"./build-automation-pills\";\nimport { buildAutomationMenuItems } from \"./build-automation-menu-items\";\nimport { automationIconActionButtonClassName } from \"./automation-action-button-classes\";\nimport { AutomationRunStats } from \"./automation-run-insights\";\nimport { automationCardStatusStripClassName } from \"./automation-view-mode\";\nimport {\n  extensionModuleCardInteractiveClassName,\n  extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport { toLatestRunState } from \"./to-latest-run-state\";\nimport { RunPhase, shouldShowRunPhase } from \"./detail/run-phase\";\nimport { resolveAutomationImpactStatement } from \"#/utils/automation-catalog\";\nimport { RunStatusBadge } from \"./detail/run-status-badge\";\nimport { AutomationRunActivitySparkline } from \"#/components/features/home/featured-automations/automation-run-activity-sparkline\";\nimport type { RunSummaryState } from \"#/manifests/automation-insights\";\nimport type { InterfaceListInsights } from \"#/manifests/types\";\nimport {\n  getLastRunTimestamp,\n  shortenAutomationRunSummary,\n  shouldShowAutomationRunSummaryHovercard,\n} from \"#/components/features/home/featured-automations/automation-run-health\";\n\n/** Run insights shown when the manifest declares the dashboard surface. */\nexport interface AutomationInsightsProps {\n  spec: InterfaceListInsights;\n  state: RunSummaryState | undefined;\n}\n\ninterface AutomationCardProps {\n  automation: Automation;\n  onToggle: (id: string, enabled: boolean) => void;\n  onRunNow: (id: string) => void;\n  isRunPending?: boolean;\n  onDelete: (id: string) => void;\n  onExport: (automation: Automation) => void;\n  onEdit?: (id: string) => void;\n  insights?: AutomationInsightsProps;\n}\n\nexport function AutomationCard({\n  automation,\n  onToggle,\n  onRunNow,\n  isRunPending = false,\n  onDelete,\n  onExport,\n  onEdit,\n  insights,\n}: AutomationCardProps) {\n  const { navigate } = useNavigation();\n  const { t, i18n } = useTranslation(\"openhands\");\n  const { canManage: hasManagePermission } = useAutomationPermissions();\n  const isOwner = useIsAutomationOwner(automation);\n  // Write actions on a specific automation: manage OR creator (escape hatch).\n  const canManage = hasManagePermission || isOwner;\n  // Non-creators may turn an automation off but not back on.\n  const canToggle = automation.enabled ? canManage : isOwner;\n\n  const scheduleLabel =\n    automation.trigger.schedule_human || automation.trigger.type;\n  const pills = useMemo(\n    () => buildAutomationMetadataPills(automation, scheduleLabel),\n    [automation, scheduleLabel],\n  );\n\n  const handleView = () => {\n    navigate?.(`/automations/${automation.id}`);\n  };\n\n  const menuItems = buildAutomationMenuItems({\n    automation,\n    t,\n    canManage,\n    canToggle,\n    onRunNow,\n    isRunPending,\n    onView: handleView,\n    onExport,\n    onEdit,\n    onToggle,\n    onDelete,\n  });\n\n  const runState = toLatestRunState(insights?.state);\n  const impactStatement = resolveAutomationImpactStatement(\n    automation,\n    insights?.state?.summary?.completedTotal ?? null,\n  );\n  const { latestRun, recentRuns, isLoading, isError } = runState;\n  const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n  const display = latestRun ? getAutomationRunDisplay(latestRun) : null;\n  const summary = display?.summary ?? null;\n  const shortSummary = summary ? shortenAutomationRunSummary(summary) : null;\n  const showSummaryHovercard =\n    summary != null &&\n    shortSummary != null &&\n    shouldShowAutomationRunSummaryHovercard(summary, shortSummary);\n  const showPhase = shouldShowRunPhase(latestRun?.status);\n  const disableAnimation = import.meta.env.MODE === \"test\";\n\n  return (\n    <div\n      role=\"link\"\n      tabIndex={0}\n      data-testid={`automation-card-${automation.id}`}\n      onClick={handleView}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\") handleView();\n      }}\n      className={cn(\n        \"group relative flex min-w-0 flex-col overflow-hidden p-4 text-left\",\n        extensionModuleCardSurfaceClassName,\n        extensionModuleCardInteractiveClassName,\n      )}\n    >\n      <header className=\"flex flex-col gap-1.5\">\n        <div className=\"flex h-8 items-center justify-between gap-3\">\n          <h3 className=\"min-w-0 flex-1 truncate text-sm font-semibold leading-none text-[var(--oh-foreground)]\">\n            {automation.name}\n          </h3>\n          <div className=\"flex shrink-0 items-center gap-0.5\">\n            {canManage ? (\n              <StyledTooltip\n                content={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n                placement=\"top\"\n              >\n                <button\n                  type=\"button\"\n                  data-testid={`automation-run-now-${automation.id}`}\n                  aria-label={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n                  aria-busy={isRunPending}\n                  disabled={isRunPending || !automation.enabled}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    onRunNow(automation.id);\n                  }}\n                  className={automationIconActionButtonClassName}\n                >\n                  <PlayIcon className=\"size-4 shrink-0\" aria-hidden />\n                </button>\n              </StyledTooltip>\n            ) : null}\n            <KebabMenu\n              items={menuItems}\n              triggerClassName=\"opacity-70 group-hover:opacity-100\"\n            />\n          </div>\n        </div>\n        {automation.prompt ? (\n          <p className=\"line-clamp-2 text-xs leading-relaxed text-[var(--oh-text-secondary)]\">\n            {automation.prompt}\n          </p>\n        ) : null}\n      </header>\n\n      {pills.length > 0 || recentRuns.length > 0 ? (\n        <div\n          className={cn(\n            \"mt-3 flex items-center gap-3\",\n            pills.length > 0 ? \"justify-between\" : \"justify-end\",\n          )}\n        >\n          {pills.length > 0 ? (\n            <div className=\"min-w-0 flex-1 overflow-hidden\">\n              <SkillCardPillRow\n                pills={pills}\n                testId={`automation-pills-${automation.id}`}\n              />\n            </div>\n          ) : null}\n          {recentRuns.length > 0 ? (\n            <AutomationRunActivitySparkline\n              automationId={automation.id}\n              runs={recentRuns}\n              testId={`automation-activity-${automation.id}`}\n            />\n          ) : null}\n        </div>\n      ) : null}\n\n      {insights ? (\n        <div className={automationCardStatusStripClassName}>\n          <div className=\"flex min-w-0 flex-1 items-center gap-2 overflow-hidden\">\n            {isLoading ? (\n              <div\n                className=\"h-3.5 w-3/4 animate-pulse rounded bg-surface-raised motion-reduce:animate-none\"\n                aria-hidden=\"true\"\n              />\n            ) : null}\n\n            {!isLoading && isError ? (\n              <p className=\"truncate text-[var(--oh-text-secondary)]\">\n                {t(I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE)}\n              </p>\n            ) : null}\n\n            {!isLoading && !isError && !latestRun ? (\n              <p className=\"truncate text-[var(--oh-text-secondary)]\">\n                {t(I18nKey.AUTOMATIONS$DETAIL$NO_RUNS)}\n              </p>\n            ) : null}\n\n            {latestRun ? (\n              <>\n                <RunStatusBadge\n                  status={display?.badgeStatus ?? latestRun.status}\n                  iconOnly\n                  showLabel\n                />\n\n                {showPhase ? (\n                  <RunPhase\n                    status={latestRun.status}\n                    code={latestRun.phase_code}\n                    label={latestRun.phase_label}\n                    updatedAt={latestRun.phase_updated_at}\n                  />\n                ) : null}\n\n                {shortSummary ? (\n                  showSummaryHovercard && summary ? (\n                    <Tooltip\n                      content={\n                        <p className=\"max-w-xs whitespace-pre-wrap break-words p-2 text-xs\">\n                          {summary}\n                        </p>\n                      }\n                      placement=\"top\"\n                      closeDelay={100}\n                      disableAnimation={disableAnimation}\n                      className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n                    >\n                      <span className=\"min-w-0 flex-1 cursor-default truncate text-[var(--oh-text-secondary)]\">\n                        {shortSummary}\n                      </span>\n                    </Tooltip>\n                  ) : (\n                    <p className=\"min-w-0 flex-1 truncate text-[var(--oh-text-secondary)]\">\n                      {shortSummary}\n                    </p>\n                  )\n                ) : null}\n              </>\n            ) : null}\n          </div>\n\n          {timestamp ? (\n            <span\n              data-testid={`automation-last-run-${automation.id}`}\n              className=\"shrink-0 text-[var(--oh-text-secondary)]\"\n            >\n              {formatRelativeTime(timestamp, i18n.language, t)}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {impactStatement ? (\n        <p\n          data-testid={`automation-impact-${automation.id}`}\n          className=\"mt-3 truncate text-xs text-[var(--oh-text-secondary)]\"\n        >\n          {impactStatement}\n        </p>\n      ) : null}\n\n      {insights ? (\n        <div className=\"mt-3\">\n          <AutomationRunStats\n            state={insights.state}\n            copy={insights.spec.stats}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/automations/automation-list-row.cjs

@@ -1,2 +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/zap.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../context/navigation-context.cjs"),a=require("../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs"),o=require("../../shared/buttons/styled-tooltip.cjs"),s=require("../../shared/navigation-link.cjs"),c=require("../../../utils/extension-module-card-classes.cjs"),l=require("./automation-action-button-classes.cjs"),u=require("./kebab-menu.cjs"),d=require("../../../hooks/use-has-permission.cjs"),f=require("../../../icons/play.cjs"),p=require("../../../utils/format-relative-time.cjs"),m=require("../../../icons/clock.cjs"),h=require("../home/featured-automations/automation-run-health.cjs"),g=require("./build-automation-menu-items.cjs"),_=require("./automation-view-mode.cjs"),v=require("./to-latest-run-state.cjs"),y=require("./detail/run-status-badge.cjs"),b=require("../home/featured-automations/automation-run-activity-sparkline.cjs"),x=require("../home/featured-automations/automation-health-indicator.cjs"),S=require("../home/featured-automations/home-automation-run-tooltip.cjs");let C=require("react/jsx-runtime");function w({automation:w,onToggle:T,onRunNow:E,isRunPending:D=!1,onDelete:O,onExport:k,onEdit:A,insights:j}){let{navigate:M}=i.useNavigation(),{t:N,i18n:P}=e.useTranslation(`openhands`),F=d.useHasPermission(`manage_automations`),I=g.buildAutomationMenuItems({automation:w,t:N,canManage:F,onRunNow:E,isRunPending:D,onView:()=>{M?.(`/automations/${w.id}`)},onExport:k,onEdit:A,onToggle:T,onDelete:O}),L=w.trigger.type===`event`?n.Zap:m.default,R=h.getTriggerEventLabel(w),z=h.getTriggerScheduleLabel(w),B=h.getTriggerSource(w),V=!!(R||z||B),H=v.toLatestRunState(j?.state),U=h.deriveRunHealth(H),W=H.latestRun,G=W?h.getLastRunTimestamp(W):w.last_triggered_at,K=G?p.formatRelativeTime(G,P.language,N):null,q=V||!!K||!!W?.status,J=`/automations/${encodeURIComponent(w.id)}`,Y=S.getRunStatusLabelKey(H);return(0,C.jsxs)(`li`,{"data-testid":`automation-list-row-${w.id}`,className:_.automationActivityRowClassName,children:[(0,C.jsx)(a.tooltip_default,{content:(0,C.jsx)(S.HomeAutomationRunTooltip,{automation:w,runState:H}),placement:`top-start`,closeDelay:100,disableAnimation:!1,className:`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,children:(0,C.jsx)(s.NavigationLink,{to:J,"aria-label":`${w.name} ${N(Y)}`,className:`flex min-w-0 flex-1 items-center justify-between gap-3 px-3 py-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--oh-focus)]`,children:(0,C.jsxs)(`div`,{className:`grid min-w-0 flex-1 grid-cols-[auto_minmax(0,1fr)] gap-x-2`,children:[(0,C.jsx)(`span`,{"data-testid":`automation-health-${w.id}`,className:`inline-flex h-5 w-2.5 shrink-0 items-center justify-center`,children:(0,C.jsx)(x.AutomationHealthIndicator,{health:U})}),(0,C.jsx)(`span`,{className:`truncate text-sm font-medium leading-5 text-[var(--oh-foreground)]`,children:w.name}),q?(0,C.jsxs)(`span`,{className:`col-start-2 mt-0.5 flex min-w-0 items-center gap-1.5 text-xs leading-4 text-[var(--oh-text-secondary)]`,children:[(0,C.jsx)(L,{className:`size-3 shrink-0`,"aria-hidden":`true`}),R?(0,C.jsx)(`span`,{className:`truncate`,children:R}):null,z?(0,C.jsx)(`span`,{className:`truncate`,children:z}):null,B?(0,C.jsx)(`span`,{className:r.cn(c.extensionModuleCardPillClassName,`shrink-0 px-1.5 py-0 text-[var(--oh-text-secondary)]`),children:h.formatTriggerSourceLabel(B)}):null,K?(0,C.jsxs)(C.Fragment,{children:[V?(0,C.jsx)(`span`,{className:`shrink-0`,"aria-hidden":`true`,children:`·`}):null,(0,C.jsx)(`span`,{"data-testid":`automation-last-run-${w.id}`,className:`truncate`,children:K})]}):null,W?(0,C.jsxs)(C.Fragment,{children:[V||K?(0,C.jsx)(`span`,{className:`shrink-0`,"aria-hidden":`true`,children:`·`}):null,(0,C.jsx)(y.RunStatusBadge,{status:W.status,compact:!0})]}):null]}):null,(0,C.jsx)(`span`,{className:`sr-only`,children:N(Y)})]})})}),(0,C.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5 pr-1.5`,children:[j?(0,C.jsx)(b.AutomationRunActivitySparkline,{automationId:w.id,runs:H.recentRuns,testId:`automation-activity-${w.id}`}):null,F?(0,C.jsx)(o.StyledTooltip,{content:N(t.I18nKey.AUTOMATIONS$RUN_NOW),placement:`top`,children:(0,C.jsx)(`button`,{type:`button`,"data-testid":`automation-run-now-${w.id}`,"aria-label":N(t.I18nKey.AUTOMATIONS$RUN_NOW),"aria-busy":D,disabled:D||!w.enabled,onClick:e=>{e.stopPropagation(),E(w.id)},className:l.automationIconActionButtonClassName,children:(0,C.jsx)(f.default,{className:`size-4 shrink-0`,"aria-hidden":!0})})}):null,(0,C.jsx)(u.KebabMenu,{items:I,triggerClassName:`opacity-70 group-hover:opacity-100`})]})]})}exports.AutomationListRow=w;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),ee=require("../../../node_modules/lucide-react/dist/esm/icons/zap.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../context/navigation-context.cjs"),i=require("../../../utils/automation-catalog.cjs"),a=require("../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs"),o=require("../../shared/buttons/styled-tooltip.cjs"),s=require("../../shared/navigation-link.cjs"),c=require("../../../utils/extension-module-card-classes.cjs"),l=require("../../../utils/automation-run-display.cjs"),u=require("./automation-action-button-classes.cjs"),d=require("./kebab-menu.cjs"),f=require("../../../hooks/use-automation-permissions.cjs"),p=require("../../../icons/play.cjs"),m=require("../../../utils/format-relative-time.cjs"),h=require("../../../icons/clock.cjs"),g=require("../home/featured-automations/automation-run-health.cjs"),_=require("./build-automation-menu-items.cjs"),v=require("./automation-view-mode.cjs"),y=require("./to-latest-run-state.cjs"),b=require("./detail/run-status-badge.cjs"),x=require("../home/featured-automations/automation-run-activity-sparkline.cjs"),S=require("../home/featured-automations/automation-health-indicator.cjs"),C=require("../home/featured-automations/home-automation-run-tooltip.cjs");let w=require("react/jsx-runtime");function T({automation:T,onToggle:E,onRunNow:D,isRunPending:O=!1,onDelete:k,onExport:A,onEdit:j,insights:M}){let{navigate:N}=r.useNavigation(),{t:P,i18n:F}=e.useTranslation(`openhands`),{canManage:I}=f.useAutomationPermissions(),L=f.useIsAutomationOwner(T),R=I||L,te=T.enabled?R:L,z=_.buildAutomationMenuItems({automation:T,t:P,canManage:R,canToggle:te,onRunNow:D,isRunPending:O,onView:()=>{N?.(`/automations/${T.id}`)},onExport:A,onEdit:j,onToggle:E,onDelete:k}),B=T.trigger.type===`event`?ee.Zap:h.default,V=g.getTriggerEventLabel(T),H=g.getTriggerScheduleLabel(T),U=g.getTriggerSource(T),W=!!(V||H||U),G=y.toLatestRunState(M?.state),K=g.deriveRunHealth(G),q=i.resolveAutomationImpactStatement(T,M?.state?.summary?.completedTotal??null),J=G.latestRun,Y=J?l.getAutomationRunDisplay(J):null,X=J?g.getLastRunTimestamp(J):T.last_triggered_at,Z=X?m.formatRelativeTime(X,F.language,P):null,Q=W||!!Z||!!J?.status,ne=`/automations/${encodeURIComponent(T.id)}`,$=C.getRunStatusLabelKey(G);return(0,w.jsxs)(`li`,{"data-testid":`automation-list-row-${T.id}`,className:v.automationActivityRowClassName,children:[(0,w.jsx)(a.tooltip_default,{content:(0,w.jsx)(C.HomeAutomationRunTooltip,{automation:T,runState:G}),placement:`top-start`,closeDelay:100,disableAnimation:!1,className:`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,children:(0,w.jsx)(s.NavigationLink,{to:ne,"aria-label":`${T.name} ${P($)}`,className:`flex min-w-0 flex-1 items-center justify-between gap-3 px-3 py-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--oh-focus)]`,children:(0,w.jsxs)(`div`,{className:`grid min-w-0 flex-1 grid-cols-[auto_minmax(0,1fr)] gap-x-2`,children:[(0,w.jsx)(`span`,{"data-testid":`automation-health-${T.id}`,className:`inline-flex h-5 w-2.5 shrink-0 items-center justify-center`,children:(0,w.jsx)(S.AutomationHealthIndicator,{health:K})}),(0,w.jsx)(`span`,{className:`truncate text-sm font-medium leading-5 text-[var(--oh-foreground)]`,children:T.name}),Q?(0,w.jsxs)(`span`,{className:`col-start-2 mt-0.5 flex min-w-0 items-center gap-1.5 text-xs leading-4 text-[var(--oh-text-secondary)]`,children:[(0,w.jsx)(B,{className:`size-3 shrink-0`,"aria-hidden":`true`}),V?(0,w.jsx)(`span`,{className:`truncate`,children:V}):null,H?(0,w.jsx)(`span`,{className:`truncate`,children:H}):null,U?(0,w.jsx)(`span`,{className:n.cn(c.extensionModuleCardPillClassName,`shrink-0 px-1.5 py-0 text-[var(--oh-text-secondary)]`),children:g.formatTriggerSourceLabel(U)}):null,Z?(0,w.jsxs)(w.Fragment,{children:[W?(0,w.jsx)(`span`,{className:`shrink-0`,"aria-hidden":`true`,children:`·`}):null,(0,w.jsx)(`span`,{"data-testid":`automation-last-run-${T.id}`,className:`truncate`,children:Z})]}):null,J?(0,w.jsxs)(w.Fragment,{children:[W||Z?(0,w.jsx)(`span`,{className:`shrink-0`,"aria-hidden":`true`,children:`·`}):null,(0,w.jsx)(b.RunStatusBadge,{status:Y?.badgeStatus??J.status,compact:!0})]}):null,q?(0,w.jsxs)(w.Fragment,{children:[W||Z||J?(0,w.jsx)(`span`,{className:`shrink-0`,"aria-hidden":`true`,children:`·`}):null,(0,w.jsx)(`span`,{"data-testid":`automation-impact-${T.id}`,className:`truncate`,children:q})]}):null]}):null,(0,w.jsx)(`span`,{className:`sr-only`,children:P($)})]})})}),(0,w.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5 pr-1.5`,children:[M?(0,w.jsx)(x.AutomationRunActivitySparkline,{automationId:T.id,runs:G.recentRuns,testId:`automation-activity-${T.id}`}):null,R?(0,w.jsx)(o.StyledTooltip,{content:P(t.I18nKey.AUTOMATIONS$RUN_NOW),placement:`top`,children:(0,w.jsx)(`button`,{type:`button`,"data-testid":`automation-run-now-${T.id}`,"aria-label":P(t.I18nKey.AUTOMATIONS$RUN_NOW),"aria-busy":O,disabled:O||!T.enabled,onClick:e=>{e.stopPropagation(),D(T.id)},className:u.automationIconActionButtonClassName,children:(0,w.jsx)(p.default,{className:`size-4 shrink-0`,"aria-hidden":!0})})}):null,(0,w.jsx)(d.KebabMenu,{items:z,triggerClassName:`opacity-70 group-hover:opacity-100`})]})]})}exports.AutomationListRow=T;
 //# sourceMappingURL=automation-list-row.cjs.map

package/dist/components/features/automations/automation-list-row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"automation-list-row.cjs","names":[],"sources":["../../../../src/components/features/automations/automation-list-row.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Zap } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Automation } from \"#/types/automation\";\nimport { KebabMenu } from \"./kebab-menu\";\nimport { useHasPermission } from \"#/hooks/use-has-permission\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport PlayIcon from \"#/icons/play.svg?react\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { cn } from \"#/utils/utils\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { extensionModuleCardPillClassName } from \"#/utils/extension-module-card-classes\";\nimport { automationIconActionButtonClassName } from \"./automation-action-button-classes\";\nimport { buildAutomationMenuItems } from \"./build-automation-menu-items\";\nimport { automationActivityRowClassName } from \"./automation-view-mode\";\nimport { RunStatusBadge } from \"./detail/run-status-badge\";\nimport { AutomationRunActivitySparkline } from \"#/components/features/home/featured-automations/automation-run-activity-sparkline\";\nimport { AutomationHealthIndicator } from \"#/components/features/home/featured-automations/automation-health-indicator\";\nimport {\n  HomeAutomationRunTooltip,\n  getRunStatusLabelKey,\n} from \"#/components/features/home/featured-automations/home-automation-run-tooltip\";\nimport {\n  deriveRunHealth,\n  formatTriggerSourceLabel,\n  getLastRunTimestamp,\n  getTriggerEventLabel,\n  getTriggerScheduleLabel,\n  getTriggerSource,\n} from \"#/components/features/home/featured-automations/automation-run-health\";\nimport type { AutomationInsightsProps } from \"./automation-card\";\nimport { toLatestRunState } from \"./to-latest-run-state\";\n\ninterface AutomationListRowProps {\n  automation: Automation;\n  onToggle: (id: string, enabled: boolean) => void;\n  onRunNow: (id: string) => void;\n  isRunPending?: boolean;\n  onDelete: (id: string) => void;\n  onExport: (automation: Automation) => void;\n  onEdit?: (id: string) => void;\n  insights?: AutomationInsightsProps;\n}\n\nexport function AutomationListRow({\n  automation,\n  onToggle,\n  onRunNow,\n  isRunPending = false,\n  onDelete,\n  onExport,\n  onEdit,\n  insights,\n}: AutomationListRowProps) {\n  const { navigate } = useNavigation();\n  const { t, i18n } = useTranslation(\"openhands\");\n  const canManage = useHasPermission(\"manage_automations\");\n\n  const handleView = () => {\n    navigate?.(`/automations/${automation.id}`);\n  };\n\n  const menuItems = buildAutomationMenuItems({\n    automation,\n    t,\n    canManage,\n    onRunNow,\n    isRunPending,\n    onView: handleView,\n    onExport,\n    onEdit,\n    onToggle,\n    onDelete,\n  });\n\n  const isEventTrigger = automation.trigger.type === \"event\";\n  const TriggerIcon = isEventTrigger ? Zap : ClockIcon;\n  const triggerEventLabel = getTriggerEventLabel(automation);\n  const triggerScheduleLabel = getTriggerScheduleLabel(automation);\n  const triggerSource = getTriggerSource(automation);\n  const hasTriggerMeta = Boolean(\n    triggerEventLabel || triggerScheduleLabel || triggerSource,\n  );\n\n  const runState = toLatestRunState(insights?.state);\n  const health = deriveRunHealth(runState);\n  const latestRun = runState.latestRun;\n  const lastRunAt = latestRun\n    ? getLastRunTimestamp(latestRun)\n    : automation.last_triggered_at;\n  const whenLabel = lastRunAt\n    ? formatRelativeTime(lastRunAt, i18n.language, t)\n    : null;\n  const hasMeta =\n    hasTriggerMeta || Boolean(whenLabel) || Boolean(latestRun?.status);\n  const detailHref = `/automations/${encodeURIComponent(automation.id)}`;\n  const statusLabelKey = getRunStatusLabelKey(runState);\n  const disableAnimation = import.meta.env.MODE === \"test\";\n\n  return (\n    <li\n      data-testid={`automation-list-row-${automation.id}`}\n      className={automationActivityRowClassName}\n    >\n      <Tooltip\n        content={\n          <HomeAutomationRunTooltip\n            automation={automation}\n            runState={runState}\n          />\n        }\n        placement=\"top-start\"\n        closeDelay={100}\n        disableAnimation={disableAnimation}\n        className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n      >\n        <NavigationLink\n          to={detailHref}\n          aria-label={`${automation.name} ${t(statusLabelKey)}`}\n          className=\"flex min-w-0 flex-1 items-center justify-between gap-3 px-3 py-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--oh-focus)]\"\n        >\n          <div className=\"grid min-w-0 flex-1 grid-cols-[auto_minmax(0,1fr)] gap-x-2\">\n            <span\n              data-testid={`automation-health-${automation.id}`}\n              className=\"inline-flex h-5 w-2.5 shrink-0 items-center justify-center\"\n            >\n              <AutomationHealthIndicator health={health} />\n            </span>\n            <span className=\"truncate text-sm font-medium leading-5 text-[var(--oh-foreground)]\">\n              {automation.name}\n            </span>\n            {hasMeta ? (\n              <span className=\"col-start-2 mt-0.5 flex min-w-0 items-center gap-1.5 text-xs leading-4 text-[var(--oh-text-secondary)]\">\n                <TriggerIcon className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n                {triggerEventLabel ? (\n                  <span className=\"truncate\">{triggerEventLabel}</span>\n                ) : null}\n                {triggerScheduleLabel ? (\n                  <span className=\"truncate\">{triggerScheduleLabel}</span>\n                ) : null}\n                {triggerSource ? (\n                  <span\n                    className={cn(\n                      extensionModuleCardPillClassName,\n                      \"shrink-0 px-1.5 py-0 text-[var(--oh-text-secondary)]\",\n                    )}\n                  >\n                    {formatTriggerSourceLabel(triggerSource)}\n                  </span>\n                ) : null}\n                {whenLabel ? (\n                  <>\n                    {hasTriggerMeta ? (\n                      <span className=\"shrink-0\" aria-hidden=\"true\">\n                        ·\n                      </span>\n                    ) : null}\n                    <span\n                      data-testid={`automation-last-run-${automation.id}`}\n                      className=\"truncate\"\n                    >\n                      {whenLabel}\n                    </span>\n                  </>\n                ) : null}\n                {latestRun ? (\n                  <>\n                    {hasTriggerMeta || whenLabel ? (\n                      <span className=\"shrink-0\" aria-hidden=\"true\">\n                        ·\n                      </span>\n                    ) : null}\n                    <RunStatusBadge status={latestRun.status} compact />\n                  </>\n                ) : null}\n              </span>\n            ) : null}\n            <span className=\"sr-only\">{t(statusLabelKey)}</span>\n          </div>\n        </NavigationLink>\n      </Tooltip>\n\n      <div className=\"flex shrink-0 items-center gap-1.5 pr-1.5\">\n        {insights ? (\n          <AutomationRunActivitySparkline\n            automationId={automation.id}\n            runs={runState.recentRuns}\n            testId={`automation-activity-${automation.id}`}\n          />\n        ) : null}\n        {canManage ? (\n          <StyledTooltip\n            content={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n            placement=\"top\"\n          >\n            <button\n              type=\"button\"\n              data-testid={`automation-run-now-${automation.id}`}\n              aria-label={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n              aria-busy={isRunPending}\n              disabled={isRunPending || !automation.enabled}\n              onClick={(event) => {\n                event.stopPropagation();\n                onRunNow(automation.id);\n              }}\n              className={automationIconActionButtonClassName}\n            >\n              <PlayIcon className=\"size-4 shrink-0\" aria-hidden />\n            </button>\n          </StyledTooltip>\n        ) : null}\n        <KebabMenu\n          items={menuItems}\n          triggerClassName=\"opacity-70 group-hover:opacity-100\"\n        />\n      </div>\n    </li>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"automation-list-row.cjs","names":[],"sources":["../../../../src/components/features/automations/automation-list-row.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Zap } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Automation } from \"#/types/automation\";\nimport { getAutomationRunDisplay } from \"#/utils/automation-run-display\";\nimport { KebabMenu } from \"./kebab-menu\";\nimport {\n  useAutomationPermissions,\n  useIsAutomationOwner,\n} from \"#/hooks/use-automation-permissions\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport PlayIcon from \"#/icons/play.svg?react\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { cn } from \"#/utils/utils\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { extensionModuleCardPillClassName } from \"#/utils/extension-module-card-classes\";\nimport { automationIconActionButtonClassName } from \"./automation-action-button-classes\";\nimport { buildAutomationMenuItems } from \"./build-automation-menu-items\";\nimport { automationActivityRowClassName } from \"./automation-view-mode\";\nimport { RunStatusBadge } from \"./detail/run-status-badge\";\nimport { AutomationRunActivitySparkline } from \"#/components/features/home/featured-automations/automation-run-activity-sparkline\";\nimport { AutomationHealthIndicator } from \"#/components/features/home/featured-automations/automation-health-indicator\";\nimport {\n  HomeAutomationRunTooltip,\n  getRunStatusLabelKey,\n} from \"#/components/features/home/featured-automations/home-automation-run-tooltip\";\nimport {\n  deriveRunHealth,\n  formatTriggerSourceLabel,\n  getLastRunTimestamp,\n  getTriggerEventLabel,\n  getTriggerScheduleLabel,\n  getTriggerSource,\n} from \"#/components/features/home/featured-automations/automation-run-health\";\nimport type { AutomationInsightsProps } from \"./automation-card\";\nimport { toLatestRunState } from \"./to-latest-run-state\";\nimport { resolveAutomationImpactStatement } from \"#/utils/automation-catalog\";\n\ninterface AutomationListRowProps {\n  automation: Automation;\n  onToggle: (id: string, enabled: boolean) => void;\n  onRunNow: (id: string) => void;\n  isRunPending?: boolean;\n  onDelete: (id: string) => void;\n  onExport: (automation: Automation) => void;\n  onEdit?: (id: string) => void;\n  insights?: AutomationInsightsProps;\n}\n\nexport function AutomationListRow({\n  automation,\n  onToggle,\n  onRunNow,\n  isRunPending = false,\n  onDelete,\n  onExport,\n  onEdit,\n  insights,\n}: AutomationListRowProps) {\n  const { navigate } = useNavigation();\n  const { t, i18n } = useTranslation(\"openhands\");\n  const { canManage: hasManagePermission } = useAutomationPermissions();\n  const isOwner = useIsAutomationOwner(automation);\n  // Write actions on a specific automation: manage OR creator (escape hatch).\n  const canManage = hasManagePermission || isOwner;\n  // Non-creators may turn an automation off but not back on.\n  const canToggle = automation.enabled ? canManage : isOwner;\n\n  const handleView = () => {\n    navigate?.(`/automations/${automation.id}`);\n  };\n\n  const menuItems = buildAutomationMenuItems({\n    automation,\n    t,\n    canManage,\n    canToggle,\n    onRunNow,\n    isRunPending,\n    onView: handleView,\n    onExport,\n    onEdit,\n    onToggle,\n    onDelete,\n  });\n\n  const isEventTrigger = automation.trigger.type === \"event\";\n  const TriggerIcon = isEventTrigger ? Zap : ClockIcon;\n  const triggerEventLabel = getTriggerEventLabel(automation);\n  const triggerScheduleLabel = getTriggerScheduleLabel(automation);\n  const triggerSource = getTriggerSource(automation);\n  const hasTriggerMeta = Boolean(\n    triggerEventLabel || triggerScheduleLabel || triggerSource,\n  );\n\n  const runState = toLatestRunState(insights?.state);\n  const health = deriveRunHealth(runState);\n  const impactStatement = resolveAutomationImpactStatement(\n    automation,\n    insights?.state?.summary?.completedTotal ?? null,\n  );\n  const latestRun = runState.latestRun;\n  const display = latestRun ? getAutomationRunDisplay(latestRun) : null;\n  const lastRunAt = latestRun\n    ? getLastRunTimestamp(latestRun)\n    : automation.last_triggered_at;\n  const whenLabel = lastRunAt\n    ? formatRelativeTime(lastRunAt, i18n.language, t)\n    : null;\n  const hasMeta =\n    hasTriggerMeta || Boolean(whenLabel) || Boolean(latestRun?.status);\n  const detailHref = `/automations/${encodeURIComponent(automation.id)}`;\n  const statusLabelKey = getRunStatusLabelKey(runState);\n  const disableAnimation = import.meta.env.MODE === \"test\";\n\n  return (\n    <li\n      data-testid={`automation-list-row-${automation.id}`}\n      className={automationActivityRowClassName}\n    >\n      <Tooltip\n        content={\n          <HomeAutomationRunTooltip\n            automation={automation}\n            runState={runState}\n          />\n        }\n        placement=\"top-start\"\n        closeDelay={100}\n        disableAnimation={disableAnimation}\n        className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n      >\n        <NavigationLink\n          to={detailHref}\n          aria-label={`${automation.name} ${t(statusLabelKey)}`}\n          className=\"flex min-w-0 flex-1 items-center justify-between gap-3 px-3 py-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--oh-focus)]\"\n        >\n          <div className=\"grid min-w-0 flex-1 grid-cols-[auto_minmax(0,1fr)] gap-x-2\">\n            <span\n              data-testid={`automation-health-${automation.id}`}\n              className=\"inline-flex h-5 w-2.5 shrink-0 items-center justify-center\"\n            >\n              <AutomationHealthIndicator health={health} />\n            </span>\n            <span className=\"truncate text-sm font-medium leading-5 text-[var(--oh-foreground)]\">\n              {automation.name}\n            </span>\n            {hasMeta ? (\n              <span className=\"col-start-2 mt-0.5 flex min-w-0 items-center gap-1.5 text-xs leading-4 text-[var(--oh-text-secondary)]\">\n                <TriggerIcon className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n                {triggerEventLabel ? (\n                  <span className=\"truncate\">{triggerEventLabel}</span>\n                ) : null}\n                {triggerScheduleLabel ? (\n                  <span className=\"truncate\">{triggerScheduleLabel}</span>\n                ) : null}\n                {triggerSource ? (\n                  <span\n                    className={cn(\n                      extensionModuleCardPillClassName,\n                      \"shrink-0 px-1.5 py-0 text-[var(--oh-text-secondary)]\",\n                    )}\n                  >\n                    {formatTriggerSourceLabel(triggerSource)}\n                  </span>\n                ) : null}\n                {whenLabel ? (\n                  <>\n                    {hasTriggerMeta ? (\n                      <span className=\"shrink-0\" aria-hidden=\"true\">\n                        ·\n                      </span>\n                    ) : null}\n                    <span\n                      data-testid={`automation-last-run-${automation.id}`}\n                      className=\"truncate\"\n                    >\n                      {whenLabel}\n                    </span>\n                  </>\n                ) : null}\n                {latestRun ? (\n                  <>\n                    {hasTriggerMeta || whenLabel ? (\n                      <span className=\"shrink-0\" aria-hidden=\"true\">\n                        ·\n                      </span>\n                    ) : null}\n                    <RunStatusBadge\n                      status={display?.badgeStatus ?? latestRun.status}\n                      compact\n                    />\n                  </>\n                ) : null}\n                {impactStatement ? (\n                  <>\n                    {hasTriggerMeta || whenLabel || latestRun ? (\n                      <span className=\"shrink-0\" aria-hidden=\"true\">\n                        ·\n                      </span>\n                    ) : null}\n                    <span\n                      data-testid={`automation-impact-${automation.id}`}\n                      className=\"truncate\"\n                    >\n                      {impactStatement}\n                    </span>\n                  </>\n                ) : null}\n              </span>\n            ) : null}\n            <span className=\"sr-only\">{t(statusLabelKey)}</span>\n          </div>\n        </NavigationLink>\n      </Tooltip>\n\n      <div className=\"flex shrink-0 items-center gap-1.5 pr-1.5\">\n        {insights ? (\n          <AutomationRunActivitySparkline\n            automationId={automation.id}\n            runs={runState.recentRuns}\n            testId={`automation-activity-${automation.id}`}\n          />\n        ) : null}\n        {canManage ? (\n          <StyledTooltip\n            content={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n            placement=\"top\"\n          >\n            <button\n              type=\"button\"\n              data-testid={`automation-run-now-${automation.id}`}\n              aria-label={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n              aria-busy={isRunPending}\n              disabled={isRunPending || !automation.enabled}\n              onClick={(event) => {\n                event.stopPropagation();\n                onRunNow(automation.id);\n              }}\n              className={automationIconActionButtonClassName}\n            >\n              <PlayIcon className=\"size-4 shrink-0\" aria-hidden />\n            </button>\n          </StyledTooltip>\n        ) : null}\n        <KebabMenu\n          items={menuItems}\n          triggerClassName=\"opacity-70 group-hover:opacity-100\"\n        />\n      </div>\n    </li>\n  );\n}\n"],"mappings":"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"}