@openhands/agent-canvas 1.15.0 → 1.17.0

package/dist/components/features/home/featured-automations/automation-run-activity-metrics.js

@@ -1,40 +1,37 @@
-import { I18nKey as e } from "../../../../i18n/declaration.js";
-import { AutomationRunStatus as t } from "../../../../types/automation.js";
+import { AutomationRunStatus as e } from "../../../../types/automation.js";
+import { getAutomationRunBadgeLabelKey as t } from "../../../../utils/automation-run-display.js";
 var n = 1e3, r = 30 * 6e4;
-function i(e, n = Date.now()) {
-	let r = e.started_at ? new Date(e.started_at).getTime() : NaN;
+function i(t, n = Date.now()) {
+	let r = t.started_at ? new Date(t.started_at).getTime() : NaN;
 	if (Number.isNaN(r) || r <= 0) return null;
-	if (e.completed_at) {
-		let t = new Date(e.completed_at).getTime();
-		return Number.isNaN(t) || t < r ? null : t - r;
+	if (t.completed_at) {
+		let e = new Date(t.completed_at).getTime();
+		return Number.isNaN(e) || e < r ? null : e - r;
 	}
-	return e.status === t.PENDING || e.status === t.RUNNING ? Math.max(0, n - r) : null;
+	return t.status === e.PENDING || t.status === e.RUNNING ? Math.max(0, n - r) : null;
 }
 function a(e) {
 	if (e == null || e <= 0) return 11;
 	let t = Math.log(Math.min(r, Math.max(n, e)) / n) / Math.log(r / n);
 	return Math.round(6 + t * 9);
 }
-function o(e) {
-	switch (e) {
-		case t.COMPLETED: return "bg-[var(--oh-status-success)]";
-		case t.FAILED: return "bg-[var(--oh-status-error)]";
-		case t.RUNNING: return "bg-[var(--oh-status-success)] animate-pulse motion-reduce:animate-none";
-		case t.PENDING: return "bg-[repeating-linear-gradient(-45deg,var(--oh-muted)_0_1.5px,var(--oh-border)_1.5px_3px)]";
-		case t.CANCELLED: return "bg-[var(--oh-muted)]";
+function o(t) {
+	switch (t) {
+		case e.COMPLETED:
+		case "success": return "bg-[var(--oh-status-success)]";
+		case e.FAILED:
+		case "failed": return "bg-[var(--oh-status-error)]";
+		case "blocked":
+		case "partial_success":
+		case "unknown": return "bg-[var(--oh-warning)]";
+		case e.RUNNING: return "bg-[var(--oh-status-success)] animate-pulse motion-reduce:animate-none";
+		case e.PENDING: return "bg-[repeating-linear-gradient(-45deg,var(--oh-muted)_0_1.5px,var(--oh-border)_1.5px_3px)]";
+		case e.CANCELLED: return "bg-[var(--oh-muted)]";
 		default: return "bg-[var(--oh-border)]";
 	}
 }
-function s(n) {
-	switch (n) {
-		case t.COMPLETED: return e.AUTOMATIONS$DETAIL$SUCCESSFUL;
-		case t.FAILED: return e.AUTOMATIONS$DETAIL$FAILED;
-		case t.PENDING: return e.AUTOMATIONS$DETAIL$PENDING;
-		case t.RUNNING: return e.AUTOMATIONS$DETAIL$RUNNING;
-		case t.CANCELLED: return e.AUTOMATIONS$DETAIL$CANCELLED;
-		case t.SKIPPED: return e.AUTOMATIONS$DETAIL$SKIPPED;
-		default: return e.FEATURED_AUTOMATIONS$STATUS_UNKNOWN;
-	}
+function s(e) {
+	return t(e);
 }
 function c(e) {
 	return e == null || e <= 0 ? null : e < 6e4 ? `${Math.max(1, Math.round(e / 1e3))}s` : e < 36e5 ? `${Math.round(e / 6e4)}m` : `${(e / 36e5).toFixed(1)}h`;

package/dist/components/features/home/featured-automations/automation-run-activity-metrics.js.map

@@ -1 +1 @@
-{"version":3,"file":"automation-run-activity-metrics.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-run-activity-metrics.ts"],"sourcesContent":["import { I18nKey } from \"#/i18n/declaration\";\nimport { AutomationRunStatus, type AutomationRun } from \"#/types/automation\";\n\n/** Sparkline track height; bars sit on the baseline inside this. */\nexport const AUTOMATION_RUN_ACTIVITY_TRACK_PX = 18;\nexport const AUTOMATION_RUN_ACTIVITY_MIN_BAR_PX = 6;\nexport const AUTOMATION_RUN_ACTIVITY_MAX_BAR_PX = 15;\n/** Used when duration cannot be derived (no timestamps, skipped, etc.). */\nexport const AUTOMATION_RUN_ACTIVITY_UNKNOWN_BAR_PX = 11;\n\nconst MIN_DURATION_MS = 1_000;\n/** Log-scale ceiling so multi-hour runs still fit the track. */\nconst MAX_DURATION_MS = 30 * 60_000;\n\n/**\n * Wall-clock duration for a run, or null when it cannot be measured.\n * In-flight runs use elapsed time since `started_at` when that is usable.\n */\nexport function getAutomationRunDurationMs(\n  run: AutomationRun,\n  nowMs: number = Date.now(),\n): number | null {\n  const startMs = run.started_at ? new Date(run.started_at).getTime() : NaN;\n  if (Number.isNaN(startMs) || startMs <= 0) return null;\n\n  if (run.completed_at) {\n    const endMs = new Date(run.completed_at).getTime();\n    if (Number.isNaN(endMs) || endMs < startMs) return null;\n    return endMs - startMs;\n  }\n\n  if (\n    run.status === AutomationRunStatus.PENDING ||\n    run.status === AutomationRunStatus.RUNNING\n  ) {\n    return Math.max(0, nowMs - startMs);\n  }\n\n  return null;\n}\n\n/** Map duration → bar height (log scale, clamped). Color stays status-driven. */\nexport function durationMsToSparklineBarHeightPx(\n  durationMs: number | null,\n): number {\n  if (durationMs == null || durationMs <= 0) {\n    return AUTOMATION_RUN_ACTIVITY_UNKNOWN_BAR_PX;\n  }\n\n  const clamped = Math.min(\n    MAX_DURATION_MS,\n    Math.max(MIN_DURATION_MS, durationMs),\n  );\n  const t =\n    Math.log(clamped / MIN_DURATION_MS) /\n    Math.log(MAX_DURATION_MS / MIN_DURATION_MS);\n\n  return Math.round(\n    AUTOMATION_RUN_ACTIVITY_MIN_BAR_PX +\n      t *\n        (AUTOMATION_RUN_ACTIVITY_MAX_BAR_PX -\n          AUTOMATION_RUN_ACTIVITY_MIN_BAR_PX),\n  );\n}\n\nexport function barColorClassForStatus(\n  status: AutomationRunStatus | string,\n): string {\n  switch (status) {\n    case AutomationRunStatus.COMPLETED:\n      return \"bg-[var(--oh-status-success)]\";\n    case AutomationRunStatus.FAILED:\n      return \"bg-[var(--oh-status-error)]\";\n    case AutomationRunStatus.RUNNING:\n      return \"bg-[var(--oh-status-success)] animate-pulse motion-reduce:animate-none\";\n    case AutomationRunStatus.PENDING:\n      // Grey hatch so pending reads as queued, distinct from solid cancelled/skipped.\n      return \"bg-[repeating-linear-gradient(-45deg,var(--oh-muted)_0_1.5px,var(--oh-border)_1.5px_3px)]\";\n    case AutomationRunStatus.CANCELLED:\n      return \"bg-[var(--oh-muted)]\";\n    default:\n      return \"bg-[var(--oh-border)]\";\n  }\n}\n\nexport function getAutomationRunStatusLabelKey(\n  status: AutomationRunStatus | string,\n): I18nKey {\n  switch (status) {\n    case AutomationRunStatus.COMPLETED:\n      return I18nKey.AUTOMATIONS$DETAIL$SUCCESSFUL;\n    case AutomationRunStatus.FAILED:\n      return I18nKey.AUTOMATIONS$DETAIL$FAILED;\n    case AutomationRunStatus.PENDING:\n      return I18nKey.AUTOMATIONS$DETAIL$PENDING;\n    case AutomationRunStatus.RUNNING:\n      return I18nKey.AUTOMATIONS$DETAIL$RUNNING;\n    case AutomationRunStatus.CANCELLED:\n      return I18nKey.AUTOMATIONS$DETAIL$CANCELLED;\n    case AutomationRunStatus.SKIPPED:\n      return I18nKey.AUTOMATIONS$DETAIL$SKIPPED;\n    default:\n      return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNKNOWN;\n  }\n}\n\nexport function formatDurationForTitle(\n  durationMs: number | null,\n): string | null {\n  if (durationMs == null || durationMs <= 0) return null;\n  if (durationMs < 60_000) {\n    return `${Math.max(1, Math.round(durationMs / 1000))}s`;\n  }\n  if (durationMs < 3_600_000) {\n    return `${Math.round(durationMs / 60_000)}m`;\n  }\n  return `${(durationMs / 3_600_000).toFixed(1)}h`;\n}\n"],"mappings":";;AAUA,IAAM,IAAkB,KAElB,IAAkB,KAAK;AAM7B,SAAgB,EACd,GACA,IAAgB,KAAK,IAAI,GACV;CACf,IAAM,IAAU,EAAI,aAAa,IAAI,KAAK,EAAI,UAAU,EAAE,QAAQ,IAAI;CACtE,IAAI,OAAO,MAAM,CAAO,KAAK,KAAW,GAAG,OAAO;CAElD,IAAI,EAAI,cAAc;EACpB,IAAM,IAAQ,IAAI,KAAK,EAAI,YAAY,EAAE,QAAQ;EAEjD,OADI,OAAO,MAAM,CAAK,KAAK,IAAQ,IAAgB,OAC5C,IAAQ;CACjB;CASA,OANE,EAAI,WAAW,EAAoB,WACnC,EAAI,WAAW,EAAoB,UAE5B,KAAK,IAAI,GAAG,IAAQ,CAAO,IAG7B;AACT;AAGA,SAAgB,EACd,GACQ;CACR,IAAI,KAAc,QAAQ,KAAc,GACtC,OAAA;CAOF,IAAM,IACJ,KAAK,IALS,KAAK,IACnB,GACA,KAAK,IAAI,GAAiB,CAAU,CAG3B,IAAU,CAAe,IAClC,KAAK,IAAI,IAAkB,CAAe;CAE5C,OAAO,KAAK,MAAA,IAER,IAAA,CAGJ;AACF;AAEA,SAAgB,EACd,GACQ;CACR,QAAQ,GAAR;EACE,KAAK,EAAoB,WACvB,OAAO;EACT,KAAK,EAAoB,QACvB,OAAO;EACT,KAAK,EAAoB,SACvB,OAAO;EACT,KAAK,EAAoB,SAEvB,OAAO;EACT,KAAK,EAAoB,WACvB,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,EACd,GACS;CACT,QAAQ,GAAR;EACE,KAAK,EAAoB,WACvB,OAAO,EAAQ;EACjB,KAAK,EAAoB,QACvB,OAAO,EAAQ;EACjB,KAAK,EAAoB,SACvB,OAAO,EAAQ;EACjB,KAAK,EAAoB,SACvB,OAAO,EAAQ;EACjB,KAAK,EAAoB,WACvB,OAAO,EAAQ;EACjB,KAAK,EAAoB,SACvB,OAAO,EAAQ;EACjB,SACE,OAAO,EAAQ;CACnB;AACF;AAEA,SAAgB,EACd,GACe;CAQf,OAPI,KAAc,QAAQ,KAAc,IAAU,OAC9C,IAAa,MACR,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,IAAa,GAAI,CAAC,EAAE,KAEnD,IAAa,OACR,GAAG,KAAK,MAAM,IAAa,GAAM,EAAE,KAErC,IAAI,IAAa,MAAW,QAAQ,CAAC,EAAE;AAChD"}
+{"version":3,"file":"automation-run-activity-metrics.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-run-activity-metrics.ts"],"sourcesContent":["import { I18nKey } from \"#/i18n/declaration\";\nimport { AutomationRunStatus, type AutomationRun } from \"#/types/automation\";\nimport {\n  getAutomationRunBadgeLabelKey,\n  type AutomationRunBadgeStatus,\n} from \"#/utils/automation-run-display\";\n\n/** Sparkline track height; bars sit on the baseline inside this. */\nexport const AUTOMATION_RUN_ACTIVITY_TRACK_PX = 18;\nexport const AUTOMATION_RUN_ACTIVITY_MIN_BAR_PX = 6;\nexport const AUTOMATION_RUN_ACTIVITY_MAX_BAR_PX = 15;\n/** Used when duration cannot be derived (no timestamps, skipped, etc.). */\nexport const AUTOMATION_RUN_ACTIVITY_UNKNOWN_BAR_PX = 11;\n\nconst MIN_DURATION_MS = 1_000;\n/** Log-scale ceiling so multi-hour runs still fit the track. */\nconst MAX_DURATION_MS = 30 * 60_000;\n\n/**\n * Wall-clock duration for a run, or null when it cannot be measured.\n * In-flight runs use elapsed time since `started_at` when that is usable.\n */\nexport function getAutomationRunDurationMs(\n  run: AutomationRun,\n  nowMs: number = Date.now(),\n): number | null {\n  const startMs = run.started_at ? new Date(run.started_at).getTime() : NaN;\n  if (Number.isNaN(startMs) || startMs <= 0) return null;\n\n  if (run.completed_at) {\n    const endMs = new Date(run.completed_at).getTime();\n    if (Number.isNaN(endMs) || endMs < startMs) return null;\n    return endMs - startMs;\n  }\n\n  if (\n    run.status === AutomationRunStatus.PENDING ||\n    run.status === AutomationRunStatus.RUNNING\n  ) {\n    return Math.max(0, nowMs - startMs);\n  }\n\n  return null;\n}\n\n/** Map duration → bar height (log scale, clamped). Color stays status-driven. */\nexport function durationMsToSparklineBarHeightPx(\n  durationMs: number | null,\n): number {\n  if (durationMs == null || durationMs <= 0) {\n    return AUTOMATION_RUN_ACTIVITY_UNKNOWN_BAR_PX;\n  }\n\n  const clamped = Math.min(\n    MAX_DURATION_MS,\n    Math.max(MIN_DURATION_MS, durationMs),\n  );\n  const t =\n    Math.log(clamped / MIN_DURATION_MS) /\n    Math.log(MAX_DURATION_MS / MIN_DURATION_MS);\n\n  return Math.round(\n    AUTOMATION_RUN_ACTIVITY_MIN_BAR_PX +\n      t *\n        (AUTOMATION_RUN_ACTIVITY_MAX_BAR_PX -\n          AUTOMATION_RUN_ACTIVITY_MIN_BAR_PX),\n  );\n}\n\nexport function barColorClassForStatus(\n  status: AutomationRunBadgeStatus | string,\n): string {\n  switch (status) {\n    case AutomationRunStatus.COMPLETED:\n    case \"success\":\n      return \"bg-[var(--oh-status-success)]\";\n    case AutomationRunStatus.FAILED:\n    case \"failed\":\n      return \"bg-[var(--oh-status-error)]\";\n    case \"blocked\":\n    case \"partial_success\":\n    case \"unknown\":\n      return \"bg-[var(--oh-warning)]\";\n    case AutomationRunStatus.RUNNING:\n      return \"bg-[var(--oh-status-success)] animate-pulse motion-reduce:animate-none\";\n    case AutomationRunStatus.PENDING:\n      // Grey hatch so pending reads as queued, distinct from solid cancelled/skipped.\n      return \"bg-[repeating-linear-gradient(-45deg,var(--oh-muted)_0_1.5px,var(--oh-border)_1.5px_3px)]\";\n    case AutomationRunStatus.CANCELLED:\n      return \"bg-[var(--oh-muted)]\";\n    default:\n      return \"bg-[var(--oh-border)]\";\n  }\n}\n\nexport function getAutomationRunStatusLabelKey(\n  status: AutomationRunBadgeStatus | string,\n): I18nKey {\n  return getAutomationRunBadgeLabelKey(status);\n}\n\nexport function formatDurationForTitle(\n  durationMs: number | null,\n): string | null {\n  if (durationMs == null || durationMs <= 0) return null;\n  if (durationMs < 60_000) {\n    return `${Math.max(1, Math.round(durationMs / 1000))}s`;\n  }\n  if (durationMs < 3_600_000) {\n    return `${Math.round(durationMs / 60_000)}m`;\n  }\n  return `${(durationMs / 3_600_000).toFixed(1)}h`;\n}\n"],"mappings":";;AAcA,IAAM,IAAkB,KAElB,IAAkB,KAAK;AAM7B,SAAgB,EACd,GACA,IAAgB,KAAK,IAAI,GACV;CACf,IAAM,IAAU,EAAI,aAAa,IAAI,KAAK,EAAI,UAAU,EAAE,QAAQ,IAAI;CACtE,IAAI,OAAO,MAAM,CAAO,KAAK,KAAW,GAAG,OAAO;CAElD,IAAI,EAAI,cAAc;EACpB,IAAM,IAAQ,IAAI,KAAK,EAAI,YAAY,EAAE,QAAQ;EAEjD,OADI,OAAO,MAAM,CAAK,KAAK,IAAQ,IAAgB,OAC5C,IAAQ;CACjB;CASA,OANE,EAAI,WAAW,EAAoB,WACnC,EAAI,WAAW,EAAoB,UAE5B,KAAK,IAAI,GAAG,IAAQ,CAAO,IAG7B;AACT;AAGA,SAAgB,EACd,GACQ;CACR,IAAI,KAAc,QAAQ,KAAc,GACtC,OAAA;CAOF,IAAM,IACJ,KAAK,IALS,KAAK,IACnB,GACA,KAAK,IAAI,GAAiB,CAAU,CAG3B,IAAU,CAAe,IAClC,KAAK,IAAI,IAAkB,CAAe;CAE5C,OAAO,KAAK,MAAA,IAER,IAAA,CAGJ;AACF;AAEA,SAAgB,EACd,GACQ;CACR,QAAQ,GAAR;EACE,KAAK,EAAoB;EACzB,KAAK,WACH,OAAO;EACT,KAAK,EAAoB;EACzB,KAAK,UACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,WACH,OAAO;EACT,KAAK,EAAoB,SACvB,OAAO;EACT,KAAK,EAAoB,SAEvB,OAAO;EACT,KAAK,EAAoB,WACvB,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,EACd,GACS;CACT,OAAO,EAA8B,CAAM;AAC7C;AAEA,SAAgB,EACd,GACe;CAQf,OAPI,KAAc,QAAQ,KAAc,IAAU,OAC9C,IAAa,MACR,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,IAAa,GAAI,CAAC,EAAE,KAEnD,IAAa,OACR,GAAG,KAAK,MAAM,IAAa,GAAM,EAAE,KAErC,IAAI,IAAa,MAAW,QAAQ,CAAC,EAAE;AAChD"}

package/dist/components/features/home/featured-automations/automation-run-activity-sparkline.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("../../../../utils/utils.cjs"),r=require("../../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs"),i=require("../../../shared/navigation-link.cjs"),a=require("../../../../types/automation.cjs"),o=require("../../../../utils/format-relative-time.cjs"),s=require("./automation-run-health.cjs");require("../../../../hooks/query/use-latest-automation-runs.cjs");const c=require("../../../../hooks/use-home-automation-actions.cjs"),l=require("./automation-run-activity-metrics.cjs");let u=require("react"),d=require("react/jsx-runtime");function f({label:e,children:t}){return(0,d.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,d.jsx)(`span`,{className:`w-16 shrink-0 text-[var(--oh-muted)]`,children:e}),(0,d.jsx)(`span`,{className:`min-w-0 flex-1 break-words text-white`,children:t})]})}function p({run:r,nowMs:i}){let{t:c,i18n:u}=e.useTranslation(`openhands`),p=s.getLastRunTimestamp(r),m=p?o.formatRelativeTime(p,u.language,c):null,h=l.formatDurationForTitle(l.getAutomationRunDurationMs(r,i)),g=c(l.getAutomationRunStatusLabelKey(r.status)),_=r.status===a.AutomationRunStatus.FAILED&&r.error_detail?.trim()||null;return(0,d.jsxs)(`div`,{className:`flex w-[220px] flex-col gap-2 p-3`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{"aria-hidden":`true`,className:n.cn(`h-3 w-1.5 shrink-0 rounded-[1px]`,l.barColorClassForStatus(r.status))}),(0,d.jsx)(`span`,{className:`text-sm font-medium text-white`,children:g})]}),(0,d.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[m?(0,d.jsx)(f,{label:c(t.I18nKey.AUTOMATIONS$DETAIL$LAST_RUN),children:m}):null,h?(0,d.jsx)(f,{label:c(t.I18nKey.FEATURED_AUTOMATIONS$RUN_DURATION),children:h}):null]}),_?(0,d.jsx)(`p`,{className:`line-clamp-3 text-xs text-[var(--oh-status-error)]`,children:_}):null]})}function m({automationId:t,run:a,nowMs:o}){let{t:s}=e.useTranslation(`openhands`),c=l.getAutomationRunDurationMs(a,o),u=s(l.getAutomationRunStatusLabelKey(a.status)),f=`/automations/${encodeURIComponent(t)}?run=${encodeURIComponent(a.id)}`;return(0,d.jsx)(r.tooltip_default,{content:(0,d.jsx)(p,{run:a,nowMs:o}),placement:`top`,closeDelay:80,delay:200,disableAnimation:!1,className:`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,children:(0,d.jsx)(i.NavigationLink,{to:f,"aria-label":u,className:`group/spark-bar inline-flex h-full cursor-pointer items-end px-[2px] focus:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-focus)]`,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,d.jsx)(`span`,{className:n.cn(`w-1 shrink-0 origin-bottom rounded-[1px]`,`transition-transform duration-100 ease-out motion-reduce:transition-none`,`group-hover/spark-bar:scale-x-[1.4] group-hover/spark-bar:scale-y-[1.15]`,`group-focus-visible/spark-bar:scale-x-[1.4] group-focus-visible/spark-bar:scale-y-[1.15]`,l.barColorClassForStatus(a.status)),style:{height:l.durationMsToSparklineBarHeightPx(c)}})})})}function h({automationId:n,runs:r,testId:i}){let{t:a}=e.useTranslation(`openhands`),o=r.some(e=>c.isInFlightAutomationRun(e)),[s,l]=(0,u.useState)(()=>Date.now());if((0,u.useEffect)(()=>{if(!o)return;let e=window.setInterval(()=>l(Date.now()),1e3);return()=>window.clearInterval(e)},[o]),r.length===0)return null;let f=[...r].reverse().slice(-12);return(0,d.jsx)(`span`,{"data-testid":i,"aria-label":a(t.I18nKey.FEATURED_AUTOMATIONS$RUN_ACTIVITY_LABEL,{count:f.length}),className:`inline-flex shrink-0 items-end`,style:{height:18},onMouseDown:e=>e.preventDefault(),children:f.map((e,t)=>(0,d.jsx)(m,{automationId:n,run:e,nowMs:s},`${e.id}-${t}`))})}exports.AutomationRunActivitySparkline=h;
+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("../../../shared/navigation-link.cjs"),a=require("../../../../utils/automation-run-display.cjs"),o=require("../../../../utils/format-relative-time.cjs"),s=require("./automation-run-health.cjs");require("../../../../hooks/query/use-latest-automation-runs.cjs");const c=require("../../../../hooks/use-home-automation-actions.cjs"),l=require("./automation-run-activity-metrics.cjs");let u=require("react"),d=require("react/jsx-runtime");function f({label:e,children:t}){return(0,d.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,d.jsx)(`span`,{className:`w-16 shrink-0 text-[var(--oh-muted)]`,children:e}),(0,d.jsx)(`span`,{className:`min-w-0 flex-1 break-words text-white`,children:t})]})}function p({run:r,nowMs:i}){let{t:c,i18n:u}=e.useTranslation(`openhands`),p=s.getLastRunTimestamp(r),m=p?o.formatRelativeTime(p,u.language,c):null,h=l.formatDurationForTitle(l.getAutomationRunDurationMs(r,i)),g=a.getAutomationRunDisplay(r),_=c(l.getAutomationRunStatusLabelKey(g.badgeStatus));return(0,d.jsxs)(`div`,{className:`flex w-[220px] flex-col gap-2 p-3`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{"aria-hidden":`true`,className:n.cn(`h-3 w-1.5 shrink-0 rounded-[1px]`,l.barColorClassForStatus(g.badgeStatus))}),(0,d.jsx)(`span`,{className:`text-sm font-medium text-white`,children:_})]}),(0,d.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[m?(0,d.jsx)(f,{label:c(t.I18nKey.AUTOMATIONS$DETAIL$LAST_RUN),children:m}):null,h?(0,d.jsx)(f,{label:c(t.I18nKey.FEATURED_AUTOMATIONS$RUN_DURATION),children:h}):null]}),g.summary?(0,d.jsx)(`p`,{className:`line-clamp-3 text-xs text-[var(--oh-text-secondary)]`,children:g.summary}):null]})}function m({automationId:t,run:o,nowMs:s}){let{t:c}=e.useTranslation(`openhands`),u=l.getAutomationRunDurationMs(o,s),f=a.getAutomationRunDisplay(o),m=c(l.getAutomationRunStatusLabelKey(f.badgeStatus)),h=`/automations/${encodeURIComponent(t)}?run=${encodeURIComponent(o.id)}`;return(0,d.jsx)(r.tooltip_default,{content:(0,d.jsx)(p,{run:o,nowMs:s}),placement:`top`,closeDelay:80,delay:200,disableAnimation:!1,className:`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,children:(0,d.jsx)(i.NavigationLink,{to:h,"aria-label":m,className:`group/spark-bar inline-flex h-full cursor-pointer items-end px-[2px] focus:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-focus)]`,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,d.jsx)(`span`,{className:n.cn(`w-1 shrink-0 origin-bottom rounded-[1px]`,`transition-transform duration-100 ease-out motion-reduce:transition-none`,`group-hover/spark-bar:scale-x-[1.4] group-hover/spark-bar:scale-y-[1.15]`,`group-focus-visible/spark-bar:scale-x-[1.4] group-focus-visible/spark-bar:scale-y-[1.15]`,l.barColorClassForStatus(f.badgeStatus)),style:{height:l.durationMsToSparklineBarHeightPx(u)}})})})}function h({automationId:n,runs:r,testId:i}){let{t:a}=e.useTranslation(`openhands`),o=r.some(e=>c.isInFlightAutomationRun(e)),[s,l]=(0,u.useState)(()=>Date.now());if((0,u.useEffect)(()=>{if(!o)return;let e=window.setInterval(()=>l(Date.now()),1e3);return()=>window.clearInterval(e)},[o]),r.length===0)return null;let f=[...r].reverse().slice(-12);return(0,d.jsx)(`span`,{"data-testid":i,"aria-label":a(t.I18nKey.FEATURED_AUTOMATIONS$RUN_ACTIVITY_LABEL,{count:f.length}),className:`inline-flex shrink-0 items-end`,style:{height:18},onMouseDown:e=>e.preventDefault(),children:f.map((e,t)=>(0,d.jsx)(m,{automationId:n,run:e,nowMs:s},`${e.id}-${t}`))})}exports.AutomationRunActivitySparkline=h;
 //# sourceMappingURL=automation-run-activity-sparkline.cjs.map

