@openhands/agent-canvas 1.15.0 → 1.17.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"automation-list-row.js","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":";;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,EAAkB,EAChC,eACA,aACA,aACA,kBAAe,IACf,aACA,cACA,WACA,eACyB;CACzB,IAAM,EAAE,gBAAa,EAAc,GAC7B,EAAE,MAAG,YAAS,EAAe,WAAW,GACxC,IAAY,EAAiB,oBAAoB,GAMjD,IAAY,GAAyB;EACzC;EACA;EACA;EACA;EACA;EACA,cAVuB;GACvB,IAAW,gBAAgB,EAAW,IAAI;EAC5C;EASE;EACA;EACA;EACA;CACF,CAAC,GAGK,IADiB,EAAW,QAAQ,SAAS,UACd,IAAM,GACrC,IAAoB,EAAqB,CAAU,GACnD,IAAuB,EAAwB,CAAU,GACzD,IAAgB,EAAiB,CAAU,GAC3C,IAAiB,GACrB,KAAqB,KAAwB,IAGzC,IAAW,EAAiB,GAAU,KAAK,GAC3C,IAAS,EAAgB,CAAQ,GACjC,IAAY,EAAS,WACrB,IAAY,IACd,EAAoB,CAAS,IAC7B,EAAW,mBACT,IAAY,IACd,EAAmB,GAAW,EAAK,UAAU,CAAC,IAC9C,MACE,KACJ,KAAkB,EAAQ,KAAc,EAAQ,GAAW,QACvD,KAAa,gBAAgB,mBAAmB,EAAW,EAAE,KAC7D,IAAiB,EAAqB,CAAQ;CAGpD,OACE,kBAAC,MAAD;EACE,eAAa,uBAAuB,EAAW;EAC/C,WAAW;YAFb,CAIE,kBAAC,GAAD;GACE,SACE,kBAAC,GAAD;IACc;IACF;GACX,CAAA;GAEH,WAAU;GACV,YAAY;GACM,kBAAA;GAClB,WAAU;aAEV,kBAAC,GAAD;IACE,IAAI;IACJ,cAAY,GAAG,EAAW,KAAK,GAAG,EAAE,CAAc;IAClD,WAAU;cAEV,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,QAAD;OACE,eAAa,qBAAqB,EAAW;OAC7C,WAAU;iBAEV,kBAAC,GAAD,EAAmC,UAAS,CAAA;MACxC,CAAA;MACN,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAW;MACR,CAAA;MACL,KACC,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD;SAAa,WAAU;SAAkB,eAAY;QAAQ,CAAA;QAC5D,IACC,kBAAC,QAAD;SAAM,WAAU;mBAAY;QAAwB,CAAA,IAClD;QACH,IACC,kBAAC,QAAD;SAAM,WAAU;mBAAY;QAA2B,CAAA,IACrD;QACH,IACC,kBAAC,QAAD;SACE,WAAW,EACT,GACA,sDACF;mBAEC,EAAyB,CAAa;QACnC,CAAA,IACJ;QACH,IACC,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,QAAD;SAAM,WAAU;SAAW,eAAY;mBAAO;QAExC,CAAA,IACJ,MACJ,kBAAC,QAAD;SACE,eAAa,uBAAuB,EAAW;SAC/C,WAAU;mBAET;QACG,CAAA,CACN,EAAA,CAAA,IACA;QACH,IACC,kBAAA,GAAA,EAAA,UAAA,CACG,KAAkB,IACjB,kBAAC,QAAD;SAAM,WAAU;SAAW,eAAY;mBAAO;QAExC,CAAA,IACJ,MACJ,kBAAC,GAAD;SAAgB,QAAQ,EAAU;SAAQ,SAAA;QAAS,CAAA,CACnD,EAAA,CAAA,IACA;OACA;WACJ;MACJ,kBAAC,QAAD;OAAM,WAAU;iBAAW,EAAE,CAAc;MAAQ,CAAA;KAChD;;GACS,CAAA;EACT,CAAA,GAET,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,IACC,kBAAC,GAAD;KACE,cAAc,EAAW;KACzB,MAAM,EAAS;KACf,QAAQ,uBAAuB,EAAW;IAC3C,CAAA,IACC;IACH,IACC,kBAAC,GAAD;KACE,SAAS,EAAE,EAAQ,mBAAmB;KACtC,WAAU;eAEV,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,sBAAsB,EAAW;MAC9C,cAAY,EAAE,EAAQ,mBAAmB;MACzC,aAAW;MACX,UAAU,KAAgB,CAAC,EAAW;MACtC,UAAU,MAAU;OAElB,AADA,EAAM,gBAAgB,GACtB,EAAS,EAAW,EAAE;MACxB;MACA,WAAW;gBAEX,kBAAC,GAAD;OAAU,WAAU;OAAkB,eAAA;MAAa,CAAA;KAC7C,CAAA;IACK,CAAA,IACb;IACJ,kBAAC,GAAD;KACE,OAAO;KACP,kBAAiB;IAClB,CAAA;GACE;IACH;;AAER"}
+{"version":3,"file":"automation-list-row.js","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\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 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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"}

