@openhands/agent-canvas 1.13.0 → 1.15.0

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

@@ -0,0 +1,160 @@
+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 { 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 a } from "../../shared/buttons/styled-tooltip.js";
+import { extensionModuleCardInteractiveClassName as o, extensionModuleCardSurfaceClassName as s } from "../../../utils/extension-module-card-classes.js";
+import { AutomationRunStatus as c } from "../../../types/automation.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 { SkillCardPillRow as p } from "../skills/skill-card-pill-row.js";
+import { formatRelativeTime as m } from "../../../utils/format-relative-time.js";
+import { getLastRunTimestamp as h, shortenAutomationErrorDetail as g, shouldShowAutomationErrorHovercard as _ } from "../home/featured-automations/automation-run-health.js";
+import { buildAutomationMetadataPills as v } from "./build-automation-pills.js";
+import { buildAutomationMenuItems as y } from "./build-automation-menu-items.js";
+import { AutomationRunStats as b } from "./automation-run-insights.js";
+import { automationCardStatusStripClassName 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 { useMemo as T } from "react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+//#region src/components/features/automations/automation-card.tsx
+function k({ automation: k, onToggle: A, onRunNow: j, isRunPending: M = !1, onDelete: N, onExport: P, onEdit: F, insights: I }) {
+	let { navigate: L } = r(), { t: R, i18n: z } = e("openhands"), B = d("manage_automations"), V = k.trigger.schedule_human || k.trigger.type, H = T(() => v(k, V), [k, V]), U = () => {
+		L?.(`/automations/${k.id}`);
+	}, W = y({
+		automation: k,
+		t: R,
+		canManage: B,
+		onRunNow: j,
+		isRunPending: M,
+		onView: U,
+		onExport: P,
+		onEdit: F,
+		onToggle: A,
+		onDelete: N
+	}), { latestRun: G, recentRuns: K, isLoading: q, isError: J } = S(I?.state), Y = G ? h(G) : null, X = G?.status === c.FAILED && G.error_detail?.trim() || null, Z = X ? g(X) : null, Q = X != null && Z != null && _(X, Z);
+	return /* @__PURE__ */ O("div", {
+		role: "link",
+		tabIndex: 0,
+		"data-testid": `automation-card-${k.id}`,
+		onClick: U,
+		onKeyDown: (e) => {
+			e.key === "Enter" && U();
+		},
+		className: n("group relative flex min-w-0 flex-col overflow-hidden p-4 text-left", s, o),
+		children: [
+			/* @__PURE__ */ O("header", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ O("div", {
+					className: "flex h-8 items-center justify-between gap-3",
+					children: [/* @__PURE__ */ D("h3", {
+						className: "min-w-0 flex-1 truncate text-sm font-semibold leading-none text-[var(--oh-foreground)]",
+						children: k.name
+					}), /* @__PURE__ */ O("div", {
+						className: "flex shrink-0 items-center gap-0.5",
+						children: [B ? /* @__PURE__ */ D(a, {
+							content: R(t.AUTOMATIONS$RUN_NOW),
+							placement: "top",
+							children: /* @__PURE__ */ D("button", {
+								type: "button",
+								"data-testid": `automation-run-now-${k.id}`,
+								"aria-label": R(t.AUTOMATIONS$RUN_NOW),
+								"aria-busy": M,
+								disabled: M || !k.enabled,
+								onClick: (e) => {
+									e.stopPropagation(), j(k.id);
+								},
+								className: l,
+								children: /* @__PURE__ */ D(f, {
+									className: "size-4 shrink-0",
+									"aria-hidden": !0
+								})
+							})
+						}) : null, /* @__PURE__ */ D(u, {
+							items: W,
+							triggerClassName: "opacity-70 group-hover:opacity-100"
+						})]
+					})]
+				}), k.prompt ? /* @__PURE__ */ D("p", {
+					className: "line-clamp-2 text-xs leading-relaxed text-[var(--oh-text-secondary)]",
+					children: k.prompt
+				}) : null]
+			}),
+			H.length > 0 || K.length > 0 ? /* @__PURE__ */ O("div", {
+				className: n("mt-3 flex items-center gap-3", H.length > 0 ? "justify-between" : "justify-end"),
+				children: [H.length > 0 ? /* @__PURE__ */ D("div", {
+					className: "min-w-0 flex-1 overflow-hidden",
+					children: /* @__PURE__ */ D(p, {
+						pills: H,
+						testId: `automation-pills-${k.id}`
+					})
+				}) : null, K.length > 0 ? /* @__PURE__ */ D(w, {
+					automationId: k.id,
+					runs: K,
+					testId: `automation-activity-${k.id}`
+				}) : null]
+			}) : null,
+			I ? /* @__PURE__ */ O("div", {
+				className: x,
+				children: [/* @__PURE__ */ O("div", {
+					className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden",
+					children: [
+						q ? /* @__PURE__ */ D("div", {
+							className: "h-3.5 w-3/4 animate-pulse rounded bg-surface-raised motion-reduce:animate-none",
+							"aria-hidden": "true"
+						}) : null,
+						!q && J ? /* @__PURE__ */ D("p", {
+							className: "truncate text-[var(--oh-text-secondary)]",
+							children: R(t.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE)
+						}) : null,
+						!q && !J && !G ? /* @__PURE__ */ D("p", {
+							className: "truncate text-[var(--oh-text-secondary)]",
+							children: R(t.AUTOMATIONS$DETAIL$NO_RUNS)
+						}) : null,
+						G ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(C, {
+							status: G.status,
+							iconOnly: !0,
+							showLabel: !0
+						}), Z ? Q && X ? /* @__PURE__ */ D(i, {
+							content: /* @__PURE__ */ D("p", {
+								className: "max-w-xs whitespace-pre-wrap break-words p-2 text-xs",
+								children: X
+							}),
+							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__ */ D("span", {
+								className: "min-w-0 flex-1 cursor-default truncate text-[var(--oh-status-error)]",
+								children: Z
+							})
+						}) : /* @__PURE__ */ D("p", {
+							className: "min-w-0 flex-1 truncate text-[var(--oh-status-error)]",
+							children: Z
+						}) : null] }) : null
+					]
+				}), Y ? /* @__PURE__ */ D("span", {
+					"data-testid": `automation-last-run-${k.id}`,
+					className: "shrink-0 text-[var(--oh-text-secondary)]",
+					children: m(Y, z.language, R)
+				}) : null]
+			}) : null,
+			I ? /* @__PURE__ */ D("div", {
+				className: "mt-3",
+				children: /* @__PURE__ */ D(b, {
+					state: I.state,
+					copy: I.spec.stats
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+export { k as AutomationCard };
+
+//# sourceMappingURL=automation-card.js.map

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

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

package/dist/components/features/automations/automation-group.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs"),t=require("../../../utils/extension-module-card-classes.cjs"),n=require("./automation-view-mode.cjs"),r=require("./automation-card.cjs"),i=require("./automation-list-row.cjs"),a=require("./status-badge.cjs");let o=require("react/jsx-runtime");function s({title:s,count:c,automations:l,view:u,onToggle:d,onRunNow:f,runPendingId:p=null,onDelete:m,onExport:h,onEdit:g,insights:_}){return l.length===0?null:(0,o.jsxs)(`section`,{children:[(0,o.jsxs)(`div`,{className:`flex items-center`,children:[(0,o.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:s}),(0,o.jsx)(a.StatusBadge,{count:c})]}),u===`grid`?(0,o.jsx)(`div`,{className:e.cn(`mt-3`,t.extensionModuleCardGridContainerClassName),children:(0,o.jsx)(`div`,{className:t.extensionModuleCardGridClassName,children:l.map(e=>(0,o.jsx)(r.AutomationCard,{automation:e,onToggle:d,onRunNow:f,isRunPending:p===e.id,onDelete:m,onExport:h,onEdit:g,insights:_&&{spec:_.spec,state:_.byId.get(e.id)}},e.id))})}):(0,o.jsx)(`ul`,{className:e.cn(n.automationActivityListClassName,`mt-3`),children:l.map(e=>(0,o.jsx)(i.AutomationListRow,{automation:e,onToggle:d,onRunNow:f,isRunPending:p===e.id,onDelete:m,onExport:h,onEdit:g,insights:_&&{spec:_.spec,state:_.byId.get(e.id)}},e.id))})]})}exports.AutomationGroup=s;
+//# sourceMappingURL=automation-group.cjs.map

package/dist/components/features/automations/automation-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation-group.cjs","names":[],"sources":["../../../../src/components/features/automations/automation-group.tsx"],"sourcesContent":["import type { Automation } from \"#/types/automation\";\nimport { cn } from \"#/utils/utils\";\nimport { AutomationCard } from \"./automation-card\";\nimport { AutomationListRow } from \"./automation-list-row\";\nimport { StatusBadge } from \"./status-badge\";\nimport {\n  automationActivityListClassName,\n  type AutomationViewMode,\n} from \"./automation-view-mode\";\nimport {\n  extensionModuleCardGridClassName,\n  extensionModuleCardGridContainerClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport type { RunSummaryState } from \"#/manifests/automation-insights\";\nimport type { InterfaceListInsights } from \"#/manifests/types\";\n\n/** Present when the manifest declares the dashboard surface. */\ninterface AutomationGroupInsights {\n  spec: InterfaceListInsights;\n  byId: ReadonlyMap<string, RunSummaryState>;\n}\n\ninterface AutomationGroupProps {\n  title: string;\n  count: number;\n  automations: Automation[];\n  view: AutomationViewMode;\n  onToggle: (id: string, enabled: boolean) => void;\n  onRunNow: (id: string) => void;\n  runPendingId?: string | null;\n  onDelete: (id: string) => void;\n  onExport: (automation: Automation) => void;\n  onEdit?: (id: string) => void;\n  insights?: AutomationGroupInsights;\n}\n\nexport function AutomationGroup({\n  title,\n  count,\n  automations,\n  view,\n  onToggle,\n  onRunNow,\n  runPendingId = null,\n  onDelete,\n  onExport,\n  onEdit,\n  insights,\n}: AutomationGroupProps) {\n  if (automations.length === 0) return null;\n\n  return (\n    <section>\n      <div className=\"flex items-center\">\n        <h2 className=\"text-base font-semibold text-foreground\">{title}</h2>\n        <StatusBadge count={count} />\n      </div>\n      {view === \"grid\" ? (\n        <div className={cn(\"mt-3\", extensionModuleCardGridContainerClassName)}>\n          <div className={extensionModuleCardGridClassName}>\n            {automations.map((automation) => (\n              <AutomationCard\n                key={automation.id}\n                automation={automation}\n                onToggle={onToggle}\n                onRunNow={onRunNow}\n                isRunPending={runPendingId === automation.id}\n                onDelete={onDelete}\n                onExport={onExport}\n                onEdit={onEdit}\n                insights={\n                  insights && {\n                    spec: insights.spec,\n                    state: insights.byId.get(automation.id),\n                  }\n                }\n              />\n            ))}\n          </div>\n        </div>\n      ) : (\n        <ul className={cn(automationActivityListClassName, \"mt-3\")}>\n          {automations.map((automation) => (\n            <AutomationListRow\n              key={automation.id}\n              automation={automation}\n              onToggle={onToggle}\n              onRunNow={onRunNow}\n              isRunPending={runPendingId === automation.id}\n              onDelete={onDelete}\n              onExport={onExport}\n              onEdit={onEdit}\n              insights={\n                insights && {\n                  spec: insights.spec,\n                  state: insights.byId.get(automation.id),\n                }\n              }\n            />\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"mappings":"kVAoCA,SAAgB,EAAgB,CAC9B,QACA,QACA,cACA,OACA,WACA,WACA,eAAe,KACf,WACA,WACA,SACA,YACuB,CAGvB,OAFI,EAAY,SAAW,EAAU,MAGnC,EAAA,EAAA,MAAC,UAAD,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6BAAf,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,mDAA2C,CAAU,CAAA,GACnE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAoB,OAAQ,CAAA,CACzB,IACJ,IAAS,QACR,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,OAAQ,EAAA,yCAAyC,YAClE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,0CACb,EAAY,IAAK,IAChB,EAAA,EAAA,KAAC,EAAA,eAAD,CAEc,aACF,WACA,WACV,aAAc,IAAiB,EAAW,GAChC,WACA,WACF,SACR,SACE,GAAY,CACV,KAAM,EAAS,KACf,MAAO,EAAS,KAAK,IAAI,EAAW,EAAE,CACxC,CAEH,EAdM,EAAW,EAcjB,CACF,CACE,CAAA,CACF,CAAA,GAEL,EAAA,EAAA,KAAC,KAAD,CAAI,UAAW,EAAA,GAAG,EAAA,gCAAiC,MAAM,WACtD,EAAY,IAAK,IAChB,EAAA,EAAA,KAAC,EAAA,kBAAD,CAEc,aACF,WACA,WACV,aAAc,IAAiB,EAAW,GAChC,WACA,WACF,SACR,SACE,GAAY,CACV,KAAM,EAAS,KACf,MAAO,EAAS,KAAK,IAAI,EAAW,EAAE,CACxC,CAEH,EAdM,EAAW,EAcjB,CACF,CACC,CAAA,CAEC,CAAA,CAAA,CAEb"}

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

@@ -0,0 +1,54 @@
+import { cn as e } from "../../../utils/utils.js";
+import { extensionModuleCardGridClassName as t, extensionModuleCardGridContainerClassName as n } from "../../../utils/extension-module-card-classes.js";
+import { automationActivityListClassName as r } from "./automation-view-mode.js";
+import { AutomationCard as i } from "./automation-card.js";
+import { AutomationListRow as a } from "./automation-list-row.js";
+import { StatusBadge as o } from "./status-badge.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/features/automations/automation-group.tsx
+function l({ title: l, count: u, automations: d, view: f, onToggle: p, onRunNow: m, runPendingId: h = null, onDelete: g, onExport: _, onEdit: v, insights: y }) {
+	return d.length === 0 ? null : /* @__PURE__ */ c("section", { children: [/* @__PURE__ */ c("div", {
+		className: "flex items-center",
+		children: [/* @__PURE__ */ s("h2", {
+			className: "text-base font-semibold text-foreground",
+			children: l
+		}), /* @__PURE__ */ s(o, { count: u })]
+	}), f === "grid" ? /* @__PURE__ */ s("div", {
+		className: e("mt-3", n),
+		children: /* @__PURE__ */ s("div", {
+			className: t,
+			children: d.map((e) => /* @__PURE__ */ s(i, {
+				automation: e,
+				onToggle: p,
+				onRunNow: m,
+				isRunPending: h === e.id,
+				onDelete: g,
+				onExport: _,
+				onEdit: v,
+				insights: y && {
+					spec: y.spec,
+					state: y.byId.get(e.id)
+				}
+			}, e.id))
+		})
+	}) : /* @__PURE__ */ s("ul", {
+		className: e(r, "mt-3"),
+		children: d.map((e) => /* @__PURE__ */ s(a, {
+			automation: e,
+			onToggle: p,
+			onRunNow: m,
+			isRunPending: h === e.id,
+			onDelete: g,
+			onExport: _,
+			onEdit: v,
+			insights: y && {
+				spec: y.spec,
+				state: y.byId.get(e.id)
+			}
+		}, e.id))
+	})] });
+}
+//#endregion
+export { l as AutomationGroup };
+
+//# sourceMappingURL=automation-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"automation-group.js","names":[],"sources":["../../../../src/components/features/automations/automation-group.tsx"],"sourcesContent":["import type { Automation } from \"#/types/automation\";\nimport { cn } from \"#/utils/utils\";\nimport { AutomationCard } from \"./automation-card\";\nimport { AutomationListRow } from \"./automation-list-row\";\nimport { StatusBadge } from \"./status-badge\";\nimport {\n  automationActivityListClassName,\n  type AutomationViewMode,\n} from \"./automation-view-mode\";\nimport {\n  extensionModuleCardGridClassName,\n  extensionModuleCardGridContainerClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport type { RunSummaryState } from \"#/manifests/automation-insights\";\nimport type { InterfaceListInsights } from \"#/manifests/types\";\n\n/** Present when the manifest declares the dashboard surface. */\ninterface AutomationGroupInsights {\n  spec: InterfaceListInsights;\n  byId: ReadonlyMap<string, RunSummaryState>;\n}\n\ninterface AutomationGroupProps {\n  title: string;\n  count: number;\n  automations: Automation[];\n  view: AutomationViewMode;\n  onToggle: (id: string, enabled: boolean) => void;\n  onRunNow: (id: string) => void;\n  runPendingId?: string | null;\n  onDelete: (id: string) => void;\n  onExport: (automation: Automation) => void;\n  onEdit?: (id: string) => void;\n  insights?: AutomationGroupInsights;\n}\n\nexport function AutomationGroup({\n  title,\n  count,\n  automations,\n  view,\n  onToggle,\n  onRunNow,\n  runPendingId = null,\n  onDelete,\n  onExport,\n  onEdit,\n  insights,\n}: AutomationGroupProps) {\n  if (automations.length === 0) return null;\n\n  return (\n    <section>\n      <div className=\"flex items-center\">\n        <h2 className=\"text-base font-semibold text-foreground\">{title}</h2>\n        <StatusBadge count={count} />\n      </div>\n      {view === \"grid\" ? (\n        <div className={cn(\"mt-3\", extensionModuleCardGridContainerClassName)}>\n          <div className={extensionModuleCardGridClassName}>\n            {automations.map((automation) => (\n              <AutomationCard\n                key={automation.id}\n                automation={automation}\n                onToggle={onToggle}\n                onRunNow={onRunNow}\n                isRunPending={runPendingId === automation.id}\n                onDelete={onDelete}\n                onExport={onExport}\n                onEdit={onEdit}\n                insights={\n                  insights && {\n                    spec: insights.spec,\n                    state: insights.byId.get(automation.id),\n                  }\n                }\n              />\n            ))}\n          </div>\n        </div>\n      ) : (\n        <ul className={cn(automationActivityListClassName, \"mt-3\")}>\n          {automations.map((automation) => (\n            <AutomationListRow\n              key={automation.id}\n              automation={automation}\n              onToggle={onToggle}\n              onRunNow={onRunNow}\n              isRunPending={runPendingId === automation.id}\n              onDelete={onDelete}\n              onExport={onExport}\n              onEdit={onEdit}\n              insights={\n                insights && {\n                  spec: insights.spec,\n                  state: insights.byId.get(automation.id),\n                }\n              }\n            />\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;AAoCA,SAAgB,EAAgB,EAC9B,UACA,UACA,gBACA,SACA,aACA,aACA,kBAAe,MACf,aACA,aACA,WACA,eACuB;CAGvB,OAFI,EAAY,WAAW,IAAU,OAGnC,kBAAC,WAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,MAAD;GAAI,WAAU;aAA2C;EAAU,CAAA,GACnE,kBAAC,GAAD,EAAoB,SAAQ,CAAA,CACzB;KACJ,MAAS,SACR,kBAAC,OAAD;EAAK,WAAW,EAAG,QAAQ,CAAyC;YAClE,kBAAC,OAAD;GAAK,WAAW;aACb,EAAY,KAAK,MAChB,kBAAC,GAAD;IAEc;IACF;IACA;IACV,cAAc,MAAiB,EAAW;IAChC;IACA;IACF;IACR,UACE,KAAY;KACV,MAAM,EAAS;KACf,OAAO,EAAS,KAAK,IAAI,EAAW,EAAE;IACxC;GAEH,GAdM,EAAW,EAcjB,CACF;EACE,CAAA;CACF,CAAA,IAEL,kBAAC,MAAD;EAAI,WAAW,EAAG,GAAiC,MAAM;YACtD,EAAY,KAAK,MAChB,kBAAC,GAAD;GAEc;GACF;GACA;GACV,cAAc,MAAiB,EAAW;GAChC;GACA;GACF;GACR,UACE,KAAY;IACV,MAAM,EAAS;IACf,OAAO,EAAS,KAAK,IAAI,EAAW,EAAE;GACxC;EAEH,GAdM,EAAW,EAcjB,CACF;CACC,CAAA,CAEC,EAAA,CAAA;AAEb"}

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

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/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;
+//# sourceMappingURL=automation-list-row.cjs.map

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

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

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

@@ -0,0 +1,152 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+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";
+//#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,
+		canManage: V,
+		onRunNow: N,
+		isRunPending: P,
+		onView: () => {
+			R?.(`/automations/${j.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,
+				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($)}`,
+				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", {
+					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}`,
+							className: "inline-flex h-5 w-2.5 shrink-0 items-center justify-center",
+							children: /* @__PURE__ */ k(T, { health: Y })
+						}),
+						/* @__PURE__ */ k("span", {
+							className: "truncate text-sm font-medium leading-5 text-[var(--oh-foreground)]",
+							children: j.name
+						}),
+						ne ? /* @__PURE__ */ A("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, {
+									className: "size-3 shrink-0",
+									"aria-hidden": "true"
+								}),
+								W ? /* @__PURE__ */ k("span", {
+									className: "truncate",
+									children: W
+								}) : null,
+								G ? /* @__PURE__ */ k("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)
+								}) : null,
+								Q ? /* @__PURE__ */ A(O, { children: [q ? /* @__PURE__ */ k("span", {
+									className: "shrink-0",
+									"aria-hidden": "true",
+									children: "·"
+								}) : null, /* @__PURE__ */ k("span", {
+									"data-testid": `automation-last-run-${j.id}`,
+									className: "truncate",
+									children: Q
+								})] }) : null,
+								X ? /* @__PURE__ */ A(O, { children: [q || Q ? /* @__PURE__ */ k("span", {
+									className: "shrink-0",
+									"aria-hidden": "true",
+									children: "·"
+								}) : null, /* @__PURE__ */ k(C, {
+									status: X.status,
+									compact: !0
+								})] }) : null
+							]
+						}) : null,
+						/* @__PURE__ */ k("span", {
+							className: "sr-only",
+							children: z($)
+						})
+					]
+				})
+			})
+		}), /* @__PURE__ */ A("div", {
+			className: "flex shrink-0 items-center gap-1.5 pr-1.5",
+			children: [
+				L ? /* @__PURE__ */ k(w, {
+					automationId: j.id,
+					runs: J.recentRuns,
+					testId: `automation-activity-${j.id}`
+				}) : null,
+				V ? /* @__PURE__ */ k(o, {
+					content: z(t.AUTOMATIONS$RUN_NOW),
+					placement: "top",
+					children: /* @__PURE__ */ k("button", {
+						type: "button",
+						"data-testid": `automation-run-now-${j.id}`,
+						"aria-label": z(t.AUTOMATIONS$RUN_NOW),
+						"aria-busy": P,
+						disabled: P || !j.enabled,
+						onClick: (e) => {
+							e.stopPropagation(), N(j.id);
+						},
+						className: l,
+						children: /* @__PURE__ */ k(f, {
+							className: "size-4 shrink-0",
+							"aria-hidden": !0
+						})
+					})
+				}) : null,
+				/* @__PURE__ */ k(u, {
+					items: H,
+					triggerClassName: "opacity-70 group-hover:opacity-100"
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { j as AutomationListRow };
+
+//# sourceMappingURL=automation-list-row.js.map

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

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

package/dist/components/features/automations/automation-run-insights.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../manifests/automation-insights.cjs");let t=require("react/jsx-runtime");function n(e){return e?.summary?e.summary.total.toLocaleString():!e||e.isLoading?`…`:`—`}function r(e){let t=e?.summary?.recentSuccessRate;return t==null?`—`:`${Math.round(t*100)}%`}function i(t){return e.formatCompactDuration(t?.summary?.averageDurationMs??null)}function a({state:e,copy:a}){return(0,t.jsx)(`dl`,{"data-testid":`automation-run-stats`,className:`grid grid-cols-3 gap-2 text-xs`,children:[{label:a.runs,value:n(e)},{label:a.recentSuccess,value:r(e)},{label:a.averageDuration,value:i(e)}].map(e=>(0,t.jsxs)(`div`,{className:`min-w-0`,children:[(0,t.jsx)(`dt`,{className:`truncate text-muted`,children:e.label}),(0,t.jsx)(`dd`,{className:`mt-0.5 truncate font-medium text-content`,children:e.value})]},e.label))})}exports.AutomationRunStats=a;
+//# sourceMappingURL=automation-run-insights.cjs.map

package/dist/components/features/automations/automation-run-insights.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation-run-insights.cjs","names":[],"sources":["../../../../src/components/features/automations/automation-run-insights.tsx"],"sourcesContent":["import {\n  formatCompactDuration,\n  type RunSummaryState,\n} from \"#/manifests/automation-insights\";\nimport type { InterfaceListInsights } from \"#/manifests/types\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\n\n/** `formatTimeDelta` renders seconds as `<n>s`; anything under a minute reads as \"just now\". */\nconst SECONDS_DELTA_PATTERN = /^\\d+s$/;\n\n/**\n * \"Never\", \"Just now\", or a localized \"<delta> ago\". The captions are the\n * manifest's; the delta and its \"ago\" suffix are the host's translations.\n */\nexport function lastRunText(\n  startedAt: string | null | undefined,\n  copy: InterfaceListInsights[\"lastRun\"],\n  agoSuffix: string,\n): string {\n  if (!startedAt) return copy.never;\n  const delta = formatTimeDelta(startedAt);\n  return SECONDS_DELTA_PATTERN.test(delta)\n    ? copy.justNow\n    : `${delta} ${agoSuffix}`;\n}\n\nexport function runCountDisplay(state: RunSummaryState | undefined): string {\n  if (state?.summary) return state.summary.total.toLocaleString();\n  if (!state || state.isLoading) return \"…\";\n  return \"—\";\n}\n\nexport function successRateDisplay(state: RunSummaryState | undefined): string {\n  const rate = state?.summary?.recentSuccessRate;\n  if (rate === null || rate === undefined) return \"—\";\n  return `${Math.round(rate * 100)}%`;\n}\n\nexport function averageDurationDisplay(\n  state: RunSummaryState | undefined,\n): string {\n  return formatCompactDuration(state?.summary?.averageDurationMs ?? null);\n}\n\ninterface AutomationRunStatsProps {\n  state: RunSummaryState | undefined;\n  copy: InterfaceListInsights[\"stats\"];\n}\n\n/** The three-column run stats footer on an automation card. */\nexport function AutomationRunStats({ state, copy }: AutomationRunStatsProps) {\n  const cells = [\n    { label: copy.runs, value: runCountDisplay(state) },\n    { label: copy.recentSuccess, value: successRateDisplay(state) },\n    { label: copy.averageDuration, value: averageDurationDisplay(state) },\n  ];\n  return (\n    <dl\n      data-testid=\"automation-run-stats\"\n      className=\"grid grid-cols-3 gap-2 text-xs\"\n    >\n      {cells.map((cell) => (\n        <div key={cell.label} className=\"min-w-0\">\n          <dt className=\"truncate text-muted\">{cell.label}</dt>\n          <dd className=\"mt-0.5 truncate font-medium text-content\">\n            {cell.value}\n          </dd>\n        </div>\n      ))}\n    </dl>\n  );\n}\n"],"mappings":"oJA0BA,SAAgB,EAAgB,EAA4C,CAG1E,OAFI,GAAO,QAAgB,EAAM,QAAQ,MAAM,eAAe,EAC1D,CAAC,GAAS,EAAM,UAAkB,IAC/B,GACT,CAEA,SAAgB,EAAmB,EAA4C,CAC7E,IAAM,EAAO,GAAO,SAAS,kBAE7B,OADI,GAAS,KAAmC,IACzC,GAAG,KAAK,MAAM,EAAO,GAAG,EAAE,EACnC,CAEA,SAAgB,EACd,EACQ,CACR,OAAO,EAAA,sBAAsB,GAAO,SAAS,mBAAqB,IAAI,CACxE,CAQA,SAAgB,EAAmB,CAAE,QAAO,QAAiC,CAM3E,OACE,EAAA,EAAA,KAAC,KAAD,CACE,cAAY,uBACZ,UAAU,0CAET,CATH,CAAE,MAAO,EAAK,KAAM,MAAO,EAAgB,CAAK,CAAE,EAClD,CAAE,MAAO,EAAK,cAAe,MAAO,EAAmB,CAAK,CAAE,EAC9D,CAAE,MAAO,EAAK,gBAAiB,MAAO,EAAuB,CAAK,CAAE,CAOjE,EAAM,IAAK,IACV,EAAA,EAAA,MAAC,MAAD,CAAsB,UAAU,mBAAhC,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,+BAAuB,EAAK,KAAU,CAAA,GACpD,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,oDACX,EAAK,KACJ,CAAA,CACD,GALK,EAAK,KAKV,CACN,CACC,CAAA,CAER"}

package/dist/components/features/automations/automation-run-insights.js

@@ -0,0 +1,46 @@
+import { formatCompactDuration as e } from "../../../manifests/automation-insights.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/features/automations/automation-run-insights.tsx
+function r(e) {
+	return e?.summary ? e.summary.total.toLocaleString() : !e || e.isLoading ? "…" : "—";
+}
+function i(e) {
+	let t = e?.summary?.recentSuccessRate;
+	return t == null ? "—" : `${Math.round(t * 100)}%`;
+}
+function a(t) {
+	return e(t?.summary?.averageDurationMs ?? null);
+}
+function o({ state: e, copy: o }) {
+	return /* @__PURE__ */ t("dl", {
+		"data-testid": "automation-run-stats",
+		className: "grid grid-cols-3 gap-2 text-xs",
+		children: [
+			{
+				label: o.runs,
+				value: r(e)
+			},
+			{
+				label: o.recentSuccess,
+				value: i(e)
+			},
+			{
+				label: o.averageDuration,
+				value: a(e)
+			}
+		].map((e) => /* @__PURE__ */ n("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ t("dt", {
+				className: "truncate text-muted",
+				children: e.label
+			}), /* @__PURE__ */ t("dd", {
+				className: "mt-0.5 truncate font-medium text-content",
+				children: e.value
+			})]
+		}, e.label))
+	});
+}
+//#endregion
+export { o as AutomationRunStats };
+
+//# sourceMappingURL=automation-run-insights.js.map

package/dist/components/features/automations/automation-run-insights.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation-run-insights.js","names":[],"sources":["../../../../src/components/features/automations/automation-run-insights.tsx"],"sourcesContent":["import {\n  formatCompactDuration,\n  type RunSummaryState,\n} from \"#/manifests/automation-insights\";\nimport type { InterfaceListInsights } from \"#/manifests/types\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\n\n/** `formatTimeDelta` renders seconds as `<n>s`; anything under a minute reads as \"just now\". */\nconst SECONDS_DELTA_PATTERN = /^\\d+s$/;\n\n/**\n * \"Never\", \"Just now\", or a localized \"<delta> ago\". The captions are the\n * manifest's; the delta and its \"ago\" suffix are the host's translations.\n */\nexport function lastRunText(\n  startedAt: string | null | undefined,\n  copy: InterfaceListInsights[\"lastRun\"],\n  agoSuffix: string,\n): string {\n  if (!startedAt) return copy.never;\n  const delta = formatTimeDelta(startedAt);\n  return SECONDS_DELTA_PATTERN.test(delta)\n    ? copy.justNow\n    : `${delta} ${agoSuffix}`;\n}\n\nexport function runCountDisplay(state: RunSummaryState | undefined): string {\n  if (state?.summary) return state.summary.total.toLocaleString();\n  if (!state || state.isLoading) return \"…\";\n  return \"—\";\n}\n\nexport function successRateDisplay(state: RunSummaryState | undefined): string {\n  const rate = state?.summary?.recentSuccessRate;\n  if (rate === null || rate === undefined) return \"—\";\n  return `${Math.round(rate * 100)}%`;\n}\n\nexport function averageDurationDisplay(\n  state: RunSummaryState | undefined,\n): string {\n  return formatCompactDuration(state?.summary?.averageDurationMs ?? null);\n}\n\ninterface AutomationRunStatsProps {\n  state: RunSummaryState | undefined;\n  copy: InterfaceListInsights[\"stats\"];\n}\n\n/** The three-column run stats footer on an automation card. */\nexport function AutomationRunStats({ state, copy }: AutomationRunStatsProps) {\n  const cells = [\n    { label: copy.runs, value: runCountDisplay(state) },\n    { label: copy.recentSuccess, value: successRateDisplay(state) },\n    { label: copy.averageDuration, value: averageDurationDisplay(state) },\n  ];\n  return (\n    <dl\n      data-testid=\"automation-run-stats\"\n      className=\"grid grid-cols-3 gap-2 text-xs\"\n    >\n      {cells.map((cell) => (\n        <div key={cell.label} className=\"min-w-0\">\n          <dt className=\"truncate text-muted\">{cell.label}</dt>\n          <dd className=\"mt-0.5 truncate font-medium text-content\">\n            {cell.value}\n          </dd>\n        </div>\n      ))}\n    </dl>\n  );\n}\n"],"mappings":";;;AA0BA,SAAgB,EAAgB,GAA4C;CAG1E,OAFI,GAAO,UAAgB,EAAM,QAAQ,MAAM,eAAe,IAC1D,CAAC,KAAS,EAAM,YAAkB,MAC/B;AACT;AAEA,SAAgB,EAAmB,GAA4C;CAC7E,IAAM,IAAO,GAAO,SAAS;CAE7B,OADI,KAAS,OAAmC,MACzC,GAAG,KAAK,MAAM,IAAO,GAAG,EAAE;AACnC;AAEA,SAAgB,EACd,GACQ;CACR,OAAO,EAAsB,GAAO,SAAS,qBAAqB,IAAI;AACxE;AAQA,SAAgB,EAAmB,EAAE,UAAO,WAAiC;CAM3E,OACE,kBAAC,MAAD;EACE,eAAY;EACZ,WAAU;YAET;GATH;IAAE,OAAO,EAAK;IAAM,OAAO,EAAgB,CAAK;GAAE;GAClD;IAAE,OAAO,EAAK;IAAe,OAAO,EAAmB,CAAK;GAAE;GAC9D;IAAE,OAAO,EAAK;IAAiB,OAAO,EAAuB,CAAK;GAAE;EAOjE,EAAM,KAAK,MACV,kBAAC,OAAD;GAAsB,WAAU;aAAhC,CACE,kBAAC,MAAD;IAAI,WAAU;cAAuB,EAAK;GAAU,CAAA,GACpD,kBAAC,MAAD;IAAI,WAAU;cACX,EAAK;GACJ,CAAA,CACD;KALK,EAAK,KAKV,CACN;CACC,CAAA;AAER"}

package/dist/components/features/automations/automation-view-mode.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");var e=`divide-y divide-[var(--oh-border-subtle)] overflow-hidden rounded-xl border border-[var(--oh-border-subtle)] bg-[var(--oh-surface)]`,t=`group relative flex items-stretch transition-colors hover:bg-surface-raised has-[:focus-visible]:bg-surface-raised`,n=`mt-3 flex min-h-9 items-center justify-between gap-2 overflow-hidden rounded-md border border-[var(--oh-border-subtle)] bg-[var(--oh-surface)] px-3 py-2 text-xs`;exports.automationActivityListClassName=e,exports.automationActivityRowClassName=t,exports.automationCardStatusStripClassName=n;
+//# sourceMappingURL=automation-view-mode.cjs.map

package/dist/components/features/automations/automation-view-mode.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation-view-mode.cjs","names":[],"sources":["../../../../src/components/features/automations/automation-view-mode.ts"],"sourcesContent":["export type AutomationViewMode = \"grid\" | \"list\";\n\nexport const AUTOMATIONS_VIEW_MODE_STORAGE_KEY = \"openhands-automations-view\";\n\nexport function readStoredAutomationViewMode(): AutomationViewMode {\n  if (typeof window === \"undefined\") {\n    return \"grid\";\n  }\n\n  const stored = window.localStorage.getItem(AUTOMATIONS_VIEW_MODE_STORAGE_KEY);\n  return stored === \"list\" ? \"list\" : \"grid\";\n}\n\nexport function writeStoredAutomationViewMode(view: AutomationViewMode): void {\n  window.localStorage.setItem(AUTOMATIONS_VIEW_MODE_STORAGE_KEY, view);\n}\n\n/** Shared chrome for the dashboard list and the home activity list. */\nexport const automationActivityListClassName =\n  \"divide-y divide-[var(--oh-border-subtle)] overflow-hidden rounded-xl border border-[var(--oh-border-subtle)] bg-[var(--oh-surface)]\";\n\nexport const automationActivityRowClassName =\n  \"group relative flex items-stretch transition-colors hover:bg-surface-raised has-[:focus-visible]:bg-surface-raised\";\n\n/** Inset last-run strip used under the trigger/sparkline row. */\nexport const automationCardStatusStripClassName =\n  \"mt-3 flex min-h-9 items-center justify-between gap-2 overflow-hidden rounded-md border border-[var(--oh-border-subtle)] bg-[var(--oh-surface)] px-3 py-2 text-xs\";\n"],"mappings":"mDAkBA,IAAa,EACX,sIAEW,EACX,qHAGW,EACX"}

package/dist/components/features/automations/automation-view-mode.d.ts

@@ -2,4 +2,8 @@ export type AutomationViewMode = "grid" | "list";
 export declare const AUTOMATIONS_VIEW_MODE_STORAGE_KEY = "openhands-automations-view";
 export declare function readStoredAutomationViewMode(): AutomationViewMode;
 export declare function writeStoredAutomationViewMode(view: AutomationViewMode): void;
-export { tableContainerClassName as automationListTableClassName, tableRowInteractiveClassName as automationListRowClassName, tableCellClassName as automationListCellClassName, } from "#/utils/table-row-classes";
+/** Shared chrome for the dashboard list and the home activity list. */
+export declare const automationActivityListClassName = "divide-y divide-[var(--oh-border-subtle)] overflow-hidden rounded-xl border border-[var(--oh-border-subtle)] bg-[var(--oh-surface)]";
+export declare const automationActivityRowClassName = "group relative flex items-stretch transition-colors hover:bg-surface-raised has-[:focus-visible]:bg-surface-raised";
+/** Inset last-run strip used under the trigger/sparkline row. */
+export declare const automationCardStatusStripClassName = "mt-3 flex min-h-9 items-center justify-between gap-2 overflow-hidden rounded-md border border-[var(--oh-border-subtle)] bg-[var(--oh-surface)] px-3 py-2 text-xs";

package/dist/components/features/automations/automation-view-mode.js

@@ -0,0 +1,6 @@
+//#region src/components/features/automations/automation-view-mode.ts
+var e = "divide-y divide-[var(--oh-border-subtle)] overflow-hidden rounded-xl border border-[var(--oh-border-subtle)] bg-[var(--oh-surface)]", t = "group relative flex items-stretch transition-colors hover:bg-surface-raised has-[:focus-visible]:bg-surface-raised", n = "mt-3 flex min-h-9 items-center justify-between gap-2 overflow-hidden rounded-md border border-[var(--oh-border-subtle)] bg-[var(--oh-surface)] px-3 py-2 text-xs";
+//#endregion
+export { e as automationActivityListClassName, t as automationActivityRowClassName, n as automationCardStatusStripClassName };
+
+//# sourceMappingURL=automation-view-mode.js.map

package/dist/components/features/automations/automation-view-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation-view-mode.js","names":[],"sources":["../../../../src/components/features/automations/automation-view-mode.ts"],"sourcesContent":["export type AutomationViewMode = \"grid\" | \"list\";\n\nexport const AUTOMATIONS_VIEW_MODE_STORAGE_KEY = \"openhands-automations-view\";\n\nexport function readStoredAutomationViewMode(): AutomationViewMode {\n  if (typeof window === \"undefined\") {\n    return \"grid\";\n  }\n\n  const stored = window.localStorage.getItem(AUTOMATIONS_VIEW_MODE_STORAGE_KEY);\n  return stored === \"list\" ? \"list\" : \"grid\";\n}\n\nexport function writeStoredAutomationViewMode(view: AutomationViewMode): void {\n  window.localStorage.setItem(AUTOMATIONS_VIEW_MODE_STORAGE_KEY, view);\n}\n\n/** Shared chrome for the dashboard list and the home activity list. */\nexport const automationActivityListClassName =\n  \"divide-y divide-[var(--oh-border-subtle)] overflow-hidden rounded-xl border border-[var(--oh-border-subtle)] bg-[var(--oh-surface)]\";\n\nexport const automationActivityRowClassName =\n  \"group relative flex items-stretch transition-colors hover:bg-surface-raised has-[:focus-visible]:bg-surface-raised\";\n\n/** Inset last-run strip used under the trigger/sparkline row. */\nexport const automationCardStatusStripClassName =\n  \"mt-3 flex min-h-9 items-center justify-between gap-2 overflow-hidden rounded-md border border-[var(--oh-border-subtle)] bg-[var(--oh-surface)] px-3 py-2 text-xs\";\n"],"mappings":";AAkBA,IAAa,IACX,uIAEW,IACX,sHAGW,IACX"}