package/dist/components/features/home/featured-automations/automation-run-activity-sparkline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"automation-run-activity-sparkline.cjs","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-run-activity-sparkline.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useEffect, useState, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { AUTOMATION_RUN_ACTIVITY_LIMIT } from \"#/hooks/query/use-latest-automation-runs\";\nimport { isInFlightAutomationRun } from \"#/hooks/use-home-automation-actions\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AutomationRunStatus, type AutomationRun } from \"#/types/automation\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { cn } from \"#/utils/utils\";\nimport { getLastRunTimestamp } from \"./automation-run-health\";\nimport {\n  AUTOMATION_RUN_ACTIVITY_TRACK_PX,\n  barColorClassForStatus,\n  durationMsToSparklineBarHeightPx,\n  formatDurationForTitle,\n  getAutomationRunDurationMs,\n  getAutomationRunStatusLabelKey,\n} from \"./automation-run-activity-metrics\";\n\ninterface AutomationRunActivitySparklineProps {\n  automationId: string;\n  /** Newest-first run list (same order as the runs API). */\n  runs: readonly AutomationRun[];\n  testId?: string;\n}\n\nfunction TooltipRow({\n  label,\n  children,\n}: {\n  label: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs\">\n      <span className=\"w-16 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-white\">{children}</span>\n    </div>\n  );\n}\n\nfunction RunActivityBarTooltip({\n  run,\n  nowMs,\n}: {\n  run: AutomationRun;\n  nowMs: number;\n}) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const timestamp = getLastRunTimestamp(run);\n  const when = timestamp\n    ? formatRelativeTime(timestamp, i18n.language, t)\n    : null;\n  const durationMs = getAutomationRunDurationMs(run, nowMs);\n  const durationLabel = formatDurationForTitle(durationMs);\n  const statusLabel = t(getAutomationRunStatusLabelKey(run.status));\n  const errorDetail =\n    run.status === AutomationRunStatus.FAILED\n      ? run.error_detail?.trim() || null\n      : null;\n\n  return (\n    <div className=\"flex w-[220px] flex-col gap-2 p-3\">\n      <div className=\"flex items-center gap-2\">\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            \"h-3 w-1.5 shrink-0 rounded-[1px]\",\n            barColorClassForStatus(run.status),\n          )}\n        />\n        <span className=\"text-sm font-medium text-white\">{statusLabel}</span>\n      </div>\n\n      <div className=\"flex flex-col gap-1\">\n        {when ? (\n          <TooltipRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n            {when}\n          </TooltipRow>\n        ) : null}\n        {durationLabel ? (\n          <TooltipRow label={t(I18nKey.FEATURED_AUTOMATIONS$RUN_DURATION)}>\n            {durationLabel}\n          </TooltipRow>\n        ) : null}\n      </div>\n\n      {errorDetail ? (\n        <p className=\"line-clamp-3 text-xs text-[var(--oh-status-error)]\">\n          {errorDetail}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction RunActivityBar({\n  automationId,\n  run,\n  nowMs,\n}: {\n  automationId: string;\n  run: AutomationRun;\n  nowMs: number;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const durationMs = getAutomationRunDurationMs(run, nowMs);\n  const statusLabel = t(getAutomationRunStatusLabelKey(run.status));\n  const disableAnimation = import.meta.env.MODE === \"test\";\n  const href = `/automations/${encodeURIComponent(automationId)}?run=${encodeURIComponent(run.id)}`;\n\n  return (\n    <Tooltip\n      content={<RunActivityBarTooltip run={run} nowMs={nowMs} />}\n      placement=\"top\"\n      closeDelay={80}\n      delay={200}\n      disableAnimation={disableAnimation}\n      className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n    >\n      {/* Wider hit target than the 4px bar so cancelled/skipped greys are easy to inspect. */}\n      <NavigationLink\n        to={href}\n        aria-label={statusLabel}\n        className=\"group/spark-bar inline-flex h-full cursor-pointer items-end px-[2px] focus:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-focus)]\"\n        onMouseDown={(event) => event.stopPropagation()}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <span\n          className={cn(\n            \"w-1 shrink-0 origin-bottom rounded-[1px]\",\n            \"transition-transform duration-100 ease-out motion-reduce:transition-none\",\n            // Grow the hovered/focused bar so it reads clearly among neighbors.\n            \"group-hover/spark-bar:scale-x-[1.4] group-hover/spark-bar:scale-y-[1.15]\",\n            \"group-focus-visible/spark-bar:scale-x-[1.4] group-focus-visible/spark-bar:scale-y-[1.15]\",\n            barColorClassForStatus(run.status),\n          )}\n          style={{ height: durationMsToSparklineBarHeightPx(durationMs) }}\n        />\n      </NavigationLink>\n    </Tooltip>\n  );\n}\n\n/**\n * Colored-bar sparkline of recent automation runs (oldest → newest left to\n * right). Color encodes status; height encodes run duration (log-scaled).\n * Bars link to the automation detail page focused on that run.\n */\nexport function AutomationRunActivitySparkline({\n  automationId,\n  runs,\n  testId,\n}: AutomationRunActivitySparklineProps) {\n  const { t } = useTranslation(\"openhands\");\n  const hasInFlight = runs.some((run) => isInFlightAutomationRun(run));\n  const [nowMs, setNowMs] = useState(() => Date.now());\n\n  useEffect(() => {\n    if (!hasInFlight) return undefined;\n    // Tick while a run is in flight so bar height tracks elapsed time between\n    // the slower runs-list polls.\n    const id = window.setInterval(() => setNowMs(Date.now()), 1000);\n    return () => window.clearInterval(id);\n  }, [hasInFlight]);\n\n  if (runs.length === 0) return null;\n\n  // API is newest-first; reverse so the sparkline reads left→right as time.\n  const bars = [...runs].reverse().slice(-AUTOMATION_RUN_ACTIVITY_LIMIT);\n\n  return (\n    <span\n      data-testid={testId}\n      aria-label={t(I18nKey.FEATURED_AUTOMATIONS$RUN_ACTIVITY_LABEL, {\n        count: bars.length,\n      })}\n      className=\"inline-flex shrink-0 items-end\"\n      style={{ height: AUTOMATION_RUN_ACTIVITY_TRACK_PX }}\n      onMouseDown={(event) => event.preventDefault()}\n    >\n      {bars.map((run, index) => (\n        <RunActivityBar\n          key={`${run.id}-${index}`}\n          automationId={automationId}\n          run={run}\n          nowMs={nowMs}\n        />\n      ))}\n    </span>\n  );\n}\n"],"mappings":"guBA2BA,SAAS,EAAW,CAClB,QACA,YAIC,CACD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAY,CAAA,GACpE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wCAAyC,UAAe,CAAA,CACrE,GAET,CAEA,SAAS,EAAsB,CAC7B,MACA,SAIC,CACD,GAAM,CAAE,IAAG,QAAS,EAAA,eAAe,WAAW,EACxC,EAAY,EAAA,oBAAoB,CAAG,EACnC,EAAO,EACT,EAAA,mBAAmB,EAAW,EAAK,SAAU,CAAC,EAC9C,KAEE,EAAgB,EAAA,uBADH,EAAA,2BAA2B,EAAK,CACN,CAAU,EACjD,EAAc,EAAE,EAAA,+BAA+B,EAAI,MAAM,CAAC,EAC1D,EACJ,EAAI,SAAW,EAAA,oBAAoB,QAC/B,EAAI,cAAc,KAAK,GACvB,KAEN,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GACT,mCACA,EAAA,uBAAuB,EAAI,MAAM,CACnC,CACD,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,0CAAkC,CAAkB,CAAA,CACjE,KAEL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,2BAA2B,WACrD,CACS,CAAA,EACV,KACH,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,iCAAiC,WAC3D,CACS,CAAA,EACV,IACD,IAEJ,GACC,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,8DACV,CACA,CAAA,EACD,IACD,GAET,CAEA,SAAS,EAAe,CACtB,eACA,MACA,SAKC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,2BAA2B,EAAK,CAAK,EAClD,EAAc,EAAE,EAAA,+BAA+B,EAAI,MAAM,CAAC,EAE1D,EAAO,gBAAgB,mBAAmB,CAAY,EAAE,OAAO,mBAAmB,EAAI,EAAE,IAE9F,OACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,SAAS,EAAA,EAAA,KAAC,EAAD,CAA4B,MAAY,OAAQ,CAAA,EACzD,UAAU,MACV,WAAY,GACZ,MAAO,IACW,oBAClB,UAAU,mGAGV,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,GAAI,EACJ,aAAY,EACZ,UAAU,oJACV,YAAc,GAAU,EAAM,gBAAgB,EAC9C,QAAU,GAAU,EAAM,gBAAgB,YAE1C,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,2CACA,2EAEA,2EACA,2FACA,EAAA,uBAAuB,EAAI,MAAM,CACnC,EACA,MAAO,CAAE,OAAQ,EAAA,iCAAiC,CAAU,CAAE,CAC/D,CAAA,CACa,CAAA,CACT,CAAA,CAEb,CAOA,SAAgB,EAA+B,CAC7C,eACA,OACA,UACsC,CACtC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAc,EAAK,KAAM,GAAQ,EAAA,wBAAwB,CAAG,CAAC,EAC7D,CAAC,EAAO,IAAA,EAAA,EAAA,cAA2B,KAAK,IAAI,CAAC,EAUnD,IARA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAa,OAGlB,IAAM,EAAK,OAAO,gBAAkB,EAAS,KAAK,IAAI,CAAC,EAAG,GAAI,EAC9D,UAAa,OAAO,cAAc,CAAE,CACtC,EAAG,CAAC,CAAW,CAAC,EAEZ,EAAK,SAAW,EAAG,OAAO,KAG9B,IAAM,EAAO,CAAC,GAAG,CAAI,EAAE,QAAQ,EAAE,MAAM,GAA8B,EAErE,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAa,EACb,aAAY,EAAE,EAAA,QAAQ,wCAAyC,CAC7D,MAAO,EAAK,MACd,CAAC,EACD,UAAU,iCACV,MAAO,CAAE,OAAA,EAAyC,EAClD,YAAc,GAAU,EAAM,eAAe,WAE5C,EAAK,KAAK,EAAK,KACd,EAAA,EAAA,KAAC,EAAD,CAEgB,eACT,MACE,OACR,EAJM,GAAG,EAAI,GAAG,GAAG,GAInB,CACF,CACG,CAAA,CAEV"}
+{"version":3,"file":"automation-run-activity-sparkline.cjs","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-run-activity-sparkline.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useEffect, useState, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { AUTOMATION_RUN_ACTIVITY_LIMIT } from \"#/hooks/query/use-latest-automation-runs\";\nimport { isInFlightAutomationRun } from \"#/hooks/use-home-automation-actions\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { AutomationRun } from \"#/types/automation\";\nimport { getAutomationRunDisplay } from \"#/utils/automation-run-display\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { cn } from \"#/utils/utils\";\nimport { getLastRunTimestamp } from \"./automation-run-health\";\nimport {\n  AUTOMATION_RUN_ACTIVITY_TRACK_PX,\n  barColorClassForStatus,\n  durationMsToSparklineBarHeightPx,\n  formatDurationForTitle,\n  getAutomationRunDurationMs,\n  getAutomationRunStatusLabelKey,\n} from \"./automation-run-activity-metrics\";\n\ninterface AutomationRunActivitySparklineProps {\n  automationId: string;\n  /** Newest-first run list (same order as the runs API). */\n  runs: readonly AutomationRun[];\n  testId?: string;\n}\n\nfunction TooltipRow({\n  label,\n  children,\n}: {\n  label: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs\">\n      <span className=\"w-16 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-white\">{children}</span>\n    </div>\n  );\n}\n\nfunction RunActivityBarTooltip({\n  run,\n  nowMs,\n}: {\n  run: AutomationRun;\n  nowMs: number;\n}) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const timestamp = getLastRunTimestamp(run);\n  const when = timestamp\n    ? formatRelativeTime(timestamp, i18n.language, t)\n    : null;\n  const durationMs = getAutomationRunDurationMs(run, nowMs);\n  const durationLabel = formatDurationForTitle(durationMs);\n  const display = getAutomationRunDisplay(run);\n  const statusLabel = t(getAutomationRunStatusLabelKey(display.badgeStatus));\n\n  return (\n    <div className=\"flex w-[220px] flex-col gap-2 p-3\">\n      <div className=\"flex items-center gap-2\">\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            \"h-3 w-1.5 shrink-0 rounded-[1px]\",\n            barColorClassForStatus(display.badgeStatus),\n          )}\n        />\n        <span className=\"text-sm font-medium text-white\">{statusLabel}</span>\n      </div>\n\n      <div className=\"flex flex-col gap-1\">\n        {when ? (\n          <TooltipRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n            {when}\n          </TooltipRow>\n        ) : null}\n        {durationLabel ? (\n          <TooltipRow label={t(I18nKey.FEATURED_AUTOMATIONS$RUN_DURATION)}>\n            {durationLabel}\n          </TooltipRow>\n        ) : null}\n      </div>\n\n      {display.summary ? (\n        <p className=\"line-clamp-3 text-xs text-[var(--oh-text-secondary)]\">\n          {display.summary}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction RunActivityBar({\n  automationId,\n  run,\n  nowMs,\n}: {\n  automationId: string;\n  run: AutomationRun;\n  nowMs: number;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const durationMs = getAutomationRunDurationMs(run, nowMs);\n  const display = getAutomationRunDisplay(run);\n  const statusLabel = t(getAutomationRunStatusLabelKey(display.badgeStatus));\n  const disableAnimation = import.meta.env.MODE === \"test\";\n  const href = `/automations/${encodeURIComponent(automationId)}?run=${encodeURIComponent(run.id)}`;\n\n  return (\n    <Tooltip\n      content={<RunActivityBarTooltip run={run} nowMs={nowMs} />}\n      placement=\"top\"\n      closeDelay={80}\n      delay={200}\n      disableAnimation={disableAnimation}\n      className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n    >\n      {/* Wider hit target than the 4px bar so cancelled/skipped greys are easy to inspect. */}\n      <NavigationLink\n        to={href}\n        aria-label={statusLabel}\n        className=\"group/spark-bar inline-flex h-full cursor-pointer items-end px-[2px] focus:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-focus)]\"\n        onMouseDown={(event) => event.stopPropagation()}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <span\n          className={cn(\n            \"w-1 shrink-0 origin-bottom rounded-[1px]\",\n            \"transition-transform duration-100 ease-out motion-reduce:transition-none\",\n            // Grow the hovered/focused bar so it reads clearly among neighbors.\n            \"group-hover/spark-bar:scale-x-[1.4] group-hover/spark-bar:scale-y-[1.15]\",\n            \"group-focus-visible/spark-bar:scale-x-[1.4] group-focus-visible/spark-bar:scale-y-[1.15]\",\n            barColorClassForStatus(display.badgeStatus),\n          )}\n          style={{ height: durationMsToSparklineBarHeightPx(durationMs) }}\n        />\n      </NavigationLink>\n    </Tooltip>\n  );\n}\n\n/**\n * Colored-bar sparkline of recent automation runs (oldest → newest left to\n * right). Color encodes status; height encodes run duration (log-scaled).\n * Bars link to the automation detail page focused on that run.\n */\nexport function AutomationRunActivitySparkline({\n  automationId,\n  runs,\n  testId,\n}: AutomationRunActivitySparklineProps) {\n  const { t } = useTranslation(\"openhands\");\n  const hasInFlight = runs.some((run) => isInFlightAutomationRun(run));\n  const [nowMs, setNowMs] = useState(() => Date.now());\n\n  useEffect(() => {\n    if (!hasInFlight) return undefined;\n    // Tick while a run is in flight so bar height tracks elapsed time between\n    // the slower runs-list polls.\n    const id = window.setInterval(() => setNowMs(Date.now()), 1000);\n    return () => window.clearInterval(id);\n  }, [hasInFlight]);\n\n  if (runs.length === 0) return null;\n\n  // API is newest-first; reverse so the sparkline reads left→right as time.\n  const bars = [...runs].reverse().slice(-AUTOMATION_RUN_ACTIVITY_LIMIT);\n\n  return (\n    <span\n      data-testid={testId}\n      aria-label={t(I18nKey.FEATURED_AUTOMATIONS$RUN_ACTIVITY_LABEL, {\n        count: bars.length,\n      })}\n      className=\"inline-flex shrink-0 items-end\"\n      style={{ height: AUTOMATION_RUN_ACTIVITY_TRACK_PX }}\n      onMouseDown={(event) => event.preventDefault()}\n    >\n      {bars.map((run, index) => (\n        <RunActivityBar\n          key={`${run.id}-${index}`}\n          automationId={automationId}\n          run={run}\n          nowMs={nowMs}\n        />\n      ))}\n    </span>\n  );\n}\n"],"mappings":"4uBA4BA,SAAS,EAAW,CAClB,QACA,YAIC,CACD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAY,CAAA,GACpE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wCAAyC,UAAe,CAAA,CACrE,GAET,CAEA,SAAS,EAAsB,CAC7B,MACA,SAIC,CACD,GAAM,CAAE,IAAG,QAAS,EAAA,eAAe,WAAW,EACxC,EAAY,EAAA,oBAAoB,CAAG,EACnC,EAAO,EACT,EAAA,mBAAmB,EAAW,EAAK,SAAU,CAAC,EAC9C,KAEE,EAAgB,EAAA,uBADH,EAAA,2BAA2B,EAAK,CACN,CAAU,EACjD,EAAU,EAAA,wBAAwB,CAAG,EACrC,EAAc,EAAE,EAAA,+BAA+B,EAAQ,WAAW,CAAC,EAEzE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GACT,mCACA,EAAA,uBAAuB,EAAQ,WAAW,CAC5C,CACD,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,0CAAkC,CAAkB,CAAA,CACjE,KAEL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,2BAA2B,WACrD,CACS,CAAA,EACV,KACH,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,iCAAiC,WAC3D,CACS,CAAA,EACV,IACD,IAEJ,EAAQ,SACP,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gEACV,EAAQ,OACR,CAAA,EACD,IACD,GAET,CAEA,SAAS,EAAe,CACtB,eACA,MACA,SAKC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,2BAA2B,EAAK,CAAK,EAClD,EAAU,EAAA,wBAAwB,CAAG,EACrC,EAAc,EAAE,EAAA,+BAA+B,EAAQ,WAAW,CAAC,EAEnE,EAAO,gBAAgB,mBAAmB,CAAY,EAAE,OAAO,mBAAmB,EAAI,EAAE,IAE9F,OACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,SAAS,EAAA,EAAA,KAAC,EAAD,CAA4B,MAAY,OAAQ,CAAA,EACzD,UAAU,MACV,WAAY,GACZ,MAAO,IACW,oBAClB,UAAU,mGAGV,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,GAAI,EACJ,aAAY,EACZ,UAAU,oJACV,YAAc,GAAU,EAAM,gBAAgB,EAC9C,QAAU,GAAU,EAAM,gBAAgB,YAE1C,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,2CACA,2EAEA,2EACA,2FACA,EAAA,uBAAuB,EAAQ,WAAW,CAC5C,EACA,MAAO,CAAE,OAAQ,EAAA,iCAAiC,CAAU,CAAE,CAC/D,CAAA,CACa,CAAA,CACT,CAAA,CAEb,CAOA,SAAgB,EAA+B,CAC7C,eACA,OACA,UACsC,CACtC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAc,EAAK,KAAM,GAAQ,EAAA,wBAAwB,CAAG,CAAC,EAC7D,CAAC,EAAO,IAAA,EAAA,EAAA,cAA2B,KAAK,IAAI,CAAC,EAUnD,IARA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAa,OAGlB,IAAM,EAAK,OAAO,gBAAkB,EAAS,KAAK,IAAI,CAAC,EAAG,GAAI,EAC9D,UAAa,OAAO,cAAc,CAAE,CACtC,EAAG,CAAC,CAAW,CAAC,EAEZ,EAAK,SAAW,EAAG,OAAO,KAG9B,IAAM,EAAO,CAAC,GAAG,CAAI,EAAE,QAAQ,EAAE,MAAM,GAA8B,EAErE,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAa,EACb,aAAY,EAAE,EAAA,QAAQ,wCAAyC,CAC7D,MAAO,EAAK,MACd,CAAC,EACD,UAAU,iCACV,MAAO,CAAE,OAAA,EAAyC,EAClD,YAAc,GAAU,EAAM,eAAe,WAE5C,EAAK,KAAK,EAAK,KACd,EAAA,EAAA,KAAC,EAAD,CAEgB,eACT,MACE,OACR,EAJM,GAAG,EAAI,GAAG,GAAG,GAInB,CACF,CACG,CAAA,CAEV"}