package/dist/components/features/automations/detail/detail-header.d.ts

@@ -12,6 +12,8 @@ interface DetailHeaderProps {
     onDownloadTarball: () => void;
     onRunNow?: () => void;
     isRunningNow?: boolean;
+    /** Whether the caller may mutate this automation (manage perm or owner). */
+    canManage?: boolean;
 }
-export declare function DetailHeader({ automation, onToggle, onEdit, onDelete, onExport, onDownloadTarball, onRunNow, isRunningNow, }: DetailHeaderProps): import("react").JSX.Element;
+export declare function DetailHeader({ automation, onToggle, onEdit, onDelete, onExport, onDownloadTarball, onRunNow, isRunningNow, canManage, }: DetailHeaderProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/run-phase.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/utils.cjs"),r=require("../../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs"),i=require("../../../../types/automation.cjs"),a=require("../../../../utils/format-relative-time.cjs");let o=require("react/jsx-runtime");function s(e){return e===i.AutomationRunStatus.FAILED||e===i.AutomationRunStatus.PENDING||e===i.AutomationRunStatus.RUNNING}function c(e){return e===i.AutomationRunStatus.PENDING||e===i.AutomationRunStatus.RUNNING}var l={queued:t.I18nKey.AUTOMATIONS$DETAIL$PHASE_QUEUED,sandbox_provisioning:t.I18nKey.AUTOMATIONS$DETAIL$PHASE_SANDBOX_PROVISIONING,bundle_upload:t.I18nKey.AUTOMATIONS$DETAIL$PHASE_BUNDLE_UPLOAD,entrypoint_start:t.I18nKey.AUTOMATIONS$DETAIL$PHASE_ENTRYPOINT_START,preparing:t.I18nKey.AUTOMATIONS$DETAIL$PHASE_PREPARING,running_agent:t.I18nKey.AUTOMATIONS$DETAIL$PHASE_RUNNING_AGENT};function u(e,t,n){let r=t&&Object.hasOwn(l,t)?l[t]:void 0;return r?e(r):n?.trim()||t?.trim()||null}function d(e,t,n){return!e||a.isInvalidTimestamp(e)?null:a.formatRelativeTime(e,t,n)}function f({status:t,code:n,label:r,updatedAt:i}){let{t:a,i18n:o}=e.useTranslation(`openhands`),s=u(a,n,r);return s?{text:s,age:c(t)?d(i,o.language,a):null}:null}function p({status:e,code:t,label:i,updatedAt:a,wide:s=!1}){let c=f({status:e,code:t,label:i,updatedAt:a});if(!c)return null;let{text:l,age:u}=c;return(0,o.jsx)(r.tooltip_default,{content:(0,o.jsxs)(o.Fragment,{children:[l,u?(0,o.jsx)(`span`,{className:`mt-1 block text-muted`,children:u}):null]}),placement:`top`,closeDelay:100,disableAnimation:!1,classNames:{content:`max-w-xs whitespace-pre-wrap break-words rounded-xl border border-[var(--oh-border)] bg-base-secondary px-3 py-2 text-left text-xs text-white shadow-xl`},children:(0,o.jsxs)(`span`,{className:`flex min-w-0 cursor-default items-center gap-1`,children:[(0,o.jsx)(`span`,{"data-testid":`run-phase`,className:n.cn(`min-w-0 truncate text-xs text-muted`,s?`max-w-[28rem]`:`max-w-[12rem]`),children:l}),u?(0,o.jsxs)(`span`,{"data-testid":`run-phase-age`,className:`shrink-0 whitespace-nowrap text-xs text-muted`,children:[`· `,u]}):null]})})}exports.RunPhase=p,exports.shouldShowRunPhase=s,exports.useRunPhase=f;
+//# sourceMappingURL=run-phase.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"run-phase.cjs","names":[],"sources":["../../../../../src/components/features/automations/detail/run-phase.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AutomationRunStatus } from \"#/types/automation\";\nimport {\n  formatRelativeTime,\n  isInvalidTimestamp,\n} from \"#/utils/format-relative-time\";\nimport { cn } from \"#/utils/utils\";\n\n/**\n * Whether a run's phase is worth showing at all: it answers \"what is it doing\n * now\" or \"where did it stop\", so a finished, cancelled or skipped run has\n * nothing to add. Shared by every surface, so one run cannot show a phase on\n * one screen and hide it on another.\n */\nexport function shouldShowRunPhase(\n  status: AutomationRunStatus | null | undefined,\n): boolean {\n  return (\n    status === AutomationRunStatus.FAILED ||\n    status === AutomationRunStatus.PENDING ||\n    status === AutomationRunStatus.RUNNING\n  );\n}\n\n/**\n * Whether the phase's age is worth showing. Only for a run still in flight:\n * the age exists to separate a moving run from a stalled one, and a run that\n * has failed is neither — its phase is the place it stopped. Left in, the age\n * of an old failure degrades to an absolute date (`formatRelativeTime` gives\n * up past a week), which reads as a second timestamp beside the one the row\n * already shows.\n */\nexport function shouldShowRunPhaseAge(\n  status: AutomationRunStatus | null | undefined,\n): boolean {\n  return (\n    status === AutomationRunStatus.PENDING ||\n    status === AutomationRunStatus.RUNNING\n  );\n}\n\ninterface RunPhaseFields {\n  /** `AutomationRun.status` — decides whether the age is meaningful. */\n  status: AutomationRunStatus | null | undefined;\n  /** `AutomationRun.phase_code` — `null`/absent means no phase reported. */\n  code: string | null | undefined;\n  /** `AutomationRun.phase_label` — free-form author text, not interface copy. */\n  label: string | null | undefined;\n  /** `AutomationRun.phase_updated_at` — when this phase was last written. */\n  updatedAt?: string | null;\n}\n\ninterface RunPhaseProps extends RunPhaseFields {\n  /** More width before clipping, for rows far wider than a card. */\n  wide?: boolean;\n}\n\n/**\n * Codes the frontend can translate: the automation service's own milestones\n * and the preset templates'. Any other code is by design unknown — custom\n * automations emit their own — and falls back to `phase_label`.\n */\nconst KNOWN_PHASE_CODES: Record<string, I18nKey> = {\n  queued: I18nKey.AUTOMATIONS$DETAIL$PHASE_QUEUED,\n  sandbox_provisioning: I18nKey.AUTOMATIONS$DETAIL$PHASE_SANDBOX_PROVISIONING,\n  bundle_upload: I18nKey.AUTOMATIONS$DETAIL$PHASE_BUNDLE_UPLOAD,\n  entrypoint_start: I18nKey.AUTOMATIONS$DETAIL$PHASE_ENTRYPOINT_START,\n  preparing: I18nKey.AUTOMATIONS$DETAIL$PHASE_PREPARING,\n  running_agent: I18nKey.AUTOMATIONS$DETAIL$PHASE_RUNNING_AGENT,\n};\n\n/**\n * The one place a stored phase becomes text, so a run cannot read one way on\n * a card and another way in that card's own tooltip. An absent code counts as\n * unrecognized rather than as an absent phase: the service accepts a phase\n * carrying only a label, and dropping those would hide a real phase.\n *\n * `code` and `label` are independently optional in the service's contract, so\n * the last resort is the raw code — a code-only phase is a real phase and\n * must reach the screen. It is shown as stored rather than prettified: the\n * code is data like the label, and turning `poll_prs` into \"Poll prs\" would\n * invent English-shaped copy no automation author wrote.\n *\n * Both fields are author-supplied, which is why the lookup is an own-property\n * check and both are trimmed. A code of `toString` would otherwise resolve to\n * `Object.prototype.toString` and be handed to `t()`, and the service stores\n * a whitespace-only field as sent — it rejects only a phase blank on *both*.\n */\nexport function resolveRunPhaseText(\n  t: (key: I18nKey) => string,\n  code: string | null | undefined,\n  label: string | null | undefined,\n): string | null {\n  const knownKey =\n    code && Object.hasOwn(KNOWN_PHASE_CODES, code)\n      ? KNOWN_PHASE_CODES[code]\n      : undefined;\n  if (knownKey) return t(knownKey);\n  return label?.trim() || code?.trim() || null;\n}\n\n/**\n * How long the run has been in this phase, as localized relative time.\n *\n * This is the half of the phase that separates progress from a stall: the\n * phase text alone says a run is \"Running agent\", and only its age says\n * whether it entered that phase seconds ago or forty minutes ago. Returns\n * `null` when the service reported no usable timestamp — an older service\n * omits the field entirely, and an unset datetime arrives as the epoch — so\n * an age nobody can compute never surfaces as \"Invalid Date\" or \"Jan 1, 1970\".\n */\nexport function formatRunPhaseAge(\n  updatedAt: string | null | undefined,\n  locale: string,\n  t: (key: I18nKey, options?: Record<string, unknown>) => string,\n): string | null {\n  if (!updatedAt || isInvalidTimestamp(updatedAt)) return null;\n  return formatRelativeTime(updatedAt, locale, t);\n}\n\n/**\n * The resolved phase of a run, or `null` when it has none worth showing.\n * Every surface goes through this — the clipped row below, the home\n * hovercard's wrapping one — so they cannot drift into resolving a phase, or\n * deciding to show its age, on their own terms.\n */\nexport function useRunPhase({\n  status,\n  code,\n  label,\n  updatedAt,\n}: RunPhaseFields): { text: string; age: string | null } | null {\n  const { t, i18n } = useTranslation(\"openhands\");\n\n  const text = resolveRunPhaseText(t, code, label);\n  if (!text) return null;\n\n  const age = shouldShowRunPhaseAge(status)\n    ? formatRunPhaseAge(updatedAt, i18n.language, t)\n    : null;\n\n  return { text, age };\n}\n\n/**\n * A run's current or last-known phase and how long it has held it, clipped to\n * the room the surface has with the full text one hover away — author-supplied\n * labels routinely outgrow any row. The label is data, not interface copy, so\n * it is rendered as-is: passing it through `t()` would be wrong, it is not a\n * key. The age sits outside the clipped text so a long label can never push it\n * out of sight — it is the part that stays legible when everything else is cut.\n *\n * The text stays in the accessibility tree rather than hiding behind an\n * accessible name on a focusable wrapper. Every surface nests this inside a\n * link — the activity log's `<a>`, the cards' `role=\"link\"` — where a tab\n * stop is invalid interactive nesting, and Enter on it bubbled to the card\n * and navigated the user away from the text they were trying to read.\n * Truncation is CSS only, so the full label is already in the DOM and reads\n * in full; the tooltip is the sighted mouse user's route to it.\n */\nexport function RunPhase({\n  status,\n  code,\n  label,\n  updatedAt,\n  wide = false,\n}: RunPhaseProps) {\n  const phase = useRunPhase({ status, code, label, updatedAt });\n  if (!phase) return null;\n\n  const { text, age } = phase;\n\n  return (\n    <Tooltip\n      content={\n        <>\n          {text}\n          {age ? <span className=\"mt-1 block text-muted\">{age}</span> : null}\n        </>\n      }\n      placement=\"top\"\n      closeDelay={100}\n      disableAnimation={import.meta.env.MODE === \"test\"}\n      classNames={{\n        content:\n          \"max-w-xs whitespace-pre-wrap break-words rounded-xl border border-[var(--oh-border)] bg-base-secondary px-3 py-2 text-left text-xs text-white shadow-xl\",\n      }}\n    >\n      <span className=\"flex min-w-0 cursor-default items-center gap-1\">\n        <span\n          data-testid=\"run-phase\"\n          className={cn(\n            \"min-w-0 truncate text-xs text-muted\",\n            wide ? \"max-w-[28rem]\" : \"max-w-[12rem]\",\n          )}\n        >\n          {text}\n        </span>\n        {age ? (\n          <span\n            data-testid=\"run-phase-age\"\n            className=\"shrink-0 whitespace-nowrap text-xs text-muted\"\n          >\n            · {age}\n          </span>\n        ) : null}\n      </span>\n    </Tooltip>\n  );\n}\n"],"mappings":"ybAgBA,SAAgB,EACd,EACS,CACT,OACE,IAAW,EAAA,oBAAoB,QAC/B,IAAW,EAAA,oBAAoB,SAC/B,IAAW,EAAA,oBAAoB,OAEnC,CAUA,SAAgB,EACd,EACS,CACT,OACE,IAAW,EAAA,oBAAoB,SAC/B,IAAW,EAAA,oBAAoB,OAEnC,CAuBA,IAAM,EAA6C,CACjD,OAAQ,EAAA,QAAQ,gCAChB,qBAAsB,EAAA,QAAQ,8CAC9B,cAAe,EAAA,QAAQ,uCACvB,iBAAkB,EAAA,QAAQ,0CAC1B,UAAW,EAAA,QAAQ,mCACnB,cAAe,EAAA,QAAQ,sCACzB,EAmBA,SAAgB,EACd,EACA,EACA,EACe,CACf,IAAM,EACJ,GAAQ,OAAO,OAAO,EAAmB,CAAI,EACzC,EAAkB,GAClB,IAAA,GAEN,OADI,EAAiB,EAAE,CAAQ,EACxB,GAAO,KAAK,GAAK,GAAM,KAAK,GAAK,IAC1C,CAYA,SAAgB,EACd,EACA,EACA,EACe,CAEf,MADI,CAAC,GAAa,EAAA,mBAAmB,CAAS,EAAU,KACjD,EAAA,mBAAmB,EAAW,EAAQ,CAAC,CAChD,CAQA,SAAgB,EAAY,CAC1B,SACA,OACA,QACA,aAC8D,CAC9D,GAAM,CAAE,IAAG,QAAS,EAAA,eAAe,WAAW,EAExC,EAAO,EAAoB,EAAG,EAAM,CAAK,EAO/C,OANK,EAME,CAAE,OAAM,IAJH,EAAsB,CAAM,EACpC,EAAkB,EAAW,EAAK,SAAU,CAAC,EAC7C,IAEe,EAND,IAOpB,CAkBA,SAAgB,EAAS,CACvB,SACA,OACA,QACA,YACA,OAAO,IACS,CAChB,IAAM,EAAQ,EAAY,CAAE,SAAQ,OAAM,QAAO,WAAU,CAAC,EAC5D,GAAI,CAAC,EAAO,OAAO,KAEnB,GAAM,CAAE,OAAM,OAAQ,EAEtB,OACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,SACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EACA,GAAM,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iCAAyB,CAAU,CAAA,EAAI,IAC9D,CAAA,CAAA,EAEJ,UAAU,MACV,WAAY,IACZ,iBAAkB,GAClB,WAAY,CACV,QACE,yJACJ,YAEA,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,0DAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,YACZ,UAAW,EAAA,GACT,sCACA,EAAO,gBAAkB,eAC3B,WAEC,CACG,CAAA,EACL,GACC,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,gBACZ,UAAU,yDAFZ,CAGC,KACI,CACC,IACJ,IACA,GACC,CAAA,CAEb"}

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

@@ -0,0 +1,89 @@
+import { I18nKey } from "#/i18n/declaration";
+import { AutomationRunStatus } from "#/types/automation";
+/**
+ * Whether a run's phase is worth showing at all: it answers "what is it doing
+ * now" or "where did it stop", so a finished, cancelled or skipped run has
+ * nothing to add. Shared by every surface, so one run cannot show a phase on
+ * one screen and hide it on another.
+ */
+export declare function shouldShowRunPhase(status: AutomationRunStatus | null | undefined): boolean;
+/**
+ * Whether the phase's age is worth showing. Only for a run still in flight:
+ * the age exists to separate a moving run from a stalled one, and a run that
+ * has failed is neither — its phase is the place it stopped. Left in, the age
+ * of an old failure degrades to an absolute date (`formatRelativeTime` gives
+ * up past a week), which reads as a second timestamp beside the one the row
+ * already shows.
+ */
+export declare function shouldShowRunPhaseAge(status: AutomationRunStatus | null | undefined): boolean;
+interface RunPhaseFields {
+    /** `AutomationRun.status` — decides whether the age is meaningful. */
+    status: AutomationRunStatus | null | undefined;
+    /** `AutomationRun.phase_code` — `null`/absent means no phase reported. */
+    code: string | null | undefined;
+    /** `AutomationRun.phase_label` — free-form author text, not interface copy. */
+    label: string | null | undefined;
+    /** `AutomationRun.phase_updated_at` — when this phase was last written. */
+    updatedAt?: string | null;
+}
+interface RunPhaseProps extends RunPhaseFields {
+    /** More width before clipping, for rows far wider than a card. */
+    wide?: boolean;
+}
+/**
+ * The one place a stored phase becomes text, so a run cannot read one way on
+ * a card and another way in that card's own tooltip. An absent code counts as
+ * unrecognized rather than as an absent phase: the service accepts a phase
+ * carrying only a label, and dropping those would hide a real phase.
+ *
+ * `code` and `label` are independently optional in the service's contract, so
+ * the last resort is the raw code — a code-only phase is a real phase and
+ * must reach the screen. It is shown as stored rather than prettified: the
+ * code is data like the label, and turning `poll_prs` into "Poll prs" would
+ * invent English-shaped copy no automation author wrote.
+ *
+ * Both fields are author-supplied, which is why the lookup is an own-property
+ * check and both are trimmed. A code of `toString` would otherwise resolve to
+ * `Object.prototype.toString` and be handed to `t()`, and the service stores
+ * a whitespace-only field as sent — it rejects only a phase blank on *both*.
+ */
+export declare function resolveRunPhaseText(t: (key: I18nKey) => string, code: string | null | undefined, label: string | null | undefined): string | null;
+/**
+ * How long the run has been in this phase, as localized relative time.
+ *
+ * This is the half of the phase that separates progress from a stall: the
+ * phase text alone says a run is "Running agent", and only its age says
+ * whether it entered that phase seconds ago or forty minutes ago. Returns
+ * `null` when the service reported no usable timestamp — an older service
+ * omits the field entirely, and an unset datetime arrives as the epoch — so
+ * an age nobody can compute never surfaces as "Invalid Date" or "Jan 1, 1970".
+ */
+export declare function formatRunPhaseAge(updatedAt: string | null | undefined, locale: string, t: (key: I18nKey, options?: Record<string, unknown>) => string): string | null;
+/**
+ * The resolved phase of a run, or `null` when it has none worth showing.
+ * Every surface goes through this — the clipped row below, the home
+ * hovercard's wrapping one — so they cannot drift into resolving a phase, or
+ * deciding to show its age, on their own terms.
+ */
+export declare function useRunPhase({ status, code, label, updatedAt, }: RunPhaseFields): {
+    text: string;
+    age: string | null;
+} | null;
+/**
+ * A run's current or last-known phase and how long it has held it, clipped to
+ * the room the surface has with the full text one hover away — author-supplied
+ * labels routinely outgrow any row. The label is data, not interface copy, so
+ * it is rendered as-is: passing it through `t()` would be wrong, it is not a
+ * key. The age sits outside the clipped text so a long label can never push it
+ * out of sight — it is the part that stays legible when everything else is cut.
+ *
+ * The text stays in the accessibility tree rather than hiding behind an
+ * accessible name on a focusable wrapper. Every surface nests this inside a
+ * link — the activity log's `<a>`, the cards' `role="link"` — where a tab
+ * stop is invalid interactive nesting, and Enter on it bubbled to the card
+ * and navigated the user away from the text they were trying to read.
+ * Truncation is CSS only, so the full label is already in the DOM and reads
+ * in full; the tooltip is the sighted mouse user's route to it.
+ */
+export declare function RunPhase({ status, code, label, updatedAt, wide, }: RunPhaseProps): import("react").JSX.Element | null;
+export {};

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

@@ -0,0 +1,72 @@
+import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../../i18n/declaration.js";
+import { cn as n } from "../../../../utils/utils.js";
+import { tooltip_default as r } from "../../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.js";
+import { AutomationRunStatus as i } from "../../../../types/automation.js";
+import { formatRelativeTime as a, isInvalidTimestamp as o } from "../../../../utils/format-relative-time.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/features/automations/detail/run-phase.tsx
+function u(e) {
+	return e === i.FAILED || e === i.PENDING || e === i.RUNNING;
+}
+function d(e) {
+	return e === i.PENDING || e === i.RUNNING;
+}
+var f = {
+	queued: t.AUTOMATIONS$DETAIL$PHASE_QUEUED,
+	sandbox_provisioning: t.AUTOMATIONS$DETAIL$PHASE_SANDBOX_PROVISIONING,
+	bundle_upload: t.AUTOMATIONS$DETAIL$PHASE_BUNDLE_UPLOAD,
+	entrypoint_start: t.AUTOMATIONS$DETAIL$PHASE_ENTRYPOINT_START,
+	preparing: t.AUTOMATIONS$DETAIL$PHASE_PREPARING,
+	running_agent: t.AUTOMATIONS$DETAIL$PHASE_RUNNING_AGENT
+};
+function p(e, t, n) {
+	let r = t && Object.hasOwn(f, t) ? f[t] : void 0;
+	return r ? e(r) : n?.trim() || t?.trim() || null;
+}
+function m(e, t, n) {
+	return !e || o(e) ? null : a(e, t, n);
+}
+function h({ status: t, code: n, label: r, updatedAt: i }) {
+	let { t: a, i18n: o } = e("openhands"), s = p(a, n, r);
+	return s ? {
+		text: s,
+		age: d(t) ? m(i, o.language, a) : null
+	} : null;
+}
+function g({ status: e, code: t, label: i, updatedAt: a, wide: o = !1 }) {
+	let u = h({
+		status: e,
+		code: t,
+		label: i,
+		updatedAt: a
+	});
+	if (!u) return null;
+	let { text: d, age: f } = u;
+	return /* @__PURE__ */ c(r, {
+		content: /* @__PURE__ */ l(s, { children: [d, f ? /* @__PURE__ */ c("span", {
+			className: "mt-1 block text-muted",
+			children: f
+		}) : null] }),
+		placement: "top",
+		closeDelay: 100,
+		disableAnimation: !1,
+		classNames: { content: "max-w-xs whitespace-pre-wrap break-words rounded-xl border border-[var(--oh-border)] bg-base-secondary px-3 py-2 text-left text-xs text-white shadow-xl" },
+		children: /* @__PURE__ */ l("span", {
+			className: "flex min-w-0 cursor-default items-center gap-1",
+			children: [/* @__PURE__ */ c("span", {
+				"data-testid": "run-phase",
+				className: n("min-w-0 truncate text-xs text-muted", o ? "max-w-[28rem]" : "max-w-[12rem]"),
+				children: d
+			}), f ? /* @__PURE__ */ l("span", {
+				"data-testid": "run-phase-age",
+				className: "shrink-0 whitespace-nowrap text-xs text-muted",
+				children: ["· ", f]
+			}) : null]
+		})
+	});
+}
+//#endregion
+export { g as RunPhase, u as shouldShowRunPhase, h as useRunPhase };
+
+//# sourceMappingURL=run-phase.js.map

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

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

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

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

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

@@ -1 +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"}
+{"version":3,"file":"run-status-badge.cjs","names":[],"sources":["../../../../../src/components/features/automations/detail/run-status-badge.tsx"],"sourcesContent":["import { CircleAlert, CircleHelp, Loader2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport CheckCircleIcon from \"#/icons/check-circle.svg?react\";\nimport XCircleIcon from \"#/icons/x-circle.svg?react\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport { AutomationRunStatus } from \"#/types/automation\";\nimport {\n  getAutomationRunBadgeLabelKey,\n  type AutomationRunBadgeStatus,\n} from \"#/utils/automation-run-display\";\nimport { cn } from \"#/utils/utils\";\n\ninterface RunStatusBadgeProps {\n  status: AutomationRunBadgeStatus;\n  /**\n   * Icon-only mark (no pill). Status text is available via hover tooltip and\n   * `aria-label`, unless {@link showLabel} is also set.\n   */\n  iconOnly?: boolean;\n  /** With `iconOnly`, render the status word next to the icon (still no pill). */\n  showLabel?: boolean;\n  /** Smaller pill for dense rows (e.g. home activity meta line). */\n  compact?: boolean;\n}\n\nconst statusConfig: Record<string, { style: string; iconTone: string }> = {\n  [AutomationRunStatus.COMPLETED]: {\n    style: \"bg-[var(--oh-success)]/10 text-[var(--oh-success)]\",\n    iconTone: \"text-[var(--oh-success)]\",\n  },\n  success: {\n    style: \"bg-[var(--oh-success)]/10 text-[var(--oh-success)]\",\n    iconTone: \"text-[var(--oh-success)]\",\n  },\n  [AutomationRunStatus.FAILED]: {\n    style: \"bg-[var(--oh-danger)]/10 text-danger\",\n    iconTone: \"text-danger\",\n  },\n  failed: {\n    style: \"bg-[var(--oh-danger)]/10 text-danger\",\n    iconTone: \"text-danger\",\n  },\n  blocked: {\n    style: \"bg-[var(--oh-warning)]/10 text-[var(--oh-warning)]\",\n    iconTone: \"text-[var(--oh-warning)]\",\n  },\n  partial_success: {\n    style: \"bg-[var(--oh-warning)]/10 text-[var(--oh-warning)]\",\n    iconTone: \"text-[var(--oh-warning)]\",\n  },\n  unknown: {\n    style: \"bg-[var(--oh-warning)]/10 text-[var(--oh-warning)]\",\n    iconTone: \"text-[var(--oh-warning)]\",\n  },\n  [AutomationRunStatus.PENDING]: {\n    style: \"bg-surface-raised text-muted\",\n    iconTone: \"text-muted\",\n  },\n  [AutomationRunStatus.RUNNING]: {\n    style: \"bg-surface-raised text-muted\",\n    iconTone: \"text-muted\",\n  },\n  [AutomationRunStatus.CANCELLED]: {\n    style: \"bg-surface-raised text-muted\",\n    iconTone: \"text-muted\",\n  },\n  [AutomationRunStatus.SKIPPED]: {\n    style: \"bg-surface-raised text-muted\",\n    iconTone: \"text-muted\",\n  },\n};\n\nfunction StatusIcon({\n  status,\n  compact = false,\n}: {\n  status: AutomationRunBadgeStatus;\n  compact?: boolean;\n}) {\n  const iconClass = compact ? \"size-3\" : \"size-3.5\";\n  switch (status) {\n    case AutomationRunStatus.COMPLETED:\n    case \"success\":\n      return (\n        <CheckCircleIcon\n          data-testid=\"run-status-icon-completed\"\n          className={iconClass}\n        />\n      );\n    case AutomationRunStatus.FAILED:\n    case \"failed\":\n      return (\n        <XCircleIcon\n          data-testid=\"run-status-icon-failed\"\n          className={iconClass}\n        />\n      );\n    case AutomationRunStatus.RUNNING:\n      return (\n        <Loader2\n          data-testid=\"run-status-icon-running\"\n          className={cn(iconClass, \"animate-spin motion-reduce:animate-none\")}\n          aria-hidden=\"true\"\n        />\n      );\n    case \"blocked\":\n    case \"partial_success\":\n      return (\n        <CircleAlert\n          data-testid=\"run-status-icon-warning\"\n          className={iconClass}\n          aria-hidden=\"true\"\n        />\n      );\n    case \"unknown\":\n      return (\n        <CircleHelp\n          data-testid=\"run-status-icon-needs-review\"\n          className={iconClass}\n          aria-hidden=\"true\"\n        />\n      );\n    default:\n      return (\n        <ClockIcon\n          data-testid=\"run-status-icon-pending\"\n          className={iconClass}\n        />\n      );\n  }\n}\n\nexport function RunStatusBadge({\n  status,\n  iconOnly = false,\n  showLabel = false,\n  compact = false,\n}: RunStatusBadgeProps) {\n  const { t } = useTranslation(\"openhands\");\n  // Degrade instead of crashing on a status the backend added after this enum.\n  const config =\n    statusConfig[status] ?? statusConfig[AutomationRunStatus.PENDING];\n  const label = t(getAutomationRunBadgeLabelKey(status));\n\n  if (iconOnly) {\n    if (showLabel) {\n      return (\n        <span\n          data-testid=\"run-status-badge-icon\"\n          className={cn(\n            \"inline-flex min-w-0 shrink-0 items-center gap-1.5 text-xs font-medium\",\n            config.iconTone,\n          )}\n        >\n          <StatusIcon status={status} compact={compact} />\n          <span className=\"truncate\">{label}</span>\n        </span>\n      );\n    }\n\n    return (\n      <StyledTooltip content={label} placement=\"top\">\n        <span\n          role=\"img\"\n          aria-label={label}\n          data-testid=\"run-status-badge-icon\"\n          className={cn(\n            \"inline-flex shrink-0 cursor-default items-center justify-center\",\n            config.iconTone,\n          )}\n        >\n          <StatusIcon status={status} compact={compact} />\n        </span>\n      </StyledTooltip>\n    );\n  }\n\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center rounded-full font-medium\",\n        compact\n          ? \"gap-1 pl-1 pr-1.5 py-0 text-[10px] leading-4\"\n          : \"gap-1.5 pl-2 pr-2.5 py-1 text-xs\",\n        config.style,\n      )}\n    >\n      <StatusIcon status={status} compact={compact} />\n      {label}\n    </span>\n  );\n}\n"],"mappings":"8vBA0BA,IAAM,EAAoE,EACvE,EAAA,oBAAoB,WAAY,CAC/B,MAAO,qDACP,SAAU,0BACZ,EACA,QAAS,CACP,MAAO,qDACP,SAAU,0BACZ,GACC,EAAA,oBAAoB,QAAS,CAC5B,MAAO,uCACP,SAAU,aACZ,EACA,OAAQ,CACN,MAAO,uCACP,SAAU,aACZ,EACA,QAAS,CACP,MAAO,qDACP,SAAU,0BACZ,EACA,gBAAiB,CACf,MAAO,qDACP,SAAU,0BACZ,EACA,QAAS,CACP,MAAO,qDACP,SAAU,0BACZ,GACC,EAAA,oBAAoB,SAAU,CAC7B,MAAO,+BACP,SAAU,YACZ,GACC,EAAA,oBAAoB,SAAU,CAC7B,MAAO,+BACP,SAAU,YACZ,GACC,EAAA,oBAAoB,WAAY,CAC/B,MAAO,+BACP,SAAU,YACZ,GACC,EAAA,oBAAoB,SAAU,CAC7B,MAAO,+BACP,SAAU,YACZ,CACF,EAEA,SAAS,EAAW,CAClB,SACA,UAAU,IAIT,CACD,IAAM,EAAY,EAAU,SAAW,WACvC,OAAQ,EAAR,CACE,KAAK,EAAA,oBAAoB,UACzB,IAAK,UACH,OACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,cAAY,4BACZ,UAAW,CACZ,CAAA,EAEL,KAAK,EAAA,oBAAoB,OACzB,IAAK,SACH,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,IAAK,UACL,IAAK,kBACH,OACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,cAAY,0BACZ,UAAW,EACX,cAAY,MACb,CAAA,EAEL,IAAK,UACH,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,cAAY,+BACZ,UAAW,EACX,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,EAAA,8BAA8B,CAAM,CAAC,EAmCrD,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"}