package/dist/components/features/home/featured-automations/automation-run-activity-sparkline.d.ts

@@ -1,4 +1,4 @@
-import { type AutomationRun } from "#/types/automation";
+import type { AutomationRun } from "#/types/automation";
 interface AutomationRunActivitySparklineProps {
     automationId: string;
     /** Newest-first run list (same order as the runs API). */

package/dist/components/features/home/featured-automations/automation-run-activity-sparkline.js

@@ -3,7 +3,7 @@ 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 { NavigationLink as i } from "../../../shared/navigation-link.js";
-import { AutomationRunStatus as a } from "../../../../types/automation.js";
+import { getAutomationRunDisplay as a } from "../../../../utils/automation-run-display.js";
 import { formatRelativeTime as o } from "../../../../utils/format-relative-time.js";
 import { getLastRunTimestamp as s } from "./automation-run-health.js";
 import "../../../../hooks/query/use-latest-automation-runs.js";
@@ -25,7 +25,7 @@ function v({ label: e, children: t }) {
 	});
 }
 function y({ run: r, nowMs: i }) {
-	let { t: c, i18n: u } = e("openhands"), m = s(r), h = m ? o(m, u.language, c) : null, y = d(f(r, i)), b = c(p(r.status)), x = r.status === a.FAILED && r.error_detail?.trim() || null;
+	let { t: c, i18n: u } = e("openhands"), m = s(r), h = m ? o(m, u.language, c) : null, y = d(f(r, i)), b = a(r), x = c(p(b.badgeStatus));
 	return /* @__PURE__ */ _("div", {
 		className: "flex w-[220px] flex-col gap-2 p-3",
 		children: [
@@ -33,10 +33,10 @@ function y({ run: r, nowMs: i }) {
 				className: "flex items-center gap-2",
 				children: [/* @__PURE__ */ g("span", {
 					"aria-hidden": "true",
-					className: n("h-3 w-1.5 shrink-0 rounded-[1px]", l(r.status))
+					className: n("h-3 w-1.5 shrink-0 rounded-[1px]", l(b.badgeStatus))
 				}), /* @__PURE__ */ g("span", {
 					className: "text-sm font-medium text-white",
-					children: b
+					children: x
 				})]
 			}),
 			/* @__PURE__ */ _("div", {
@@ -49,19 +49,19 @@ function y({ run: r, nowMs: i }) {
 					children: y
 				}) : null]
 			}),
-			x ? /* @__PURE__ */ g("p", {
-				className: "line-clamp-3 text-xs text-[var(--oh-status-error)]",
-				children: x
+			b.summary ? /* @__PURE__ */ g("p", {
+				className: "line-clamp-3 text-xs text-[var(--oh-text-secondary)]",
+				children: b.summary
 			}) : null
 		]
 	});
 }
-function b({ automationId: t, run: a, nowMs: o }) {
-	let { t: s } = e("openhands"), c = f(a, o), d = s(p(a.status)), m = `/automations/${encodeURIComponent(t)}?run=${encodeURIComponent(a.id)}`;
+function b({ automationId: t, run: o, nowMs: s }) {
+	let { t: c } = e("openhands"), d = f(o, s), m = a(o), h = c(p(m.badgeStatus)), _ = `/automations/${encodeURIComponent(t)}?run=${encodeURIComponent(o.id)}`;
 	return /* @__PURE__ */ g(r, {
 		content: /* @__PURE__ */ g(y, {
-			run: a,
-			nowMs: o
+			run: o,
+			nowMs: s
 		}),
 		placement: "top",
 		closeDelay: 80,
@@ -69,14 +69,14 @@ function b({ automationId: t, run: a, nowMs: o }) {
 		disableAnimation: !1,
 		className: "rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl",
 		children: /* @__PURE__ */ g(i, {
-			to: m,
-			"aria-label": d,
+			to: _,
+			"aria-label": h,
 			className: "group/spark-bar inline-flex h-full cursor-pointer items-end px-[2px] focus:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-focus)]",
 			onMouseDown: (e) => e.stopPropagation(),
 			onClick: (e) => e.stopPropagation(),
 			children: /* @__PURE__ */ g("span", {
-				className: n("w-1 shrink-0 origin-bottom rounded-[1px]", "transition-transform duration-100 ease-out motion-reduce:transition-none", "group-hover/spark-bar:scale-x-[1.4] group-hover/spark-bar:scale-y-[1.15]", "group-focus-visible/spark-bar:scale-x-[1.4] group-focus-visible/spark-bar:scale-y-[1.15]", l(a.status)),
-				style: { height: u(c) }
+				className: n("w-1 shrink-0 origin-bottom rounded-[1px]", "transition-transform duration-100 ease-out motion-reduce:transition-none", "group-hover/spark-bar:scale-x-[1.4] group-hover/spark-bar:scale-y-[1.15]", "group-focus-visible/spark-bar:scale-x-[1.4] group-focus-visible/spark-bar:scale-y-[1.15]", l(m.badgeStatus)),
+				style: { height: u(d) }
 			})
 		})
 	});

package/dist/components/features/home/featured-automations/automation-run-activity-sparkline.js.map

@@ -1 +1 @@
-{"version":3,"file":"automation-run-activity-sparkline.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-run-activity-sparkline.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useEffect, useState, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { AUTOMATION_RUN_ACTIVITY_LIMIT } from \"#/hooks/query/use-latest-automation-runs\";\nimport { isInFlightAutomationRun } from \"#/hooks/use-home-automation-actions\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AutomationRunStatus, type AutomationRun } from \"#/types/automation\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { cn } from \"#/utils/utils\";\nimport { getLastRunTimestamp } from \"./automation-run-health\";\nimport {\n  AUTOMATION_RUN_ACTIVITY_TRACK_PX,\n  barColorClassForStatus,\n  durationMsToSparklineBarHeightPx,\n  formatDurationForTitle,\n  getAutomationRunDurationMs,\n  getAutomationRunStatusLabelKey,\n} from \"./automation-run-activity-metrics\";\n\ninterface AutomationRunActivitySparklineProps {\n  automationId: string;\n  /** Newest-first run list (same order as the runs API). */\n  runs: readonly AutomationRun[];\n  testId?: string;\n}\n\nfunction TooltipRow({\n  label,\n  children,\n}: {\n  label: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs\">\n      <span className=\"w-16 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-white\">{children}</span>\n    </div>\n  );\n}\n\nfunction RunActivityBarTooltip({\n  run,\n  nowMs,\n}: {\n  run: AutomationRun;\n  nowMs: number;\n}) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const timestamp = getLastRunTimestamp(run);\n  const when = timestamp\n    ? formatRelativeTime(timestamp, i18n.language, t)\n    : null;\n  const durationMs = getAutomationRunDurationMs(run, nowMs);\n  const durationLabel = formatDurationForTitle(durationMs);\n  const statusLabel = t(getAutomationRunStatusLabelKey(run.status));\n  const errorDetail =\n    run.status === AutomationRunStatus.FAILED\n      ? run.error_detail?.trim() || null\n      : null;\n\n  return (\n    <div className=\"flex w-[220px] flex-col gap-2 p-3\">\n      <div className=\"flex items-center gap-2\">\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            \"h-3 w-1.5 shrink-0 rounded-[1px]\",\n            barColorClassForStatus(run.status),\n          )}\n        />\n        <span className=\"text-sm font-medium text-white\">{statusLabel}</span>\n      </div>\n\n      <div className=\"flex flex-col gap-1\">\n        {when ? (\n          <TooltipRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n            {when}\n          </TooltipRow>\n        ) : null}\n        {durationLabel ? (\n          <TooltipRow label={t(I18nKey.FEATURED_AUTOMATIONS$RUN_DURATION)}>\n            {durationLabel}\n          </TooltipRow>\n        ) : null}\n      </div>\n\n      {errorDetail ? (\n        <p className=\"line-clamp-3 text-xs text-[var(--oh-status-error)]\">\n          {errorDetail}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction RunActivityBar({\n  automationId,\n  run,\n  nowMs,\n}: {\n  automationId: string;\n  run: AutomationRun;\n  nowMs: number;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const durationMs = getAutomationRunDurationMs(run, nowMs);\n  const statusLabel = t(getAutomationRunStatusLabelKey(run.status));\n  const disableAnimation = import.meta.env.MODE === \"test\";\n  const href = `/automations/${encodeURIComponent(automationId)}?run=${encodeURIComponent(run.id)}`;\n\n  return (\n    <Tooltip\n      content={<RunActivityBarTooltip run={run} nowMs={nowMs} />}\n      placement=\"top\"\n      closeDelay={80}\n      delay={200}\n      disableAnimation={disableAnimation}\n      className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n    >\n      {/* Wider hit target than the 4px bar so cancelled/skipped greys are easy to inspect. */}\n      <NavigationLink\n        to={href}\n        aria-label={statusLabel}\n        className=\"group/spark-bar inline-flex h-full cursor-pointer items-end px-[2px] focus:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-focus)]\"\n        onMouseDown={(event) => event.stopPropagation()}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <span\n          className={cn(\n            \"w-1 shrink-0 origin-bottom rounded-[1px]\",\n            \"transition-transform duration-100 ease-out motion-reduce:transition-none\",\n            // Grow the hovered/focused bar so it reads clearly among neighbors.\n            \"group-hover/spark-bar:scale-x-[1.4] group-hover/spark-bar:scale-y-[1.15]\",\n            \"group-focus-visible/spark-bar:scale-x-[1.4] group-focus-visible/spark-bar:scale-y-[1.15]\",\n            barColorClassForStatus(run.status),\n          )}\n          style={{ height: durationMsToSparklineBarHeightPx(durationMs) }}\n        />\n      </NavigationLink>\n    </Tooltip>\n  );\n}\n\n/**\n * Colored-bar sparkline of recent automation runs (oldest → newest left to\n * right). Color encodes status; height encodes run duration (log-scaled).\n * Bars link to the automation detail page focused on that run.\n */\nexport function AutomationRunActivitySparkline({\n  automationId,\n  runs,\n  testId,\n}: AutomationRunActivitySparklineProps) {\n  const { t } = useTranslation(\"openhands\");\n  const hasInFlight = runs.some((run) => isInFlightAutomationRun(run));\n  const [nowMs, setNowMs] = useState(() => Date.now());\n\n  useEffect(() => {\n    if (!hasInFlight) return undefined;\n    // Tick while a run is in flight so bar height tracks elapsed time between\n    // the slower runs-list polls.\n    const id = window.setInterval(() => setNowMs(Date.now()), 1000);\n    return () => window.clearInterval(id);\n  }, [hasInFlight]);\n\n  if (runs.length === 0) return null;\n\n  // API is newest-first; reverse so the sparkline reads left→right as time.\n  const bars = [...runs].reverse().slice(-AUTOMATION_RUN_ACTIVITY_LIMIT);\n\n  return (\n    <span\n      data-testid={testId}\n      aria-label={t(I18nKey.FEATURED_AUTOMATIONS$RUN_ACTIVITY_LABEL, {\n        count: bars.length,\n      })}\n      className=\"inline-flex shrink-0 items-end\"\n      style={{ height: AUTOMATION_RUN_ACTIVITY_TRACK_PX }}\n      onMouseDown={(event) => event.preventDefault()}\n    >\n      {bars.map((run, index) => (\n        <RunActivityBar\n          key={`${run.id}-${index}`}\n          automationId={automationId}\n          run={run}\n          nowMs={nowMs}\n        />\n      ))}\n    </span>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"automation-run-activity-sparkline.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-run-activity-sparkline.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useEffect, useState, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { AUTOMATION_RUN_ACTIVITY_LIMIT } from \"#/hooks/query/use-latest-automation-runs\";\nimport { isInFlightAutomationRun } from \"#/hooks/use-home-automation-actions\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { AutomationRun } from \"#/types/automation\";\nimport { getAutomationRunDisplay } from \"#/utils/automation-run-display\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { cn } from \"#/utils/utils\";\nimport { getLastRunTimestamp } from \"./automation-run-health\";\nimport {\n  AUTOMATION_RUN_ACTIVITY_TRACK_PX,\n  barColorClassForStatus,\n  durationMsToSparklineBarHeightPx,\n  formatDurationForTitle,\n  getAutomationRunDurationMs,\n  getAutomationRunStatusLabelKey,\n} from \"./automation-run-activity-metrics\";\n\ninterface AutomationRunActivitySparklineProps {\n  automationId: string;\n  /** Newest-first run list (same order as the runs API). */\n  runs: readonly AutomationRun[];\n  testId?: string;\n}\n\nfunction TooltipRow({\n  label,\n  children,\n}: {\n  label: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs\">\n      <span className=\"w-16 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-white\">{children}</span>\n    </div>\n  );\n}\n\nfunction RunActivityBarTooltip({\n  run,\n  nowMs,\n}: {\n  run: AutomationRun;\n  nowMs: number;\n}) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const timestamp = getLastRunTimestamp(run);\n  const when = timestamp\n    ? formatRelativeTime(timestamp, i18n.language, t)\n    : null;\n  const durationMs = getAutomationRunDurationMs(run, nowMs);\n  const durationLabel = formatDurationForTitle(durationMs);\n  const display = getAutomationRunDisplay(run);\n  const statusLabel = t(getAutomationRunStatusLabelKey(display.badgeStatus));\n\n  return (\n    <div className=\"flex w-[220px] flex-col gap-2 p-3\">\n      <div className=\"flex items-center gap-2\">\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            \"h-3 w-1.5 shrink-0 rounded-[1px]\",\n            barColorClassForStatus(display.badgeStatus),\n          )}\n        />\n        <span className=\"text-sm font-medium text-white\">{statusLabel}</span>\n      </div>\n\n      <div className=\"flex flex-col gap-1\">\n        {when ? (\n          <TooltipRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n            {when}\n          </TooltipRow>\n        ) : null}\n        {durationLabel ? (\n          <TooltipRow label={t(I18nKey.FEATURED_AUTOMATIONS$RUN_DURATION)}>\n            {durationLabel}\n          </TooltipRow>\n        ) : null}\n      </div>\n\n      {display.summary ? (\n        <p className=\"line-clamp-3 text-xs text-[var(--oh-text-secondary)]\">\n          {display.summary}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction RunActivityBar({\n  automationId,\n  run,\n  nowMs,\n}: {\n  automationId: string;\n  run: AutomationRun;\n  nowMs: number;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const durationMs = getAutomationRunDurationMs(run, nowMs);\n  const display = getAutomationRunDisplay(run);\n  const statusLabel = t(getAutomationRunStatusLabelKey(display.badgeStatus));\n  const disableAnimation = import.meta.env.MODE === \"test\";\n  const href = `/automations/${encodeURIComponent(automationId)}?run=${encodeURIComponent(run.id)}`;\n\n  return (\n    <Tooltip\n      content={<RunActivityBarTooltip run={run} nowMs={nowMs} />}\n      placement=\"top\"\n      closeDelay={80}\n      delay={200}\n      disableAnimation={disableAnimation}\n      className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n    >\n      {/* Wider hit target than the 4px bar so cancelled/skipped greys are easy to inspect. */}\n      <NavigationLink\n        to={href}\n        aria-label={statusLabel}\n        className=\"group/spark-bar inline-flex h-full cursor-pointer items-end px-[2px] focus:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-focus)]\"\n        onMouseDown={(event) => event.stopPropagation()}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <span\n          className={cn(\n            \"w-1 shrink-0 origin-bottom rounded-[1px]\",\n            \"transition-transform duration-100 ease-out motion-reduce:transition-none\",\n            // Grow the hovered/focused bar so it reads clearly among neighbors.\n            \"group-hover/spark-bar:scale-x-[1.4] group-hover/spark-bar:scale-y-[1.15]\",\n            \"group-focus-visible/spark-bar:scale-x-[1.4] group-focus-visible/spark-bar:scale-y-[1.15]\",\n            barColorClassForStatus(display.badgeStatus),\n          )}\n          style={{ height: durationMsToSparklineBarHeightPx(durationMs) }}\n        />\n      </NavigationLink>\n    </Tooltip>\n  );\n}\n\n/**\n * Colored-bar sparkline of recent automation runs (oldest → newest left to\n * right). Color encodes status; height encodes run duration (log-scaled).\n * Bars link to the automation detail page focused on that run.\n */\nexport function AutomationRunActivitySparkline({\n  automationId,\n  runs,\n  testId,\n}: AutomationRunActivitySparklineProps) {\n  const { t } = useTranslation(\"openhands\");\n  const hasInFlight = runs.some((run) => isInFlightAutomationRun(run));\n  const [nowMs, setNowMs] = useState(() => Date.now());\n\n  useEffect(() => {\n    if (!hasInFlight) return undefined;\n    // Tick while a run is in flight so bar height tracks elapsed time between\n    // the slower runs-list polls.\n    const id = window.setInterval(() => setNowMs(Date.now()), 1000);\n    return () => window.clearInterval(id);\n  }, [hasInFlight]);\n\n  if (runs.length === 0) return null;\n\n  // API is newest-first; reverse so the sparkline reads left→right as time.\n  const bars = [...runs].reverse().slice(-AUTOMATION_RUN_ACTIVITY_LIMIT);\n\n  return (\n    <span\n      data-testid={testId}\n      aria-label={t(I18nKey.FEATURED_AUTOMATIONS$RUN_ACTIVITY_LABEL, {\n        count: bars.length,\n      })}\n      className=\"inline-flex shrink-0 items-end\"\n      style={{ height: AUTOMATION_RUN_ACTIVITY_TRACK_PX }}\n      onMouseDown={(event) => event.preventDefault()}\n    >\n      {bars.map((run, index) => (\n        <RunActivityBar\n          key={`${run.id}-${index}`}\n          automationId={automationId}\n          run={run}\n          nowMs={nowMs}\n        />\n      ))}\n    </span>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/home/featured-automations/automation-run-health.cjs

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../i18n/declaration.cjs"),t=require("../../../../types/automation.cjs"),n=require("../../../../utils/automation-schedule.cjs");function r(e){if(e.isLoading||e.isError)return`unknown`;if(!e.latestRun)return`none`;switch(e.latestRun.status){case t.AutomationRunStatus.COMPLETED:return`success`;case t.AutomationRunStatus.FAILED:return`failed`;case t.AutomationRunStatus.PENDING:case t.AutomationRunStatus.RUNNING:return`in_progress`;default:return`unknown`}}function i(t){switch(t){case`success`:return e.I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_SUCCEEDED;case`failed`:return e.I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_FAILED;case`in_progress`:return e.I18nKey.FEATURED_AUTOMATIONS$RUN_IN_PROGRESS;case`none`:return e.I18nKey.AUTOMATIONS$DETAIL$NO_RUNS;default:return e.I18nKey.FEATURED_AUTOMATIONS$STATUS_UNKNOWN}}var a={github:`GitHub`,gitlab:`GitLab`,slack:`Slack`,linear:`Linear`,jira:`Jira`};function o(e){let t=e.trim().toLowerCase();return t?a[t]??t.replace(/\b\w/g,e=>e.toUpperCase()):e}function s(e){let{trigger:t}=e;return t.type===`event`&&t.on?n.formatEventOn(t.on):null}function c(e){let{trigger:t}=e;return t.type===`event`&&t.source?.trim()||null}function l(e){let{trigger:t}=e;return t.type===`event`?null:t.schedule_human||t.schedule||t.type||null}function u(e){let{trigger:t}=e;if(t.type===`event`){let t=c(e);return[s(e)??``,t?`(${o(t)})`:``].filter(Boolean).join(` `)}return l(e)??t.type}var d=48;function f(e){let t=e.trim().replace(/\s+/g,` `);if(!t)return t;let n=t.match(/^.*?[.!?](?=\s|$)/)?.[0]??t;return n.length<=d?n:`${n.slice(0,d-1).trimEnd()}…`}function p(e,t=f(e)){return e.trim().replace(/\s+/g,` `)!==t}function m(e){let t=e.completed_at??e.started_at;if(!t)return null;let n=new Date(t).getTime();return Number.isNaN(n)||n===0?null:t}exports.deriveRunHealth=r,exports.formatTriggerSourceLabel=o,exports.getLastRunTimestamp=m,exports.getRunHealthLabelKey=i,exports.getTriggerEventLabel=s,exports.getTriggerScheduleLabel=l,exports.getTriggerSource=c,exports.getTriggerSummary=u,exports.shortenAutomationErrorDetail=f,exports.shouldShowAutomationErrorHovercard=p;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../i18n/declaration.cjs"),t=require("../../../../types/automation.cjs"),n=require("../../../../utils/automation-run-display.cjs"),r=require("../../../../utils/automation-schedule.cjs");function i(e){if(e.isLoading||e.isError)return`unknown`;if(!e.latestRun)return`none`;switch(n.getAutomationRunDisplay(e.latestRun).badgeStatus){case t.AutomationRunStatus.COMPLETED:case`success`:return`success`;case t.AutomationRunStatus.FAILED:case`failed`:return`failed`;case`blocked`:case`partial_success`:case`unknown`:return`warning`;case t.AutomationRunStatus.PENDING:case t.AutomationRunStatus.RUNNING:return`in_progress`;default:return`unknown`}}function a(t){switch(t){case`success`:return e.I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_SUCCEEDED;case`failed`:return e.I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_FAILED;case`warning`:return e.I18nKey.AUTOMATIONS$DETAIL$NEEDS_REVIEW;case`in_progress`:return e.I18nKey.FEATURED_AUTOMATIONS$RUN_IN_PROGRESS;case`none`:return e.I18nKey.AUTOMATIONS$DETAIL$NO_RUNS;default:return e.I18nKey.FEATURED_AUTOMATIONS$STATUS_UNKNOWN}}var o={github:`GitHub`,gitlab:`GitLab`,slack:`Slack`,linear:`Linear`,jira:`Jira`};function s(e){let t=e.trim().toLowerCase();return t?o[t]??t.replace(/\b\w/g,e=>e.toUpperCase()):e}function c(e){let{trigger:t}=e;return t.type===`event`&&t.on?r.formatEventOn(t.on):null}function l(e){let{trigger:t}=e;return t.type===`event`&&t.source?.trim()||null}function u(e){let{trigger:t}=e;return t.type===`event`?null:t.schedule_human||t.schedule||t.type||null}function d(e){let{trigger:t}=e;if(t.type===`event`){let t=l(e);return[c(e)??``,t?`(${s(t)})`:``].filter(Boolean).join(` `)}return u(e)??t.type}var f=48;function p(e){let t=e.trim().replace(/\s+/g,` `);if(!t)return t;let n=t.match(/^.*?[.!?](?=\s|$)/)?.[0]??t;return n.length<=f?n:`${n.slice(0,f-1).trimEnd()}…`}function m(e,t=p(e)){return e.trim().replace(/\s+/g,` `)!==t}function h(e){let t=e.completed_at??e.started_at;if(!t)return null;let n=new Date(t).getTime();return Number.isNaN(n)||n===0?null:t}exports.deriveRunHealth=i,exports.formatTriggerSourceLabel=s,exports.getLastRunTimestamp=h,exports.getRunHealthLabelKey=a,exports.getTriggerEventLabel=c,exports.getTriggerScheduleLabel=u,exports.getTriggerSource=l,exports.getTriggerSummary=d,exports.shortenAutomationRunSummary=p,exports.shouldShowAutomationRunSummaryHovercard=m;
 //# sourceMappingURL=automation-run-health.cjs.map

package/dist/components/features/home/featured-automations/automation-run-health.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"automation-run-health.cjs","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-run-health.ts"],"sourcesContent":["import type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  AutomationRunStatus,\n  type Automation,\n  type AutomationRun,\n} from \"#/types/automation\";\nimport { formatEventOn } from \"#/utils/automation-schedule\";\n\nexport type AutomationRunHealth =\n  | \"success\"\n  | \"failed\"\n  | \"in_progress\"\n  | \"none\"\n  | \"unknown\";\n\nexport function deriveRunHealth(\n  state: LatestAutomationRunState,\n): AutomationRunHealth {\n  if (state.isLoading || state.isError) return \"unknown\";\n  if (!state.latestRun) return \"none\";\n  switch (state.latestRun.status) {\n    case AutomationRunStatus.COMPLETED:\n      return \"success\";\n    case AutomationRunStatus.FAILED:\n      return \"failed\";\n    case AutomationRunStatus.PENDING:\n    case AutomationRunStatus.RUNNING:\n      return \"in_progress\";\n    // CANCELLED, SKIPPED, and any status the backend adds after this enum.\n    default:\n      return \"unknown\";\n  }\n}\n\nexport function getRunHealthLabelKey(health: AutomationRunHealth): I18nKey {\n  switch (health) {\n    case \"success\":\n      return I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_SUCCEEDED;\n    case \"failed\":\n      return I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_FAILED;\n    case \"in_progress\":\n      return I18nKey.FEATURED_AUTOMATIONS$RUN_IN_PROGRESS;\n    case \"none\":\n      return I18nKey.AUTOMATIONS$DETAIL$NO_RUNS;\n    default:\n      return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNKNOWN;\n  }\n}\n\n/** Known event sources rendered with brand casing; others title-case. */\nconst TRIGGER_SOURCE_LABELS: Record<string, string> = {\n  github: \"GitHub\",\n  gitlab: \"GitLab\",\n  slack: \"Slack\",\n  linear: \"Linear\",\n  jira: \"Jira\",\n};\n\nexport function formatTriggerSourceLabel(source: string): string {\n  const key = source.trim().toLowerCase();\n  if (!key) return source;\n  return (\n    TRIGGER_SOURCE_LABELS[key] ??\n    key.replace(/\\b\\w/g, (char) => char.toUpperCase())\n  );\n}\n\nexport function getTriggerEventLabel(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type !== \"event\") return null;\n  return trigger.on ? formatEventOn(trigger.on) : null;\n}\n\nexport function getTriggerSource(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type !== \"event\") return null;\n  return trigger.source?.trim() || null;\n}\n\nexport function getTriggerScheduleLabel(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type === \"event\") return null;\n  return trigger.schedule_human || trigger.schedule || trigger.type || null;\n}\n\nexport function getTriggerSummary(automation: Automation): string {\n  const { trigger } = automation;\n  if (trigger.type === \"event\") {\n    const source = getTriggerSource(automation);\n    return [\n      getTriggerEventLabel(automation) ?? \"\",\n      source ? `(${formatTriggerSourceLabel(source)})` : \"\",\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  }\n  return getTriggerScheduleLabel(automation) ?? trigger.type;\n}\n\n/** Inline status-row preview length (keeps the status area to one line). */\nconst ERROR_DETAIL_INLINE_MAX = 48;\n\n/**\n * Short preview for the pinned-card status row. Prefer the first sentence,\n * then hard-truncate so the row stays single-line.\n */\nexport function shortenAutomationErrorDetail(detail: string): string {\n  const trimmed = detail.trim().replace(/\\s+/g, \" \");\n  if (!trimmed) return trimmed;\n  const firstSentence = trimmed.match(/^.*?[.!?](?=\\s|$)/)?.[0] ?? trimmed;\n  if (firstSentence.length <= ERROR_DETAIL_INLINE_MAX) return firstSentence;\n  return `${firstSentence.slice(0, ERROR_DETAIL_INLINE_MAX - 1).trimEnd()}…`;\n}\n\n/** True when the inline preview is shortened and the full message belongs in a hovercard. */\nexport function shouldShowAutomationErrorHovercard(\n  detail: string,\n  shortDetail: string = shortenAutomationErrorDetail(detail),\n): boolean {\n  return detail.trim().replace(/\\s+/g, \" \") !== shortDetail;\n}\n\n/**\n * Timestamp to show as the run's \"last run\" moment, or null when the run\n * has no usable timestamp yet. The backend leaves started_at unset\n * (epoch/zero) while a run is PENDING and only populates it once execution\n * begins.\n */\nexport function getLastRunTimestamp(run: AutomationRun): string | null {\n  const candidate = run.completed_at ?? run.started_at;\n  if (!candidate) return null;\n  const time = new Date(candidate).getTime();\n  if (Number.isNaN(time) || time === 0) return null;\n  return candidate;\n}\n"],"mappings":"+MAgBA,SAAgB,EACd,EACqB,CACrB,GAAI,EAAM,WAAa,EAAM,QAAS,MAAO,UAC7C,GAAI,CAAC,EAAM,UAAW,MAAO,OAC7B,OAAQ,EAAM,UAAU,OAAxB,CACE,KAAK,EAAA,oBAAoB,UACvB,MAAO,UACT,KAAK,EAAA,oBAAoB,OACvB,MAAO,SACT,KAAK,EAAA,oBAAoB,QACzB,KAAK,EAAA,oBAAoB,QACvB,MAAO,cAET,QACE,MAAO,SACX,CACF,CAEA,SAAgB,EAAqB,EAAsC,CACzE,OAAQ,EAAR,CACE,IAAK,UACH,OAAO,EAAA,QAAQ,wCACjB,IAAK,SACH,OAAO,EAAA,QAAQ,qCACjB,IAAK,cACH,OAAO,EAAA,QAAQ,qCACjB,IAAK,OACH,OAAO,EAAA,QAAQ,2BACjB,QACE,OAAO,EAAA,QAAQ,mCACnB,CACF,CAGA,IAAM,EAAgD,CACpD,OAAQ,SACR,OAAQ,SACR,MAAO,QACP,OAAQ,SACR,KAAM,MACR,EAEA,SAAgB,EAAyB,EAAwB,CAC/D,IAAM,EAAM,EAAO,KAAK,EAAE,YAAY,EAEtC,OADK,EAEH,EAAsB,IACtB,EAAI,QAAQ,QAAU,GAAS,EAAK,YAAY,CAAC,EAHlC,CAKnB,CAEA,SAAgB,EAAqB,EAAuC,CAC1E,GAAM,CAAE,WAAY,EAEpB,OADI,EAAQ,OAAS,SACd,EAAQ,GAAK,EAAA,cAAc,EAAQ,EAAE,EAAI,IAClD,CAEA,SAAgB,EAAiB,EAAuC,CACtE,GAAM,CAAE,WAAY,EAEpB,OADI,EAAQ,OAAS,SACd,EAAQ,QAAQ,KAAK,GADS,IAEvC,CAEA,SAAgB,EAAwB,EAAuC,CAC7E,GAAM,CAAE,WAAY,EAEpB,OADI,EAAQ,OAAS,QAAgB,KAC9B,EAAQ,gBAAkB,EAAQ,UAAY,EAAQ,MAAQ,IACvE,CAEA,SAAgB,EAAkB,EAAgC,CAChE,GAAM,CAAE,WAAY,EACpB,GAAI,EAAQ,OAAS,QAAS,CAC5B,IAAM,EAAS,EAAiB,CAAU,EAC1C,MAAO,CACL,EAAqB,CAAU,GAAK,GACpC,EAAS,IAAI,EAAyB,CAAM,EAAE,GAAK,EACrD,EACG,OAAO,OAAO,EACd,KAAK,GAAG,CACb,CACA,OAAO,EAAwB,CAAU,GAAK,EAAQ,IACxD,CAGA,IAAM,EAA0B,GAMhC,SAAgB,EAA6B,EAAwB,CACnE,IAAM,EAAU,EAAO,KAAK,EAAE,QAAQ,OAAQ,GAAG,EACjD,GAAI,CAAC,EAAS,OAAO,EACrB,IAAM,EAAgB,EAAQ,MAAM,mBAAmB,IAAI,IAAM,EAEjE,OADI,EAAc,QAAU,EAAgC,EACrD,GAAG,EAAc,MAAM,EAAG,EAA0B,CAAC,EAAE,QAAQ,EAAE,EAC1E,CAGA,SAAgB,EACd,EACA,EAAsB,EAA6B,CAAM,EAChD,CACT,OAAO,EAAO,KAAK,EAAE,QAAQ,OAAQ,GAAG,IAAM,CAChD,CAQA,SAAgB,EAAoB,EAAmC,CACrE,IAAM,EAAY,EAAI,cAAgB,EAAI,WAC1C,GAAI,CAAC,EAAW,OAAO,KACvB,IAAM,EAAO,IAAI,KAAK,CAAS,EAAE,QAAQ,EAEzC,OADI,OAAO,MAAM,CAAI,GAAK,IAAS,EAAU,KACtC,CACT"}
+{"version":3,"file":"automation-run-health.cjs","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-run-health.ts"],"sourcesContent":["import type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  AutomationRunStatus,\n  type Automation,\n  type AutomationRun,\n} from \"#/types/automation\";\nimport { getAutomationRunDisplay } from \"#/utils/automation-run-display\";\nimport { formatEventOn } from \"#/utils/automation-schedule\";\n\nexport type AutomationRunHealth =\n  | \"success\"\n  | \"failed\"\n  | \"warning\"\n  | \"in_progress\"\n  | \"none\"\n  | \"unknown\";\n\nexport function deriveRunHealth(\n  state: LatestAutomationRunState,\n): AutomationRunHealth {\n  if (state.isLoading || state.isError) return \"unknown\";\n  if (!state.latestRun) return \"none\";\n  const display = getAutomationRunDisplay(state.latestRun);\n  switch (display.badgeStatus) {\n    case AutomationRunStatus.COMPLETED:\n    case \"success\":\n      return \"success\";\n    case AutomationRunStatus.FAILED:\n    case \"failed\":\n      return \"failed\";\n    case \"blocked\":\n    case \"partial_success\":\n    case \"unknown\":\n      return \"warning\";\n    case AutomationRunStatus.PENDING:\n    case AutomationRunStatus.RUNNING:\n      return \"in_progress\";\n    default:\n      return \"unknown\";\n  }\n}\n\nexport function getRunHealthLabelKey(health: AutomationRunHealth): I18nKey {\n  switch (health) {\n    case \"success\":\n      return I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_SUCCEEDED;\n    case \"failed\":\n      return I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_FAILED;\n    case \"warning\":\n      return I18nKey.AUTOMATIONS$DETAIL$NEEDS_REVIEW;\n    case \"in_progress\":\n      return I18nKey.FEATURED_AUTOMATIONS$RUN_IN_PROGRESS;\n    case \"none\":\n      return I18nKey.AUTOMATIONS$DETAIL$NO_RUNS;\n    default:\n      return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNKNOWN;\n  }\n}\n\n/** Known event sources rendered with brand casing; others title-case. */\nconst TRIGGER_SOURCE_LABELS: Record<string, string> = {\n  github: \"GitHub\",\n  gitlab: \"GitLab\",\n  slack: \"Slack\",\n  linear: \"Linear\",\n  jira: \"Jira\",\n};\n\nexport function formatTriggerSourceLabel(source: string): string {\n  const key = source.trim().toLowerCase();\n  if (!key) return source;\n  return (\n    TRIGGER_SOURCE_LABELS[key] ??\n    key.replace(/\\b\\w/g, (char) => char.toUpperCase())\n  );\n}\n\nexport function getTriggerEventLabel(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type !== \"event\") return null;\n  return trigger.on ? formatEventOn(trigger.on) : null;\n}\n\nexport function getTriggerSource(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type !== \"event\") return null;\n  return trigger.source?.trim() || null;\n}\n\nexport function getTriggerScheduleLabel(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type === \"event\") return null;\n  return trigger.schedule_human || trigger.schedule || trigger.type || null;\n}\n\nexport function getTriggerSummary(automation: Automation): string {\n  const { trigger } = automation;\n  if (trigger.type === \"event\") {\n    const source = getTriggerSource(automation);\n    return [\n      getTriggerEventLabel(automation) ?? \"\",\n      source ? `(${formatTriggerSourceLabel(source)})` : \"\",\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  }\n  return getTriggerScheduleLabel(automation) ?? trigger.type;\n}\n\n/** Inline status-row preview length (keeps the status area to one line). */\nconst ERROR_DETAIL_INLINE_MAX = 48;\n\n/**\n * Short preview for the pinned-card status row. Prefer the first sentence,\n * then hard-truncate so the row stays single-line.\n */\nexport function shortenAutomationRunSummary(summary: string): string {\n  const trimmed = summary.trim().replace(/\\s+/g, \" \");\n  if (!trimmed) return trimmed;\n  const firstSentence = trimmed.match(/^.*?[.!?](?=\\s|$)/)?.[0] ?? trimmed;\n  if (firstSentence.length <= ERROR_DETAIL_INLINE_MAX) return firstSentence;\n  return `${firstSentence.slice(0, ERROR_DETAIL_INLINE_MAX - 1).trimEnd()}…`;\n}\n\n/** True when the inline preview is shortened and the full message belongs in a hovercard. */\nexport function shouldShowAutomationRunSummaryHovercard(\n  summary: string,\n  shortSummary: string = shortenAutomationRunSummary(summary),\n): boolean {\n  return summary.trim().replace(/\\s+/g, \" \") !== shortSummary;\n}\n\nexport const shortenAutomationErrorDetail = shortenAutomationRunSummary;\nexport const shouldShowAutomationErrorHovercard =\n  shouldShowAutomationRunSummaryHovercard;\n\n/**\n * Timestamp to show as the run's \"last run\" moment, or null when the run\n * has no usable timestamp yet. The backend leaves started_at unset\n * (epoch/zero) while a run is PENDING and only populates it once execution\n * begins.\n */\nexport function getLastRunTimestamp(run: AutomationRun): string | null {\n  const candidate = run.completed_at ?? run.started_at;\n  if (!candidate) return null;\n  const time = new Date(candidate).getTime();\n  if (Number.isNaN(time) || time === 0) return null;\n  return candidate;\n}\n"],"mappings":"yQAkBA,SAAgB,EACd,EACqB,CACrB,GAAI,EAAM,WAAa,EAAM,QAAS,MAAO,UAC7C,GAAI,CAAC,EAAM,UAAW,MAAO,OAE7B,OADgB,EAAA,wBAAwB,EAAM,SACtC,EAAQ,YAAhB,CACE,KAAK,EAAA,oBAAoB,UACzB,IAAK,UACH,MAAO,UACT,KAAK,EAAA,oBAAoB,OACzB,IAAK,SACH,MAAO,SACT,IAAK,UACL,IAAK,kBACL,IAAK,UACH,MAAO,UACT,KAAK,EAAA,oBAAoB,QACzB,KAAK,EAAA,oBAAoB,QACvB,MAAO,cACT,QACE,MAAO,SACX,CACF,CAEA,SAAgB,EAAqB,EAAsC,CACzE,OAAQ,EAAR,CACE,IAAK,UACH,OAAO,EAAA,QAAQ,wCACjB,IAAK,SACH,OAAO,EAAA,QAAQ,qCACjB,IAAK,UACH,OAAO,EAAA,QAAQ,gCACjB,IAAK,cACH,OAAO,EAAA,QAAQ,qCACjB,IAAK,OACH,OAAO,EAAA,QAAQ,2BACjB,QACE,OAAO,EAAA,QAAQ,mCACnB,CACF,CAGA,IAAM,EAAgD,CACpD,OAAQ,SACR,OAAQ,SACR,MAAO,QACP,OAAQ,SACR,KAAM,MACR,EAEA,SAAgB,EAAyB,EAAwB,CAC/D,IAAM,EAAM,EAAO,KAAK,EAAE,YAAY,EAEtC,OADK,EAEH,EAAsB,IACtB,EAAI,QAAQ,QAAU,GAAS,EAAK,YAAY,CAAC,EAHlC,CAKnB,CAEA,SAAgB,EAAqB,EAAuC,CAC1E,GAAM,CAAE,WAAY,EAEpB,OADI,EAAQ,OAAS,SACd,EAAQ,GAAK,EAAA,cAAc,EAAQ,EAAE,EAAI,IAClD,CAEA,SAAgB,EAAiB,EAAuC,CACtE,GAAM,CAAE,WAAY,EAEpB,OADI,EAAQ,OAAS,SACd,EAAQ,QAAQ,KAAK,GADS,IAEvC,CAEA,SAAgB,EAAwB,EAAuC,CAC7E,GAAM,CAAE,WAAY,EAEpB,OADI,EAAQ,OAAS,QAAgB,KAC9B,EAAQ,gBAAkB,EAAQ,UAAY,EAAQ,MAAQ,IACvE,CAEA,SAAgB,EAAkB,EAAgC,CAChE,GAAM,CAAE,WAAY,EACpB,GAAI,EAAQ,OAAS,QAAS,CAC5B,IAAM,EAAS,EAAiB,CAAU,EAC1C,MAAO,CACL,EAAqB,CAAU,GAAK,GACpC,EAAS,IAAI,EAAyB,CAAM,EAAE,GAAK,EACrD,EACG,OAAO,OAAO,EACd,KAAK,GAAG,CACb,CACA,OAAO,EAAwB,CAAU,GAAK,EAAQ,IACxD,CAGA,IAAM,EAA0B,GAMhC,SAAgB,EAA4B,EAAyB,CACnE,IAAM,EAAU,EAAQ,KAAK,EAAE,QAAQ,OAAQ,GAAG,EAClD,GAAI,CAAC,EAAS,OAAO,EACrB,IAAM,EAAgB,EAAQ,MAAM,mBAAmB,IAAI,IAAM,EAEjE,OADI,EAAc,QAAU,EAAgC,EACrD,GAAG,EAAc,MAAM,EAAG,EAA0B,CAAC,EAAE,QAAQ,EAAE,EAC1E,CAGA,SAAgB,EACd,EACA,EAAuB,EAA4B,CAAO,EACjD,CACT,OAAO,EAAQ,KAAK,EAAE,QAAQ,OAAQ,GAAG,IAAM,CACjD,CAYA,SAAgB,EAAoB,EAAmC,CACrE,IAAM,EAAY,EAAI,cAAgB,EAAI,WAC1C,GAAI,CAAC,EAAW,OAAO,KACvB,IAAM,EAAO,IAAI,KAAK,CAAS,EAAE,QAAQ,EAEzC,OADI,OAAO,MAAM,CAAI,GAAK,IAAS,EAAU,KACtC,CACT"}

package/dist/components/features/home/featured-automations/automation-run-health.d.ts

@@ -1,7 +1,7 @@
 import type { LatestAutomationRunState } from "#/hooks/query/use-latest-automation-runs";
 import { I18nKey } from "#/i18n/declaration";
 import { type Automation, type AutomationRun } from "#/types/automation";
-export type AutomationRunHealth = "success" | "failed" | "in_progress" | "none" | "unknown";
+export type AutomationRunHealth = "success" | "failed" | "warning" | "in_progress" | "none" | "unknown";
 export declare function deriveRunHealth(state: LatestAutomationRunState): AutomationRunHealth;
 export declare function getRunHealthLabelKey(health: AutomationRunHealth): I18nKey;
 export declare function formatTriggerSourceLabel(source: string): string;
@@ -13,9 +13,11 @@ export declare function getTriggerSummary(automation: Automation): string;
  * Short preview for the pinned-card status row. Prefer the first sentence,
  * then hard-truncate so the row stays single-line.
  */
-export declare function shortenAutomationErrorDetail(detail: string): string;
+export declare function shortenAutomationRunSummary(summary: string): string;
 /** True when the inline preview is shortened and the full message belongs in a hovercard. */
-export declare function shouldShowAutomationErrorHovercard(detail: string, shortDetail?: string): boolean;
+export declare function shouldShowAutomationRunSummaryHovercard(summary: string, shortSummary?: string): boolean;
+export declare const shortenAutomationErrorDetail: typeof shortenAutomationRunSummary;
+export declare const shouldShowAutomationErrorHovercard: typeof shouldShowAutomationRunSummaryHovercard;
 /**
  * Timestamp to show as the run's "last run" moment, or null when the run
  * has no usable timestamp yet. The backend leaves started_at unset

package/dist/components/features/home/featured-automations/automation-run-health.js

@@ -1,75 +1,82 @@
 import { I18nKey as e } from "../../../../i18n/declaration.js";
 import { AutomationRunStatus as t } from "../../../../types/automation.js";
-import { formatEventOn as n } from "../../../../utils/automation-schedule.js";
+import { getAutomationRunDisplay as n } from "../../../../utils/automation-run-display.js";
+import { formatEventOn as r } from "../../../../utils/automation-schedule.js";
 //#region src/components/features/home/featured-automations/automation-run-health.ts
-function r(e) {
+function i(e) {
 	if (e.isLoading || e.isError) return "unknown";
 	if (!e.latestRun) return "none";
-	switch (e.latestRun.status) {
-		case t.COMPLETED: return "success";
-		case t.FAILED: return "failed";
+	switch (n(e.latestRun).badgeStatus) {
+		case t.COMPLETED:
+		case "success": return "success";
+		case t.FAILED:
+		case "failed": return "failed";
+		case "blocked":
+		case "partial_success":
+		case "unknown": return "warning";
 		case t.PENDING:
 		case t.RUNNING: return "in_progress";
 		default: return "unknown";
 	}
 }
-function i(t) {
+function a(t) {
 	switch (t) {
 		case "success": return e.FEATURED_AUTOMATIONS$LAST_RUN_SUCCEEDED;
 		case "failed": return e.FEATURED_AUTOMATIONS$LAST_RUN_FAILED;
+		case "warning": return e.AUTOMATIONS$DETAIL$NEEDS_REVIEW;
 		case "in_progress": return e.FEATURED_AUTOMATIONS$RUN_IN_PROGRESS;
 		case "none": return e.AUTOMATIONS$DETAIL$NO_RUNS;
 		default: return e.FEATURED_AUTOMATIONS$STATUS_UNKNOWN;
 	}
 }
-var a = {
+var o = {
 	github: "GitHub",
 	gitlab: "GitLab",
 	slack: "Slack",
 	linear: "Linear",
 	jira: "Jira"
 };
-function o(e) {
+function s(e) {
 	let t = e.trim().toLowerCase();
-	return t ? a[t] ?? t.replace(/\b\w/g, (e) => e.toUpperCase()) : e;
+	return t ? o[t] ?? t.replace(/\b\w/g, (e) => e.toUpperCase()) : e;
 }
-function s(e) {
+function c(e) {
 	let { trigger: t } = e;
-	return t.type === "event" && t.on ? n(t.on) : null;
+	return t.type === "event" && t.on ? r(t.on) : null;
 }
-function c(e) {
+function l(e) {
 	let { trigger: t } = e;
 	return t.type === "event" && t.source?.trim() || null;
 }
-function l(e) {
+function u(e) {
 	let { trigger: t } = e;
 	return t.type === "event" ? null : t.schedule_human || t.schedule || t.type || null;
 }
-function u(e) {
+function d(e) {
 	let { trigger: t } = e;
 	if (t.type === "event") {
-		let t = c(e);
-		return [s(e) ?? "", t ? `(${o(t)})` : ""].filter(Boolean).join(" ");
+		let t = l(e);
+		return [c(e) ?? "", t ? `(${s(t)})` : ""].filter(Boolean).join(" ");
 	}
-	return l(e) ?? t.type;
+	return u(e) ?? t.type;
 }
-var d = 48;
-function f(e) {
+var f = 48;
+function p(e) {
 	let t = e.trim().replace(/\s+/g, " ");
 	if (!t) return t;
 	let n = t.match(/^.*?[.!?](?=\s|$)/)?.[0] ?? t;
-	return n.length <= d ? n : `${n.slice(0, d - 1).trimEnd()}…`;
+	return n.length <= f ? n : `${n.slice(0, f - 1).trimEnd()}…`;
 }
-function p(e, t = f(e)) {
+function m(e, t = p(e)) {
 	return e.trim().replace(/\s+/g, " ") !== t;
 }
-function m(e) {
+function h(e) {
 	let t = e.completed_at ?? e.started_at;
 	if (!t) return null;
 	let n = new Date(t).getTime();
 	return Number.isNaN(n) || n === 0 ? null : t;
 }
 //#endregion
-export { r as deriveRunHealth, o as formatTriggerSourceLabel, m as getLastRunTimestamp, i as getRunHealthLabelKey, s as getTriggerEventLabel, l as getTriggerScheduleLabel, c as getTriggerSource, u as getTriggerSummary, f as shortenAutomationErrorDetail, p as shouldShowAutomationErrorHovercard };
+export { i as deriveRunHealth, s as formatTriggerSourceLabel, h as getLastRunTimestamp, a as getRunHealthLabelKey, c as getTriggerEventLabel, u as getTriggerScheduleLabel, l as getTriggerSource, d as getTriggerSummary, p as shortenAutomationRunSummary, m as shouldShowAutomationRunSummaryHovercard };
 
 //# sourceMappingURL=automation-run-health.js.map

package/dist/components/features/home/featured-automations/automation-run-health.js.map

@@ -1 +1 @@
-{"version":3,"file":"automation-run-health.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-run-health.ts"],"sourcesContent":["import type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  AutomationRunStatus,\n  type Automation,\n  type AutomationRun,\n} from \"#/types/automation\";\nimport { formatEventOn } from \"#/utils/automation-schedule\";\n\nexport type AutomationRunHealth =\n  | \"success\"\n  | \"failed\"\n  | \"in_progress\"\n  | \"none\"\n  | \"unknown\";\n\nexport function deriveRunHealth(\n  state: LatestAutomationRunState,\n): AutomationRunHealth {\n  if (state.isLoading || state.isError) return \"unknown\";\n  if (!state.latestRun) return \"none\";\n  switch (state.latestRun.status) {\n    case AutomationRunStatus.COMPLETED:\n      return \"success\";\n    case AutomationRunStatus.FAILED:\n      return \"failed\";\n    case AutomationRunStatus.PENDING:\n    case AutomationRunStatus.RUNNING:\n      return \"in_progress\";\n    // CANCELLED, SKIPPED, and any status the backend adds after this enum.\n    default:\n      return \"unknown\";\n  }\n}\n\nexport function getRunHealthLabelKey(health: AutomationRunHealth): I18nKey {\n  switch (health) {\n    case \"success\":\n      return I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_SUCCEEDED;\n    case \"failed\":\n      return I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_FAILED;\n    case \"in_progress\":\n      return I18nKey.FEATURED_AUTOMATIONS$RUN_IN_PROGRESS;\n    case \"none\":\n      return I18nKey.AUTOMATIONS$DETAIL$NO_RUNS;\n    default:\n      return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNKNOWN;\n  }\n}\n\n/** Known event sources rendered with brand casing; others title-case. */\nconst TRIGGER_SOURCE_LABELS: Record<string, string> = {\n  github: \"GitHub\",\n  gitlab: \"GitLab\",\n  slack: \"Slack\",\n  linear: \"Linear\",\n  jira: \"Jira\",\n};\n\nexport function formatTriggerSourceLabel(source: string): string {\n  const key = source.trim().toLowerCase();\n  if (!key) return source;\n  return (\n    TRIGGER_SOURCE_LABELS[key] ??\n    key.replace(/\\b\\w/g, (char) => char.toUpperCase())\n  );\n}\n\nexport function getTriggerEventLabel(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type !== \"event\") return null;\n  return trigger.on ? formatEventOn(trigger.on) : null;\n}\n\nexport function getTriggerSource(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type !== \"event\") return null;\n  return trigger.source?.trim() || null;\n}\n\nexport function getTriggerScheduleLabel(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type === \"event\") return null;\n  return trigger.schedule_human || trigger.schedule || trigger.type || null;\n}\n\nexport function getTriggerSummary(automation: Automation): string {\n  const { trigger } = automation;\n  if (trigger.type === \"event\") {\n    const source = getTriggerSource(automation);\n    return [\n      getTriggerEventLabel(automation) ?? \"\",\n      source ? `(${formatTriggerSourceLabel(source)})` : \"\",\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  }\n  return getTriggerScheduleLabel(automation) ?? trigger.type;\n}\n\n/** Inline status-row preview length (keeps the status area to one line). */\nconst ERROR_DETAIL_INLINE_MAX = 48;\n\n/**\n * Short preview for the pinned-card status row. Prefer the first sentence,\n * then hard-truncate so the row stays single-line.\n */\nexport function shortenAutomationErrorDetail(detail: string): string {\n  const trimmed = detail.trim().replace(/\\s+/g, \" \");\n  if (!trimmed) return trimmed;\n  const firstSentence = trimmed.match(/^.*?[.!?](?=\\s|$)/)?.[0] ?? trimmed;\n  if (firstSentence.length <= ERROR_DETAIL_INLINE_MAX) return firstSentence;\n  return `${firstSentence.slice(0, ERROR_DETAIL_INLINE_MAX - 1).trimEnd()}…`;\n}\n\n/** True when the inline preview is shortened and the full message belongs in a hovercard. */\nexport function shouldShowAutomationErrorHovercard(\n  detail: string,\n  shortDetail: string = shortenAutomationErrorDetail(detail),\n): boolean {\n  return detail.trim().replace(/\\s+/g, \" \") !== shortDetail;\n}\n\n/**\n * Timestamp to show as the run's \"last run\" moment, or null when the run\n * has no usable timestamp yet. The backend leaves started_at unset\n * (epoch/zero) while a run is PENDING and only populates it once execution\n * begins.\n */\nexport function getLastRunTimestamp(run: AutomationRun): string | null {\n  const candidate = run.completed_at ?? run.started_at;\n  if (!candidate) return null;\n  const time = new Date(candidate).getTime();\n  if (Number.isNaN(time) || time === 0) return null;\n  return candidate;\n}\n"],"mappings":";;;;AAgBA,SAAgB,EACd,GACqB;CACrB,IAAI,EAAM,aAAa,EAAM,SAAS,OAAO;CAC7C,IAAI,CAAC,EAAM,WAAW,OAAO;CAC7B,QAAQ,EAAM,UAAU,QAAxB;EACE,KAAK,EAAoB,WACvB,OAAO;EACT,KAAK,EAAoB,QACvB,OAAO;EACT,KAAK,EAAoB;EACzB,KAAK,EAAoB,SACvB,OAAO;EAET,SACE,OAAO;CACX;AACF;AAEA,SAAgB,EAAqB,GAAsC;CACzE,QAAQ,GAAR;EACE,KAAK,WACH,OAAO,EAAQ;EACjB,KAAK,UACH,OAAO,EAAQ;EACjB,KAAK,eACH,OAAO,EAAQ;EACjB,KAAK,QACH,OAAO,EAAQ;EACjB,SACE,OAAO,EAAQ;CACnB;AACF;AAGA,IAAM,IAAgD;CACpD,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAM;AACR;AAEA,SAAgB,EAAyB,GAAwB;CAC/D,IAAM,IAAM,EAAO,KAAK,EAAE,YAAY;CAEtC,OADK,IAEH,EAAsB,MACtB,EAAI,QAAQ,UAAU,MAAS,EAAK,YAAY,CAAC,IAHlC;AAKnB;AAEA,SAAgB,EAAqB,GAAuC;CAC1E,IAAM,EAAE,eAAY;CAEpB,OADI,EAAQ,SAAS,WACd,EAAQ,KAAK,EAAc,EAAQ,EAAE,IAAI;AAClD;AAEA,SAAgB,EAAiB,GAAuC;CACtE,IAAM,EAAE,eAAY;CAEpB,OADI,EAAQ,SAAS,WACd,EAAQ,QAAQ,KAAK,KADS;AAEvC;AAEA,SAAgB,EAAwB,GAAuC;CAC7E,IAAM,EAAE,eAAY;CAEpB,OADI,EAAQ,SAAS,UAAgB,OAC9B,EAAQ,kBAAkB,EAAQ,YAAY,EAAQ,QAAQ;AACvE;AAEA,SAAgB,EAAkB,GAAgC;CAChE,IAAM,EAAE,eAAY;CACpB,IAAI,EAAQ,SAAS,SAAS;EAC5B,IAAM,IAAS,EAAiB,CAAU;EAC1C,OAAO,CACL,EAAqB,CAAU,KAAK,IACpC,IAAS,IAAI,EAAyB,CAAM,EAAE,KAAK,EACrD,EACG,OAAO,OAAO,EACd,KAAK,GAAG;CACb;CACA,OAAO,EAAwB,CAAU,KAAK,EAAQ;AACxD;AAGA,IAAM,IAA0B;AAMhC,SAAgB,EAA6B,GAAwB;CACnE,IAAM,IAAU,EAAO,KAAK,EAAE,QAAQ,QAAQ,GAAG;CACjD,IAAI,CAAC,GAAS,OAAO;CACrB,IAAM,IAAgB,EAAQ,MAAM,mBAAmB,IAAI,MAAM;CAEjE,OADI,EAAc,UAAU,IAAgC,IACrD,GAAG,EAAc,MAAM,GAAG,IAA0B,CAAC,EAAE,QAAQ,EAAE;AAC1E;AAGA,SAAgB,EACd,GACA,IAAsB,EAA6B,CAAM,GAChD;CACT,OAAO,EAAO,KAAK,EAAE,QAAQ,QAAQ,GAAG,MAAM;AAChD;AAQA,SAAgB,EAAoB,GAAmC;CACrE,IAAM,IAAY,EAAI,gBAAgB,EAAI;CAC1C,IAAI,CAAC,GAAW,OAAO;CACvB,IAAM,IAAO,IAAI,KAAK,CAAS,EAAE,QAAQ;CAEzC,OADI,OAAO,MAAM,CAAI,KAAK,MAAS,IAAU,OACtC;AACT"}
+{"version":3,"file":"automation-run-health.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-run-health.ts"],"sourcesContent":["import type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  AutomationRunStatus,\n  type Automation,\n  type AutomationRun,\n} from \"#/types/automation\";\nimport { getAutomationRunDisplay } from \"#/utils/automation-run-display\";\nimport { formatEventOn } from \"#/utils/automation-schedule\";\n\nexport type AutomationRunHealth =\n  | \"success\"\n  | \"failed\"\n  | \"warning\"\n  | \"in_progress\"\n  | \"none\"\n  | \"unknown\";\n\nexport function deriveRunHealth(\n  state: LatestAutomationRunState,\n): AutomationRunHealth {\n  if (state.isLoading || state.isError) return \"unknown\";\n  if (!state.latestRun) return \"none\";\n  const display = getAutomationRunDisplay(state.latestRun);\n  switch (display.badgeStatus) {\n    case AutomationRunStatus.COMPLETED:\n    case \"success\":\n      return \"success\";\n    case AutomationRunStatus.FAILED:\n    case \"failed\":\n      return \"failed\";\n    case \"blocked\":\n    case \"partial_success\":\n    case \"unknown\":\n      return \"warning\";\n    case AutomationRunStatus.PENDING:\n    case AutomationRunStatus.RUNNING:\n      return \"in_progress\";\n    default:\n      return \"unknown\";\n  }\n}\n\nexport function getRunHealthLabelKey(health: AutomationRunHealth): I18nKey {\n  switch (health) {\n    case \"success\":\n      return I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_SUCCEEDED;\n    case \"failed\":\n      return I18nKey.FEATURED_AUTOMATIONS$LAST_RUN_FAILED;\n    case \"warning\":\n      return I18nKey.AUTOMATIONS$DETAIL$NEEDS_REVIEW;\n    case \"in_progress\":\n      return I18nKey.FEATURED_AUTOMATIONS$RUN_IN_PROGRESS;\n    case \"none\":\n      return I18nKey.AUTOMATIONS$DETAIL$NO_RUNS;\n    default:\n      return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNKNOWN;\n  }\n}\n\n/** Known event sources rendered with brand casing; others title-case. */\nconst TRIGGER_SOURCE_LABELS: Record<string, string> = {\n  github: \"GitHub\",\n  gitlab: \"GitLab\",\n  slack: \"Slack\",\n  linear: \"Linear\",\n  jira: \"Jira\",\n};\n\nexport function formatTriggerSourceLabel(source: string): string {\n  const key = source.trim().toLowerCase();\n  if (!key) return source;\n  return (\n    TRIGGER_SOURCE_LABELS[key] ??\n    key.replace(/\\b\\w/g, (char) => char.toUpperCase())\n  );\n}\n\nexport function getTriggerEventLabel(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type !== \"event\") return null;\n  return trigger.on ? formatEventOn(trigger.on) : null;\n}\n\nexport function getTriggerSource(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type !== \"event\") return null;\n  return trigger.source?.trim() || null;\n}\n\nexport function getTriggerScheduleLabel(automation: Automation): string | null {\n  const { trigger } = automation;\n  if (trigger.type === \"event\") return null;\n  return trigger.schedule_human || trigger.schedule || trigger.type || null;\n}\n\nexport function getTriggerSummary(automation: Automation): string {\n  const { trigger } = automation;\n  if (trigger.type === \"event\") {\n    const source = getTriggerSource(automation);\n    return [\n      getTriggerEventLabel(automation) ?? \"\",\n      source ? `(${formatTriggerSourceLabel(source)})` : \"\",\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  }\n  return getTriggerScheduleLabel(automation) ?? trigger.type;\n}\n\n/** Inline status-row preview length (keeps the status area to one line). */\nconst ERROR_DETAIL_INLINE_MAX = 48;\n\n/**\n * Short preview for the pinned-card status row. Prefer the first sentence,\n * then hard-truncate so the row stays single-line.\n */\nexport function shortenAutomationRunSummary(summary: string): string {\n  const trimmed = summary.trim().replace(/\\s+/g, \" \");\n  if (!trimmed) return trimmed;\n  const firstSentence = trimmed.match(/^.*?[.!?](?=\\s|$)/)?.[0] ?? trimmed;\n  if (firstSentence.length <= ERROR_DETAIL_INLINE_MAX) return firstSentence;\n  return `${firstSentence.slice(0, ERROR_DETAIL_INLINE_MAX - 1).trimEnd()}…`;\n}\n\n/** True when the inline preview is shortened and the full message belongs in a hovercard. */\nexport function shouldShowAutomationRunSummaryHovercard(\n  summary: string,\n  shortSummary: string = shortenAutomationRunSummary(summary),\n): boolean {\n  return summary.trim().replace(/\\s+/g, \" \") !== shortSummary;\n}\n\nexport const shortenAutomationErrorDetail = shortenAutomationRunSummary;\nexport const shouldShowAutomationErrorHovercard =\n  shouldShowAutomationRunSummaryHovercard;\n\n/**\n * Timestamp to show as the run's \"last run\" moment, or null when the run\n * has no usable timestamp yet. The backend leaves started_at unset\n * (epoch/zero) while a run is PENDING and only populates it once execution\n * begins.\n */\nexport function getLastRunTimestamp(run: AutomationRun): string | null {\n  const candidate = run.completed_at ?? run.started_at;\n  if (!candidate) return null;\n  const time = new Date(candidate).getTime();\n  if (Number.isNaN(time) || time === 0) return null;\n  return candidate;\n}\n"],"mappings":";;;;;AAkBA,SAAgB,EACd,GACqB;CACrB,IAAI,EAAM,aAAa,EAAM,SAAS,OAAO;CAC7C,IAAI,CAAC,EAAM,WAAW,OAAO;CAE7B,QADgB,EAAwB,EAAM,SACtC,EAAQ,aAAhB;EACE,KAAK,EAAoB;EACzB,KAAK,WACH,OAAO;EACT,KAAK,EAAoB;EACzB,KAAK,UACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,WACH,OAAO;EACT,KAAK,EAAoB;EACzB,KAAK,EAAoB,SACvB,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,EAAqB,GAAsC;CACzE,QAAQ,GAAR;EACE,KAAK,WACH,OAAO,EAAQ;EACjB,KAAK,UACH,OAAO,EAAQ;EACjB,KAAK,WACH,OAAO,EAAQ;EACjB,KAAK,eACH,OAAO,EAAQ;EACjB,KAAK,QACH,OAAO,EAAQ;EACjB,SACE,OAAO,EAAQ;CACnB;AACF;AAGA,IAAM,IAAgD;CACpD,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAM;AACR;AAEA,SAAgB,EAAyB,GAAwB;CAC/D,IAAM,IAAM,EAAO,KAAK,EAAE,YAAY;CAEtC,OADK,IAEH,EAAsB,MACtB,EAAI,QAAQ,UAAU,MAAS,EAAK,YAAY,CAAC,IAHlC;AAKnB;AAEA,SAAgB,EAAqB,GAAuC;CAC1E,IAAM,EAAE,eAAY;CAEpB,OADI,EAAQ,SAAS,WACd,EAAQ,KAAK,EAAc,EAAQ,EAAE,IAAI;AAClD;AAEA,SAAgB,EAAiB,GAAuC;CACtE,IAAM,EAAE,eAAY;CAEpB,OADI,EAAQ,SAAS,WACd,EAAQ,QAAQ,KAAK,KADS;AAEvC;AAEA,SAAgB,EAAwB,GAAuC;CAC7E,IAAM,EAAE,eAAY;CAEpB,OADI,EAAQ,SAAS,UAAgB,OAC9B,EAAQ,kBAAkB,EAAQ,YAAY,EAAQ,QAAQ;AACvE;AAEA,SAAgB,EAAkB,GAAgC;CAChE,IAAM,EAAE,eAAY;CACpB,IAAI,EAAQ,SAAS,SAAS;EAC5B,IAAM,IAAS,EAAiB,CAAU;EAC1C,OAAO,CACL,EAAqB,CAAU,KAAK,IACpC,IAAS,IAAI,EAAyB,CAAM,EAAE,KAAK,EACrD,EACG,OAAO,OAAO,EACd,KAAK,GAAG;CACb;CACA,OAAO,EAAwB,CAAU,KAAK,EAAQ;AACxD;AAGA,IAAM,IAA0B;AAMhC,SAAgB,EAA4B,GAAyB;CACnE,IAAM,IAAU,EAAQ,KAAK,EAAE,QAAQ,QAAQ,GAAG;CAClD,IAAI,CAAC,GAAS,OAAO;CACrB,IAAM,IAAgB,EAAQ,MAAM,mBAAmB,IAAI,MAAM;CAEjE,OADI,EAAc,UAAU,IAAgC,IACrD,GAAG,EAAc,MAAM,GAAG,IAA0B,CAAC,EAAE,QAAQ,EAAE;AAC1E;AAGA,SAAgB,EACd,GACA,IAAuB,EAA4B,CAAO,GACjD;CACT,OAAO,EAAQ,KAAK,EAAE,QAAQ,QAAQ,GAAG,MAAM;AACjD;AAYA,SAAgB,EAAoB,GAAmC;CACrE,IAAM,IAAY,EAAI,gBAAgB,EAAI;CAC1C,IAAI,CAAC,GAAW,OAAO;CACvB,IAAM,IAAO,IAAI,KAAK,CAAS,EAAE,QAAQ;CAEzC,OADI,OAAO,MAAM,CAAI,KAAK,MAAS,IAAU,OACtC;AACT"}

package/dist/components/features/home/featured-automations/home-automation-activity.d.ts

@@ -1,13 +1,14 @@
 import type { LatestAutomationRunState } from "#/hooks/query/use-latest-automation-runs";
 import { I18nKey } from "#/i18n/declaration";
-import { AutomationRunStatus, type Automation } from "#/types/automation";
+import { type Automation } from "#/types/automation";
+import { type AutomationRunBadgeStatus } from "#/utils/automation-run-display";
 /** Live home-page row/card model derived from an automation + its latest run. */
 export interface HomeAutomationActivityItem {
     id: string;
     name: string;
     triggerSummary: string;
     /** Null when the automation has never run (or the run fetch failed). */
-    status: AutomationRunStatus | null;
+    status: AutomationRunBadgeStatus | null;
     /** Relative time label, or null when there is no usable timestamp. */
     whenLabel: string | null;
     conversationId: string | null;

package/dist/components/features/home/featured-automations/home-automation-run-tooltip.cjs

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/zap.cjs"),r=require("../../../../types/automation.cjs"),i=require("../../../../utils/format-relative-time.cjs"),a=require("../../../../icons/clock.cjs"),o=require("./automation-run-health.cjs"),s=require("./automation-health-indicator.cjs");let c=require("react/jsx-runtime");function l(e){return e.isError?t.I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE:o.getRunHealthLabelKey(o.deriveRunHealth(e))}function u({label:e,children:t}){return(0,c.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,c.jsx)(`span`,{className:`w-20 shrink-0 text-[var(--oh-muted)]`,children:e}),(0,c.jsx)(`span`,{className:`min-w-0 flex-1 break-words text-[var(--oh-foreground)]`,children:t})]})}function d({automation:d,runState:f}){let{t:p,i18n:m}=e.useTranslation(`openhands`),{latestRun:h}=f,g=h?o.getLastRunTimestamp(h):null,_=d.trigger.type===`event`?n.Zap:a.default,v=o.deriveRunHealth(f);return(0,c.jsxs)(`div`,{className:`flex w-[280px] flex-col gap-3 p-3`,children:[(0,c.jsx)(`span`,{className:`break-words text-sm font-medium text-white`,children:d.name}),(0,c.jsxs)(`dl`,{className:`flex flex-col gap-1.5`,children:[(0,c.jsx)(u,{label:p(t.I18nKey.AUTOMATIONS$DETAIL$TRIGGER),children:(0,c.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[(0,c.jsx)(_,{className:`mt-0.5 size-3 shrink-0`,"aria-hidden":`true`}),(0,c.jsx)(`span`,{className:`break-all`,children:o.getTriggerSummary(d)})]})}),(0,c.jsx)(u,{label:p(t.I18nKey.COMMON$STATUS),children:(0,c.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[(0,c.jsx)(s.AutomationHealthIndicator,{health:v}),(0,c.jsx)(`span`,{children:p(l(f))})]})}),g?(0,c.jsx)(u,{label:p(t.I18nKey.AUTOMATIONS$DETAIL$LAST_RUN),children:i.formatRelativeTime(g,m.language,p)}):null,h?.status===r.AutomationRunStatus.FAILED&&h.error_detail?(0,c.jsx)(u,{label:p(t.I18nKey.STATUS$ERROR),children:(0,c.jsx)(`span`,{className:`line-clamp-3 text-[var(--oh-status-error)]`,children:h.error_detail})}):null]})]})}exports.HomeAutomationRunTooltip=d,exports.getRunStatusLabelKey=l;
+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/automation-run-display.cjs"),i=require("../../../../utils/format-relative-time.cjs"),a=require("../../../../icons/clock.cjs"),o=require("./automation-run-health.cjs"),s=require("../../automations/detail/run-phase.cjs"),c=require("./automation-health-indicator.cjs");let l=require("react/jsx-runtime");function u(e){return e.isError?t.I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE:e.latestRun?r.getAutomationRunBadgeLabelKey(r.getAutomationRunDisplay(e.latestRun).badgeStatus):o.getRunHealthLabelKey(o.deriveRunHealth(e))}function d({label:e,children:t}){return(0,l.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,l.jsx)(`span`,{className:`w-20 shrink-0 text-[var(--oh-muted)]`,children:e}),(0,l.jsx)(`span`,{className:`min-w-0 flex-1 break-words text-[var(--oh-foreground)]`,children:t})]})}function f({run:n}){let{t:r}=e.useTranslation(`openhands`),i=s.useRunPhase({status:n?.status,code:n?.phase_code,label:n?.phase_label,updatedAt:n?.phase_updated_at});if(!n||!s.shouldShowRunPhase(n.status)||!i)return null;let{text:a,age:o}=i;return(0,l.jsx)(d,{label:r(t.I18nKey.AUTOMATIONS$DETAIL$PHASE),children:(0,l.jsxs)(`span`,{"data-testid":`run-phase-row`,children:[a,o?(0,l.jsxs)(`span`,{className:`text-muted`,children:[` · `,o]}):null]})})}function p({automation:s,runState:p}){let{t:m,i18n:h}=e.useTranslation(`openhands`),{latestRun:g}=p,_=g?o.getLastRunTimestamp(g):null,v=s.trigger.type===`event`?n.Zap:a.default,y=o.deriveRunHealth(p),b=g?r.getAutomationRunDisplay(g):null;return(0,l.jsxs)(`div`,{className:`flex w-[280px] flex-col gap-3 p-3`,children:[(0,l.jsx)(`span`,{className:`break-words text-sm font-medium text-white`,children:s.name}),(0,l.jsxs)(`dl`,{className:`flex flex-col gap-1.5`,children:[(0,l.jsx)(d,{label:m(t.I18nKey.AUTOMATIONS$DETAIL$TRIGGER),children:(0,l.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[(0,l.jsx)(v,{className:`mt-0.5 size-3 shrink-0`,"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:`break-all`,children:o.getTriggerSummary(s)})]})}),(0,l.jsx)(d,{label:m(t.I18nKey.COMMON$STATUS),children:(0,l.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[(0,l.jsx)(c.AutomationHealthIndicator,{health:y}),(0,l.jsx)(`span`,{children:m(u(p))})]})}),(0,l.jsx)(f,{run:g}),_?(0,l.jsx)(d,{label:m(t.I18nKey.AUTOMATIONS$DETAIL$LAST_RUN),children:i.formatRelativeTime(_,h.language,m)}):null,b?.summary?(0,l.jsx)(d,{label:m(t.I18nKey.AUTOMATIONS$DETAIL$TASK_LABEL),children:(0,l.jsx)(`span`,{className:`line-clamp-3 text-[var(--oh-text-secondary)]`,children:b.summary})}):null]})]})}exports.HomeAutomationRunTooltip=p,exports.getRunStatusLabelKey=u;
 //# sourceMappingURL=home-automation-run-tooltip.cjs.map